/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Muli:300,400,300italic,400italic);

body{

	margin: 0px;
	padding: 0px;
	background: #DEDDD8;
	font-family: 'Muli', sans-serif;
	font-size:13px;



	line-height:20px;



	color:#5B3A0D;

}



a {

color:#5B3A0D;

}



	.box2 a:link, .box2 a:visited {

	color:#5B3A0D;

	}





ul,li,h1,h2,p{



	margin: 0;



	padding: 0;



	list-style: none;



}







/*h1{



	font-size: 13px;



	margin: 0px 0px 6px;



	color: #4A3015;



}



h2{



	font-size: 13px;



	padding: 0px 0px 6px 10px;



	background: #4A3015 url(../img/main/back_01.jpg) no-repeat left bottom;



	margin: 0px;



	color: #FFFFFF;



}*/







h1{







	font-size: 13px;



	margin: 0px 0px 6px;



	color: #4A3015;



	font-family: 'Muli', sans-serif;



	font-weight:bold;







}







h2{







	font-size: 12px;



	margin: 0px;



	padding: 0px 0px 6px 10px;



	color: #FFFFFF;



	font-family: 'Muli', sans-serif;



	background: #A44E30 url(../img/main/back_01.jpg) no-repeat left bottom;



	font-weight:bold;



	line-height:20px;



}







.floatLeft{



	float:left;



}



.clearBoth{



	clear:both;



	font-size: 0px;



	}







#header, #chromemenu, #content, #footer1, #footer2, #footer3,#footer_spacer{



width: 815px;



margin:auto;



}











/*header style*/



#header{



	height: 132px;



	background: url(../img/main/header_back.jpg);



}



#header img{



float:right;



}



/*menu style*/



#chromemenu{



	height: 33px;



	background: url(../img/menu/00_menu.gif) no-repeat right top;



}



	#chromemenu li{



	display: block;



	float: left;



	height: 33px;



	}



	#chromemenu img{



	display: block;











	}



/*content style*/		



#content ul,#content ol {

	padding-left:40px;!important;

}





#content ul li{

	list-style-type:disc!important;

	list-style-position:outside;

}



#content ol li{

	list-style-type:decimal!important;

	list-style-position:outside;

}





.box1{



	background: #FFFFFF url(../img/main/content_back_01.gif) repeat-y;



}



.box2{



	background: url(../img/main/content_back_02.gif) no-repeat;



	padding: 50px 60px 30px 50px;



}



.box2_1{



	background: url(../img/main/content_back_02.gif) no-repeat;



	padding: 50px 10px 100px 50px;



}



.box2_2{



	background: url(../img/main/content_back_02.gif) no-repeat;



	padding: 50px 10px 10px 50px;



}



.box3{



	width: 255px;



}



.box4{



	width: 284px;



	margin: 0px 1px 0px 0px !important;



}



.box7{





	background:none;

}



.box5{



	background: #FFFFFF url(../img/main/content_back_01.gif) repeat-y;



}



.box6{



	width: 514px;



}



#copy{



	background: url(../img/main/copy_back_01.jpg) !important;



	height: 91px;



	padding-top:30px !important;



	margin: 5px 0px 0px !important;



}



#copy2{



	background: url(../img/main/copy_back_02.jpg) !important;



	height: 105px;

	line-height:15px;

	padding-top:30px !important;



	width: 240px;



	padding-right: 10px;

	padding-left:  10px;

	float: right;



}

#copy2 a,#copy3 a {

text-decoration:underline;

color:#5B3A0D;

font-family: 'Muli', sans-serif;

font-size:12px !important;

}


#HomeRight #copy3 p {background:none;border:none;padding:0;line-height:normal;color:#5B3A0D;}
#copy3, #HomeRight #copy3{



	background: url(../img/main/copy_back_02.jpg) no-repeat left top !important;


	height: 105px;



	padding-top:30px !important;

	padding-right: 10px;	

	width: 235px;



	padding-left: 10px;



	float: right;



	margin: 10px 1px 0px 0px;



	font-family: 'Muli', sans-serif;



	font-size:11px;



	line-height:15px;



	color:#5B3A0D;

}



#copy4{

	display:none;

	height: 41px;



	width: 255px;



	float: right;



	margin: 0px 0px 10px 0px;



	background: #ffffff;



}



#HomeLeft{



	float:left;



	width: 550px;



	line-height:20px;



}



#HomeRight{



	float:right;



	margin: 0px 0px 0px 0px ;



	line-height:20px;



	color:#ffffff



}



#HomeRight img{







}



#HomeRight p{



	display: block;



	margin: 0px;



	padding: 15px 10px;



	background: #ffffff;
	color:#000;



	}



.home{



	background: none;



	margin-bottom: 10px;



}



#ServicesLeft{



	float:left;



	width: 520px;



}



#ServicesRight{



	float:right;



	text-align: center;



	background: #ffffff;



	padding: 40px 0px 0px;



}



#PortfolioLeft{



	float:left;



	width: 290px;



}



#PortfolioLeft a {

text-decoration:underline;

color:#5B3A0D;

}



#PortfolioRight,#Portfolio2Right{



	float:right;



	text-align: center;



	background: #ffffff;



	padding: 40px 0px 0px;



	margin: 0px 1px 0px 0px;	



}

#PortfolioRight a,#Portfolio2Right a {

text-decoration:underline;

color:#5B3A0D;



}



#PortfolioRight table td{



	width:33.3%;



	padding-right: 0px;



	padding-bottom: 0px;



	padding-left: 0px;



}



#PortfolioRight table p{



	margin: 0px 0px 20px;



}



.portfolio{



	background: url(../img/main/portfolio_back.gif);



}



#Portfolio2Right table img{



	margin: 20px 0px 0px;



}



#StaffLeft, #ContactLeft{



	float:left;



	width: 520px;



}



#StaffRight, #ContactRight{



	float:right;



	text-align: center;



	background: #ffffff;



	padding: 40px 0px 0px;



}





.staff, .login, .services{



	background: url(../img/main/staff_back.gif) repeat-y;



}



.upload{



	background: url(../img/main/uploaded_back.gif) repeat-y;



}







#ContactRight{



	text-align:left;



	padding: 40px 0px 0px 0px;



	width: 275px;



}



.contact{



	background: url(../img/main/contact_back.gif) repeat-y;



}



/*footer style*/



#footer{



	float:left;



	height: 176px;



	width: 546px;



	background: url(../img/home/03_home.jpg);



	margin: 10px 0px 0px;



}



#footer1, #break{



	height:10px;



	clear: both;



	font-size: 1px;



}



#footer2{



/*	background: url(../img/home/03_home.jpg) no-repeat 0px -40px; */



	height: 135px;



	clear: both;



}



#footer3{



	clear: both;

}



#footer5{



	float:left;



	height: 176px;



	width: 550px;



/*	background: url(../img/home/03_home.jpg);  */



	margin: 10px 0px 0px;



}







label{



	width: 100px;



	display: block;



	float: left;



	height: 20px;



}



input{



	float: left;



	height: 20px;



	margin: 0px 0px 10px;



}



form br{



	clear:both;



	display: block;



}















.chromestyle ul{



	margin: 0;



	height: 33px;



}
.chromestyle > ul {background:#A44E30;display:block;padding-left:10px;}






.chromestyle ul li{



display: inline;



height: 33px;



}



.chromestyle ul li a{



display:block;



height: 33px;



float:left;



}

.chromestyle > ul > li > a {font-family: 'Muli', sans-serif;font-size:15px;color:#FFF;display:inline-block;margin:0 5px;padding:0 8px;text-decoration:none;font-weight:bold;line-height:34px;}
.chromestyle > ul > li > a:hover,
.chromestyle > ul > li.active > a {color:#E6C5A9;}





/* ######### Style for Drop Down Menu ######### */







.dropmenudiv{



	position:absolute;



	top: 0;



	 /*THEME CHANGE HERE*/



	border-bottom-width: 0;



	font:normal 12px  'Muli', sans-serif;



	line-height:18px;



	z-index:100;



	background-color: #ebe4d0;



	width: 200px;



	visibility: hidden;











filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);



}











.dropmenudiv a{



	width: auto;



	display: block;



	text-indent: 3px; /*THEME CHANGE HERE*/



	padding: 2px 0;



	text-decoration: none;



	font-weight: bold;



	color: #634419;



}







* html .dropmenudiv a{ /*IE only hack*/



width: 100%;



}







.dropmenudiv a:hover{ /*THEME CHANGE HERE*/



background-color: #D69F70;



color:#A64F32;



}



	



 .captions {



	font-family: 'Muli', sans-serif;



	font-size:12px;



	font-weight:bold;



	color:#5B3A0D;



	text-align:center;



}

.submit {

left:100px!important;

}