/*
Theme Name: Matsumoto and Clapperton Layout
Author: Mix Plate Media
Author URI: http://www.mixplatemedia.com/



*/




/* Begin Typography & Colors */



* {

	margin:0;

	padding:0;

	border:0;

}



a { 

	color:white;

	text-decoration:none;

}



a:hover {

	text-decoration:underline;

	color:#1e384d;

}



p {

	margin-bottom:15px;



}



h2 {

	color:#000;

	font-size:14px;

	

}



body {

	font-size: 11px; /* Resets 1em to 10px */

	font-family: Helvetica, Arial, Sans-Serif;

	background-color: #000000;

	color: #fff;

	text-align: center;

	position:relative;

	width:100%;

	}



/* Begin Header */



#site, #siteplain, #blankbacksite {

	margin:0 auto 0 auto;

	width:1016px;

	height:708px;

	background: #000000 url('images/background.jpg') no-repeat;

	text-align: left;

	position:relative;

	}



#siteplain {

	background: #000000 url('images/background_girl.jpg') no-repeat;

	}



#blankbacksite {
	height:auto;
	background: #6a8ea0 url('images/background_plain.jpg') no-repeat;

	}







#header {

	width:453px;

	height:48px;

	margin:0 0 375px 480px;

	padding-top:78px;

	

}



#header h1 a {

	display: block; 

	width: 453px; 

	height: 48px; 

	background: url('images/logo.jpg') no-repeat; 

	text-indent: -999em; 

	cursor:pointer;

}







#flash {

	position:absolute;

	top:257px;

	left:0px;



}





/* End Header */



/* Begin Navbar and Slider */



#bar {

	width:100%;

	height:137px;

	background-color: #000000;

		

}


#shortbar {
	width:100%;
	background-color: #000000;

}



/* Center Slider Hack */

#slider {

	margin-left:-5px;

	height:90px;

	width:100%;

}



#navigation {

	text-align: center;

	background: #000 url('images/navback.jpg') repeat-x 0px 21px;

 	padding:6px 0 12px 0;

	position:relative;

	height:29px;

	

	

}





#navigation li{

	display: inline;

	list-style-type: none; 

	position:relative;

	}



#navigation li a {

   	margin:0 40px;

   	background: url('images/dot.jpg') no-repeat center bottom;

   	text-align: center;

   	padding: 5px 5px 25px 5px;

	



	

}



#navigation li a:hover {

   	background: url('images/dot_radiate.jpg') no-repeat center bottom;

}









/* End Navbar and Slider */



/* Begin Page */


#med-display {

	position:absolute;
	top:80px;
	left:40px;
	width:400px;
	height:388px;
	text-align:center;


}





#content {

	position:absolute;
	top:160px;
	left:545px;
	width:355px;
	height:290px;
	line-height:18px;

}


#content_portfolio {
	position:relative;
	width:925px;
	min-height:400px;
	left:45px;
	margin-top:-320px;
}

#content_portfolio ul{
	list-style-type:none;
	clear:both;
	font-weight:bold;
}

#content_portfolio li{
	list-style-type:none;
	float: left; 
	position: relative; 
	margin-right:10px;
	padding-top:10px;
}


#content h2{

	margin-bottom:25px;

	text-align:center;

}


#npnav-center {
	text-align:center;
}


#titleline{

	padding:0 15px;

	border-bottom:1px solid #000;

}



.post {

	margin: 0 0 20px;

	text-align: justify;



	}


.clearnone {
	clear:both;
}



/* End Page */





/* Begin Footer */



#footer {
	background:transparent url('images/footer-back.jpg') no-repeat;
	width:100%;
	height:70px;

}

#footerblank {

	width:100%;
	height:70px;

}


#leftfoot {

	float:left;

	margin-left:110px;

	padding-top:26px;

}



#leftfoot ul li{

	list-style-type: none; 

	



}



#leftfoot li{

	display:inline;

	margin-right:44px;

}



#rightfoot {

	float:right;

	margin-right:46px;

	padding-top:16px;



}



/* End Footer */









/* Begin Client Site */



#clientsite {

	width:100%;

	height:708px;

	text-align: left;

	position:relative;



	}









#clientheader {

	width:453px;

	height:48px;

	margin:0 0 0 150px;

	padding:80px 0 40px 0;

}





#clientheader h1 a {

	display: block; 

	width: 453px; 

	height: 48px; 

	background: url('images/ftplogo.jpg') no-repeat; 

	text-indent: -999em; 

	cursor:pointer;



}





#clientcontent {

	line-height:18px;

	margin:0 0 0 150px;

}



.pagetitle {

	font-size:25px;

	margin-bottom:25px;

}





/* End Client Site */



	text-align: left;

	position:relative;



	}









#clientheader {

	width:453px;

	height:48px;

	margin:0 0 0 150px;

	padding:80px 0 40px 0;

}





#clientheader h1 a {

	display: block; 

	width: 453px; 

	height: 48px; 

	background: url('images/ftplogo.jpg') no-repeat; 

	text-indent: -999em; 

	cursor:pointer;



}





#clientcontent {

	line-height:18px;

	margin:0 0 0 150px;

}



.pagetitle {

	font-size:25px;

	margin-bottom:25px;

}

#clientsite .entry p{
	clear:both;

}

#clientsite input {
	padding:8px;
	margin-bottom:8px;

}


/* End Client Site */