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

html {}
body {background: url('/images/bg.png') top center repeat-y;}

* {padding: 0px; margin: 0px;}
a img, a {outline: none; border: none;}
a {	
	-webkit-transition:color 0.2s ease-in;  
	-moz-transition:color 0.2s ease-in;  
	-o-transition:color 0.2s ease-in;  
	transition:color 0.2s ease-in;
	text-decoration: none;
	}

	#topNavWrap {width: 100%; height: 40px; background: url('/images/topNav_bg.jpg') 0 0 repeat-x;}
		#topNav {width: 1000px; padding-left: 35px; height: 35px; margin: auto;}
			#topNav li {list-style: none; display: inline-block;}
				#topNav img {width: 26px; padding: 5px 2px;}
				#topNav label {font-family: 'Electrolize', sans-serif; color: #fff; line-height: 35px;}
				#topNav input[type="text"] {
					margin: 0px 8px;
					padding: 2px;
					border: none;
					color: #808080;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					}

					#topNavList {float: right;}

					.searchList, .socialList {float: left;}
					.searchList {padding-bottom: 5px; margin-left: 40px;}

						.searchBtn {background: url('/images/search_btn.png') center center no-repeat; border: none; width: 24px; height: 24px;}

	#siteWrap {
		width: 1000px;
		padding-left: 35px;
		margin: auto; 
		background: url('/images/siteWrap_bg.jpg') 0 0 repeat-y; 
		}

		#header {width: 1000px; height: 180px; position: relative;}
			.logoLink {width: 354px; height: 107px; display: block; float: left; background: url('/images/gsc_lighting_logo.jpg'); margin-top: 53px;}

			#headAdBox {float: right; margin-top: 25px;}
				#headAdBox li {list-style: none; display: none;}
				#headAdBox li.first {display: block;}

				#callUs {position: absolute; right: 0px; bottom: 15px; font-family: 'Electrolize', sans-serif; color: #808080;}
					#callUs li {list-style: none; display: inline-block;}
						.hours {letter-spacing: 1px;}
						.number {font-size: 22px; font-weight: normal; margin-left: 50px;}

		#navWrap {width: 100%; height: 41px; position: absolute; top: 220px; left: 0px;}
			#navBlack, #navYellow {width: 50%; height: inherit; position: absolute; top: 0px;}
			#navBlack {background: url('/images/nav_bg_left.jpg') 0 0 repeat-x; left: 0px;}
			#navYellow {background: url('/images/nav_bg_right.jpg') 0 0 repeat-x; right: 0px;}
			#mainNav {
				width: 1000px; 
				height: inherit; 
				padding-left: 35px; 
				margin: auto; 
				background: url('/images/nav_bg_main.jpg') 30px 0px no-repeat;
				position: relative; 
				z-index: 50;
				}

				#mainNavList {height: 40px;}
					#mainNavList li {list-style: none; display: inline-block; line-height: 40px;}
						#tagLine {float: left; font-family: 'Orbitron', sans-serif; font-size: 17px; letter-spacing: 1px; color: #d5d2d2;}
						#mainNavLinkList {float: right; font-family: 'Electrolize', sans-serif; font-size: 15px; font-weight: bold; letter-spacing: .05em;}
							.mainLink {color: #000; display: block; padding: 0px 7px; background-image: url('/images/mainLink_bg.png'); background-repeat: no-repeat;}
								.mainLink:hover {color: #fff;}

								#mainNavLinkList > li {position: relative;}
									.subList {
										position: absolute; 
										display: none; 
										width: 253px; 
										background: url('/images/subList_top.png') 0px 10px no-repeat;
										margin-left: -130px;
										}

										.subList a {
											color: #dadada;
											font-family: Arial, Helvetica, sans-serif;
											font-weight: normal;
											display: block; 
											width: 253px; 
											padding-left: 35px;
											line-height: 30px;
											background: url('/images/subList_middle.png') 0 0 repeat-y;
											}

											.subList a:hover {color: #ffba02;}

										#mainNavLinkList .subList li {display: block;}
											.subList .first {margin-top: 36px;}
											#mainNavLinkList .subList li.last {line-height: 17px;}

		#content{
			width: 1000px; 
			min-height: 500px; 
			padding-top: 50px; 
			padding-bottom: 60px; 
			font-family: Arial, Helvetica, sans-serif; 
			color: #000000;
			font-size: 14px;
			line-height: 25px;
			letter-spacing: .05em;
			}

			h1 {color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 24px; line-height:24px; background-color:#efefef;}
			h2 {color: #978f8f; font-family: 'Orbitron', sans-serif; font-weight: normal; font-size: 24px; margin-top: 20px;}
			h3 {color: #635c50; font-family: 'Orbitron', sans-serif; font-weight: normal; font-size: 24px; margin-top: 20px;}
			h4 {color: #ffa602; font-family: 'Orbitron', sans-serif; font-weight: normal; font-size: 24px; line-height:24px;}
			#content p {padding: 10px 0px;}
			#content strong {color: #ff7f2d; font-size: 16px;}
			#content a {color: #ff7f2d; font-weight: bold;}
			#content a:hover {color: #ffba02;}

			#content ul.bullets, #changingContent ol.bullets {margin-left:10px;margin-left:30px;list-style:square;}
			#content ul.bullets li {list-style:square;}

			/*STYLES USED ON CERTIFICATIONS*/
			.linkList {margin: 20px 20px 40px 20px;}
				.linkList li {list-style: disc; line-height: 35px; font-size: 18px;}
					#content .linkList a {color: #000000; font-weight: normal;}
					
				
			
			#carousel {float: right;}
				#imgWrap {width: 532px; height: 188px; padding: 10px; border: 1px solid #e4e4e4; margin-left: 40px; margin-top: 5px; overflow: hidden;}
					#imgCont {width: 530px; height: 186px; border: 1px solid #e4e4e4;}
						#imgCont li {display: none;}
					#carousel li {list-style: none;}
						#dots {float: right; margin-top: 10px;}
							#dots li {display: inline-block;}
							#dots a {display: block; width: 20px; height: 20px; background: url('/images/dot_off.jpg') top left no-repeat;}
							#dots a:hover {background-position: top right;}
							#dots img {display: none;}
								#dots .on img {display: block;}

			/*FILMSTRIP STYLES*/
	#filmStripWrap {width: 1000px; margin-top: 15px; position: relative;}
		.rightArrow, .leftArrow {display: block; width: 19px; height: 132px; position: absolute; z-index: 100; top: 0px;}
		.leftArrow {background: url('/images/arrow_left.jpg') top left no-repeat; left: 0px;}
		.rightArrow {background: url('/images/arrow_right.jpg') top left no-repeat; right: 0px;}
			.rightArrow:hover, .leftArrow:hover {background-position: top right;}

		#filmstripCont {width: 950px; margin: auto; overflow: hidden;}
			#filmstrip {width: 3000px; left: -500px; position: relative;}
				#filmstrip li {list-style: none;}
				#filmstrip > li {display: inline-block;}
				.filmstripList {display: inline-block; width: 130px;}
					.filmstripProd {width: 116px; height: 200px; float: left;}
						#filmstrip a {color: #808080; font-size: 15px; line-height: 18px;}
						#filmstrip a:hover {color: #ffba02;}
							#filmstrip img {border: 1px solid #e0e0e0;}

			/*FOOTER STYLES*/
	#footerWrap {width: 100%; background: #fff url('/images/footer_bg.jpg') 0 0 repeat-x;}
		#footer {
			width: 1000px; 
			padding-left: 35px; 
			margin: auto; 
			min-height: 380px;
			font-family: 'Electrolize', sans-serif; 
			font-size: 16px; 
			font-weight: bold; 
			letter-spacing: .05em;
			}

			#footer a:hover {color: #ffba02;}

			#footer > ul {width: 1000px; clear: both;}

			#footer li {list-style: none; display: inline-block;}

			.levelOneContact {color: #808080; text-align: right; line-height: 50px;}
			.levelOneContact ul {margin-left: 20px;}
			.levelOneContact li {padding-left: 20px;}

			.levelTwoContact {color: #fff;}
			.footLogo {padding: 5px 30px 0px 0px; float: left;}
			.address {line-height: 56px; float: left; font-weight: normal;}
				.social {float: right; padding-top: 10px;}
				.social img {width: 35px; margin-left: 5px;}

			.footNav {color: #808080; text-align: center;}
				.footNav a {color: #000; display: block; padding: 25px 10px;}
			
			.partnerLogos {padding: 40px 0px;}
				.partnerLogos li {padding-right: 52px;}
					#footer .partnerLogos li.last {padding-right: 0px;}

			.copyRight {text-align: center; color: #585656; font-size: 14px; font-weight: normal;}
				.copyRight li {padding: 0px 15px;}
				.copyRight span {font-family: Arial, Helvetica, sans-serif;}
				.copyRight a {color: #585656;TEXT-DECORATION: underline;}

			.copyRight2 {text-align: center; color: #808080; font-size: 14px; font-weight: normal;}
				.copyRight2 li {padding: 0px 15px;}
				.copyRight2 span {font-family: Arial, Helvetica, sans-serif;}
				.copyRight2 a {color: #808080;TEXT-DECORATION: none;}	
				
				#titleList {text-align: right; margin-bottom: 40px;}
				#titleList li {list-style: none; display: inline-block;}
					#titleList .on {background-position: 0px 0px; color: #000;}
				.contentCont {display: none;}
				.titleLink {
					color: #686868; 
					background-image: url('/images/nav_bg.png');
					background-repeat: no-repeat;
					background-position: -300px 0px;
					-webkit-border-radius: 10px; 
					-moz-border-radius: 10px; 
					border-radius: 10px; 
					display: block;
					padding: 2px 10px;
					}
					.titleLink:hover {color: #024162;}