@charset "utf-8";
/* CSS Document */


* {
padding: 0;
margin: 0;
}

html, body{
background-color:#FFF;
}

body{
font-size: 100%;
font-family: Verdana, Helvetica, "Lucida Sans Unicode", sans-serif;
}

h1
{
color: #162326;
font-size: 120%;
padding:2em 0em .5em 2.15em;
}

h2
{
color: #162326;
font-size: 110%;
padding:2em 0em 0em 2.35em;
}

li{list-style:none; display:inline;}

.copyright {
font-weight:bold;
}

.dby{font-size:78%; letter-spacing:.08em;}

.quote{
color: #162326;
font-size: 78%;
line-height: 150%;
margin: 0px 30px 0px 40px;
padding:0;
}

.quoteBy{
font-weight:bold;
font-size:88%;
border-top:1px dashed #CCCCCC;
padding-top:2px;
}

.testimonial{font-style:italic; padding-top:20px; color:#666666;}

#testimonialWrap{ margin-top:33px;}

#product h2{
	padding: 0;
	margin-left: 30px;
	margin-top: 20px;
	font-size: 90%;
	}
	
#contact h2{
	padding: 0 1em 0 0;
	margin-left: 40px;
	margin-top: 38px;
	font-size: 110%;
	letter-spacing: .03em;
	}
p
{
font-size: 88%;
padding:.7em 3em 0em 3em;
line-height: 150%;
color: #162326;
}

#contact p{
font-size: 78%;
margin-left: 40px;
margin-right: 43px;
padding: 0;
}

td{
	font-size: 72%;
	padding: 2px;
	border-color: #162326;
	}
	
table{
	padding: 0;
	margin-left: 30px;
	margin-top: 10px;
	border-color: #666;
	}

.lead
{
font-size: 100%;
font-weight: bold;
}

#maincontainer{
width: 1020px;
background: url(../images/bgMainContainer.png) 100% 0;  
margin: 0px auto;
}

#toprow{
float: left;
width:1000px;
height:270px;
background-color:#162326;
margin-left: 10px;
}

#whyled #toprow{
background-image:url(../images/004.jpg);

}

#casestudies #toprow{
background-image:url(../images/009.jpg);

}

#contact #toprow, #contactthanks #toprow{
background-image:url(../images/007.jpg);

}

#product #toprow{
background-image:url(../images/012.jpg);

}

#store #toprow{
background-image:url(../images/005.jpg);

}

#slideshow
{
float: left;
width: 1000px;
height: 270px;
margin-left: 10px;
}

#secondrow
{
float: left;
height: 100px;
width: 1000px;
margin-left: 10px;
}

#logo
{
float: left;
width: 300px;
height: 100px;
background-color: #162326;
}

#barPic
{
float: left;
width: 700px;
height: 100px;
background: url(../images/montage8_contact.jpg) #162326 no-repeat;
}

#comingSoon
{
float: left;
background:#fff;
margin-left: 10px;
}


#leftcolumn{
float: left;
height: 500px;
width: 300px;
margin-left: 10px;
}
/*----------secondary store nav-----------*/
.callOut{
font-weight:bold;
font-size:110%;
color:#6BBD45;
padding:30px 0 0 0;
text-align:center;
font-style:italic;
border:none !important;
}

ul.leftSecNav{
display:block;

width:225px;
float:right;
margin-right:35px;
margin-top:18px;
}

ul.leftSecNav li{
display:block;
text-decoration:none;
border:1px dotted #CCCCCC;
}

ul.leftSecNav li a{
color:#000000;
font-size:80%;
font-weight:bold;
display:block;
padding:5px;
background-color:#F5F5F5;
text-decoration:none;
}

ul.leftSecNav li a:hover{
background-color:#162326;
color:#6bbd45;
}
/*----------secondary horizontal store nav-----------*/
#horizStoreLinks{
float:left;
width:1000px;
background-color:#F5F5F5;
height:50px;
}

ul.horizSecNav{
display:block;
text-align:center;
background-color:;
height:100%;
margin-top:15px;
}

ul.horizSecNav li{
display:inline;
text-decoration:none;
border:1px dotted #CCCCCC;

}

ul.horizSecNav li a{
color:#000000;
font-size:80%;
font-weight:bold;
display:inline;
padding:5px 8px;
background-color:#F5F5F5;
text-decoration:none;

}

ul.horizSecNav li a:hover{

color:#6bbd45;
}

#maincontent{
float: left;
border: none;
height: 500px;
width: 700px;
overflow: auto;
}


#homepage #maincontent{
height: 780px;
width: 680px;
margin-left: 10px;
}

#testimonials #maincontent{
height: 1200px;
width: 680px;
margin-left: 10px;
}

#homepage h2{
padding:0em 0em .5em 0em;

}

.homeP{padding:0em 0em 0em 0em;}

#contactthanks #maincontent p{
	text-align: center;
	margin-top: 180px;
}



#prodwrap1a, #prodwrap1b, #prodwrap1c, #prodwrap1d, #prodwrap2, #prodwrap3, #prodwrap4, #prodwrap5, #prodwrap6a, #prodwrap6b, #prodwrap7, #prodwrap8, #prodwrap9
{
width:683px;
height:500px;
}

#infowrap1, #infowrap2, #infowrap3, #infowrap4, #infowrap5, #infowrap6, #infowrap7, #infowrap8, #infowrap9, #infowrap10, #infowrap11
{
width:683px;
height:500px;
}

#prodtext
{
float:left;
width:315px;
}

.infotext
{
float:left;
width:683px;
}

#prodtext p
{
padding: 0;
padding:.7em 0em 0em 3em;
}

#prodtext ul
{
font-size: 75%;
padding:0px 0px 5px 0px;
display:block;
line-height:130%;
list-style-type:none;
margin-left:60px;
margin-top:0px;
color:#000;
}

#prodimage
{
margin-top: 40px;
float:left;
width:315px;
overflow:hidden;
margin-left: 35px;

}

#navigation
{
float: left;
width: 1000px;
height: 35px;
background: #162326;
margin-left: 10px;
}



#homepage ul.nav #homepagelink, #whyled ul.nav #whyledlink, #casestudies ul.nav #casestudieslink, #product ul.nav #productlink, #store ul.nav #storelink, #contact ul.nav #contactlink, #testimonials ul.nav #testimonialslink
{
color:#FFF;
}

ul.nav
{

text-decoration: none;
font-size:95%;
margin-left: 40px;
margin-top: .5em;
}

ul.nav li
{
display: inline;
padding-right: 2.75em;
}

ul.nav li a:hover
{
color:#FFF;
display:inline;
}

ul.nav li a
{
text-decoration: none;
display: inline;
color: #999;
}

#secondaryNav
{
float: left;
margin-top: 16px;
width: 300px;
}
#whyled #secondaryNav
{
float: left;
margin-top: 28px;
width: 300px;
}

ul.menu, ul.menu ul {
	font-size: 78%;
  	list-style-type: none;
 	margin: 0;
  	padding: 0;
  	width: 300px;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a {
  color: #162326;	
  padding: 0.5em 0.5em 0.5em 3.25em ;
}

ul.menu li a:hover {
  background: #162326;
  color:#fff;
}

ul.menu li a:active {
  background: #162326;
  color: #6BBD45;
}

ul.menu li a:focus
{
color:#6BBD45;
background:#162326;
}

ul.menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 48px;
}

ul.menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 43px;
  color: #fff;
}

a
{
	color: #477c2e;
	text-decoration: underline;
	
}

a:hover
{
color: #6BBD45;
}

#footer
{
clear: both;
width: 1000px;
height: 150px;
background: #162326;
margin: 0px auto;
}

#footerleft
{
	
float:left;
width:333px;
height:100px;
background:none;
}

#footerleft p
{
color: #fff;
margin-left: 2.75em;
margin-top: 1em;
padding: 0;
}

#footermid
{
float:left;
width:133px;
height:100px;
background:none;
}

ul.footerInfo
{
margin:15px 0px 0px 30px;
display:block;
}

ul.footerInfo li
{
font-size:11px;
color:#FFFFFF;
display:block;
}

#footerright
{
float:right;
width:533px;
height:100px;
background:none;
}

ul.creditCards{display:block; margin:15px 0px 0px 0px;}




#footerright div
{
padding-right:30px;
text-align:right;
width:503px;
}

/*----form----*/
fieldset{
	border: none;
	
	}
#formLeft {
	width: 300px;
	float: left;
	margin: 38px 0 0 40px;
	}
	#formLeft input{
		width: 242px;
		margin: 1em 0em 0em 1em;
		border: none;
		background: none;
		font-size: 88%;
		
	}
	
		#formLeft .shortBox{
		width: 200px;
		margin: 1em 0em 0em 1em;
		border: none;
		background: none;
		font-size: 88%;
		padding: 0;
	}
	
	
	
#formLeft input.checkbox {
		width: 15px;
		border: none;
		margin: 0;
	}
	

	
	#formLeft input:focus {
	outline: 0 none;
	}
	
	#formLeft .input-bg {
		background: url(../images/form-sm-bg1.jpg) bottom left no-repeat transparent;
		height: 45px;
		margin-bottom: 5px;
		position: relative;
	}
	
		#spec{
		float: left;
		width: 200px;

	}
	
		#formLeft .active {
		background: url(../images/form-sm-bg1.jpg) top left no-repeat transparent;
	}

	#bestTime {
	position: relative;
	margin-bottom: 0;
	}


.labelShort {

display: inline;
padding: 0;
text-indent: 0;
}

#checkBoxes{
float: right;
padding: 0;
margin-right: 30px;

}
	

	
	#checkBoxes .active{
	background: none;
	}
	
		#checkBoxes input:focus{
	background: none;
	}

#formRight {
	width: 300px;
	float: right;
	margin: 38px 45px 0 0 ;
	}
	#formRight textarea {
		word-wrap: auto;
		width: 277px;
		height: 209px;
		display: block;
		border: none;
		background: none;
		padding: 1em 2em 0em 1em;
		font-family: Verdana, Helvetica, "Lucida Sans Unicode", sans-serif;
		font-size: 88%;
		overflow: auto;
		resize: none;
		
		
	}
		#formRight textarea:focus {
	outline: 0 none;
	}
	
	
	#formRight .message-bg {
		background: url(../images/message-bg1.jpg) bottom left no-repeat transparent;
		height: 238px;
		margin-top: 2px;
	}
	#formRight .active {
		background: url(../images/message-bg1.jpg) top left no-repeat transparent;
	}
label {
	display: block;
	font-size: 78%;
	text-indent: 10px;
	font-weight: bold;
	color: #162326;
}


* + html #checkBoxes{
margin-left: -5px;

}

#checkBoxes li{
list-style-type: none;
}

label.error {
	position: absolute;
	top: -14px;
	right: 32px;
	color: #da3939;
	font-size: 70%;
	text-align: right;
	font-style: italic;
	font-weight: normal;
}
input.submit-button {
	font-size: 78%;
	float: right;
	font-weight: bold;
	color: #162326;
	text-decoration: none;
	background-color: #d1dbc9;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	display: inline;
	margin-top: 28px;
	padding: 0;
	cursor: pointer;
	width: 80px;
	height: 30px;
}

input.submit-button:hover {
	float: right;
	text-decoration: none;
	background-color: #adcb96;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	display: inline;
	
	padding: 0;
	cursor: pointer;
}

*:first-child+html input.submit-button {		/* hack needed for IE 7 */
	border-bottom: 0;
	text-decoration: none;
	margin-right: -44px;
}

* + html #checkBoxes{
margin-left: -5px;

}
* + html .quote{



margin-top: -9px;

}

* html input.submit-button{				/* hack needed for IE 5/6 */
	border-bottom: 0;
	text-decoration: none;
}

/* Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { 

ul.nav 
{
padding: 0;

}
#spec{
width:180px;

}
#formLeft .shortBox{
width: 170px;

	}

	

#formRight {
margin: 38px 20px 0 0;
	}


.labelShort {

display: inline;
padding: 0;
margin: 0;
text-indent: 0;
}

#checkBoxes{
display: block;
margin-top: -14px;

}