/*#############################################
 ####### Created by Graphic Lingoes           ##
 ####### mike@graphiclingoes.com              ##
 ####### Copyright 2007, All rights Reserved. ##
 ####### www.graphiclingoes.com               ##
 ####### This documnet may be used as a       ##
 ####### learning tool. It may not be         ##
 ####### copied directly and or resold.       ##
 ###############################################
/* CSS Document */
body {
	margin: 40px 0px 0px 0px;
	padding: 0;
	font:70% 'Lucida Grande', Verdana, Helvetica, sans-serif;
	background-color: #000000;
	color: #64430B;
}

/* default links */

a:link {
	text-decoration: none;
	color: #4E3113;
}
a:visited {
	text-decoration: none;
	color:#4E3113;
}
a:hover {
	text-decoration: underline;
	color: #782705;
}
a:active {
	text-decoration: none;
	color: #CD7E37;
}


/* footer links */

/* headers here */

h1 {
	margin: 0;
	padding: 15px 0px 15px 30px;
	font-size: 130%;
	color: #4F1001;
}

h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 115%;
	color: #6A4D27;
}

h3 {
	margin: 0px;
	padding: 0px;
	font-size: 105%;
	color: #6C340F;
}

.formBtn{ 
	padding: 0px 2px;
	background-color: #DCCEB2; 
	border:#052D4C 1px solid;
	color:#4E3113;
}
.formBtn:hover { 
	background-color: #583202; 
	text-decoration: none;
	border:#000 1px solid; 
	color:#DCCEB2;
}

/* and then these h3 statements, unique to whichever section has been attached above, will give the headers the appropriate background color */

legend {
	color: #7F0B10;
	}
	
.bioimage {
	display: inline;
	float: right;
	margin: 0 9px 9px 9px;
	}

/* main wrapper that holds it all centrally */
#wrapperHome {
	width:783px;
	margin: 0 auto;
	padding: 0;
	}
#wrapper {
	width:783px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/prod/secondary_pgs/secondary_main_shadow.jpg) repeat-y left top;
	}
#header {
	width: 783px;
	height: 146px;
	background: url(../images/prod/homepage_header.jpg) no-repeat left top;
	}
#branding {
	width: 783px;
	height: 242px;
	background: url(../images/prod/secondary_pgs/secondary_header.jpg) no-repeat left top;
	}
	
.logoHome {
	position: absolute;
	width: 276px;
	height: 160px;
	margin: -14px 0px 0px 262px;
	}
.logoSecondary {
	position: absolute;
	width: 276px;
	height: 160px;
	margin: -14px 0px 0px 262px;
	}
#primaryContentHome {
	width:783px;
	float:right;
	width: 783px;
	height: 187px;
	margin: 0;
	padding: 0;
	background: url(../images/prod/homepage_middle.jpg) no-repeat left top;
}
#content {
	display: inline;
	width: 478px;
	float: right;
	margin: 0 34px 0 24px;
	padding: 0;
	background: url(../images/prod/secondary_pgs/eagle_wtrmk.jpg) no-repeat right top;
	}

#mainNavimg {
	width: 247px;
	float: left;
	}
#mainNav {
	position: absolute;
	margin: 150px 0px 0px 72px;
	padding: 0;
	width: 119px;
	text-align:center;

	}
/*mainNav Ul and li styles*/
#mainNav ul {
	position:relative;
	margin: 0;
	padding: 0;
	line-style-type: none;
	}
	
#mainNav ul a {
	display: block;
	width: 119px;
	height: 33px;
	line-height: 33px;
	color: B39557;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	}

#mainNav ul a:hover, .selected a {
	background-image: url(../images/prod/secondary_pgs/secondary_mainNav_li_bullet.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	color: #EBE3D3;
	}
#mainNav li {
	display: inline; /* :KLUDGE: Removes large gaps in IE/Win */
	}
	
#home #mainNav .home a,
#vision #mainNav .vision a,
#portfolio #mainNav .portfolio a,
#solutions #mainNav .solutions a,
#contact #mainNav .contact a,
#news #mainNav .news a {
	background-image: url(../images/prod/secondary_pgs/secondary_mainNav_li_bullet.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	color: #EBE3D3;
	cursor: default;
	}
/* End mainNav ul and li styles */
	
#footer {
	clear: both;
	width: 783px;
	height: 23px;
	background: url(../images/prod/secondary_pgs/secondary_footer.jpg) no-repeat left top;
}
#footerHome {
	clear: both;
	width: 783px;
	height: 200px;
	background: url(../images/prod/homepage_footer.jpg) no-repeat left top;
}
#copyrite {
	text-align: center;
}

	
/*############################# Breadcrumb Navigation Starts Here*/
#breadcrmb {
	position: absolute;
	margin: 210px 0px 0px 265px;
	padding: 0;

	}
/*mainNav Ul and li styles*/
#breadcrmb ul {
	position:relative;
	margin: 0;
	padding: 0;
	width: 450px;
	height: 30px;
	line-style-type: none;
	}
	
#breadcrmb ul a {
	display: inline;
	color: #4E3113;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	}

#breadcrmb ul a:hover, .selected a {
	color: #7F0B10;
	}
#breadcrmb li {
	display: inline; /* :KLUDGE: Removes large gaps in IE/Win */
	margin: 0px 3px 0px 3px;
	padding: 0px 3px 0px 3px;
	}
	
#portfolio #one #breadcrmb .one a,
#portfolio #two #breadcrmb .two a,
#portfolio #three #breadcrmb .three a,
#portfolio #four #breadcrmb .four a {
	color: #7F0B10;
	cursor: default;
	}
	
#vision #one #breadcrmb .one a,
#vision #two #breadcrmb .two a {
	color: #7F0B10;
	cursor: default;
	}
	
#solutions #one #breadcrmb .one a,
#solutions #two #breadcrmb .two a,
#solutions #three #breadcrmb .three a {
	color: #7F0B10;
	cursor: default;
	}
/* End mainNav ul and li styles */