body {
	text-align: left;
	 } 
	 
/* Sets the font family and base font size for the site. 
**NOTE: 
You never have to repeat the font family or size unless you want them to be different. 
All other fonts, e.g. in the h1, h2, and h3 are percentages of this base font, which is about 11 points */
body, body div, body p, body th, 
body td, body li, body dd, body a {
}

/*  This encloses ALL DIVS and centres them. It works with the text-align center declaration in the body */
#wrapper{
	margin: 0 auto;
	width:838px;
	text-align:left;
	border: 1px solid #CCFF00;
}


/* START Header One Layout DIVS - all contained in 'headerone'*/
		
#headerone {
	width: 810px;
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 10px;
	height: 0px;
	text-align: right;
	background-repeat: no-repeat;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #999999;
}			
				
/* END Header Two Layout DIVS */		
			
			
				
			
/* START Content DIVS */
#content{
	color: #666666;
	width: 842px;
	float: left;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	height: 400px;
	border: 1px solid #666666;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 90%;
		}
	
#contentservice{
	color: #333333;
	width: 842px;
	float: left;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	
	border: 1px solid #666666;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 90%;
		}	
	
	
#contentindex{
	color: #333333;
	width: 844px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 90%;
		}
		
#contentindex_mid{
	color: #333333;
	width: 844px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 25px;
	font-size: 90%;
	background-image: url(../images/bg_grey2.jpg);
	background-repeat: repeat-x;
	height: auto;
	background-position: top;
		}			
		
		
		
#contentindex_mid_1{
	color: #333333;
	width: 245px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	height: auto;
	margin: 15px;
		}					
		
#contentindex_mid_1a{
	color: #333333;
	width: 255px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	height: auto;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 15px;
		}					
		

		
#contentindex_mid_2{
	color: #333333;
	width: 245px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	height: auto;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 50px;
	margin-left: 25px;
		}		
		
		
		
#contentindex_mid_3{
	color: #333333;
	width: 490px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	height: auto;
	margin-top: 55px;
	margin-right: 15px;
	margin-bottom: 50px;
	margin-left: 20px;
		}		
		
		
		
#contentindex_mid_4{
	color: #333333;
	width: 200px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	height: auto;
	margin-right: 15px;
	margin-bottom: 50px;
	margin-left: 20px;
		}		
				
	#contentindex_mid_5{
	color: #333333;
	width: 200px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	height: auto;
	margin-right: 15px;
	margin-bottom: 50px;
		}		
		
#contentindex_lower{
	color: #333333;
	width: 814px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	height: auto;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
		}		
		


#contentindex_lower_a{
	color: #333333;
	width: 814px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	height: auto;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
		}		
		

			
	
	#contentindex_text{
	float: left;
		}	


#contentabout{
	color: #333333;
	width: 842px;
	float: left;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	border: 1px solid #666666;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 90%;
		}


#contentabout_detail{
	color: #333333;
	width: 450px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	vertical-align: bottom;
	margin-top: 15px;
		}
		
		#detail_l{
	color: #333333;
	width: 126px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	height: 160px;
		}
		
#detail_l2{
	color: #333333;
	width: 125px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	height: 160px;
		}		
		
		
	

#contentindex_text_l{
	color: #333333;
	width: 349px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 80%;
		}		
	
	
	#contentindex_text_r{
	color: #990000;
	width: 362px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 80%;
		}	
	
	
#imagebar {
	float: left;
	width: 844px;
	height: 70px;
				}
				
				
				
				
#navbar {
	width: 844px;
	text-align: left;
	line-height: 23px;
	text-decoration: none;
	background-image: url(../images/nav_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 15px;
				}						
		

			







		
#contentleft {
	float: left;
	width: 200px;
	text-align: left;
				}
				

				
#contentright {
	float: left;
	width: 200px;
	text-align: left;
				}
					







#footer_nav {
	float: left;
	width: 844px;
	color: #666666;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin-top: 25px;
				}


#footer_nav_right {
	float: right;
	width: 60
	
	text-align: center;
	margin-top: 5px;
				}





#footer {
	float: left;
	width: 840px;
	margin:0px;
	padding:2px 0px 0px;
	color: #9FB6C2;
	font-size: 90%;
	font-family: "Times New Roman", Times, serif;
	background-repeat: no-repeat;
	text-align: center;
	height: 35px;
				}

a:visited {
	font-size: 80%;
	text-decoration: none;
	color: #993399;
	font-size: 100%;
	text-decoration: none;
		}	
						
	
a:link {
	color: #993399;
	font-size: 100%;
	text-decoration: none;
	}


a:hover {
	color: #999999;
	font-size: 100%;
	text-decoration: underline;
	}



#current
{
	color: #993399;
	font-size: 100%;
	text-decoration: none;
}


/* START - Navtwo */

#navtwo{
	float:left;
	padding:7px 0px 0px 13px;
	color: #62A3C8;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 25px;
	width: 827px;
	margin-top: 0px;
	margin-bottom: 0px;
}


#navtwo ul{
}

#navtwo li{
line-height: 8px
}

#navtwo a, #navtwo a:link, #navtwo a:visited{
	text-decoration: none;
	color: #62A3C8;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
}

#navtwo a:hover{
color: #333333;
}

#navtwo #current{
color: #000000;
}


ul#styling{
}

ul#portfoliotop{
}





img {
	border : 0px none;
}

.imgright {
	border : 0px none;
	float: right
}			
	
h1 {
	color: #993399;
	font-size : 100%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	margin: 0px;
		}
			
	
h2 {
	color: #333333;
	font-size : 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	}	



h3 {
	color: #333333;
	font-size : 70%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 20px;
	font-weight: normal;
	text-align: left;
	padding: 0px;
	}
	
h4 {
	color: #993399;
	font-size : 140%;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
		}


(old H4

 {
	color: #333333;
	font-size : 90%;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 20px;
		})




h5 {
	color: #9933CC;
	font-size : 90%;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 20px;
		}
		
		
h6 {
	color: #993399;
	font-size : 100%;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
		}		




.class1 A:visited {
	color: #993399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: lighter;
	text-decoration: none;
		}
						
	
.class1 A:link {
	color: #993399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: lighter;
	text-decoration: none;
}	
		

.class1 A:hover {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: lighter;
	text-decoration: none;
		}



.class2 A:visited {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: lighter;
	text-decoration: none;
		}
						
	
.class2 A:link {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: lighter;
	text-decoration: none;
}
		
		

.class2 A:hover {
	color: #993399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: lighter;
	text-decoration: none;
		}



.class3 A:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-decoration: none;
	color: #999999;
	font-weight: lighter;
	font-size: 80%;
	text-decoration: none;
		}	
						
	
.class3 A:link {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: lighter;
	text-decoration: none;
	}


.class3 A:hover {
	color: #993399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: lighter;
	text-decoration: none;
	}



#current
{
	color: #993399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: lighter;
	text-decoration: none;
}










	
div.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}