* {margin:0;  padding:0; }

img { border:0;}
body { padding:10px;}
body#main {background:#fff url(/images/body_bg.jpg) top repeat-x; font-family:"Trebuchet MS", "Times New Roman", Times, serif; color:#000; }
body#main, table {font-size:100.01%;   padding:0;}

table {border-collapse:collapse; }

a {color:#0F52C1; }
a:hover {text-decoration:none; }

a.imp {color: #FF6700; }

h1, h2, h3, h4, h5, h6 {color:#7A878C; margin-bottom:1em; }
h1, h2, h3 {font-weight:normal; margin-bottom:0.5em; }
h1 {font-size:1.8em; }
h2 {font-size:1.6em; }
h3 {font-size:1.4em; }


p.ts { 	font-size: 18px;line-height: 29px;}

h1.blk { color: black; font-size: 2em; margin-left:20px; margin-top: 1em;}
h2.blk { color: black; font-size: 1.6em;  margin-top: 1em; font-weight: normal;}

p {margin-bottom:1em; }
p.tab {margin-left:15px; }

ul.links {
	margin: 10px 0 20px 0;
	list-style: none;
	font-size: 13px;
	line-height: 19px;
}

ul.links a {
	color: #000;
}

		.tabs {
			height: 30px;
			list-style: none;
		}
		
		.tabs li {
			float:left;
			height: 29px;
			line-height: 29px;
			padding: 0 20px 0 0;
		}
		
		.tabs li.active {
			font-weight:normal;
			
		}
		
		.tabs a {
			color: #FD4E37;
		}


		.clear {
			height: 1px;
			clear: both;
		}
		
		.boxxie {
			padding: 20px 15px 20px 0px;
			margin-bottom: 10px;
		}
		
		.text_to_right {
			text-align: right;
		}

#wrap {position:relative; width:95%; margin:0 auto; min-width:975px; width:expression((document.documentElement.clientWidth||document.body.clientWidth) < 1020 ? "975px": "95%"); }
#max_width {position:relative; margin:0 auto; max-width:1220px; width:expression((document.documentElement.clientWidth||document.body.clientWidth) > 1280 ? "1220px": "auto"); }

	#skeleton {width:100%; font-size:0.8em; min-width:975px; }
	#skeleton tr, #skeleton td {vertical-align:top; }

	#skeleton td.cep {
		height: 21px;
	}
	#skeleton td.cep2 {
		height: 31px;
	}
	
	
		#header .struct_left {width:60%; padding:21px 18px 21px 0;}
			#icons {width:30%; }
			#icons span {margin-right:14px; }

			#hello {
				position: absolute;
				top: 20px;
				left: 4%;
			
				
			}
	
		#header .struct_right {width:39%; padding:20px 0; }
			#search {
				position: relative;
				height: 27px;
				padding: 8px 0 0 12px;
				background: url(/images/search_bg.jpg) repeat-x;
			}
			
			#search .inpt {
				display:block;
				width: 78%;
				font-size: 11px;
				padding: 2px 6px;
				border: 1px solid #B3ADA8;
			}
			
			#search .btn {
				position: absolute;
				right: 6%;
				top: 8px;
				height: 20px;
				padding: 0 6px;
				border: 1px solid #B3ADA8;
			}
		
		#menu {
			padding-right: 21px;
		}
		
		#menu .tabs {
			height: 34px;
		}
		
		#menu .tabs li {
			height: 32px;
			line-height: 32px;
			font-size: 18px;
		}
		
		#menu .box {
			
			
		}
		
		#menu .cols3 {
			width: 90%;
		}
		#menu .cols3 td {
			width:33%;
		}
		
		
		
		#title {
			
			padding: 0px 35px 0px 0px; 
			border-bottom: 2px solid #fff;
			
			
		}
		#title #bx {height: 100%; background: #e7ecee; padding-top: 13px; padding-bottom: 5px; padding-left: 105px;}
		#title #bx h1 {
			
		}
		
		#gd {
			border: 1px solid #DDE2E4;
			vertical-align: middle;
			text-align: center;
			background: url(/images/text_gooddesign.gif) center no-repeat;
		}
		#gdp {
			border: 1px solid #DDE2E4;
			vertical-align: middle;
			text-align: center;
			background: url(/images/kulish_adv.gif) center no-repeat;
		}
		#gdh {
			border: 1px solid #DDE2E4;
			vertical-align: middle;
			text-align: center;
			background: url(/images/logo_hordes_hosting.gif) center no-repeat;
		}		
		
		#promo {
			height: 190px;
			border: 1px solid #DDE2E4;
			background: url(/images/promo/butle.jpg) right no-repeat;
		}
		
		#info {
			background: url(/images/face.gif) 5px 4px no-repeat;
			padding-left: 45px;
		}
		
		
	#works {
	
		padding-right: 20px;
	
	}
	
	
	#works .content {
		padding: 35px 15px 20px 0px;
	
	}
	
	#works p {
		padding: 5px 0 25px 0px;
	}
	

	#works2 {
		padding-right: 20px;
	}
	#works2 h1 { color: #484b51; }
	table.blog_post td h1.posth { margin-left:0px;}
	#works2 .content {
		padding: 35px 15px 0px 0px;
	}
	
	#works2 p {
		padding: 5px 0 25px 0px;
	}
	
	
	
	#clients {
		color: #72818F;
		padding: 0 20px 20px 0px;
		
	}
	
	#footer {
		font-size: 0.85em;
	}
	
	#footer a {
		color: #000;
	}
	
	#footer .count {
		padding-right: 6px;
	}
	
	input.default_input { width: 98%; height: 16px; border: 1px solid #7f9db9; padding: 3px; margin-bottom:25px;}
	input.default_input2 { width: 40%; height: 16px; border: 1px solid #7f9db9; padding: 3px; margin-bottom:25px;}
	 textarea{ width: 98%; border: 1px solid #7f9db9; padding: 3px; margin-bottom:5px;}
	tr.fields td textarea { width: 98%; border: 1px solid #7f9db9; padding: 3px; margin-bottom:5px;}
	tr.fields td select { width: 98%; border: 1px solid #7f9db9; padding: 3px; margin-bottom:5px;}
	input.button { font-size:13px; padding-left: 10px; padding-right:10px; margin: 10px;}
	
	.port-edit { width: 100%; border: 1px solid red; }
	.fields { background: #DDE2E4;}
	tr.fields td { padding:10px;}
	tr.fields  td body {background: white;}
	.blog_post { margin-bottom: 10px;}
	.blog_post h1 { padding:0; margin:0;}
	.avatar { width:50px; vertical-align: middle; text-align: left;}
	.details { font-size: 10px; color: #666666; } 
	.padd15 {padding-left:15px;}
	.mar15 {margin-left:15px;}
	
	.clients a,
	.clients a:visited,
	.clients a:hover,
	.clients a:active
	{ color: #72818F; }
	
	.hdr { font-size:15px; color: black;}

.textpromo {margin: 50px 0 0 60px;}
#zag {font-family: "Tahoma"; font-size: 36px; color: #3287df;}

#promo2 { border: 1px solid #DDE2E4; } 

ul.pager { 	margin: 10px 0 20px 0;
	list-style: none;
	font-size: 13px;
	line-height: 19px;

 }
 
 ul.pager li { display: block; width: 10px; height: 20px; float: left; padding: 0 2px 0 2px; margin:0 5px 0 5px; text-align:center; vertical-align: center;}
 ul.pager li.active { background:#DDE2E4;  }
 
 div.wrk-bg { background: #f4f7f8;padding: 20px;}
 div.wrk-bg-nop { background: #f4f7f8;}
 div.wrk-pad {   padding: 10px 20px 10px 20px;}
 span.date { color:#666666;}
 
 div.pds  { margin-top: 10px; padding-left: 10px; border-left: 1px #DDE2E4 solid;  height: 50px; width:100%;  }
 
 div.stub { height: 50px; border: solid red 2px; margin: 10px; padding: 10px; font-size: 14px; vertical-align: middle; text-align: center; font-weight: bold;}
 
 img.m { margin:25px 0 25px 40px; clear:both; float: none; }
 
 .post img { margin:25px 0 25px 40px; clear:both; float: none; }
 .post ol,
td#works2 ul, .post ul { margin-left: 5px;}
td#works2 ul li,  .post ul li { list-style: square; margin-left: 10px;}
td#works2 ul.tabs li,  .post ul.tabs li { list-style: none;}
 .ljuser { display: inline;	text-decoration: none; }

 ol { margin-left:40px;}

 
		
.post ul.tabs li.active {
			font-weight:normal;
		}
		
		.tabs a {
			color: #FD4E37;
		}
 
		.stats {font-size: 10px; color: #72818f;  font-family:"Tahoma";}
		
input.text { width:97%; border:1px solid #82848a 	; padding: 3px; }		


td#art-name { padding: 0px 15px 15px 15px;}
td#art-desc { padding: 10px 20px 10px 20px;}