/* BASE */

/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
	font:11px/1.5 Helvetica, Arial, sans-serif;
}
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
}
 
 
/***** Common Formatting *****/
 
p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
}
 
ul, ol {
padding:0 0 1.25em 2.5em;
}
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a,
a:link,
a:visited,
a:hover {
text-decoration: none;
}
 
/***** Forms *****/
 
form {
	margin:0;
	padding:0;
	display:inline;
}

fieldset {
  padding: 1em;
  font:80%/1 sans-serif;
}
  
label {
  margin-right:0.5em;
  padding-top:0.2em;
  font-weight:bold;
  cursor:pointer;
  }

 
input, select, textarea {
	font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
	line-height:1.25;
}


 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:2px;
}
 

/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }








/* CUSTOM */

body {
	background-image: url('../images/bg.jpg');
	background-position: top;
	background-repeat: repeat-x;
	color: #666666;
}

h1 {
	padding:15px 0 10px 0;
	letter-spacing:-1px;
	font-size:2em;
}
 
h2 {
	padding:0 0 10px 0;
	letter-spacing:-1px;
	font-size:1.8em;
}
 
h3 {
	font-size:1.2em;
	font-weight:bold;
}

a:link, a:visited {
	color: #3399cc;
}

a:hover, a:active {
	color: #006699;
}


/* layout */
#outerwrap {
	width:780px;
	margin: 0 auto;
}
#innerwrap {

}
#header {
	margin: 0;
	padding: 0;
	height:233px;
}
	#logo {
		float:left;
		margin:15px 0;
		padding: 0;
		height: 82px;
	}
	#topnav {
		float:right;
		margin: 10px 0 0 0;
		height: 30px;
		padding: 0;
	}
		#topnav ul {
			white-space: nowrap;
		}
		#topnav li {
			list-style-type: none;
			display: inline;
			font-weight: bold;
			color: #3399cc;
			font-size: 13px;
			padding: 0 7px 0 6px;
			line-height: 30px;
			border-right: 1px solid #3399cc;
		}
			#topnav li:last-child {
				border-right: 0;
			}
			#topnav li a:link, #topnav li a:visited {
				color: #3399cc;
			}
			#topnav li a:hover, #topnav li a:active {
				color: #006699;
			}
	#banner {
		width:100%;
		height: 120px;
		clear: both;
		background-color: #88d0e9;
		margin-top: 20px;
		border-top: 1px solid #809ca6;
		padding: 0;
		margin: 0;
		position: relative;
	}
		#banner h1 {	
			color: #ffffff;
			float: left;
			width: 400px;
			display: block;
			margin: 20px 0 0 20px;
			padding: 0;
			font-size: 24px;
			line-height: 28px;
			text-shadow: 0 -1px 0 #3e8fa7;
		}
		.bannerImg {
			margin-right: 30px;
			position: absolute;
			right: 0;
			bottom: 0px;
		}
		#van.bannerImg {
			bottom: -30px;
		}
#content {
	overflow: hidden;
	width: 780px;
	margin: 0 0 20px 0;
	font-size: 12px;
}
	#leftcol {
		width:490px;
		float: left;
		padding-right:20px;
		border-right: 1px solid #999999;
	}
	#leftcol img {
		-webkit-box-shadow: 1px 1px 3px #999;
		-moz-box-shadow: 1px 1px 5px #999;
		box-shadow: 1px 1px 5px #999;
		padding: 5px;
	}
		#vanbox {
			background-image: url('../images/vanbox.jpg');
			background-repeat: no-repeat;
			width: 497px;
			height: 127px;
		}
			#vanbox h2 {
				display: block;
				color:white;
				width: 270px;
				margin:  0 0 0 20px;
				padding: 20px 0 0 0;
				line-height: 1.1em;
			}
	#rightcol {
		width:249px;
		float:right;	
	}
		#conceptlogo {
			padding-top: 15px;
		}
		.vig {
			padding: 10px;
			width: 227px;
			margin-bottom: 10px;
			color: #3399cc;
			background: #fff url(../images/vig-bg.jpg) repeat-x bottom;
			border: 1px solid #88d0e9;
		}
		.vig h3 {
			font-size: 1.5em;
			line-height: 120%;
			padding: 0;
			margin: 0 0 5px 0;
		}
		#pure.vig {
			background: #86cfe9 url(../images/pure-vig.jpg) no-repeat bottom;
		}
		#pure.vig h3 {
			width: 180px;
			color: #fff;
			text-shadow: 0 -1px 0 #3e8fa7;
		}
		#pure.vig h4 {
			text-shadow: 0 -1px 0 #3e8fa7;
			font-size: 1.2em;
			line-height: 120%;
			padding: 0;
			margin: 0 0 5px 0;
			color: #fff;
		}
		#pure.vig a:link, #pure.vig a:visited, #pure.vig a:hover, #pure.vig a:focus, #pure.vig a:active {
			color: #fff;
		}
		#residential.vig {
			height: 60px;
			position: relative;
		}
		#residential.vig img {
			position: absolute;
			bottom: 0;
			right: -10px;
		}
		#commercial.vig {
			height: 57px;
			position: relative;
		}
		#commercial.vig img {
			position: absolute;
			bottom: 0;
			right: -10px;
		}
	
#footer {
	border-top: 1px solid #999999;
	padding-top:10px;
	clear: both;
	font-size: 10px;
	margin-bottom: 30px;
	width:780px;
}
	#copyright {
		float:left;
		height: 20px;
		line-height: 20px;
	}
	#designed {
		float:right;
		text-align: right;
	}
	#designed img {
		position: relative;
		top: 4px;
	}
	

/* contact form */
.col1 {
	float: left;
	width: 240px;
}
.col2 {
	float: right;
	width: 240px;
}
#contactForm label {
	display: block;
}
#contactForm input.styled, #contactForm textarea {
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aaa;
	width:230px;
	margin:0 0 5px 0;
}
#contactForm textarea {
	width: 480px;
}

#contactForm #buttonImg{
	float: right;
}
#thankyou {
	font-weight: bold;
	display:none;
	margin-bottom: 10px;
	color: #006699;
}
#phpthankyou {
	font-weight: bold;	
	margin-bottom: 10px;
	color: #006699;
}
.phperrors {
	background: #ff0;
	padding: 5px;
	margin: 10px 0;
	color: #f00;
}
.phperrors li {
	margin: 0;
	padding: 0;
}