/***** Basics and Typography *****/



body {

	background-color: #E38D1A;

	background-image: url(../imgs/modus-header.jpg);

	height:213px;

	background-repeat: repeat-x;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}





/***** Layout *****/





#wrapper {

	margin-top: 0px;

	margin-bottom: 0px;

	margin-left: auto;

	margin-right: auto;

	padding: 0px 0px 0px 0px;

	width: 1000px;

}



#header {

	width: 1000px;

	height: 151px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	float:left;

	}



#header-logo {

	width: 250px;

	height: 100px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	float:left;

	}	



#header-blogbutton {

	width: 157px;

	height: 40px;

	margin: 0px 0px 0px 0px;

	padding: 0px 50px 0px 0px;

	float:right;

	}

	

#header-nav {

	width: 1000px;

	height: 32px;

	margin: 0px 0px 0px 0px;

	padding: 18px 0px 0px 49px;

	float:left;

	}	

		



#middle-top {

	width: 1000px;

	height: 30px;

	margin: 0px 0px 0px 0px;

	background-image: url(../imgs/modus-middle-top.jpg);

	float:left;

	}



#middle {

	width: 1000px;

	margin: 0px 0px 0px 0px;

	background-image: url(../imgs/modus-middle.jpg);

	background-repeat: repeat-y;

	float:left;

	}





#middle-homebanner {

	width: 800px;

	height: 300px;

	margin: 0px 0px 0px 0px;

	padding-left: 100px;

	float:left;

	}

	

#middle-portfolio {

	width: 900px;

	height: 600px;

	margin: 0px 0px 0px 0px;

	padding-left: 49px;

	float:left;

	}	



#middle-boxes {

	width: 800px;

	margin: 0px 0px 0px 0px;

	padding-left: 100px;

	float:left;	

}



#middle-boxes h1{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #e38d1a;

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 0px 0px;

}





#middle-boxes a{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #e38d1a;

	margin: 0px 0px 0px 0px;

	padding: 8px 0px 0px 0px;

	text-decoration:none;

}

#middle-boxes a:hover{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #666666;

	margin: 0px 0px 0px 0px;

	padding: 8px 0px 0px 0px;

	text-decoration:none;

}



#middle-box1 {

	width: 535px;

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 0px 0px;

	float:left;	

}



#middle-feature1 {

	width: 160px;

	margin: 0px 15px 0px 0px;

	padding: 0px 0px 0px 0px;

	float:left;	

}
#middle-feature1 p{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #6d6e71;

	margin: 0px 0px 0px 0px;

	padding: 8px 0px 0px 0px;

}


#middle-feature2 {

	width: 160px;

	margin: 0px 12px 0px 13px;

	padding: 0px 0px 0px 0px;

	float:left;	

}
#middle-feature2 p{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #6d6e71;

	margin: 0px 0px 0px 0px;

	padding: 8px 0px 0px 0px;

}



#middle-feature3 {

	width: 160px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 15px;

	float:left;	

}
#middle-feature3 p{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #6d6e71;

	margin: 0px 0px 0px 0px;

	padding: 8px 0px 0px 0px;

}



#middle-box2 {

	width: 230px;

	margin: -70px 0px 0px 0px;

	padding: 0px 0px 0px 35px;

	float:left;	

}
#middle-box2 p{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #6d6e71;

	margin: 0px 0px 0px 0px;

	padding: 8px 0px 0px 0px;

}



#middle-bottom {

	width: 1000px;

	height: 30px;

	background-image: url(../imgs/modus-middle-bottom.jpg);

	margin: 0px 0px 0px 0px;

	float:left;	

}

/********************** Footer ***************************/



#footer {

	background-repeat: no-repeat;

	text-align: left;

	width: 1000px;

	height: 30px;

	margin: 0px;

	padding: 0px;

	float:left;

		}

#footer_left{

	text-align: left; 

	margin-right:0px;  

	margin-left:50px;

	margin-top: 2px;

	float:left;}

	



#footer_right{

	text-align: right; 

	margin-right:50px;

	color: #ffffff; 

	font-family:Arial, Helvetica, sans-serif;

	font-size: 10px;

	float:right;}