/*****************************************
 * Cornerstone Foundation Stylesheet
 *   developed by Immerge Technologies
 *   written by Chris Gillis
 *   (c)2009
 *****************************************/
 
 * {
 	margin: 0;
 	padding: 0;
 }
 
 body {
 	font-family: arial, sans-serif;
 	border-top: 10px solid #2c003f;
 	background: #2c003f;
 }
 h1,h2,h3,h4,h5,h6 {
 	font-family:  arial, sans-serif;
 }
 #contact-box a {
 	color: white;
 }
 h1 {
 	font-size: 24px;
 }
 h2 {
 	font-size: 18px;
 }
 h3 {
 	font-size: 16px;
 }
 
 #mega-wrapper {
 	background: #6c6c6c url('images/bodybg.gif') top left repeat-x;
 }
 #site-wrapper {
 	width: 970px;
 	margin: 0 auto;
 }
 
 #header {
 	overflow: hidden;
 }
 #logo {
 	float: left;
 	margin-top: 30px;
 	margin-bottom: 10px;
 }
 #contact-box {
 	background: url('images/contactbg.gif') top left no-repeat;
 	width: 206px;
 	height: 33px;
 	margin-left: 750px;
 }
 #contact-box p {
 	color: white;
 	font-size: 11px;
 	margin-left: 18px;
 	padding-top: 8px;
 }
 
 
 #navigation {
 	list-style-type: none;
 	float: left;
 	background: url('images/navbg.gif') top left no-repeat;
 	height: 46px;
 	width: 734px;
 	margin-top: 56px;
 	margin-left: 29px;
 }
 #navigation li {
 	float: left;
 }
 #navigation li a {
 	display:block;
 	color: white;
 	text-decoration: none;
 	font-size: 12px;
 	padding-left: 25px;
 	padding-top: 15px;
 }
 #navigation li a:focus {outline: none; }
 #navigation li:first-child a {
 	padding-left: 20px;
 	padding-right: 3px;
 }
 #navigation li a.active {
 	color: #ffff00;
 }
 #navigation li a:hover {
 	color: #ffff00;
 }
 
 #content-header {
 	background: #2c003f;
 	color: white;
 	padding: 15px;
 	overflow: hidden;
 }
 #overview {
 	width: 315px;
 	float: left;
 	margin-right: 20px;
 	padding-top: 15px;
 }
 #overview a {
 	color: #ffff00;
 }
 #overview h1, #overview h2 {
 	text-align: center;
 }
 #overview h2 {
 	margin-bottom: 10px;
 }
 #overview p {
 	font-size: 12px;
 	line-height: 170%;
 }
 #image {
 	float: left;
 }
 #content {
 	background: white url('images/watermark.gif') bottom right no-repeat;
 	padding: 20px 20px 60px 20px;
 	overflow: hidden;
 }
 #content h3 {
 	color: #2c003f;
 	display: block;
 	border-bottom: 1px solid #cccccc;
 	width: 280px;
 	padding-bottom: 5px;
 	margin-bottom: 10px;
 }
 #content p {
 	margin-bottom: 20px;
 	color: #4a4a4a;
 	font-size: 12px;
 	line-height: 170%;
 }
 #col-3 h3 {
 	width: 260px;
 	float: left;
 }
 
 #content a {
 	color: #2c003f;
 	font-size: 12px;
 }
 .complete-gallery {
 	margin-left: 11px;
 }
 #col-1, #col-2 {
 	width: 300px;
 	margin-right: 35px;
 	float: left;
 }
 #col-0 {
 width: 600px;
 margin-right: 65px;
 float: left;
 }
 #col-0 h4 {
 text-transform: uppercase;
 font-size: 12px;
 color: #2c003f;
 }
 .tabbed {
 padding-left: 20px;
 padding-right: 20px;
 }
 #col-3 {
 width: 260px;
 float: left;
 }
 #services-select {
 margin-bottom: 20px;
 margin-top: 5px;
 border-bottom: 1px solid #ccc;
}
#services-select a {
padding: 2px 10px 1px 10px;
border: 1px solid #ccc;
color: #666;
text-decoration: none;
}
#services-select a.active {
color: #2c003f;
font-weight: bold;
background: #f0f0f0;
}
 #footer-wrapper {
 	background: #2c003f;
 	width: 930px;
 	margin: 0 auto;
 	padding: 20px;
 }
 #footer {
 	width: 970px;
 	margin: 0 auto;
 	color: white;
 	overflow: hidden;
 	padding-top: 0px;
 }
 #footer p {
 	font-size: 10px;
 	margin-bottom: 10px;
 	clear: left;
 }
 #footerlogo {
 	float: right;
 	margin-top: 10px;
 	margin-right: 40px;
 }
 #sub-navigation {
 	list-style-type: none;
 	display:block;
 	margin-top: -5px;
 }
 #sub-navigation li {
 	float: left;
 	margin-bottom: 10px;
 }
 #sub-navigation li a {
 	padding-right: 10px;
 	padding-left: 10px;
 	font-size: 10px;
 	color: white;
 	border-left: 1px solid white;
 	text-decoration: none;
 }
 #sub-navigation li:first-child a {
 	border-left: none;
 	padding-left: 0px;
 }
 #sub-navigation li a:hover {
 	color: #ffff00;
 }