/*
-----------------------------------------------
KazakMedia.com v3
----------------------------------------------- */


body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1.8em;
}

p {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
}

a {
	color:#3E92C4;
	text-decoration:none;
}

a:hover {
	color:#BD3A0B;
	text-decoration: underline;
}


li {
	list-style-image:none;
	list-style-type:none;
	display:inline;
	color:#000000
}

 
#wrapper {
	
	background: url(../images/wrapperbg.gif) repeat-y; 
	width: 900px;
	height:100%;
	margin: auto;
	padding:0 25px;
	display:block;
}

#header               {
	 
	  padding-top: 20px;
	  margin-bottom:20px;
	  float:left;
	  width:900px;
	  display:block;
	  }
#logo a           {
		  background: url(../images/logo.gif) no-repeat; 
		  display: block; 
		  height: 106px; 
		  text-indent: -999em; 
		  width: 312px;
		  float:left;
		  }
#navbar             {
		background: #443028 url(../images/circles.gif) no-repeat 21px 20px; 
		height: 106px;  
		float: right; 
		width: 567px;
		}
		
 #nav              {
		   
		  float:right; 
		  height:15px;
		  width:280px;
		  padding-top:55px;
		  padding-left:10px;
		  
		  }
		  
#nav b {
	visibility:hidden;
}
 #nav li {
	margin-left:15px;
	float:left;
	 
 }
 #nav li a {
	 text-indent:-999px;
	 text-decoration:none;
	 position:relative;
	 overflow:hidden;
	 display:block;
	 
 }
 #nav li a:hover {
			background-position: left -20px !important;
			}
.active a, #nav li a:hover {background-position: left -20px !important;}
     #nav-company  a {
			background-image: url(../images/nav_company.gif); 
		width: 53px;
		}
     #nav-our-work a {
			background-image: url(../images/nav_ourwork.gif); 
			width: 55px;
			height:15px;
			}
     #nav-services a {
			background-image: url(../images/nav_services.gif); 
			width: 49px;\
			}
     #nav-contact a {
		 background-image: url(../images/nav_contact.gif); 
		 width: 43px;
		 }
		
#content {
	float:left;
	width:900px;
	height:100%;
	display:block;
	padding-top: 20px;
	
}
#flash {
	background-image: url(../images/sky.jpg); 
	width:900px;
	height:396px;
	
}

/* Layout Home */

#promo-blocks           {
	overflow: hidden; 
padding-top: 30px;
padding-bottom:30px;
float:left;
}
  .promo-block          {
	  float: left; 
	  width: 285px;
	  }
    .promo-block h2     {
		background-repeat: no-repeat; 
	border-bottom: none !important;
	height: 46px; 
	padding-bottom: 6px; 
	text-indent: -999em; 
	visibility: visible !important; 
	width: 285px;
	}
    #promo-block-1 h2   {
		background-image: url(../images/tagline1.gif);
		}
    #promo-block-2 h2   {background-image: url(../images/tagline2.gif);}
	
    #promo-block-3 h2   {background-image: url(../images/tagline3.gif);}
	
    .promo-block p      {padding: 0 12px;
		font-size:1.2em;
	}
	
  #promo-block-2        {margin: 0 22px;}
  
  #content h2 {
	border-bottom:1px solid #B7ACA7;
	color::#443028;
	font-size:3.2em;
	line-height:2em;
	float:left;
	width:100%;
	display:block;
	margin-top:15px;
	font-family:"Arial Narrow","Helvetica Narrow",Arial;
  }
  #main h3 {
	  color:#3E92C4;
	  font-size:1.2em;
	  font-weight:lighter;
  }
  
  #tagline {
	color:#BD3A0B;
	font-size:2.4em;
	line-height:1.3em;
	font-family:"Arial Narrow","Helvetica Narrow",Arial;
  }
  
  #main {
	float:left;
	width:590px;
	height:100%;
	padding:20px 20px 20px 0px;
	font-size:1.2em;
}
.workMain {
	float:left;
	width:590px;
	height:100%;
	padding:20px 20px 20px 0px;
}
 .workMain h3 {
	  color:#3E92C4;
	  font-size:1.1em;
	  font-weight:lighter;
  }
/*Right Side Column Properties*/
#side {
	float:right;
	width:263px;
	padding:20px 0px 20px 20px;
	font-size:.9em;
}
#quote h3 {
	font-size:1.5em;
}
#quote {
background:transparent url(../images/quotebg.gif) no-repeat scroll 0 0;
height:118px;
padding-top:10px;
}
#quote h3 a{
color:#BD3A0B;
padding:0 0 9px 105px;
margin:0;
}
#quote p {
padding:0 20px 10px 0;
text-align:right;
font-size:1.1em;
color:#767884;
}
.workside {
	
	width:280px;
	float:right;
	padding-top:10px;
}
.workside h3 {
	border-bottom:dotted 1px #A17C04;
	float:left;
	margin-bottom:3px;
	margin-top:5px;
	
}
.workside h3 a {
	background: url(../images/ext.gif) no-repeat 100% 4px; 
	padding-right: 15px;
	}
.worklistleft {
	width:100px;
	color:#666;
	font-weight:100;
	float:left;
	font-family:Arial Narrow;
	
}
.worklistright {
	color:#3E92C4;
	background:
	
	font-weight:100;
	font-size:1em;
	float:right;
	width:170px;
}
.workside p {
	margin-top:8px;
	float:left;
	font-size:1.1em;
	padding:10px;
}
.workside ul {
	float:left;
}
.workside ul li {
	background: url(../images/bullet-work.gif) no-repeat 0 2px; 
	padding-left: 8px;
	display:block;
	font-size:1.1em;
	}
	.workside img {
	margin:5px;
	margin-top:20px;
	border:none;
	}
#customers {
background:transparent url(../images/sidebg.png) no-repeat scroll 0 0;
height:392px;
padding-top:10px;
padding-left:12px;
}
#customers h3 {
	color:#1096D4;
	font-size:1.8em;
	margin-left:-10px;
}
#customers p {
	padding:20px 12px 12px 18px;
	background:transparent url(../images/smallquote.png) no-repeat scroll 10px 20px;
	color:#767884;
	font-size:1.1em;
	
border-bottom:1px dashed #D8E0E4;
width:215px;
	
}
#customers p.last {
border-bottom:medium none;
}
#customers li {
background:transparent url(../images/bullet.png) no-repeat scroll left 9px;
line-height:28px;
padding-left:20px;
padding-top:8px;
display:block;
}
#client-services {
background:transparent url(../images/sidebg.png) no-repeat bottom;
padding-bottom:15px;
padding-top:10px;
padding-left:12px;
}
#client-services h3 {
	color:#1096D4;
	font-size:1.8em;
	margin-left:-10px;
}
#client-services p {
	padding:20px 12px 12px 12px;
	background:transparent url(../images/smallquote.png) no-repeat scroll 10px 20px;
	color:#767884;
	
border-bottom:1px dashed #D8E0E4;
width:215px;
	
}
#client-services p.last {
border-bottom:medium none;
}
#client-services ul {
padding-left:10px;
font-size:1.1em;

display:block;
}
#client-services li {
background:transparent url(../images/bullet.png) no-repeat scroll left 9px;
line-height:28px;
padding-left:20px;
display:block;
color:#767884;
}

#contact-side {
background:transparent url(../images/sidebg.png) no-repeat bottom;
padding-bottom:15px;
padding-top:10px;
padding-left:12px;
}
#contact-side h3 {
	color:#1096D4;
	font-size:1.8em;
	margin-left:-10px;
}
#contact-side p {
	padding:20px 12px 12px 60px;
	
	color:#BD3A0B;
	
border-bottom:1px dashed #D8E0E4;
width:150px;
	
}
#contact-side p.last {
border-bottom:medium none;
}
#contact-side ul {
padding:0;
margin-left:-5px;

display:block;
}

 #contact-side li      {
	 background-position: left bottom; 
	 background-repeat: no-repeat; 
	 height: 42px; 
	 margin-bottom: 22px; 
	  
	 position: relative;
	 display:block;}
  #info-phone 				 {background-image: url(../images/phone.png);}
  #info-email                {background-image: url(../images/email.png);}
  #info-address              {background-image: url(../images/address.png);}

/*End Right Side Column Properties*/
#main-services {
	margin:0 0 40px 40px;
}
#main-services li {
	display:block;
	background-position:left bottom;
	background-repeat:no-repeat;
	color:#BD3A0B;
	margin-bottom:10px;
	padding-left:85px;
	font-size:1.8em;
	line-height:1.9em;
	height:68px;
}
#main-services li span {
	position:relative;
	top:40px;
	
}
#featured-work ul {
	float:left;
}
#featured-work ul li {
	background: url(../images/bullet-work.gif) no-repeat 0 2px; 
	padding-left: 8px;
	display:block;
	font-size:1.2em;
	line-height:1.4em;
	}
#web {
	background:url(../images/web.gif);
	height:68px;
}
#seo {
	background:url(../images/seo.gif);
	height:68px;
}
#consulting {
	background:url(../images/consulting.gif);
	height:68px;
}
#kazaklocal {
	height:68px;
	background-image: url(../images/kazak-local.gif);
}

.italic {
	font-style:italic;
	line-height:1.8em;
	color:#1096D4;
	
}

.redness {
	font-style:none;
	color:#BD3A0B;
	
}
/* Form Styles */
fieldset {
	border: 1px #d5d5d5 dashed; 
	padding: 0px 10px 5px;
	}
.form-field             {padding: 15px 0 15px;}
#form-left, #form-right {border: none !important; padding: 0 !important; width: 264px;}
#form-left              {float: left;}
#form-right             {float: right;}
.form-buttons           {}
.form-buttons input     {outline: none;}
.textfield              {background: url(../images/textfieldbg.gif) no-repeat; border: none; height: 34px; padding: 10px 7px 0px; width: 264px;}
.field-description      {font-size: 91.66%; padding-top: 5px;}
.form-buttons           {padding: 30px 18px 0;}
#topic                  {width: 264px;}
textarea {
background:#FFFFFF none repeat scroll 0 0;
border-color:#868686 #A9A9A9 #A9A9A9;
border-style:solid;
border-width:1px;
height:70px;
padding:7px;
width:537px;
}
/* End Form Styles */
		  
#footer-wrapper       {
	clear:both;
	background: url(../images/footerbg.png) no-repeat left bottom;
	padding: 10px 25px;
	width:900px;
	height:50px;
	position:relative;
	margin:auto;
	margin-bottom:20px;
	
	}  
	
#footer             {
		background: #443028; 
		height:20px;
		padding:10px;
		font-family:"Arial Narrow","Helvetica Narrow",Arial;
		font-size:1.2em;
		color:#FFF;
		
		}
#footer a {
	color:#FFF;
}
#footer a:hover {
	color:#6F5950;
}
		
#copyright        {
	float: left;
	}
	
#quote-contact {
	float: right;
	}

/* Begin Tar Pit */
a:link.red {background-color: #00FF00; color: #0000ff;}
a:visited.red {color: #ff0000;}
a:active.red {color: #00FF00;}
a:hover.red {background-color: #ffffff;}
a.red {text-decoration: none}
/* End Tar Pit */