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



body {

	background-color: #E38D1A;

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

	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-case{

	width: 1000px;

	margin: 0px 0px 0px 0px;

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

	background-repeat: repeat-y;

	float:left;

	}

#middle-case h1{

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

	font-size: 20px;

	font-weight: normal;

	color: #6d6e71;

	margin: 0px 0px 0px 0px;

	padding: 10px 50px 10px 100px;

}
#middle-case h1 .printer {
	float: right;
	margin-top:-20px;
	margin-right: 20px;
	
}

#middle-case h1.printer img {
margin-left:0px;
}
#middle-case h1.printer .a {
margin-left:50px;
}

#middle-case h2{

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

	font-size: 18px;

	font-weight: normal;

	line-height: 26px;

	color: #e38d1a;

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 0px 0px;

}




#middle-case h3{

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

	font-size: 12px;

	font-weight: normal;

	line-height: 24px;

	color: #e38d1a;

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 0px 0px;

}	



#middle-case h4{

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

	font-size: 18px;

	font-weight: normal;

	line-height: 24px;

	color: #6d6e71;

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 10px 0px;

}





#middle-case p{

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

	font-size: 12px;

	font-weight: normal;

	line-height: 18px;

	color: #6d6e71;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}

#middle-case a{

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

	font-size: 12px;

	font-weight: normal;

	line-height: 18px;

	color: #6d6e71;

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 0px 0px;

	text-decoration:none;

}

#middle-case a:hover{

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

	font-size: 12px;

	font-weight: normal;

	line-height: 18px;

	color: #e38d1a;

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 0px 0px;

}

.middle-casestudies{

margin: 0px 0px 0px 0px;

	padding: 10px 0px 0px 0px;

}
#middle-case img{

margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 50px;

}

.middle-casestudies-right{

margin: 0px 0px 0px 0px;

width:600px;

	padding: 0px 70px 0px 0px;

	float:right;

}

.middle-casestudies-left{

margin: 0px 0px 0px 0px;

width:200px;

	padding: 5px 0px 0px 49px;

	float: left;

}

#middle-content-left {

	width: 535px;

	margin: 0px 0px 0px 0px;

	padding-left: 100px;

	float:left;

	}

	

#middle-content-left h1{

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

	font-size: 24px;

	font-weight: normal;

	color: #6d6e71;

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 10px 0px;

}



#middle-content-left h2{

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

	font-size: 18px;

	font-weight: normal;

	line-height: 26px;

	color: #e38d1a;

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 0px 0px;

}



#middle-content-left h3{

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

	font-size: 12px;

	font-weight: normal;

	line-height: 24px;

	color: #e38d1a;

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 0px 0px;

}	



#middle-content-left h4{

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

	font-size: 18px;

	font-weight: normal;

	line-height: 24px;

	color: #6d6e71;

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 10px 0px;

}





#middle-content-left p{

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

	font-size: 12px;

	font-weight: normal;

	line-height: 18px;

	color: #6d6e71;

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 0px 0px;

}

#middle-content-left a{

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

	font-size: 12px;

	font-weight: normal;

	line-height: 18px;

	color: #e38d1a;

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 0px 0px;

	text-decoration:none;

}

#middle-content-left a:hover{

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

	font-size: 12px;

	font-weight: normal;

	line-height: 18px;

	color: #6d6e71;

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 0px 0px;
	text-decoration:underline;

}

#middle-content-left-center ul{



	margin: 0px 0px 0px 0px;

padding-top: 0px;

	padding-left: 0px;

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

	font-size: 12px;

	font-weight: normal;

	line-height: 18px;

	color: #6d6e71;



	}

#middle-content-left-center li{



	margin: 0px 0px 0px 0px;



	padding-left: 0px;

list-style-type:none;

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

	font-size: 12px;

	font-weight: normal;

	line-height: 18px;

	color: #6d6e71;

	}



	

#middle-portfolio {

	width: 900px;

	height: 600px;

	margin: 0px 0px 0px 0px;

	padding-left: 49px;

	float:left;

	}	



#middle-content-right {

	width: 230px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 35px;

	float:left;	

}



#middle-content-right-top {

	width: 230px;

	height: 20px;

	background-color: #6d6e71; 

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	float:left;	

}



#middle-content-right-center {

	width: 230px;

	background-color: #CCCCCC;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	float:left;	


}


#sidebar_menu2 h1{

	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #6d6e71;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 10px;	

}



#sidebar_menu2 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 10px;

}

#sidebar_menu2 a{
	padding: 0px;
	margin: 0px;
	border: 0px;
	color: #ffffff;
	font-size: 14px;
	font-style: bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 14px;
	text-decoration: none;
}
#sidebar_menu2 a:hover{
	color: #666666;
	font-size: 14px;
	text-decoration: none;
}

#sidebar_menu2 ul{
	margin: 0px 0px 0px 0px;
	padding-top: 20px;
	padding-left: 10px;
	list-style-type:none;
	}

#sidebar_menu2 li{
	margin: 0px 0px 0px 0px;
	padding-left: 20px;
	list-style-type:none;

	}

#sidebar_menu2 a{
	padding: 0px;
	margin: 0px;
	border: 0px;
	color: #ffffff;
	font-size: 14px;
	font-style: bold;
	line-height: 40px;
	text-decoration: none;
}







#middle-content-right-bottom {

	width: 230px;

	height: 10px;

	background-color: #6d6e71; 

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	float:left;	

	 

}



#middle-bottom {

	width: 1000px;

	height: 30px;

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

	margin: 0px 0px 0px 0px;

	float:left;	

}



	#twitter-widget {

	width: 215px;

	background-color: #CCCCCC;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 15px;

	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-top:15px;  

	margin-right:0px;  

	margin-left:50px;

	float:left;}



#footer_right{

	text-align: right; 

	margin-right:50px;

	color: #ffffff; 

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

	font-size: 10px;

	float:right;}