/*************************************************

	CSS Document for LED Lighting Site

	1. Links
	2. Typography
	3. Content Positioning
	4. Main Menu + Nav Menus
	5. Footer
	
*************************************************/

body {
	margin:auto 0;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	font-family:Helvetica, Arial, sans-serif;
	font-size:small;
}

/************************************************* 1. Links *************************************************/

a {
	color:#000000;
}

a:hover {
	text-decoration:none;
}

img {
	border:none;
}

#toTop {
	font-weight:bold;
	cursor:pointer;
}

/************************************************* 2. Typography *************************************************/

h1 {
	margin-top:20px;
	margin-bottom:30px;
	color:#006600;
	font-family:"Franklin Gothic Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:225%;
	font-weight:normal;
}

h2 {
	margin:auto;
	height:25px;
	width:520px;
	padding:20px;
	color:#006600;
}

h3 {
	font-family:"Franklin Gothic Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:125%;
	font-weight:normal;
	color:#012653;
}

h4 {
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
	color:#006600;
	font-family:"Franklin Gothic Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:225%;
	font-weight:normal;
}

h5 {
	text-align:center;
	margin-top:5px;
	margin-bottom:25px;
	color:#006600;
	font-family:"Franklin Gothic Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:225%;
	font-weight:normal;
}

h6 {
	margin-top:20px;
	margin-bottom:30px;
	color:#006600;
	font-family:"Franklin Gothic Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:245%;
	font-weight:normal;
}

.lightGreen {
	color:#84CB22;
}

.productsType {
	font-family:"Franklin Gothic Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:145%;
	color:#000000;
}

.productsPurpose {
	font-family:"Helvetica Neue", Helvetica, Arial,  sans-serif;
	font-size:110%;
	color:#666666;
}

.productsTxt {
	font-size:80%;
}

.proCat {
	color:#84CB23;
}

.proHdr {
	font-size:140%;
	font-family:"Franklin Gothic Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	text-decoration:underline;
	color:#012653;
}

.proHdr a:hover {
	text-decoration:none;
}

.ph {
	font-size:140%;
}

.fax {
	font-size:120%;
}

.email {
	font-size:160%;
	font-weight:bold;
}

.contact {
	font-size:120%;
	font-style:italic;
	font-weight:bold;
	padding-top:10px;
}

.contact a {
	color:#012653;
}

.tollfree {
	color:#FE0000;
	font-size:180%;
	font-weight:bold;
}

#viewMore {
	font-size:105%;
	margin-top:30px;
	font-weight:bold;
	font-style:italic;
}

#proCode {
	position:absolute;
	width:200px;
	height:20px;
	margin-left:50px;
	margin-top:-30px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:130%;
	font-weight:lighter;
	text-align:right;
}

#proName {
	position:absolute;
	width:150px;
	height:20px;
	margin-left:100px;
	margin-top:-12px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:lighter;
	color:#666666;
	text-align:right;
}

#dimensions {
	text-align:center;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:120%;
}

#viewAll {
	text-align:center;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:lighter;
}

#viewAll a {
	text-decoration:none;
	border-bottom:1px dotted #000000;
	color:#333333;
}

#viewAll a:hover {
	text-decoration:none;
	border-bottom:none;
}


/************************************************* 3. Content *************************************************/

#seoTop {
	font-size:60%;
	color:#FFFFFF;
	text-align:center;
	background-color:#88CB26;
	padding:5px;
	border-bottom:1px solid #358E10;
}

#seoTop a {
	color:#FFFFFF;
	text-decoration:none;
}

#wrapper {
	margin:auto;
	width:982px;
	height:auto;
	background-color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

#content {
	float:left;
	width:922px;
	height:auto;
	padding:30px;
	background-color:#FFFFFF;
	font-size:90%;
	margin-bottom:25px;
}

#contentProOverview {
	float:left;
	width:922px;
	height:auto;
	padding:30px;
	background-color:#FFFFFF;
	font-size:90%;
	margin-bottom:25px;
	background-image:url(../images/proBg.gif);
	background-repeat:no-repeat;
}

#contentProducts {
	float:left;
	width:922px;
	height:auto;
	min-height:750px;
	padding:30px;
	background-color:#FFFFFF;
	background-image:url(../images/products-bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
}

#contentList {
	float:left;
	width:800px;
	height:auto;
	min-height:300px;
	padding:30px;
	padding-left:80px;
	padding-right:50px;
	background-color:#FFFFFF;
	font-size:90%;
	margin-bottom:25px;
}

#left {
	float:left;
	width:30%;
	height:auto;
}

#leftWhy {
	float:left;
	width:30%;
	height:auto;
	padding-left:15px;
	margin-left:-44px;
	text-align:center;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:lighter;
	font-size:110%;
	color:#1A90B7;
}

#leftContact {
	float:left;
	width:40%;
	height:auto;
	padding-left:15px;
}

#right {
	float:right;
	width:55%;
	height:auto;
	padding-right:45px;
	padding-left:30px;
}

#rightWhy {
	float:right;
	width:63%;
	height:auto;
	padding-right:45px;
	padding-left:30px;
}

#rightContact {
	float:right;
	width:50%;
	height:auto;
	padding-right:45px;
	padding-left:10px;
}

#hdr {
	float:left;
	width:100%;
	height:150px;
	background-image:url(../images/hdr-bg.jpg);
	background-repeat:no-repeat;
}

#pageImage {
	float:left;
	width:982px;
	height:126px;
	border-top:1px dashed #FFFFFF;
}

#logo {
	float:left;
	margin-top:22px;
	margin-left:20px;
}

#mainImage {
	clear:left;
	float:left;
	width:982px;
	height:257px;
	border-bottom:1px solid #FFFFFF;
	z-index:-1;
}

#mainLinks {
	float:left;
	width:982px;
	height:193px;
	border-bottom:1px solid #FFFFFF;
	background-color:#FFFFFF;
}

#pageImgs {
	clear:left;
	margin:auto 0;
	margin-left:1px;
	width:980px;
	height:252px;
	z-index:-1;
}

#pageImgsOver {
	clear:left;
	margin:auto 0;
	margin-left:1px;
	width:980px;
	height:227px;
	z-index:-1;
}

#store {
	position:absolute;
	width:232px;
	height:290px;
	margin-left:728px;
	margin-top:117px;
	z-index:4;
}

#buyonline {
	position:absolute;
	height:50px;
	width:50px;
	margin-left:645px;
	margin-top:205px;
	z-index:10;
}

#buyonlinePros {
	position:absolute;
	height:50px;
	width:50px;
	margin-left:807px;
	margin-top:-105px;
}

#buyonlineWhy {
	position:absolute;
	height:50px;
	width:50px;
	margin-left:807px;
	margin-top:220px;
}

#buyonlineContact {
	position:absolute;
	height:50px;
	width:50px;
	margin-left:760px;
	margin-top:45px;
}

#buyonlineOverview {
	float:left;
	height:50px;
	width:50px;
	margin-left:-50px;
	margin-top:0;
}

#locations {
	font-size:90%;
	margin-top:20px;
}

#locations td {
	vertical-align:top;
}

#myGallery {
	text-align: left;
	margin: 0 auto;
}

#pdf {
	position:absolute;
	margin-left:498px;
}

#pdf em {
	font-weight: normal;
	background: url(../images/hover.png) no-repeat;
	width: 180px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -70px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
}

#blueDivide {
	height:3px;
	width:980px;
	background-color:#012653;
	margin-left:1px;
	margin-top:1px;
}

/* Products Specification Table */

#specsTbl {
	margin-top:20px;	
}

#specsTbl thead {
	color:#FFFFFF;
	background-color:#84CB23;
	text-align:left;
	text-indent:12px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

#specsTbl th {
	padding-bottom:5px;
	padding-top:5px;
}

#specsTbl td {
	border-bottom:1px solid #CACACA;
	padding-bottom:3px;
	padding-top:3px;
	text-align:left;
	text-indent:10px;
}

#specsTbl tr:hover {
	background-color:#DBFAC1;
}

/* Product List Table */

#proList {
	width:100%;
	vertical-align:top;
	border-bottom:1px solid #CACACA;
}	

#proList td {
	border-top:1px solid #CACACA;
	height:110px;
	padding-right:10px;
}	


/* Product Positioning */

#ledstreetlights {
	position:absolute;
	margin-left:30px;
	margin-top:44px;
	height:300px;
	width:170px;
}

#ledwall {
	position:absolute;
	margin-left:270px;
	margin-top:44px;
	height:300px;
	width:170px;
}

#ledtubes {
	position:absolute;
	margin-left:510px;
	margin-top:44px;
	height:300px;
	width:170px;
}

#ledlightbulbs {
	position:absolute;
	margin-left:747px;
	margin-top:44px;
	height:300px;
	width:160px;
}

#ledspots {
	position:absolute;
	margin-left:30px;
	margin-top:365px;
	height:300px;
	width:170px;
}

#ledfloods {
	position:absolute;
	margin-left:270px;
	margin-top:365px;
	height:300px;
	width:170px;
}

#ledEdge {
	position:absolute;
	margin-left:510px;
	margin-top:365px;
	height:300px;
	width:170px;
}

/* Buy Online Nav Button */

#navBuy a {
	display:block;
	position:absolute;
	margin-left:729px;
	margin-top:114px;
	width:230px;
	height:18px;
	text-align:center;
	padding-top:14px;
	padding-bottom:3px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:85%;
	background-image:url(../images/buy-bg.gif);
	background-repeat:repeat-x;
	text-decoration:none;
}

#navBuy a:hover {
	background-image:url(../images/buy-bg-f2.gif);
	background-repeat:repeat-x;
	text-decoration:underline;
}

/************************************************** 4. Main Menu Navigation **************************************************/

#nav {
	float:left;
	margin-left:-39px;
	margin-top:-45px;
	width:980px;
	height:33px;
}

#blueLine {
	float:left;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	width:980px;
	height:5px;
	background-color:#012653;
}

#subMenu {
	float:left;
	list-style:none;
	background-color:#012653;
	width:940px;
	margin-top:0;
	margin-bottom:0;
	border-bottom:1px solid #003C86;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	display:none;
}

#subMenu li {
	float:left;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:6px;
}

#subMenu li a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:80%;
	font-weight:normal;
	padding:6px;
	padding-left:8px;
	padding-right:8px;
}

#subMenu li a:hover {
	color:#F0A12A;
	font-weight:normal;
}

/* In Products Area Menu */

#subMenuPro {
	float:left;
	list-style:none;
	background-color:#012653;
	width:940px;
	margin-top:0;
	margin-left:1px;
	margin-bottom:0;
	border-bottom:1px solid #003C86;
}

#subMenuPro li {
	float:left;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

#subMenuPro li a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:80%;
	font-weight:normal;
	padding:6px;
	padding-left:8px;
	padding-right:8px;
}

#subMenuPro li a:hover {
	color:#F0A12A;
	font-weight:normal;
}

/* Menu */

#menu {
	list-style:none;
	width:980px;
	height:32px;
}

#menu li {
	float:left;
	height:32px;
	font-size:85%;
	border-right:1px solid #0099CC;
}

#menu a {
	float:left;
	background-image:url(../images/menu-bg.jpg);
	background-repeat:repeat-x;
	height:32px;
	padding-left:34px;
	padding-right:34px;
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}

#menu a:hover {
	float:left;
	background-image:url(../images/menu-bg-f2.jpg);
	background-repeat:repeat-x;
	height:32px;
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}

/* over navigation states */

#home #navHome a, #products #navProducts a, #productsCat #navProducts a, #category #navProducts a, #why #navWhy a, #gallery #navGallery a, #contact #navContact a {
	background-image:url(../images/menu-bg-f2.jpg);
	background-repeat:repeat-x;
	height:32px;
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}

/************************************************** 5. Footer **************************************************/

#footer {
	float:left;
	width:982px;
	height:117px;
	background-image:url(../images/footer-bg.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

#greenBar {
	float:left;
	width:982px;
	height:7px;
	border-bottom:1px solid #FFFFFF;
	background-image:url(../images/green-bar.gif);
	background-position:center top;
	background-repeat:no-repeat;
}

#linksPages {
	float:left;
	width:982px;
	height:40px;
	background-color:#FFFFFF;
}

#footerPages {
	clear:both;
	margin:auto;
	width:982px;
	height:66px;
	background-image:url(../images/footer-pages.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	z-index:5;
}

#footerTxt {
	float:left;
	margin-left:38px;
	margin-top:36px;
	width:550px;
	height:30px;
	font-size:85%;
}

#seo {
	font-size:60%;
	color:#CCCCCC;
}

#seo a {
	color:#CCCCCC;
}

#copy {
	float:right;
	font-size:66%;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:lighter;
	margin-right:3px;
	padding-top:3px;
}

#copy a {
	text-decoration:none;
}

#copy a:hover {
	text-decoration:underline;
}