﻿/* Reset */

html, body { margin: 0; padding: 0; border: 0; background: transparent; font-size: 10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, tbody, tfoot, thead { 
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
background: transparent;
}

img { margin:0px; padding:0px; border:0px; } 

table, tr, th, td, tbody, tfoot, thead {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
background: transparent;
}

table { border-collapse: collapse; border-spacing: 0; }

input, select, textarea, form, fieldset {
margin: 0; padding: 0; border: 0;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
display: block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
font-family: Roboto, sans-serif;
font-size: 100%; 
font-weight: normal; 
text-indent: 0; 
text-decoration: none; 
text-align: left;
color: #000; 
}

ol, ul, { list-style: none; }

/* Global */

html {
	
}

body { 

} 

/* Headings */

h1, h2, h3, h4, h5, h6 {font-weight: normal; color: #669900; } 

h1 { font-size: 44px }
h2 { font-size: 36px }
h3 { font-size: 30px }
h4 { font-size: 24px }
h5 { font-size: 21px }
h6 { font-size: 18px }

/* Text Elements */

p	{ color:#000033; font-size:24px; padding:10px 0px; line-height:125%; } 

a		{ }
a:link	{ color: #669900 }
a:hover	{ color: #000033 }

/* Lists */

ul	{ }
ol	{ list-style-type:decimal; }

ul li	{list-style-type: square; color:#000033; font-size:21px; } 
ol li	{ color:#000033; font-size:18px; }

mark { background-color:#dddddd; }    

hr { 
    display:block; 
    margin-top:5px; 
    margin-bottom:5px; 
    margin-left:auto; 
    margin-right:auto; 
    border-style:groove; 
    border-width:1px;
}

/* Reset ends */

#wrapper {
	width:1280px; margin:0px auto; background-color:#ffffff; 
}

/* Drop-down navigation */ 

#topnav-wrapper {
	width:1280px; margin:0px auto; text-align:center; position:fixed; top:0px; 
}

#topnav {
	background-color:#669900; clear:both; 
}

#topnav ul {
	list-style-type:none;  padding:0px; margin:0px; position:relative; 
}

#topnav ul li {
	display:inline-block; 
}

#topnav ul li:hover {
	background-color:#000022; 
}

#topnav ul li a,viisted {
	color:#ffffff; display:block; text-decoration:none; padding:10px; 
}

#topnav ul li a:hover {
	color:#669900; text-decoration:none; 
}

#topnav ul li:hover ul {
	display:block; 
}

#topnav ul ul {
	display:none; position:absolute; background-color:#669900; 
}

#topnav ul ul li {
	display:block; 
}

#topnav ul ul li.visited {
	color:#669900; 
}

#topnav ul ul li:hover {
	color:#000022; 
}

/* Drop-down navigation ends */

#top-header {
	background-color:#ffffff; width:1240px; padding:70px 20px 20px 20px; 
}

#content {
	background-color:#ffffff; width:1240px; padding:70px 20px 20px 20px; 
}

#content ul li {
	font-size:18px; color:#000033; line-height:150%; 
}

.allcaps {
	text-transform:uppercase; line-height:150%; font-size:18px; color:#454545; 
}

#logo {
	float:left; width:320px; 
}

#top-intro {
	margin-left:320px; background-color:#ffffff; 
}

#big-smart-fans img { 
	float:left; margin:0px; padding:0px; border:0px; background-color:#999999; 
}

#intro {
	background-color:#ffffff; padding:20px; clear:left; 
}

#big-simple-fans img {
	float:left; margin:0px; padding:0px; border:0px; background-color:#999999; 
}

#banner {
	width:1280px; background-color:#ffffff; 
}

#banner p {
	clear:left; color:#ff0000; font-size:18px; text-align:center; text-transform:uppercase; padding:10px; 
}

/* Footer */

#footer {
	clear:left; background-color:#ffffff; width:100%; border-top:10px #669900 solid; 
}

#footer p {
	text-align:center; padding:10px; font-size:24px; 
}
	
#social-media {
	width:1280px; background-color:#ffffff; margin:0px; padding:0px; border:0px; 
}

#twitter {
	float:left; width:65px; height:65px; padding:5px; margin-left:490px; 
}

#youtube {
	float:left; width:65px; height:65px; padding:5px; 
}

#facebook {
	float:left; width:65px; height:65px; padding:5px; 
}

#linkedin {
	float:left; width:65px; height:65px; padding:5px; 
}

#copyright-info {
	clear:both; 
}

#copyright-info p {
	text-align:center; padding:10px; font-size:21px; 
}

.small {
	font-size:18px; 
}
	
/* The Fans */

#airmotion-youtube-movie {
	float:left; width:560px; height:315px; 
}

#vpt-fan-intro {
	margin-left:600px; background-color:#ffffff; 
}

#feature-icons {
	width:1280px; height:310px; background-color:#333333; float:left; 
}

#vpt {
	float:left; width:440px; 
}

#rotatair {
	float:left; width:420px; 
}

#multimode {
	float:left; width:420px; 
}

#feature-icons h6 {
	color:#a1a1a1; padding:10px 20px; text-transform:uppercase; 
}

#feature-icons p {
	color:#a1a1a1; font-size:15px; padding:10px 20px; text-transform:uppercase; 
}

#feature-icons img {
	padding:40px 100px; margin:0px; border:0px; 
}

#smart-fan img {
	float:left; margin:0px; padding:0px; border:0px; background-color:#999999; 
}
	
.smart-fan-features { 
	clear:left; background-color:#ffffff; padding:20px; overflow:hidden; 
}

#how-vpt-works {
	background-color:#ffffff; padding:20px; 
}

#how-vpt-works img {
	padding:20px; margin:0px; border:0px; 
}

#how-vpt-works p {
	font-size:18px; 
}

#pitch-zero {
	width:420px; float:left; 
}

#pitch-down {
	width:420px; float:left; 
}

#pitch-up {
	width:400px; float:left; 
}

#air-control-chart {
	clear:both; margin:0px; padding-top:20px; border:0px; 
}

.smart-fan-features img { 
	float:left; margin:0px; padding:0px; border:0px; 
}

.smart-fan-features ul li { 
	color:#000033; font-size:18px; line-height:150%; 
}

#smart-fan-specs {
	background-color:#f1f1f1; padding:20px; border-top:1px solid #d3d3d3; 
}

#smart-fan-specs p {
	font-size:21px; line-height:150%; 
}

#few-points {
	background-color:#000022; padding:40px;
}	

#few-points ul li { 
	color:#a1a1a1; 
}

#simple-fan img {
	float:left; margin:0px; padding:0px; border:0px; background-color:#999999; 
}

#simple-fan-features { 
	clear:left; background-color:#333333; padding:20px; overflow:hidden; 
}

#simple-fan-features p {
	color:#a1a1a1; font-size:21px; line-height:150%; 
}

#simple-fan-specs {
	background-color:#333333; padding:20px; 
}

#simple-fan-specs p {
	color:#a1a1a1; font-size:21px; line-height:150%; 
}

/* Benefits and Applications + About */

#benefits-applications-header img { 
	float:left; margin:0px; padding:47px 0px 0px 0px; border:0px; background-color:#999999; 
}

/* Benefits-chart */

#benefits-chart { 
	width:1280px; height:280px; clear:left; background-color:#669900; 
}

#benefits-chart h1 {
	color:#ffffff; padding:10px 20px; 
}

#benefits-chart h4 {
	color:#ffffff; padding:80px 20px 0px 20px; 
}

#benefits-chart p {
	font-size:18px; color:#ffffff; padding:20px; 
}

#cooling {
	width:360px; float:left; 
}

#destrat {
	width:360px; float:left; 
}

#supplementing-ac {
	width:360px; float:left; 
}

#ventilation {
	width:200px; float:left; 
}

/* Benefits-chart ends */


#benefits { 
	clear:both; background-color:#ffffff; padding:20px; overflow:hidden; 
}

#benefits img { 
	float:left; margin:0px; padding:0px; border:0px; 
}

#applications {
	background-color:#333333; padding:20px; 
}
	
#applications p {
	color:#a1a1a1; font-size:24px; 
}

#about-header img {
	float:left; margin:0px; padding:47px 0px 0px 0px; border:0px; background-color:#999999;  
}
#about { 
	clear:left; background-color:#ffffff; padding:20px; overflow:hidden; 
}


/* Testimonials */

#testimonial-header img {
	float:left; margin:0px; padding:47px 0px 0px 0px; border:0px; background-color:#999999; 
}
#testimonial-content { 
	clear:left; background-color:#669900; padding:10px 40px; overflow:hidden; 
}

#testimonial-content p {
	color:#eeeeee; 
}

#testimonial {
	background-color:#ffffff; width:100%; overflow:hidden; 
}

#testimonial p {
	color:#eeeeee; text-align:left; letter-spacing:1px; font-size:18px; 
} 

#testimonial ul li {
	text-transform:uppercase; font-size:16px; line-height:24px; 
}

#testimonial h4 {
	color:#eeeeee; 
} 

#testimonial img {
	float:right; margin:0px; padding:0px 0px 0px 40px; border:0px; 
} 

#testimonial-1 {
	background-color:#669900; padding:50px 75px 50px 75px; height:540px; 
}

#testimonial-2 {
	background-color:#000022; padding:50px 75px 50px 75px; height:415px; 
}

#testimonial-3 {
	background-color:#669900; padding:50px 75px 50px 75px; height:415px; 
} 

#testimonial-4 {
	background-color:#000022; padding:50px 75px 50px 75px; 
} 

#testimonial-5 {
	background-color:#669900; padding:50px 75px 50px 75px; height:560px; 
}

#testimonial-6 {
	background-color:#000022; padding:50px 75px 50px 75px; height:415px; 
} 

#testimonial-7 {
	background-color:#669900; padding:50px 75px 50px 75px; height:540px; 
}

#testimonial-8 {
	background-color:#000022; padding:50px 75px 50px 75px; height:415px; 
}  

#testimonial-9 {
	background-color:#000022; padding:50px 75px 50px 75px; height:1660px; 
}  

/* Other pages */

#faqs {
	background-color:#000022; width:1200px; padding:70px 40px 20px 40px; overflow:hidden; 
}
#faqs p, ul li {
	color:#a1a1a1; 
}

#news {
	background-color:#000022; width:1200px; padding:70px 40px 20px 40px; overflow:hidden; 
}
#news p, ul li {
	color:#a1a1a1; 
}

/* Forms */
form {
	text-align:left; margin:20px; 
}
label, submit, input, textarea {
	border:0px; margin:0px; padding:0px; background:none; 
}
label {
	float:left; width:300px; text-align:right; display:block; 
}
input, textarea {
	border:1px #669900 solid; margin-left:10px; padding:5px; 
}
input {
	width:300px; margin-bottom:20px; 
}
textarea {
	width:300px; height:150px; margin-bottom:20px; 
}
select {
	
}
.submit {
	width:90px; height:30px; margin-left:310px; font-size:14px; 
}

#contact-form ol {
	list-style-type:none; 
}