/* CLASS EXAMPLES AND STYLES */

/* all div properties	
	font-family: arial;
	text-align: justify;
	font-size: 10pt;
	font-weight: normal;
	color: #000000; 

	background-color:#FFFFFF;	
	margin-right:10px;
	padding-top:5px;
	float: left;
	width: 205px;
	border:1px solid black;
	text-decoration:none;
	height:17px;
	clear:both;
	text-decoration:underline;
	valign:center;
*/


/* MASTER SITE CLASSES */
img { border:0px; }

body {
	background-color: #FFFFFF;
	background: url(../images/background-image.jpg) top repeat-x; 
	background-position: 0 100px;
	margin:0 auto;
	width:1024px;


}

.divrow { clear:both; }

h1 {
margin-top:0px;
margin-bottom:0px;
}
h2 {
margin-top:0px;
margin-bottom:0px;
}
h3 {
margin-top:0px;
margin-bottom:0px;
}



/* HOVER CLASSES */
a.black8:hover { color: #87a047; }
a.black12:hover { color: #87a047; }
a.black16:hover { color: #87a047; }
a.black14:hover { color: #87a047; }
a.green10:hover { color: #000000; }
a.greenbold12:hover { color: #000000; }
a.whitebold8:hover { color: #000000; }
a.white10:hover { color: #000000; }
a.whitebold10:hover { color: #bdd09e; }
a.whitelink:hover { color: #bdd09e; }
a.black10:hover { color: #87a047; }
a.button-text:hover { color: #000000; }
a.portfolio_buttons:hover {
	font-family: arial;
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	color: #000000; 
	text-decoration:none;
}

/* PAGE DIVISIONS */

.client_left {
	float:left;
	width:170px;
	margin-left:30px;
}	

.client_right {
	float:left;
	width:760px;
	margin-left:30px;
}

.web_left {
	float:left;
	width:277px;
}

.web_right {
	float:left;
	width:480px;
}

.contact_form_left {
	float:left;
	width:120px;
}

.contact_form_right {
	float:left;
	width:300px;
	margin-left:15px;
	text-align:left;
}



/* IMAGE CLASSES */












/* TEXT CLASSES */

.black8 {
	font-family: arial;
	text-align: left;
	font-size: 8pt;
	font-weight: normal;
	color: #000000; 

}	

.black9 {
	font-family: arial;
	text-align: left;
	font-size: 9pt;
	font-weight: normal;
	color: #000000; 

}	
	
.black10 {
	font-family: arial;
	text-align: left;
	font-size: 10pt;
	font-weight: normal;
	color: #000000; 
	text-decoration:none;

}	

.black12 {
	font-family: arial;
	text-align: justify;
	font-size: 12pt;
	font-weight: normal;
	color: #2c2417; 
	text-decoration:none;
	
}	

.black14 {
	font-family: arial;
	text-align: left;
	font-size: 14pt;
	font-weight: normal;
	color: #000000; 
	text-decoration:none;
}	

.black16{
	font-family: arial;
	text-align: left;
	font-size: 16pt;
	font-weight: normal;
	color: #000000; 
	text-decoration:none;
}

.black20 {
	font-family: arial;
	text-align: left;
	font-size: 20pt;
	font-weight: normal;
	color: #000000; 

}	

.green8 {
	font-family: arial;
	text-align: left;
	font-size: 8pt;
	font-weight: normal;
	color: #87a047; 

}	

.green10 {
	font-family: arial;
	text-align: left;
	font-size: 10pt;
	font-weight: normal;
	color: #87a047; 

}	

.greenbold8 {
	font-family: arial;
	text-align: left;	
	font-size: 8pt;
	font-weight:bold;
	color: #87a047; 


}	

.greenbold10 {
	font-family: arial;
	font-size: 10pt;
	font-weight:bold;
	color: #87a047; 

}	

.green12 {
	font-family: arial;
	font-size: 12pt;
	font-weight:normal;
	color: #87a047;
	text-decoration:none;
	

}

.greenbold12 {
	font-family: arial;
	font-size: 12pt;
	font-weight:bold;
	color: #87a047; 

}	

.greenbold14 {
	font-family: arial;
	font-size: 14pt;
	font-weight:bold;
	color: #87a047; 

}	

.green20 {
	font-family: arial;
	text-align: left;
	font-size: 20pt;
	font-weight: normal;
	color: #87a047; 

}	

.lightgreen8 {
	font-family: arial;
	text-align: left;
	font-size: 8pt;
	font-weight: normal;
	color: #c1cf9f; 

}	
	
.darkgrey8 {
	font-family: arial;
	text-align: left;
	font-size: 8pt;
	font-weight: normal;
	color: #80807f; 

}
	
.darkgrey10 {
	font-family: arial;
	text-align: left;
	font-size: 10pt;
	font-weight: normal;
	color: #80807f; 

}

	
.darkgreybold12 {
	font-family: arial;
	text-align: left;
	font-size: 12pt;
	font-weight: bold;
	color: #80807f; 

}
.lightgrey8 {
	font-family: arial;
	text-align: left;
	font-size: 8pt;
	font-weight: normal;
	color: #b0b0b0; 
}

.lightgrey10 {
	font-family: arial;
	text-align: left;
	font-size: 10pt;
	font-weight: normal;
	color: #b0b0b0; 
}

.white8 {
	font-family: arial;
	text-align: left;
	font-size: 8pt;
	font-weight: normal;
	color: #FFFFFF; 

}

.white10 {
	font-family: arial;
	text-align: justify;
	font-size: 10pt;
	font-weight: normal;
	color: #FFFFFF; 

}

.whitebold10 {
	font-family: arial;
	text-align: justify;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF; 

}


.white12 {
	font-family: arial;
	text-align: left;
	font-size: 12pt;
	font-weight: normal;
	color: #FFFFFF; 

}


.whitebold14 {
	font-family: arial;
	text-align: left;
	font-size: 14pt;
	font-weight: bold;
	color: #FFFFFF; 

}

.white14 {
	font-family: arial;
	text-align: left;
	font-size: 14pt;
	font-weight: normal;
	color: #FFFFFF; 

}


.whitebold8 {
	font-family: arial;
	text-align: left;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF; 
	text-decoration:none;
}


.whitelink {
	font-family: arial;
	text-align: left;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF; 
	text-decoration:underline;
}

.whitebold10 {
	font-family: arial;
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF; 
	text-decoration:none;

}


.whitebold12 {
	font-family: arial;
	text-align: left;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF; 

}


.whitebold18 {
	font-family: arial;
	text-align: left;
	font-size: 18pt;
	font-weight: bold;
	color: #FFFFFF; 

}


	
/* LINKS AND BUTTONS */

.buttonsmall {
	background-image:url('/images/small-button.png');
 	margin-top:5px;
 	padding-top:5px;
 	font-family: arial;
	text-align: center;
	font-size: 8pt;
	font-weight: normal;
	color: #c1cf9f; 
	width:80px;
	height:20px;
	float:left;	
}

.button-text {
	font-family: arial;
	text-align:center;
	font-size: 8pt;
	font-weight: normal;
	color: #87a047; 
	text-decoration:none;
}	









/* GRAPHIC, NON-IMAGE CLASSES*/

.promobox {
	width:240px; 
	height:245px; 
	background-color:#87a047; 
	float:left;
}

.navbox {
	width:150px; 
	height:22px; 
	background-color:#87a047; 
	float:left;
}

.sidebar {
	width:160px;

	background-color:#87a047; 
	font-family: arial;
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	padding-left:6px;
	padding-top:3px;
	padding-bottom:3px;	
}


.portfolio_buttons {

	font-family: arial;
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;	

}

 
 /* PROMO CLASSES*/