@font-face {
    font-family: 'RobotoLight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;

} 
 
body {font: 16px/21px Verdana, Geneva, sans-serif; color: #404040; background: url('../images/bodybg.jpg') 50% 0 repeat #ddd; overflow-x:hidden}
* {margin: 0; padding: 0; outline: 0}
a img {border: 0}
a {font-weight: bold; color: #111}
h1, h2, h3 {margin: 20px 20px} 
ul, ul li, p {margin: 10px 20px; font-weight:300 }
 
h1 {font-weight:normal; color: #151516; margin-bottom: 0; font-size: 30px; font-family: 'RobotoLight', sans-serif; }
h2 {font-weight:400; color: #151516; font-size: 20px; font-family: 'RobotoLight', sans-serif;}
h3 {font-weight:400; color: #151516; font-size: 16px; font-family: 'RobotoLight', sans-serif;}
ul li {font-weight:normal; font-family: 'RobotoLight', sans-serif; }
p {font-weight:normal; font-family: 'RobotoLight', sans-serif;}
strong {font-weight:bold}

.slideimg {background: url('../images/bg.jpg') 50% 0 no-repeat; position:absolute; z-index:-1; top:0; left: 0; width:100%; height:654px; display:block}
#services .slideimg {height: 400px; background: url('../images/servicesbg.jpg') 50% 0 no-repeat; }
#generators .slideimg {height: 400px; background: url('../images/servicesbg.jpg') 50% 0 no-repeat; }
#contact .slideimg {height: 400px; background: url('../images/aboutusbg.jpg') 50% 0 no-repeat; }
#about-us .slideimg {height: 400px; background: url('../images/contactbg.jpg') 50% 0 no-repeat; }


.header-max {width: 100%; background: url('../images/headerbg.png') 0 0 repeat-x; position:fixed; top: 0; z-index:11}
.header {margin: 0 auto; width: 1070px;  height: 127px; overflow:hidden}

a.site-logo {background: url('../images/logos.png') 0 0 no-repeat; height: 92px; width: 221px; display: block; margin: 21px 0 0 0; float: left} 

.contactheader {display: block; float: right; width: 50%; margin: 30px 0 0}
p.telephone {color: #fff; font-size: 16px; font-weight: 300; text-align:right; font-family: 'RobotoLight', sans-serif; }
p.telephone span {color: #96979c; padding-right:15px; margin-right: 15px; border-right:1px solid #96979c}
p.address {}

#contact iframe {border: 4px solid #323436; margin: 10px 0 0 20px}

.nav {width: 60%; float: right; margin: 8px auto 0;}
.nav ul { float: right; margin: 0}
.nav ul li {padding-left: 1px; display: block; float: left;  margin: 0}
.nav ul li a {margin: 0 15px; padding: 0; color: #dbdbdb; font-weight: 300; font-family: 'RobotoLight', sans-serif; font-size: 16px; text-transform:uppercase; text-decoration:none; display: block; }
ul.navigation li a#hometop {} 
.nav ul li a:hover {border-bottom: 1px solid #fff}

#home .nav ul li:nth-child(1) a {border-bottom: 1px solid #fff} 
#services .nav ul li:nth-child(2) a {border-bottom: 1px solid #fff} 
#generators .nav ul li:nth-child(3) a {border-bottom: 1px solid #fff} 
#about-us .nav ul li:nth-child(4) a {border-bottom: 1px solid #fff} 
#contact .nav ul li:nth-child(5) a {border-bottom: 1px solid #fff} 


a#pull {display: none;}

.message {background: none; margin: 230px auto 170px; width: 1070px; height: 115px; overflow:hidden; position:relative}
.message h2 {background: url('../images/messagebg.png') 0 0 repeat; font-size:20px; color: #fff; font-weight:normal; font-family: 'RobotoLight', sans-serif; float: right; height: 55px; line-height:55px; padding: 0 30px}
.message h2 span {font-weight: 400}
.message a.button {background: url('../images/button.png') 0 0 no-repeat; text-indent:23px; text-decoration:none; height: 49px; width: 176px; color: #fff; line-height: 49px; display: block; overflow:hidden; position: absolute; top: 66px; right: 52px; z-index:3; font-size:18px; text-transform:uppercase;  font-family: 'RobotoLight', sans-serif; font-weight: 400}
.message a.button:hover {background-position: 0 bottom}


.container-top {background: url('../images/wrapperbg.png') 0 0 repeat-x; margin: 0 auto; width: 1070px; height: 40px; margin-top: 320px;}
.container {margin: 0 auto 0; width: 1070px;  background: #fff; overflow:hidden; box-shadow: 1px 1px 1px #c1c1c7}
#home .container-top {margin-top: 0}

#left {width: 65%; padding: 0px 30px 30px; float: left; margin: 0px 0 0px } 
#home #left {width: 58%;}
#left h2 {margin-top: 10px}

#left ul {border-top:1px solid #ddd; margin-top: 30px; padding-top:30px}
#left ul li {background: url('../images/bullet.png') 0 6px no-repeat; padding-left: 25px; list-style:none; margin-left: 0; width:42%; display: block; float: left}

ul.serviceslist {overflow: hidden; display: block; border:none!important; margin-top: 0px!important; padding-top: 0!important; margin-bottom: 30px}
ul.serviceslist li {background-color: #DBDBE1!important; padding: 10px 0 10px 35px !important; transition: 0.2s linear; -moz-transition: 0.2s linear; -webkit-transition: 0.2s linear; background-position: 15px 50%!important; margin: 2px 10px 2px 0!important }
ul.serviceslist li:hover, #left ul li:hover {background-color: #EFEFF2!important;}

#right {width:26.5%; float:right; display: block; padding:0; margin: 20px 30px 20px 0; overflow:hidden}
#home #right {width:350px;}

h2.serv {background: url('../images/messagebg.png') 0 0 repeat; font-size:17px; color: #fff; font-weight:normal; font-family: 'RobotoLight', sans-serif; float: left; height: 43px; line-height:43px; padding: 0 30px; font-weight:normal; margin: 20px 0 0 20px; width: 17%;  text-transform:uppercase;}

#contact #right h2, #home #right h2.serv {background: url('../images/messagebg.png') 0 0 repeat; font-size:17px; color: #fff; font-weight:normal; font-family: 'RobotoLight', sans-serif; float: left; height: 43px; line-height:43px; padding: 0 30px; font-weight:normal; margin: 80px 0 20px 20px; width: 74%;  text-transform:uppercase;} 
 
.rightlinks {margin: 20px 0 0 0;}
.rightlinks a {background: url('../images/rightlinksbg.png') 0 0 no-repeat; color: #fff; font-family: 'RobotoLight'; font-weight: 300; text-indent: 15px; text-decoration: none; height: 44px; line-height:44px; margin: 1px 0; width:285px; display:block; overflow:hidden}
.rightlinks a:hover {background-position:0 bottom}

#footer-max { width: 100%; clear: both; }
#footer {width: 1070px; margin: 0 auto; }


#generators .rightlinks {
  margin: 75px 0 0;
}

.contactfooter {display: block; float: right; width: 36%; margin: 30px 0px 0; text-align:right}
.contactfooter p {color: #5e5e60; margin-right:0}


.disclaimer {margin: 30px 0px; float:left}
.disclaimer p{ color: #77777A; margin-left: 0}
.disclaimer a { color: #77777A; text-decoration:none; font-weight: bold; font-size: 14px}
.disclaimer a:hover {}

img.mainlogos {display: block;}
img.mobilelogos {display: none}




/*	Tablet (Portrait) 768px
***********************************************************************************************************************/
@media only screen and (min-width: 768px) and (max-width: 959px) {
  
	
	
}



/*	Mobile (Landscape) 480px 
***********************************************************************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
    
    	
	
}



/*	Mobile (Portrait) 320px 
***********************************************************************************************************************/
@media only screen and (max-width: 480px) {
   
	
	.header-max {position:inherit}
	.header {width:100%; height: 169px; overflow:visible}
	a.site-logo {margin: 17px 0 17px 52px}
	.contactheader {display:none}
	
	.container-top {width:280px; margin-top:43%}
	.container {width:280px;}
	h1 {line-height: 1.1; font-size: 25px; margin-top: 0}
	h2 {font-size: 17px}
	.nav-max {width: 100%;}
	.nav {width: 100%; height: 45px; margin: 0 auto; background: url('../images/navgrad.png') 0 0 repeat-x #68686D; position:relative; z-index:11}
	.nav ul {width: 320px; height: 45px; margin: 0}
	.nav ul li {border-bottom: 1px solid #68686D; line-height: 40px; display: block; float: left; background: url("../images/navarrow.png") no-repeat scroll 93% 50% #111111; margin: 0; width: 100%!important}
	.nav ul li a {padding: 0; width: 100%!important; color: #fff; font-weight: normal; font-size: 15px; text-indent: 15px; text-decoration:none; display: block; height: 40px; text-align:left}
	.nav div#inner-nav {padding: 0px 0; height: auto; display: none; background: #222; opacity: 0.94}
	.nav a#pull {display: block; background: url("../images/navbg.png") no-repeat scroll 94% 55%;
    width: 100%; text-indent: 15px; text-decoration:none; height: 45px; line-height:45px; padding:0; position: relative; color: #fff; z-index: 8; font-size:15px}  
	.nav ul li a:hover {border: none}
	
	#home .nav ul li:nth-child(1) a {border: none} 
	#services .nav ul li:nth-child(2) a {border: none} 
	#generators .nav ul li:nth-child(3) a {border: none} 
	#about-us .nav ul li:nth-child(4) a {border: none} 
	#contact .nav ul li:nth-child(5) a {border: none} 

	
	#left {padding: 0 10px; width:93%}
	#left ul li {width: 92%; margin: 4px 0}
	#home #left {width: 93%;}
	#home #right {  margin-left: 20px;  width: 240px;}
	#right {width: 86%; overflow:hidden}
	
	#home #right img {max-width:220px; height: auto; margin-left:20px}

	#footer {width: 280px;}
	.disclaimer {text-align:center; margin-bottom: 0}
	.disclaimer p {margin-right: 0; font-size:14px}
	.contactfooter {text-align:center; float: left; width: 100%; margin-top: 0}
	.contactfooter p {margin-left: 0; text-align:center}
	p.copyright {margin: 0}
	
	#contact iframe {height: 235px; width:211px}
	
	.message {margin: 135px auto 0; height: auto; width: 280px; padding-bottom: 0;}
	.message h2 {height: auto; text-align:center; float:left; line-height:1.5; font-size:15px; padding: 13px 10px 13px; margin: 0}
	.message a.button {display: none}
	
	.slideimg {background: url('../images/bg320.jpg') 50% 149px no-repeat;}
	
	img.mainlogos {display: none;}
	img.mobilelogos {display: block}



}