/*orchardgroveit.com CSS file version 0.0  Created by Mark 19/4/2008*/
/*Modified 10/5/2008 to include styles for a tabbed layout*/
/*container for all page content*/
body {
	width:990px;
	padding:10px;
	background-color:#99ccff;
	color:#006600;
	font-size:90%;
	font-family:'Lucida Grande', Verdana, sans-serif;
	margin-left:auto;
	margin-right:auto;
	}
#container {
	height:200px;
	background-color:#99ccff;
	}
	/*rules for headings */
	h1 {
		font-size:150%;
		}
	
	h2 {
		font-size:140%;
		}
	
	h3 {
		font-size:120%;
		}
/*Image class for logo*/
	img.logo {
		float:left;
		}
		
/*default paragraph styles*/

	p {
		font-size:100%;
		line-height:150%;
		}
 /*Create drop cap characters */
 	p.dropcap:first-letter {
 		float: left;
 		width:40px;
 		font: 60px "Lucida Grande", Arial, sans-serif;
 		line-height: 50px;
 	}
 /*Create a class for the navigation bar in the footer.*/
 	p.footer-nav {
 		text-align:center;
 		font-size:80%;
 		}
 		
	/*Spacer class to make masthead behave properly with the image. (see p 219 of Collinson)*/
	.spacer {
		clear:left;
		}
/*define class to float copyright notice to right of footer box.*/
	span.right-float {
		font-size:60%;
		text-align:right;
		float:right;
		width:50%;
		}
/*define class for company registration details*/
	span.registration {
		font-size:60%;
		text-align:left;
		float:left;
		width:50%;
		}
		/*define styles for horizontal menu based on <ul> and <li> tags*/
 	ul.horizontal {
		list-style-type:none;
		}
 	li.horizontal {
 		display:inline;
		}
		
/*define style for ul/li needed for navigation bars*/
ul.vertical {
	list-style-type:none;
	margin:0;
	padding:0;
	width:120px;
	}
li.vertical {
	background: #00ccff;
	padding:0;
	padding:2px 10px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #666;
	border-bottom: 1px solid #aaa;
	}
a.vertical {
		text-align:center;
		width:10em;
		text-decoration:none;
		font-size:0.9em;
		color:#006600;
		padding-top: 0.2em;
		padding-left: 0.2em;
		padding-right: 0.2em;
		padding-bottom: 0.2em;
	}
	
/*define style for ul used for links page*/
	ul.links {
		list-style-type:none;
		}		
		
/*Rules for <a> tag */
	a {
		color:#006600;
		text-decoration:none;
		/*line-height:90%;*/
		}
a:hover { color: #333; } /*was #333*/
a:active { color: #000; }

/*define styles for <a> tag in horizontal menu.*/
	a.horizontal-menu {
		float:left;
		text-align:center;
		width:7.0em;
		text-decoration:none;
		font-size:0.8em;
		color:#006600;
		padding-top: 0.2em;
		padding-left: 0.6em;
		padding-right: 0.7em;
		padding-bottom: 0.2em;
		/*border-left:1px solid;*/	
		}
		a:hover {background-color:#4682B4; color:#333;} /*was #CCFFFF*/
/*Masthead*/
#masthead {
	width:970px;
	padding:10px;
	margin:0 0 10px 0;
	border-bottom:1px solid;
	border-color:#006600;
	background-color:#99ccff;
	color:#006600;
	height:70px;
	}
#sidebar-a {
	width:150px;
	margin-top:50px;
	min-height:500px;
	padding:10px;
	background-color:#99ccff;
	float:left;
	}
#content {
	width:600px;
	min-height:550px;
	padding:10px;	
	background-color:#99ccff;
	margin-left:170px;
	/*border-left:1px solid;*/
	}
/*Create class for whole-width content*/
#whole-width {
	width:968px;
	min-height:500px;
	padding:10px;	
	background-color:#99ccff;
	/*border-top:1px solid;
	border-bottom:1px solid;*/
	}
#footer {
	width:970px;
	padding:10px;
	margin:0 0 10px 0;
	border-top:1px solid;
	border-color:#006600;
	background-color:#99ccff;
	color:#006600;
	height:105px;
	float:left;
	}
	
/*Create a class for the navigation bar in the footer.*/
 	p.footer-nav {
 		text-align:center;
 		font-size:80%;
 		}
 		

/*style for note*/
.note {
	background: #00CCFF;
	padding: 4px;
	font-family: tahoma,verdana,sans-serif;
	font-size: 85%;
	line-height: 130%;
}
/*style for portfolio images*/
.portfolio {
	margin:10px;
	}
/*style for methodology*/
.methodology {
	letter-spacing:1px;
	font-weight:700;
	}