/*

CSS

*/

body{

	font-family:"Trebuchet MS", Tahoma, Helvetica, Arial;

	font-size:13px;

	color:#000;

	line-height:21px;

	background:#000202;

}



*{

	margin:0;

	padding:0;

}



a{

text-decoration:underline;

color:#000;

}



a:hover{

text-decoration:none;

}


ul{

	list-style:none;

}



#topmenu a span{

 position: absolute;

 left: -9999px;

}



img,input

{ behavior: url("iepngfix.htc") }



h1, h2, h3, h4{

	font-family:"Trebuchet MS", Tahoma, Helvetica, Arial;

	font-size: 18px;

	padding-bottom: 5px;	

}



/*==================start==================header=========*/

#header{

	display:block;

	background:url(img/headerbg.jpg) no-repeat center top;

	height:304px;

}





#headerwrap{

	width:909px;

	height:225px;

	padding:79px 0 0 56px;

	margin:0 auto;

	overflow:hidden;

}

#logo{

	width:187px;

	height:88px;

	display:block;

	float:left;

}



#logo img{

	width:187px;

	height:88px;

	display:block;

}



/*====================start============topmenu============*/

#topmenu{

	width:580px;

	height:30px;

	float:right;

	padding-top:160px;

	overflow:hidden;

}



#topmenu li{

	float:left;

	height:30px;

	padding:0 30px;

	display:block;

}





#topmenu li a{

	float:left;

	height:30px;

	text-transform:uppercase;

	font-size:24px;

	font-family:"Myriad Pro";

	color:#fff;

	display:block;

}



#topmenu li .menu_home{

	background:url(img/menu_home.png) no-repeat;

	width:41px;

	height:30px;	

}





#topmenu li .menu_services{

	background:url(img/menu_services.png) no-repeat;

	width:65px;

	height:30px;	

}



#topmenu li .menu_works{

	background:url(img/menu_works.png) no-repeat;

	width:53px;

	height:30px;	

}



#topmenu li .menu_blog{

	background:url(img/menu_blog.png) no-repeat;

	width:38px;

	height:30px;	

}

#topmenu li .menu_contact{

	background:url(img/menu_contact.png) no-repeat;

	width:64px;

	height:30px;	

}

#topmenu li .menu_home:hover{

	background:url(img/menu_home_h.png) no-repeat;

}



#topmenu li .menu_services:hover{

	background:url(img/menu_services_h.png) no-repeat;

}



#topmenu li .menu_works:hover{

	background:url(img/menu_works_h.png) no-repeat;

}



#topmenu li .menu_blog:hover{

	background:url(img/menu_blog_h.png) no-repeat;

}



#topmenu li .menu_contact:hover{

	background:url(img/menu_contact_h.png) no-repeat;

}



/*======================start============main========*/



#main{

	display:block;

	background:#fff url(img/mainbg.jpg) repeat-x;

}



#mainwrap{

	width:965px;

	margin:0 auto;

	padding:40px 0;

	overflow:hidden;

}



#mainleft{

	width:448px;

	float:left;

}



#mainleft strong{
font-weight:normal;
}



#mainleft h1{

	padding-bottom:-5px;

}



#mainleft h1 img{

	display:block;

	height:24px;

}



#welcomebox{

	width:430px;

	background:url(img/boxunderline.jpg) no-repeat bottom;

	padding:0 0 20px 18px;

	margin-bottom:30px;

}



#welcomebox p{

	width:413px;

	display:block;

	padding-bottom:10px;

}



#newsbox{

	width:430px;

	padding:0 0 20px 18px;

}

#newsbox ul{

	width:406px;

}





#newsbox ul li{

	width:406px;

	padding:15px 0;

	background:url(img/newsbox_btm.jpg) repeat-x bottom;

}



#newsbox ul li h3{

	width:390px;

	padding-left:16px;

	display:block;

	background:url(img/newblt.jpg) no-repeat left;

}

#newsbox ul li p{

	padding-left:16px;

	display:block;

}

#newsbox ul li p span{

	display:block;

	font-style:italic;

}



#newsbox ul li h3 a:hover{

	text-decoration:underline;

}



#contactbox{

	width:430px;

	padding:0 0 20px 18px;

}



#mainright{

	width:517px;

	float:right;

}





#mainright h1{

	width:466px;

	height:24px;

	display:block;

}



#mainright h1 img{

	height:24px;

	display:block;

	padding:0 0 20px 50px;

}

#mainright h4{

	width:466px;

	height:24px;

	display:block;

}



#mainright h4 img{

	height:24px;

	display:block;

	padding:0 0 20px 50px;

}



#mainright #gal{

	width:517px;

	padding:18px 0;

}



#mainright h2{

	width:466px;

	height:24px;

	display:block;

	padding:0 0 18px 0;

}



#mainright h2 img{

	height:24px;

	display:block;

	padding:0 0 18px 0px;

}



/*===============subbox======================*/

#subbox{

	width:947px;

	font-size:13px;

	padding:0 0 0 18px;

}



#subbox h1{

	width:947px;

	height:24px;

	padding-bottom:18px;

}



#subbox h1 img{

	height:24px;

	display:block;

}

#subbox h3{

	width:882px;

}



#subbox p{

	width:882px;

	display:block;

	padding-bottom:20px;

}



#subbox p span{

	width:882px;

	display:block;

	padding-bottom:20px;

	font-size: 10px;

	line-height: 10px;

}



#subbox ul li{

	width:866px;

	padding-left:16px;

	display:block;

	background:url(img/newblt.jpg) no-repeat left;

}



/*===============blog======================*/

#blog{

	width:652px;

	font-size:13px;

	padding:0 0 0 18px;

	float:left;

	border-right: 1px dashed #DFE1E0;

}



#blog h1{

	width:652px;

	height:24px;

	padding-bottom:18px;

}



#blog h1 img{

	height:24px;

	display:block;

}



#blog p{

	width:600px;

	display:block;

	padding-bottom:20px;

}



#blog ul li{

	width:600px;

	padding-left:16px;

	display:block;

	background:url(img/newblt.jpg) no-repeat left;

}



#blog a{

text-decoration:underline;

color:#000;

}



#blog a:hover{

text-decoration:none;

}



#sidebar{

	width:250px;

	float: right;

	font-size:13px;

	padding:0 0 0 18px;

}



#sidebar h1{

	width:220px;

	height:24px;

	padding-bottom:18px;

}



#sidebar h1 img{

	height:24px;

	display:block;

}



#sidebar p{

	width:200px;

	display:block;

	padding-bottom:20px;

}



#sidebar ul{

	width: 200px;

	display: block;

	margin-bottom: 15px;

}



#sidebar li{

	width:200px;

	padding-left:16px;

	display:block;

	background:url(img/newblt.jpg) no-repeat left;

}



#sidebar a{

text-decoration:underline;

color:#000;

}



#sidebar a:hover{

text-decoration:none;

}



#comments{

	width:652px;

	font-size:13px;

	padding:0 0 0 18px;

	float:left;

}



/*===============portfolio======================*/

#portfolio{

	width:947px;

	font-size:13px;

	padding:0 0 0 18px;

}



#portfolio h1{

	width:947px;

	height:24px;

	padding-bottom:18px;

}



#portfolio h1 img{

	height:24px;

	display:block;

}

#portfolio h3{

	width:882px;

}



#portfolio p{

	width:882px;

	display:block;

	padding-bottom:20px;

}



#portfolio p span{

	width:882px;

	display:block;

	padding-bottom:20px;

	font-size: 10px;

	line-height: 10px;

}



/*=============start===========footer=============*/

#footer{

	display:block;

	height:141px;

	color:#fff;

	background:url(img/footer.jpg) repeat-x;

}



#footerin{

	display:block;

	background:url(img/footerwrap.jpg) no-repeat center top;

	height:141px;

}



#footerwrap{

	width:892px;

	height:141px;

	margin:0 auto;

	padding:36px 55px 0 18px;

	overflow:hidden; 

}



#footernav{

	width:445px;

	float:left;

}



#footernav p{

	width:445px;

	line-height:21px;

	display:block;

}

#footernav p a{

	color:#fff;

	padding:0 7px;

	text-decoration:none;

}



#footernav p a:hover{

	text-decoration:underline;

}





#footernav span{

	width:375px;

	padding-left:7px;

	line-height:21px;

	display:block;

}

#footernav span a{

	color:#fff;

	text-decoration: none;

}

#footernav span a:hover{

	text-decoration:underline;

}



#address{

	width:285px;

	float:right;

	display:block;

	text-align:right;

}



#address p{

	width:285px;

	line-height:21px;

	display:block;

}





#address p a{

	color:#fff;

	text-decoration:none;

}





#address p a:hover{

	text-decoration:underline;	

}