/*
Theme Name: Vibrant Visual
Theme URI: http://vibrantvisual.com/
Description: .
Version: 1.0
Author: Matt Crupe & Caleb Stauffer
Author URI: http://vibrantvisual.com/
Tags: 
*/

html {height:100%;}

body {
	margin:0px;
	padding:0px;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; line-height:28px; font-weight:bold;
	background-color:#1568a8;
}

a:link {color:#fff600; text-decoration:none;}
a:visited {color:#fff600; text-decoration:none;}
a:active {color:#fff600; text-decoration:none;}
a:hover {color:#ffffff; text-decoration:none;}

p {margin:0px 0px 30px 0px;}

h1 {font-size:18px; color:#000000; font-weight:bold; margin:0px;}

h2 {font-size:16px; color:#FFFFFF; font-weight:bold; margin:0px;}

ul {list-style-type:none;}

li {
	padding-left:20px;
    background:transparent url(/images/bullet.jpg) no-repeat;
	background-position:0 13px;
}

#header {
	margin:0px;
	padding:0px;
	width:100%;
	height:166px;
	background-image:url(/images/headerBackground.jpg); background-position:left 0px; background-repeat:repeat-x;
}

#gradientBackground {
	width:100%;
	height:100%;
	min-height:100%;
	background-image:url(/images/index-v2_10.jpg); background-position:left 166px; background-repeat:repeat-x;
}

#vBackground {
	width:100%;
	height:auto;
	height:100%;
	min-height:100%;
	background-image:url(/images/vBackground.jpg); background-position:left 166px; background-repeat:no-repeat; 
}

html>body #vBackground {height:auto; min-height:100%; overflow:hidden;}

#container {
	width:890px;
	margin:auto;
}

#leftColumn {
	float:left;
	display:inline;
	width:700px;
	margin:34px 0px 0px 0px;
	padding:0px;
	background-image:url(/images/divider.jpg); background-position:right; background-repeat:repeat-y;
}

#columnContainer {
	float:left;
	display:inline;
	width:666px;
	margin:0px 0px 20px 0px;
}

#nav {
	float:left;
	display:inline;
	width:100%;
	margin:14px 0px 0px 0px;
	padding:0px;
}

	#nav .link {
		float:left;
		display:inline;
		margin:0px 30px 0px 0px;
	}

#innerNav {
	float:left;
	display:inline;
	width:148px;
	margin:10px 0px 0px 29px;
}

#formHome {
	width:150px;
	margin:15px 0px 5px 0px;
}

#writeUs {
	float:left;
	display:inline;
	height:auto;
	margin:0px 0px -7px 0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#000000;
}

#featured {
	float:left;
	display:inline;
	width:669px;
	margin:0px;
	padding:0px;
}

#featuredTxt {
	float:left;
	display:inline;
	height:auto;
	margin:0px 0px -7px 0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#000000;
}

#arrowLeft {
	float:left;
	display:inline;
	margin:85px 0px 0px 10px;
	padding:0px;
}

#arrowRight {
	float:right;
	display:inline;
	margin:85px 10px 0px 0px;
	padding:0px;
}

#cta {
	float:left;
	display:inline;
	width:150px;
	margin:0px 0px 0px 30px;
}

.formField {
	width:150px;
	margin-bottom:8px;
	height:20px;
	padding:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; font-weight:normal;
	border:solid 1px #4b4b4b;
}

.formArea {
	width:150px;
	margin-bottom:8px;
	height:100px;
	padding:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; font-weight:normal;
	border:solid 1px #4b4b4b;
}

#servicesLeft {
	float:left;
	display:inline;
	width:325px;
	margin:0px 15px 0px 0px;
}

#servicesRight {
	float:left;
	display:inline;
	width:325px;
	margin:0px;
}

.servicesBox {
	float:left;
	display:inline;
	width:325px;
	height:135px;
	margin:0px 0px 15px 0px;
	font-size:18px; color:#000000; font-weight:bold; text-align:center; line-height:25px;
	background:url(/images/servicesBox.jpg) no-repeat;
}

	.servicesBox a:link {font-size:18px; font-weight:bold; color:#000000; text-decoration:none;}
	.servicesBox a:visited {font-size:18px; font-weight:bold; color:#000000; text-decoration:none;}
	.servicesBox a:active {font-size:18px; font-weight:bold; color:#000000; text-decoration:none;}
	.servicesBox a:hover {font-size:18px; font-weight:bold; color:#000000; text-decoration:none;}
	
.moreInfo {
	width:96%;
	font-size:12px; font-weight:normal; color:#000000; text-decoration:none; text-align:right;
}

	.moreInfo a:link {font-size:12px; font-weight:normal; color:#000000; text-decoration:none;}
	.moreInfo a:visited {font-size:12px; font-weight:normal; color:#000000; text-decoration:none;}
	.moreInfo a:active {font-size:12px; font-weight:normal; color:#000000; text-decoration:none;}
	.moreInfo a:hover {font-size:12px; font-weight:normal; color:#fff600; text-decoration:none;}
	
.viewExamples {
	width:100%;
	font-size:13px; font-weight:normal; color:#000000; text-decoration:none; text-align:right;
}

	.viewExamples a:link {font-size:13px; font-weight:normal; color:#000000; text-decoration:none;}
	.viewExamples a:visited {font-size:13px; font-weight:normal; color:#000000; text-decoration:none;}
	.viewExamples a:active {font-size:13px; font-weight:normal; color:#000000; text-decoration:none;}
	.viewExamples a:hover {font-size:13px; font-weight:normal; color:#fff600; text-decoration:none;}
	
#mapCanvas {
	float:left;
	display:inline;
	width:398px;
	height:300px;
	margin:20px 0px 0px 0px;
	border:solid 1px #73a4cb;
}

#mapDirections {
	float:left;
	display:inline;
	width:398px;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; font-weight:normal;
}

.ourWorkLeft {
	float:left;
	display:inline;
	width:324px;
	margin:0px 17px 15px 0px;
	font-size:12px; color:#000000; text-align:right;
}

	.ourWorkLeft a:link {color:#000000; font-weight:normal; text-decoration:none;}
	.ourWorkLeft a:visited {color:#000000; font-weight:normal; text-decoration:none;}
	.ourWorkLeft a:active {color:#000000; font-weight:normal;; text-decoration:none;}
	.ourWorkLeft a:hover {color:#fff600; font-weight:normal; text-decoration:none;}

.ourWorkRight {
	float:left;
	display:inline;
	width:324px;
	margin:0px 0px 15px 0px;
	font-size:12px; color:#ffffff; text-align:right;
}

	.ourWorkRight a:link {color:#000000; font-weight:normal; text-decoration:none;}
	.ourWorkRight a:visited {color:#000000; font-weight:normal; text-decoration:none;}
	.ourWorkRight a:active {color:#000000; font-weight:normal;; text-decoration:none;}
	.ourWorkRight a:hover {color:#fff600; font-weight:normal; text-decoration:none;}
	
#projectNav {
	float:left;
	display:inline;
	margin:0px 0px 20px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; text-align:left;
}

	#projectNav a:link {color:#ffffff; font-weight:normal; text-decoration:none;}
	#projectNav a:visited {color:#ffffff; font-weight:normal; text-decoration:none;}
	#projectNav a:active {color:#ffffff; font-weight:normal; text-decoration:none;}
	#projectNav a:hover {color:#fff600; font-weight:normal; text-decoration:none;}
	
.hidden_lightbox_image {
     display: none;
}

.sitemap a:link {color:#ffffff; text-decoration:none;}
.sitemap a:visited {color:#ffffff; text-decoration:none;}
.sitemap a:active {color:#ffffff; text-decoration:none;}
.sitemap a:hover {color:#000000; text-decoration:none;}

#footer {
	float:left;
	display:inline;
	width:100%;
	margin:40px 0px 0px 0px;
	padding-bottom:40px;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; font-weight:bold; line-height:20px;
}

	#footer a:link {font-weight:normal; color:#ffffff; text-decoration:underline;}
	#footer a:visited {font-weight:normal; color:#ffffff; text-decoration:underline;}	
	#footer a:active {font-weight:normal; color:#ffffff; text-decoration:underline;}
	#footer a:hover {font-weight:normal; color:#ffffff; text-decoration:none;}
	
	#footer #standards {
		float:left;
		display:inline;
		width:100%;
		text-align:right;
		margin:15px 0px 0px 0px;
		font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; font-weight:normal;
	}

.pagetitle { font-size: 14px; }

.clear {clear:both;}