@charset "utf-8";
/* CSS Document */

html { 
}

body {
	margin: 0;
	padding: 0;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000000;
	min-width:1004px;	
  background:#fff url(../img/bg_main.gif) repeat-x top center;
}

h1 {
 	height:18px;
	font-weight:bold;
}

h2 {
 	height:18px;
	font-weight:bold;
}

a{
	color:#fff;
	font-weight:bold;	
}

a:hover {
	text-decoration:none;
}

#container{
	background:url(../img/header.jpg) no-repeat top center;
}

#headerWrap{
	margin: 0 auto;
	width:980px;
  height:143px;
}

#logo{
float:left;
width:350px;
}

#logo a{
display:block;
width:350px;
height:140px;
}

/* ------------------ HEADER ------------------- */
#header{
	width:630px;
	float:left;
	}

#contacts{
  float:left;
  color:#4c647c;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
  line-height:23px;
	padding-left:180px;
	padding-top:19px;
	width:250px;
	height:87px;
}

#contacts li{
	height:29px;
	padding-left:99px;	
}

#contacts li a{
	color:#4c647c;
}

#contacts li.skype{
	background:url(../img/cont_skype.gif) no-repeat;
}

#contacts li.icq{
	background:url(../img/cont_icq.gif) no-repeat;
}
#contacts li.mail{
	background:url(../img/cont_mail.gif) no-repeat;
}

#where{
	float:left;
	padding-left:80px;
	padding-top:40px;
	font-weight:bold;
	color:#4c647c;
	width:120px;
}

/* ------------------ HEADER END ------------------- */

#whatwhysayWrap{
 background:url(../img/whatwhysay_bg.jpg) no-repeat top center; 
 margin:0 auto;
 height:229px;
}


#whatwhysay{
  padding-top:47px;
	margin:0 auto;
	width:980px;
	color:#4c647c;
}


#testimonials_head{
 margin-top:-47px;
 float:right;
 width:315px;
}

#testimonials_head a{
	display:block;
	width:315px;
	height:40px;
}

#what{
	float:left;
	padding-left:17px;
	width:290px;
	line-height:15px;
}

#what li{
	height:18px;
	padding-left:20px;
	font-weight:bold;
	background:url(../img/what_bullet.gif) no-repeat 0 2px;
}

#what li a {
 color:#4c647c;
}

#what ul{
	margin-top:7px;
	margin-bottom:5px;
}

#why{
	float:left;
	padding-left:43px;
	width:290px;
	line-height:15px;
}


#why li{
	height:20px;
	padding-left:24px;
	background:url(../img/why_bullet.gif) no-repeat;
}

#say{
	float:left;
	padding-left:47px;
  padding-top:9px;
	width:280px;
	line-height:15px;
}

#sayname{
	font-weight:bold;
	font-size:14px;
	color:#c80000;
}

#sayname a{
	font-weight:bold;
	font-size:14px;
	color:#c80000;
  text-decoration:none;

}

#sayurl a{
	color:#8f0101;
	font-size:11px;
	font-weight:normal;
	}

#saytext{
  display:block;
	padding-top:5px;
	color:#3e0000;
	font-style:italic;
  font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
}
	
a.saytext{
	background:url(../img/say_more.gif) no-repeat 3px 1px;
	width:89px;
	height:15px;
  display:inline;
	padding:0 20px 4px 7px;
	font-weight:bold;
	font-size:10px;
	font-style:normal;
}

/* ------------------ 3 BLOCKS END ------------------- */

#portfolioWrap{
	margin: 0 auto;
	margin-top:-15px;
	width:1016px;
}

#menuLine{
  margin-top:3px;
  float:left;
	width:688px;
	height:124px;
	background:url(../img/menu_line.jpg) no-repeat top center;
}

#menuLine ul{
	margin-top:74px;
	margin-left:120px;
}

#menuLine ul a{
	background:url(../img/menu_item.gif);
  width:134px;
	height:50px;
	display:block;
	line-height:33px;
	text-indent:-17px;
	text-align:center;
  font-size:18px;
  text-decoration:none;
}


#menuLine li a:hover{
 background-position:0 -50px;
}

#menuLine li{
  float:left;
}

#menuLine li.active a, #menuLine li.active a:hover{
 background-position:0 -100px;
 color:#4c647c;
 cursor:default;
}

#menuLineEnd{
  margin-top:3px;
  float:left;
	width:328px;
	height:124px;
	background:url(../img/menu_line_end.gif) no-repeat top center;
	}

#status{
	background:url(../img/status.gif) no-repeat;

	width:144px;
	height:23px;
	margin:27px 0 0 8px;
	color:#FFFFFF;
	padding-left:150px;
}

#projectsWrap{
	float:left;
	width:658px;
	padding-left:14px;
}

#project{
	float:left;
	width:658px;
}	

#project_top{
	float:left;
	width:658px;
	height:14px;
	background:url(../img/prj_top.gif) no-repeat top left;
}	

.project_img{
  float:left;
  background:url(../img/prj_bg.gif) repeat-y;
	width:658px;
}

#logo_img{
  float:left;
  background:url(../img/prj_bg.gif) repeat-y;
	width:658px;
}

#logo_img img{
  float:left; 
  width:630px;
	padding-left:14px;
}

/*fffffffffffffor bannerssssssssssssss*/

#banner_img{
  float:left;
	text-align:center;
  background:url(../img/prj_bg.gif) repeat-y;
	width:658px;
}

#banner_img img{
	display:block;
	margin:0 auto;
}

/*fffffffffffffor bannerssssssssssssss END*/

.project_img a img{
  float:left; 
  width:630px;
	padding-left:14px;
}

#project_bottom{
	float:left;
	width:658px;
	height:71px;
	background:url(../img/prj_bottom.gif) no-repeat top left;
}	

#project_logo_bottom{
	float:left;
	width:658px;
	height:71px;
	background:url(../img/prj_logo_bottom.gif) no-repeat top left;
}	

#widid{
 float:left;
 width:75px;
 padding:17px 0 0 17px;
 color:#FFFFFF;
 }

#wlist_1{
  float:left;
	width:492px;
	height:38px;
	color:#576471;
  padding:18px 0 0 15px;
}

#wlist_2{
  float:left;
	width:492px;
	height:38px;
	color:#576471;
  padding:11px 0 0 15px;
}

#wlist_logo{
  float:left;
	width:630px;
	height:38px;
	color:#576471;
	text-align:center;
  padding:18px 0 0 0;
}

#zoom{
 float:right;
 margin:5px 7px 0 0;
 width:48px;	
}

#zoom a{
  float:left;
	display:block;
  padding:25px 0 0 7px;
	width:40px;
	height:20px;
}

#contact_formWrap_banners, #contact_formWrap_logos, #contact_formWrap_websites, #contact_formWrap_tmnl{
	float:right;
	padding-right:10px;
	width:279px;
	position:relative;
}

#contact_formWrap_websites{
	height:13600px;
}

#contact_formWrap_banners{
	height:3400px;
}

#contact_formWrap_logos{
	height:5000px;
}

#contact_formWrap_tmnl{
	height:700px;
}

#contact_form{
 float:right;
 background:url(../img/cont_form.gif) no-repeat;
 width:279px;
 height:304px;
 position:relative; 
}

#contact_title{
	width:200px;
	padding:8px 0 0 50px;
	font-size:18px;
	color:#FFFFFF;
}

#contact_title span{
	color:#ffff3a;
}

#cForm{
  color:#637383;
	padding:20px 0 0 23px;
	font-weight:bold;
	}
	
#cForm .contactDetails{
	width:250px;
}

#cForm .field{
	display:block;
	width:157px;
}

#cForm .Input{
	width:235px;
	border:1px solid #adbac4;
	margin-bottom:7px;
}

#cMessage{
	width:235px;
}

#messageNotice{
	padding-top:55px;
	float:none;
	width:270px;
	color:#e54a2b;
	font-size:14px;
	font-weight:bold;
	line-height:14px;
	text-align:center;
	height:150px;
}

#messageNotice a{
	font-size:14px;	
	color:#4a6b83;
	font-weight:normal;
	padding:10px 0 0 0;
	display:block;
}

#submit{
  margin-top:4px;
	background:url(../img/button_send.gif) 0 0px;
	border:none;
	height:25px;
	cursor:pointer;
	display:inline-block;
	width:101px;
}

#contentainer{
	background:url(../img/testimonials_bg.jpg) no-repeat top center;
	height:212px;
}

#contentWrap{
	width:980px;
	margin: 0 auto;
	padding-top:50px;
}

#testimonials{
	float:left;
	padding-left:12px;
	width:669px;
}

#testimonial{
  margin-bottom:10px;
}

#tmnl_top{
	background:url(../img/tml_box_top.gif) no-repeat top left;
	width:669px;
	height:14px;
}

#tmnl{
	padding:0 15px 5px 15px;
	background:url(../img/tml_box_bg.gif) no-repeat;
}

#tmnl_wrap{
background:url(../img/tml_box_bg_line.gif) repeat-y;
}

#tmnl_bottom{
	background:url(../img/tml_box_bottom.gif) no-repeat top left;
	width:669px;
	height:35px;
}

#footer{
	background:#fff url(../img/bg_footer.gif) repeat-x bottom center;
  float:left;
	width:100%;
	height:152px;
}

#footer_cont{
	width:1004px;
	margin: 0 auto;
}


#footer_copyright{
	font-weight:bold;
	color:#FFFFFF;
	padding:95px 0 0 35px;
	width:200px;
	float:left;
}

#plate{
	padding-right:76px;
	float:right;
	width:212px;
	height:152px;
	background:url(../img/footer_plate.gif) no-repeat;
}
#plate ul{
  margin:55px 0 0 34px;
}

#plate li{
	float:left;
	width:150px;
	height:21px;
	line-height:21px;
	padding-left:25px;	
	color:#FFFFFF;
	font-weight:bold;
}

#plate li.skype_sm{
	background:url(../img/skype_sm.gif) no-repeat;
}

#plate li.icq_sm{
	background:url(../img/icq_sm.gif) no-repeat;
}

#plate li.mail_sm{
	background:url(../img/mail_sm.gif) no-repeat;
}