/* CSS Document */



html  {
		text-align: center;
		background: url("../images/bckgrd.gif") repeat;
		font: normal 10px Arial, Helvetica, sans-serif; 
		color: #ffffff;
		}

p 	{

		font: normal 12px Arial, Helvetica, sans-serif; color: #ffffff;
		}
		
h1 { 
		font: bold 20px Arial, Helvetica, sans-serif;
		margin: 0; padding: 2px 0 0 0;
		}
		
h2 {
		margin: 0; padding: 2px 0 0 0;
		font-size: 14px; 
		color: #88BB96;
		}

.articles {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#ffffff;
	font-weight:bold;
	}
	
	
			
a { 
		font-weight: normal; color: #88BB96; text-decoration: none; 
		}
	
a:hover { 
		text-decoration: underline; 
		}
	
img { 
		display: block; margin: 0 auto 0 auto; padding: 0; border: 0; 
		}

li { 
		font: normal 12px Arial, Helvetica, sans-serif;
		}
		
.photos {
	margin-left:10px;
	margin-bottom:10px;
	}

/*///////////////////////////   NAVIGATION   ///////////////////////////*/

#navigation { padding-left: 150px; height: 30px; clear: both; }
	
#navigation ul 	{ margin: 0; padding: 0; list-style-type: none; }
		
	#navigation li 	{ margin: 0; padding: 0; float: left; }
	#navigation a 	{ height: 30px; display: block; }
	
	#navigation a.btn_home 			{ width: 100px; background: url("../images/btn_home.gif") no-repeat; }
	#navigation a.btn_home:hover 	{ background-position: 0 -30px; }
	
	#navigation a.btn_designer 		{ width: 100px; background: url("../images/btn_designer.gif") no-repeat; }
	#navigation a.btn_designer:hover 	{ background-position: 0 -30px; }

	#navigation a.btn_services 		{ width: 100px; background: url("../images/btn_services.gif") no-repeat; }
	#navigation a.btn_services:hover{ background-position: 0 -30px; }
	
	#navigation a.btn_portfolio 		{ width: 100px; background: url("../images/btn_portfolio.gif") no-repeat; }
	#navigation a.btn_portfolio:hover { background-position: 0 -30px; }
			
	#navigation a.btn_articles		{ width: 100px; background: url("../images/btn_articles.gif") no-repeat; }
	#navigation a.btn_articles:hover { background-position: 0 -30px; }
	
	#navigation a.btn_contact 		{ width: 100px; background: url("../images/btn_contact.gif") no-repeat; }
	#navigation a.btn_contact:hover { background-position: 0 -30px; }