/*----------------------------------------
Name: global.css
Developed by: Garrett Owen
Date Created: 9/1/2009
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("reset.css");

/* Elements
----------------------------------------*/
body
{
	background-color:#FFFFFF;
	background-image: url(../images/top-grass.png);
	background-repeat: repeat-x;
	background-position: top;
}

body, p, td, th, li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:.875em;
	line-height:1.5em;
	color:#000000;
}

#mainContainer
{
	/* width: 1138px; */
	width: 100%;
	min-width: 950px;
	margin: 47px auto 15px auto;
	background-image: url(../images/content-bg.png);
	background-repeat: repeat-y;
	background-position: center;
}

p
{
	margin: 0 0 1em 0;
}

/*--- Link Styles ---*/
a:link, a:visited
{

}

a:hover, a:active
{

}

h1
{
	color:#779F54;
	margin:0 0 0.7em 0;
	font-size:1.8em;
}

h2
{
	color:#253F8B;
	margin:.825em 0 .5em 0;
	font-size:1.5em;
}

h3
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.5em;
}

h4
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.25em;
}

h5
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.125em;
}

h6
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1em;
}

ul
{
	margin-left:25px;
	list-style-type: circle;
}

ul li {
	line-height: 22px;

}

ol
{
	margin-left:25px;
	
}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}
span.blue	{color: #253F8B;}

/* Header
----------------------------------------*/
#header
{
	width:950px;
	height:125px;
	margin: 0 auto;
	padding: 13px 15px 0 15px;
	background: #FFFFFF url(../images/header-bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	
	
}

img#logo {
	float: left;
}

	/* Nav
	----------------------------------------*/
	ul#nav
	{
		float: left;
		margin: 35px 0 0 45px;
		
		
	}
	
	ul#nav li {float:left; list-style-type:none; font-size:16px;}
	
	ul#nav li a {display: block; padding: 5px 0; text-align: center;}
	
	ul#nav li a:link, ul#nav li a:visited {color: #000000; text-decoration: none;}
	ul#nav li a:hover, ul#nav li a:active {color: #253F8B; text-decoration: none; font-weight: bold;}
	
	/*Include all of your links with unique IDs. Use the correct path to the image and set the width of each image*/
	li#navHome a		{margin-left: 0px; width: 62px;}
	li#navServices a	{margin-left: 53px; width: 81px; }
	li#navAbout a		{margin-left: 60px; width: 61px;}
	li#navPortfolio a	{margin-left: 54px; width: 78px;}
	li#navContact a		{margin-left: 55px; width: 74px;}
	
		
/* Main Content
----------------------------------------*/
#mainContent
{
	width:100%;
	min-width:950px;
	min-height: 250px;
	padding: 0;
	background-image: url(../images/content-bg-top.png);
	background-repeat: no-repeat;
	background-position: top center;

}

#contentsWithin {
	width: 920px;
	margin: 5px auto 0 auto;
	position: relative;

}

.featureBox {
	float: left;
	width: 296px;
	height: 185px;
	position: relative;
	margin: 0 15px 20px 0;
}

div.last {
	margin-right: 0;
}

.featureBox a:link h2,.featureBox a:visited h2 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	z-index: 20;
	display: block;
	width: 291px;
	height: 32px;
	margin: 0;
	padding: 10px 0 0 5px;
}

.featureBox a:link span.transpBox,.featureBox a:visited span.transpBox {
	filter:alpha(opacity=40);
	-moz-opacity:0.40;
	-khtml-opacity: 0.40;
	opacity: 0.40;
	position: absolute;
	z-index: 15;
	width: 296px;
	height: 42px;
	display: block;
	background: #000000;
	
}

.featureBox img  {
	border: none;
	z-index: 10;
	position: relative;
}

.featureBox a:hover h2,.featureBox a:active h2,
.featureBox a:hover span.transpBox,.featureBox a:active span.transpBox {
	display: none;
}

#homeText {
	width: 607px;
	clear: both;
}

#leftCol {
	float: left;
	width: 460px;
}

#rightCol {
	float: right;
	width: 430px;
}

#photoGallery img {
	margin-right: 15px;
	margin-bottom: 15px;

}

img#treeImg {
	position: absolute;
	top: 100%;
	left: 100%;
	margin-top: -131px;
	margin-left: -220px;
	

}

.bigP {
	font-size: 14px;
	line-height: 22px;

}

.rightImg {
	margin: 0 10px 10px 20px;
	float: right;

}


/* Footer
----------------------------------------*/
#footer
{
	width:950px;
	height:30px;
	margin: 0 auto;
	padding: 30px 15px 0 15px;
	background: #FFFFFF url(../images/footer-bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	clear: both;

}

#footer p 
{
	font-size:.625em;
	text-align: center;
	margin: 0;
}