/* Global */

#socialMedia a { 
	border:none;
	display:inline;
	float:right;
	margin:0px 5px;
	text-decoration:none;
	color:#FFF;
}
body {
	padding:0px;
	margin:0px;
	background-color:#FFF;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F2F2F2');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F2F2));
	background: -moz-linear-gradient(top,  #FFF,  #F2F2F2);	*/
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#252525;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0099FF;
	text-decoration: none;
}
a:hover { 
	text-decoration:none; 
}

hr {
	margin: 20px 0px;
	border: thin solid #999;	
}

li {
	position:relative;
	left:30px;
}

p {
	color:#252525; /* #333 */
}
blockquote { 
	border:1px solid #DDD;
	background-color:#f2f2f2;
	color:#333;
	padding:12px 5px;
}
code { 
	border:1px solid #DDD;
	background-color:#F2F2F2;
	padding:12px 5px;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	margin:0 0 0 8.5%;
	letter-spacing:+1px;
}
h4 {
	font-size:130%;
	text-decoration:underline;
}

/* Main layout */

/* Header and nav */
#header, header {
	margin:0px;
	height:81px;
	width:100%;
	background-color:#000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#000000');
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#000000));
	background: -moz-linear-gradient(top,  #555,  #000000);	
}
#nav, nav {
	margin:0px auto;
	width:1000px;
	height:60px;
	padding:0px;	
}
#header h1, header h1 {
	font-family: 'Droid Sans Mono', Trebuchet MS Bold, Verdana, Geneva, sans-serif; /*Special Elite*/
	font-weight:bold;
	color:#252525; /* #333 */
	margin:0;
	float:left;
	font-size:35px; /* 30px */
	font-weight:400;
	padding:21px 0px 0px 0px;
}
#header h2, header h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#252525; /* #333 */
	margin:0;
	float:left;
	font-size:11px;
	font-weight:normal;
	padding:29px 0 0 12px;
}

span.o { color:#0099FF; }
span.db { color:#FFF; } /*333333*/
#nav ul, nav ul {
	list-style-type:none;	
	margin:0;
	padding:5px 0px 0px 0px;
	height:26px;

}
#nav ul li, nav ul li {
	display:inline;
	text-decoration:none;
}
#nav ul li a, nav ul li a {	
	display:block;
	padding:5px 10px;
	margin:0px 10px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	
	background-color:#444;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;	
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;		
}
#nav ul li a:hover, nav ul li a:hover {
	background-color:#0099FF;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;	
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;	
}

/* Content */

#content {
	min-height:500px;
	background:#FFF;
	width:1000px;
	padding:10px;
	margin:0px 10px 10px 10px;
	font-size:14px;
	/*border:1px solid #ddd;*/
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;	
	margin-left:auto;
	margin-right:auto;
}
#content li {
	margin-left:30px;	
}

#content h2 {
	color:#333;
	font-size:25px;
	margin:10px 0px 15px 0px;
	font-weight:bold;
}
#content h3 {
	margin:5px;
	padding:0;
	width:100%;
	text-align:left;
	font-size:22px;
	line-height:29px;
	color:#5F5F5F;
	font-weight:bold;
}

.heading {
	font-size:140%;
	font-weight:bold;
	color:#0099FF;
	text-transform:capitalize;
}

.clr{ clear:both; }

#main img {
	border:none;	
}
#main ul{
	padding:-10px 0px 0px 10px;
}
#mainContractors{
	float:left;
	padding:20px 10px;
	width:450px;
	margin-left:auto;
	margin-right:auto;
}
.quote input {
	float:left;
	margin:0px;
	line-height:20px;
}
.fieldname {
	width:200px;
	margin:0px;
	padding:0px;
	float:left;
	line-height:20px;
	font-weight:bold;
}

#main p {
	font-size:12px;
	color:#252525; /* #333 */
	margin:9px 0 8px 9px;
	padding:0;
}
#about {

	line-height:110%;
}
.mainbox {
	border:1px solid #ddd;
	background-color:#FFF;
	padding:10px;
	margin:10px 10px 20px 10px;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
.mainbox img {
	border:none;	
}
.benefitsbox {
	min-height:260px;
	width:455px;
	float:left;
	margin-bottom:10px;
}
.homeownerbox, .adminbox {
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	width:100%;
	min-height:100px;
	padding:10px;
	margin-bottom:10px;
}
.homeownerbox p {
	margin:10px 30px 20px 30px;
	line-height:120%;
}
.homeownerbox h2 {
	margin-left:-20px;	
}

/* Sidebar = aside */
aside {
	width:210px;
	float:right;
	margin-left:10px;
}
.sidebox {
	float:right;	
	width:190px;	
	background-color:#FFF;
	padding: 10px 10px 0px 10px;
	margin:0px 10px 10px 10px;	
	font-size:10px;	
	border-left:1px solid #AAA;
	border-bottom:1px solid #AAA;	
}

.sidebox h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#333333;
	font-weight:normal;
	text-decoration:underline;
}
.sidebox ul {
	list-style-type:square;
	margin: 5px 0px;
	font-size: 11px;
}

.sidebox ul li {
	left:-10px;
}

.sidebox p {
	padding:0px;
	margin:0px;
	font-size:10px;
}
.sidebox input, .sidebox select {
	margin: 0px 0px 3px 20px;	
}

#quoteheader {
	margin: -11px 0px 0px -11px;
	padding:7px;
	padding-left:25px;
	font-size:180%;
	font-family: 'Special Elite', Trebuchet MS Bold, Verdana, Geneva, sans-serif;	
	color: #FFF; 
	width:179px;
	font-weight: bold;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#000000');
	background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#000000));
	background: -moz-linear-gradient(top,  #777,  #000000);
}

/* Footer */
#footer, footer {
	width: 1000px;
	margin: 10px;
	padding: 10px;
	background-color: #F2F2F2;
	border:1px solid #ddd;	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	margin-left:auto;
	margin-right:auto;	
}
#footer p, footer p {
	text-align:center;
	width:98%;
	padding:0px 10px;
	font-size:11px;
	color:#000000;
}
#footer a, footer a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#0099FF;
}
#footer a:hover, footer a:hover { 
	color:#0099FF;
	text-decoration:none; 
}

.column0 {
	float:left;
	width:13%;
	text-align:center;
	border-bottom:dashed;			
	border-width:1px;	
	display:inline;
	overflow:hidden;
	white-space:nowrap;
}			
.column1 {
	background-color: #AAAAAA;
	float:left;
	width:23%;
	text-align:center;
	border-bottom:dashed;
	border-width:1px;	
	display:inline;
	overflow:hidden;
	white-space:nowrap;	
}
.column2 {
	background-color: #BBBBBB;
	float:left;
	width:23%;
	text-align:center;
	border-bottom:dashed;
	border-width:1px;		
	display:inline;
	overflow:hidden;
	white-space:nowrap;	
}	

/* Button CSS */
#submitbutton {
	font-family: 'Special Elite', Trebuchet MS Bold, Verdana, Geneva, sans-serif;	
	width:120px;
	margin-bottom:-10px;
}
#submitbutton:hover {
}
.button {
	font-weight:bold;
	color:#FFF;
	font-size:170%;
	float:right;
	min-width:100px;
	height:40px;
	margin:5px;margin-top:10px;
	background:#06F;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00AAFF', endColorstr='#0066FF');
	background: -webkit-gradient(linear, left top, left bottom, from(#0AF), to(#06F));
	background: -moz-linear-gradient(top,  #0AF,  #06F);			
	border:1px solid #0066FF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;	
	cursor:pointer;
}

.button:hover {
	background:#06F;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066FF', endColorstr='#00AAFF');
	background: -webkit-gradient(linear, left top, left bottom, from(#06F), to(#0AF));
	background: -moz-linear-gradient(top,  #06F,  #0AF);			
	border:1px solid #0066FF;		
}

.contractorbutton {
	margin:0px 80px 0px 4px;
	padding:0px;
	font-family: 'Rock Salt', Trebuchet MS Bold, Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:180%;
	color:#FFF;
	float:right;
	width:300px;
	height:50px;
	background:#06F;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00AAFF', endColorstr='#0066FF');
	background: -webkit-gradient(linear, left top, left bottom, from(#0AF), to(#06F));
	background: -moz-linear-gradient(top,  #0AF,  #06F);			
	border:1px solid #0066FF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	cursor:pointer;	
}
.contractorbutton:hover {
	background:#06F;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066FF', endColorstr='#00AAFF');
	background: -webkit-gradient(linear, left top, left bottom, from(#06F), to(#0AF));
	background: -moz-linear-gradient(top,  #06F,  #0AF);			
	border:1px solid #0066FF;		
}
.smallbutton {
	margin:-3px 0px 0px 4px;
	padding:3px;
	font-weight:bold;
	color:#FFF;
	float:right;
	width:75px;			
	border:1px solid #0066FF;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	cursor:pointer;	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00AAFF', endColorstr='#0066FF');
	background: -webkit-gradient(linear, left top, left bottom, from(#0AF), to(#06F));
	background: -moz-linear-gradient(top,  #0AF,  #06F);		
}
.smallbutton:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066FF', endColorstr='#00AAFF');
	background: -webkit-gradient(linear, left top, left bottom, from(#06F), to(#0AF));
	background: -moz-linear-gradient(top,  #06F,  #0AF);		
}

/* Project Details */
.tag {
	font-weight:bold;
	display:inline;
	width:30%;
}

/* Slideshow */

#slideshow{
    background-color:#FFF;
    border:1px solid #FFF;
    height:300px;
    margin:10px 5px;
   	position:relative;
    width:750px;
    /*-moz-box-shadow:0 0 15px #111;
    -webkit-box-shadow:0 0 15px #111;
    box-shadow:0 0 15px #111;*/
}
 
#slideshow ul{
	margin:5px;
    height:280px;
    left:80px;
    list-style:none outside none;
    overflow:hidden;
    position:absolute;
    top:10px;
    width:475px;
}
 
#slideshow li{
    position:absolute;
    display:none;
    z-index:10;
}
 
#slideshow li:first-child{
    display:block;
    z-index:1000;
}
 
#slideshow .slideActive{
    z-index:1000;
}
	 
#slideshow canvas{
    display:none;
    position:absolute;
    z-index:100;
}
	 
#slideshow .arrow{
    height:86px;
    width:60px;
    position:absolute;
    background:url('img/arrows.png') no-repeat;
    top:50%;
    margin-top:-43px;
    cursor:pointer;
    z-index:5000;
}
#slideshow img {
	border:none;
}
#slideshow .previous{ background-position:left top;left:0;}
#slideshow .previous:hover{ background-position:left bottom;}

#slideshow .next{ background-position:right top;right:0;}
#slideshow .next:hover{ background-position:right bottom;}