/* ------------------------------------------------- */
/* -------------------GLOBAL STYLES----------------- */
/* ------------------------------------------------- */
body			{ background-color: #e0eef1; margin: 10px auto 0 auto;	font-family: 'Cabin', arial, sans-serif; color: #4d4d4f; font-size: 14px; line-height: 20px; }
body.left 		{ 	}
body.content	{ 	}
h1 				{ color: #4d4d4f; font-size: 10px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #e0eef1; }
h2 				{ color: #4d4d4f; font-size: 10px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; }

:focus { outline: 0;}

/* ------------------------------------------------- */
/* -----------------------FOUNDATION---------------- */
/* ------------------------------------------------- */
#bgcontainer	{ width: 550px;												 	margin: 0 auto 0 auto;  }
#container		{ width: 550px; background-color: #FFF; 	min-height: 300px;	margin: 0 auto 0 auto;	padding-bottom: 10px;}
#content		{ width: 550px; background-color: #FFF;								}
#header			{ 				background-color: #e0eef1; 					margin: 40px 0 0 360px; }
#leftcolumn		{ width: 100px; 											margin: 160px 25px 0 25px; text-align: right; float: left; }
#rightcolumn	{ width: 375px; 											margin: 25px 5px 0 0;						  float: left; }
#footer			{ color: #859ca1; font-size: 12px; 							margin: 10px 0 0 10px; text-align: center; }

/* ------------------------------------------------- */
/* -----------------------HEADER-------------------- */
/* ------------------------------------------------- */
#header img	{ border: 0; }

/* ------------------------------------------------- */
/* ---------------------LEFTCOLUMN------------------ */
/* ------------------------------------------------- */
 #leftcolumn			 	{ font-size: 12px; letter-spacing: 1px; float: left; 	}
	#leftcolumn a 			{ color: #859ca1;	}
	#leftcolumn a:hover 	{ border-bottom: 1px solid; color: #4d4d4f;	}
	#leftcolumn a.active 	{ color: #4d4d4f;	}
	#leftcolumn img			{ float: right; margin-left: 10px; margin-top: -40px; }


/* ------------------------------------------------- */
/* ---------------------CONTENT --------------- */
/* ------------------------------------------------- */

 #content				{  }
	#content a 			{ text-decoration: none; 		color: #859ca1; }
	#content a:hover 	{ 	color: #4d4d4f; }
	#content a.active 	{  	color: #4d4d4f; }
	#content .work		{ clear: both; border: 0px #F00 solid; }
	#content .res		{ width: 350px; margin-bottom: 25px;}
	#content .res_left	{ width: 175px; margin-bottom: 25px; margin-right: 30px; float: left;}
	#content .res_right	{ width: 125px; margin-bottom: 25px; float: left;}
	#content .res_description	{ color: #859ca1;}
	#content .res_download		{ color: #859ca1; margin: 15px 0 40px 0; }
	#content .res_download_b	{ color: #859ca1; margin-bottom: 25px; }
	#content .home_image		{ margin: 50px 0 0 250px; }
	#content .home				{ float: left; }
	 		.about_image		{ margin: 5px 10px 5px 0; float: left; }
	#content .contact_description	{ color: #859ca1; font-size: 11px; letter-spacing: 1px;}
	
	#content .work_description		{ color: #859ca1; padding: 0; font-size: 11px; height: 85px; width: 265px; float: left; margin-left: 10px; }
	#content .work_title			{ color: #4d4d4f; padding: 0; font-size: 12px;}	
	#content .gallery			 	{ font-size: 10px; letter-spacing: 1px; float: left; 	}
		 	 .gallery a 			{ color: #859ca1;	}
		 	 .gallery a:hover 		{ border-bottom: 1px solid; color: #4d4d4f;	}	
	
	
/* ------------------------------------------------- */
/* ---------------------RIGHTCOLUMN------------------ */
/* ------------------------------------------------- */	




/* ------------------------------------------------- */
/* ---------------------FOOTER---------------------- */
/* ------------------------------------------------- */

#footer				{  }
#footer.intro		{  }
#footer a 			{ color: #859ca1; }
#footer a:hover 	{ color: #4d4d4f; }
	.linked			{ margin: 20px 0 0 0; color: #859ca1;}
#FDmember 			{ margin: -10px 0 0 0; color: #e0eef1;	font-size: 9px;}	
#FDmember a 		{ margin: -10px 0 0 0; color: #e0eef1;	font-size: 9px;}
#FDmember a:hover 	{ margin: -10px 0 0 0; color: #e0eef1;	font-size: 9px;}	

/* ------------------------------------------------- */
/* ---------------------SPECIALS-------------------- */
/* ------------------------------------------------- */

.clear {clear: both;}