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

/*
  
 * Filename		 		style.css
 * Website				
 * Author				InMotion Hosting - http://inmotionhosting.com 

 */

html, body {margin:0;padding:0;}

body {
	font-family: 'Lato', sans-serif;
	background:#000;}

h1 {
	font-size:24px;
	margin-bottom:18px;}
h2 {
	font-size:21px;
	margin-bottom:18px;}
h3 {
	font-size:18px;
	margin-bottom:18px;}
h4 {
	font-size:16px;
	margin-bottom:18px;}
h5 {
	font-size:14px;
	margin-bottom:18px;}
h6 {
	font-size:12px;
	margin-bottom:18px;}
h3.sheades{
	text-align:center;
	font-size:28px;}
p {
	text-align:justify;
	line-height:18px;
	margin-bottom:18px;
	font-size:16px;
	font-weight:300;
	font-weight:300;
	font-family: 'Lato', sans-serif;}

a:link, a:visited {text-decoration:none; outline:none;}
a:hover, a:focus {text-decoration:underline; outline:none;}


/* want rounded corners?  Add this class to your containers for instant gratification -- adjust the curve as needed */

.rounded-corners {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}


/* insert this class where you need to clear inline items */
.clearall {clear:both;}


/* float images left or right - adjust margins as needed */
.left-img {float:left; margin:0 10px 0 0;}
.right-img {float:right; margin:0 0 0 10px;}




/*** LAYOUT STYLES ***/

#header-wrap, #leaderboard-wrap, #nav-wrap, #content-wrap, #footer-wrap {width:100%;}
#header, #nav, #leaderboard, #leaderboardShades, #leaderboardElectrical, #leaderboardLighting, #content, #footer {margin:0 auto; width:960px;}
 #container{font-family: 'Lato', sans-serif;
	background:url(../_img/bodyBG.jpg) top left no-repeat #E6E6E6;}


/* HEADER */

#header-wrap {}
#header {
	height:147px;}
#logo {
	background:url(../_img/logobg.jpg) no-repeat top;
	position:relative;
	z-index:5;
	float:left;}
#contact-info {
	color:#666666;
	font-size:16px;
	font-weight:300;
	padding-top:8px;
	float:right;}
#contact-info a{
	color:#000;}


/* NAVIGATION */
#nav-wrap {
	margin-top: -106px;
	background:url(../_img/navBG.jpg) repeat-x;
	height:40px;}
#nav {
	}
#nav ul {
	padding-top:13px;
	width:559px;
	float:right;
	height:40px;
	display:block;}
#nav li {
	padding:5px 16px;
	display:inline;}
#nav li a, #nav li a:visited {
	font-size:18px;
	text-align:center;
	font-weight:400;
	color:#FFF;}
#nav li a:hover, #nav li a:focus {
	color:#F78F1E;}
#nav li.on{
	border-top:8px #F78F1E solid;}


/* LEADERBOARD */

#leaderboard-wrap {clear:both;
	padding-top:10px;
	margin-top:60px;}
#leaderboard, #leaderboardShades, #leaderboardElectrical, #leaderboardLighting {
	height:269px;
	width:962px;}
#leaderboard{background:url(../_img/leaderBG.jpg) no-repeat;}
#leaderboardShades{ background:url(../_img/shadeLeader.jpg) no-repeat;}
#leaderboardElectrical{ background:url(../_img/electrcalLeader.jpg) no-repeat;}
#leaderboardLighting{ background:url(../_img/lightingleader.jpg) no-repeat;}	
	
#leaderboard h1, #leaderboardShades h1, #leaderboardElectrical h1, #leaderboardLighting h1{
	padding-top:55px;
	width:310px;
	font-weight:300;
	padding-left:69px;
	font-size:40px;
	text-align:center;
	color:#FFF;
	line-height:60px;}


/* CONTENT */

#content-wrap {}
#content {
	padding-bottom:30px;
	padding-top:20px;
	overflow:hidden;}



#content-left {
	padding-right:20px;
	width:272px;
	float:left;}
	#content-left li{
		padding:35px 0 0 20px;
		font-size:24px;
		font-weight:700;
		color:#F78F1E;
		margin-bottom:10px;
		background:url(../_img/sideNavBG.jpg) no-repeat;
		height:65px;
		width:252px;}
		#content-left li a{
			font-weight:400;
			color:#FFF;}
#content-right {
	padding-right:20px;
	width:625px;
	float:right;}
	#content-right h2{
		margin-bottom:21px;
		font-size:18px;
		font-weight:700;}
		#content-right .left-img h3, #content-right .right-img h3{
			text-decoration:underline;
		font-size:24px;
		font-weight:700;}
		#content-right ul{
			margin-left:20px;}
			
		#content-right li{
			list-style-type:disc;
			text-align:justify;
	line-height:18px;
	margin-bottom:18px;
	font-size:16px;
	font-weight:300;
	font-weight:300;
	font-family: 'Lato', sans-serif;}
	
	#content-right .left-img li, #content-right .right-img li{
		font-size:21px;}
h3.cta{
	line-height:28px;
	font-size:24px;
	font-weight:400;
	text-align:center;}


/* FOOTER */

#footer-wrap {
	background:url(../_img/footerBG.jpg) repeat-x #000;
	height:100px;
	padding-top:10px;}
#footer {}
#footer p {}

#footerNav{
	width:600px;
	float:right;}
	#footerNav ul{
		display:block;
		text-align:right;}
		#footerNav li{
			display:inline;}
			#footerNav li a{
				color:#FFF;
				font-size:14px;
				font-weight:300px;
				padding-left:10px;}
				#footerNav li a:hover{color:#F78F1E;}

#footer a, #footer a:visited {}
#footer a:hover, #footer a:focus {}

#contact {
	float:left;
	width:200px;}
#contact p, #contact a {
	line-height:18px;
	color:#FFF;
				font-size:14px;
				font-weight:300px;}

#social {}

#copyright {}
#copyright p {
	padding-top:8px;
	text-align:right;
	color:#FFF;
	font-size:12px;
	font-weight:300px;}
#copyright a, #copyright a:visited {
	color:#FFF;}
#copyright a:hover, #copyright a:focus {
	color:#F78F1E;}



/* Errors */

#404wrap {margin:20px auto; width:800px; height:400px; background:#f2f2f2; border:1px solid #e3e3e3; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
#404wrap h1 {font-size:18px; margin:20px; text-align:center;}
#404wrap p {margin:20px; text-align:center;}
#404wrap ol {margin:40px;}
#404wrap ul {margin:40px;}
#404wrap li {padding-bottom:8px;}
#404wrap a:link, #404wrap a:visited {color:#01759d; text-decoration:none; outline:none;}
#404wrap a:hover, #404wrap a:focus {color:#e26c1d; text-decoration:underline; outline:none;}