/* CSS Document */


body	{margin:0;
		padding:0;
		background-color:#000000;
		}

#background	{background-color:#ffffff;
			margin-left:auto; 
			margin-right:auto;
			margin-top:0;
			margin-bottom:auto; 
			width:100%;
			
		
		
			}
			
			
			
#wrapper	{
			margin-left:auto; 
			margin-right:auto;
			margin-top:0;
			margin-bottom:auto; 
			width:1000px;
			
		
		
			}			




			
			
#header	{	margin-left:0; 
			margin-right:0;
			margin-top:0;
			margin-bottom:0;
			float:left;
			background-color:#FFFFFF;}			


			


#topnavbar	{	margin-left:0; 
			margin-right:0;
			margin-top:0;
			margin-bottom:0;
			float:left;
			}
			
			
			
#centre content	{	margin-left:0; 
			margin-right:0;
			margin-top:0;
			margin-bottom:0;
			float:left;}			
			
			
			
			
			
/* portfolio pages */			
			
			

			
			
			
			
			
#leftnav	{
					float:left;
					margin:0px;
					padding-top:20px;
					background-color:#000000;
					background-image:url(images/leftnav_bckgnd.gif);
					background-repeat:repeat-y;
					vertical-align:top;
					width:180px;
					
					}						
					

						
					
			
#leftnav ul {		margin:0px;
			        padding:0px;
			        list-style-type:none;
			        }	
			
	
#leftnav li {		text-decoration:none;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					color:#adad86;
					font-size:13px;
					text-align:right;
					padding-left:0px;
					padding-right:50px;
					padding-top:10px;
					padding-bottom:10px;
				
				
				}	
				

#leftnav p		{	text-decoration:none;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					color:#adad86;
					font-size:13px;
					text-align:right;
					padding-left:0px;
					padding-right:50px;
					padding-top:4px;
					padding-bottom:4px;
					background-image:url(images/leftnav_hilight.gif);
					}
		
	
			
	
#leftnav a {
					text-decoration:none;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					color:#FFFFFF;
					font-size:12px;
					padding-left:0px;
				
					}	
					
					
			
#leftnav a:hover {	color:#adad86;
					
					background-image:url(images/leftnav_hilight.gif);
					background-position:left;
					background-repeat:no-repeat;
					
					}	
					
					
					
					
					

				
					
#rightnav a:hover {	color:#ffffff;
					font-weight:bold;
					background-image:url(images/freelesson_rollover.gif);
					background-position:left;
					background-repeat:no-repeat;
					
					}		
					
					
								
					

					
					
#middlecolumn		{	width:560px;
						padding-left:20px;
						padding-right:20px;
						padding-top:0px;
						padding-bottom:0px;
						
}



#middlecolumn	li	{	font-family:Arial, Helvetica, sans-serif;
						font-size:13px;
						text-align:left;
						vertical-align:top;
						color:#ffffff;
						padding-top:5px;
						padding-right:20px;
						
}


#middlecolumn table	{	width:560px;
						padding-left:50;
						padding-right:20;
						padding-top:10;
						padding-bottom:10;
						font-family:Arial, Helvetica, sans-serif;
						font-size:13px;
						text-align:left;
						vertical-align:top;
						color:#ffffff;
						background-color:#000000;
						
}






					
#middlecolumn	 a	{	font-family:Arial, Helvetica, sans-serif;
						font-size:13px;
						text-align:left;
						color:#adad86;
						font-weight:bold;
						text-decoration:none;
						line-height:26px;
						}


#middlecolumn a:hover	{	font-family:Arial, Helvetica, sans-serif;
						font-size:13px;
						text-align:left;
						color:#ffffff;
						}
						
						
						
						
						
#portfoliolink		a	{	font-family:Arial, Helvetica, sans-serif;
						font-size:13px;
						text-align:left;
						color:#333333;
						font-weight:100;
						text-decoration:none;
						line-height:26px;
						}	
						
#portfoliolink a:hover	{	font-family:Arial, Helvetica, sans-serif;
						font-size:13px;
						text-align:left;
						color:#ffffff;
						}								
						
						
						
						
/* about pages */	


#leftnav_about	{
					float:left;
					margin:0px;
					padding-top:20px;
					background-color:#000000;
					background-image:url(images/leftnav_bckgnd_green.gif);
					background-repeat:repeat-y;
					vertical-align:top;
					width:180px;
					
					
					}	
					
					
#leftnav_about a {
					text-decoration:none;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					color:#FFFFFF;
					font-size:13px;
					padding-left:0px;
					text-align:right;
				
					}	
					
					
			
#leftnav_about a:hover {	color:#65a19d;
							background-position:left;
							background-repeat:no-repeat;
						}
	
														
									
#leftnav_about ul {		margin:0px;
			        	padding:0px;
			        	list-style-type:none;
			        }	
			
	
#leftnav_about li {	text-decoration:none;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					color:#64a19d;
					font-size:13px;
					text-align:right;
					padding-left:0px;
					padding-right:50px;
					padding-top:10px;
					padding-bottom:10px;
				
				
				}	
				

#leftnav_about p		{	text-decoration:none;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					color:#64a19d;
					font-size:13px;
					text-align:right;
					padding-left:0px;
					padding-right:50px;
					padding-top:4px;
					padding-bottom:4px;
					background-image:url(images/leftnav_hilight_green.gif);
					}


					
					
#middlecolumn_about		{	width:560px;
						padding-left:20px;
						padding-right:20px;
						padding-top:0px;
						padding-bottom:0px;
						
}



#middlecolumn_about	li	{	font-family:Arial, Helvetica, sans-serif;
						font-size:13px;
						text-align:left;
						vertical-align:top;
						color:#ffffff;
						padding-top:5px;
						padding-right:20px;
						
}


#middlecolumn_about table	{	width:560px;
						padding-left:50;
						padding-right:20;
						padding-top:10;
						padding-bottom:10;
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						text-align:left;
						vertical-align:top;
						color:#ffffff;
						background-color:#000000;
						
}					
					
					
					
					
						
						
#middlecolumn_about	 a	{	font-family:Arial, Helvetica, sans-serif;
						font-size:13px;
						text-align:left;
						color:#64a19d;
						font-weight:bold;
						text-decoration:none;
						line-height:26px;
						}


#middlecolumn_about a:hover	{	font-family:Arial, Helvetica, sans-serif;
						font-size:13px;
						text-align:left;
						color:#ffffff;
						}						
						
						
						
/* contact page */

#leftnav_contact	{
					float:left;
					margin:0px;
					padding-top:20px;
					background-color:#000000;
					background-image:url(images/leftnav_bckgnd_purple.gif);
					background-repeat:repeat-y;
					vertical-align:top;
					width:180px;
					
					}						
						

						
/* footer */	



#footer		{	float:left;
				clear:both;
				font-family:Arial, Helvetica, sans-serif;
				font-size:9px;
				text-align:center;
				vertical-align:top;
				color:#ffffff;
				padding-top:5px;
				padding-bottom:5px;
				margin-top:0px;
				background-color:#333333;
				background-image:url(images/footer_bckgnd.gif);
				background-repeat:repeat-x;
				width:100%;
				
				
				}
				
				
#footer ul {		margin:0px;
			        padding:0px;
			        list-style-type:none;
					display:inline;
					
			        }				
				
#footer li {		display:inline;
					
			        }		
	
	
	
#footer	 a	{	font-family:Arial, Helvetica, sans-serif;
						font-size:9px;
						text-align:left;
						color:#ffffff;
						font-weight:bold;
						text-decoration:none;
						line-height:26px;
						}


#footer a:hover	{	font-family:Arial, Helvetica, sans-serif;
						font-size:9px;
						text-align:left;
						color:#ffffff;
						}	
			







/* text styles */

p	{	font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		text-align:left;
		vertical-align:top;
		color:#ffffff;
		padding-top:10px;
		line-height:20px;
		letter-spacing:.5px;
		font-weight:lighter;
		
		}	
		
		
		
h1	{	font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		text-align:left;
		vertical-align:top;
		color:#ffffff;
		font-weight:100;
		padding-top:10px;
		letter-spacing:1px;
		
		}
		
		

		
		
h2	{	font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		text-align:left;
		vertical-align:top;
		color:#ffffff;
		font-weight:100;
		padding-top:25px;
		
		}	
			
h3	{	font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		text-align:left;
		vertical-align:top;
		color:#ffffff;
		font-weight:bold;
		padding-top:10px;
		
		}
		
					
					
.style2	{	font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		text-align:left;
		vertical-align:top;
		color:#ffffff;
		font-weight:normal;
		padding-top:10px;
		
		}	
		
		
.style5 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		line-height:20px;
		text-align:right;
		vertical-align:top;
		color:#ffffff;
		font-weight:normal;
		padding-top:10px;}		
			
		
	
.style6 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		line-height:26px;
		text-align:left;
		vertical-align:top;
		color:#ffffff;
		font-weight:200;
		padding-top:10px;}