
body{
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px; 
	color:#545454;
	margin:0; padding:0;
	background:url(../images/bg.gif) no-repeat center top;
	position:relative;

}

html {	height: 100%;}

* html #wrapper {height: 100%; width:888px;}


ul{list-style:none;}
ul, li{margin:0; padding:0;}
h1, h2, h3, h4,h5{margin:0; padding:0; font-weight:normal; font-family: 'Quicksand', sans-serif;}
h1{width:100%; font-size:28px; color:#00a1c3; margin:0 0 20px 0; float:left; line-height:normal; }
h2{font-size:23px; color:#545454; margin:0 0 16px 0; font-weight:normal; line-height: 140%;}
h3{font-size:21px;  margin-bottom:10px; color:#545454;}
h4{font-size:13px; margin-bottom:10px; color:#c20000;}
h5{font-size:14px; margin-bottom:10px; color:#000000;}

p{margin:0 0 15px 0;}

a img{border:0;}
a:active, a:link, a:visited{
	color:#00accc;
	text-decoration:none;
	outline:none;
}
a:hover{color:#666666; text-decoration:none;}

.clear{clear:both; font-size:0px; line-height:0px; height:0px;}

#wrapper{width:980px; display:block; min-height: 100%; padding:0; margin:0 auto;   position:relative; overflow:visible;}
#header{
	width:980px;
	height:115px;
	display:block;
	position:relative;
	}

a.softaire-diffusers{
	width:334px;
	height:63px;
	background:url(../images/softaire-diffusers.gif) no-repeat;
	text-indent:-9999px;
	position:absolute;
	left:0;
	top:0;
	display:block;
	}
	
ul.main-nav{
	width:630px;
	height:64px;
	position:absolute;
	right:0;
	top:0;
	display:block;
	}

ul.main-nav li{float:left; height:64px; line-height:64px; font-size:11px;}
ul.main-nav li a{height:64px; padding:0 8px; text-transform:uppercase; display:block; color:#504845;}
ul.main-nav li a:hover{color:#00a4c6}
ul.main-nav li.selected a{ background:#8e8987 url(../images/arrow.gif) no-repeat center 46px; color:#fff;}

#slideshow{
	width:980px;
	height:380px;
	background:url(../images/bg-slideshow.jpg) no-repeat;
	display:block;
	overflow:hidden;
	position:relative;
	}
	
#slideshow .box{
	width:980px;
	height:380px;
	position:absolute;
	left:0;
	top:0;
	display:none;
	}

#slideshow .item{
	width:980px;
	height:380px;
	position:relative;
	display:block;
	}
	
#slideshow .item .image{
	position:absolute;
	right:0;
	top:0;
	z-index:3;
	}
	
#slideshow .item .tx{
	width:490px;
	position:absolute;
	left:40px;
	top:110px;
	display:block;
	z-index:2;
	}
	
#slideshow .item .tx .tx1{
	font-size:34px;
	line-height:44px;
	color:#ffffff;
	padding:10px;
	margin:0 0 20px 0;
	background:url(../images/bg-h-slide.png);
	font-family: 'Quicksand', sans-serif;
	text-shadow:0 -1px 1px #506759;
	float:left;
	}
	
#slideshow .item .tx .tx2{
	width:100%;
	font-size:23px;
	line-height:30px;
	color:#ffffff;
	padding:10px;
	background:url(../images/bg-h-slide.png);
	font-family: 'Quicksand', sans-serif;
	text-shadow:0 -1px 1px #506759;
	display:block;
	float:left;
	}
	
.nav-bullets{
	width:980px;
	height:30px;
	padding:14px 0;
	text-align:center;
	background:url(../images/bg-bullets-slide.jpg) no-repeat;
	display:block;
	}
	
.slidetabs{
	display:block;
	text-align:center;
	}
	
.slidetabs a{
	width:13px;
	height:13px;
	margin:0 10px 0 0;
	background:url(../images/bg-bullet.png) no-repeat left top;
	text-indent:-9999px;
	display:inline-block;
	}
	
.slidetabs a.current{
	background:url(../images/bg-bullet.png) no-repeat left -13px;
	}
	
.call{
	font-size:27px;
	padding:15px 0;
	margin:0 0 25px 0;
	color:#696969;
	border:1px solid #e6e6e6;
	text-align:center;
	display:block; 
	font-family: 'Quicksand', sans-serif;
	}
	
.call span{color:#93bf2d; font-weight:bold;}

#content{
	width:980px;
	background:#ffffff;
	display:block;
	overflow:hidden;
	}

	
ul.home-list{
	padding:25px 0;
	margin:25px 0 25px 0;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	display:block;
	overflow:hidden;
	}
	
ul.home-list li{
	width:234px;
	margin:0 14px 0 0;
	font-size:12px;
	position:relative;
	float:left;
	}
	
ul.home-list li.last{ margin:0;}

ul.home-list li img{margin:0 0 10px 0;}

ul.home-list li p{padding:0 0 30px 0;}

ul.home-list li a{
	padding:5px 22px 5px 10px;
	background:#00a4c5 url(../images/btn-arrow.png) no-repeat right 9px;
	color:#ffffff;
	border-radius:3px;
	-moz-border-radius:3px;
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	}
	
ul.home-list li a:hover{
	background:#8e8987 url(../images/btn-arrow.png) no-repeat right 9px;
	}
	
.btm-bar{
	width:100%;
	display:block;
	overflow:hidden;
	}

.comments{
	width:750px;
	float:left;
	position:relative;
	}

.ind{
	width:16px;
	height:10px;
	background:url(../images/arrow-box.gif) no-repeat;
	position:absolute;
	z-index:2;
	}

.title{
	width:380px;
	height:74px;
	line-height:74px;
	font-family: 'Quicksand', sans-serif;
	font-size:32px;
	color:#545454;
	float:left;
	}	
	
ul.customers{
	width:350px;
	float:left;
	}
ul.customers li{float:left; margin:0 10px 0 0;}
ul.customers li a{
	padding:5px;
	background:#f8f8f8;
	border:1px solid #e2e0e0;
	display:block;
	}
	
.comments-box{
	width:708px;
	padding:20px;
	margin:20px 0;
	background:#f8f8f8;
	border:1px solid #999;
	float:left;
	}
	
.pic{width:200px; float:left; }
.txt-comment{width:480px; float:right;}

.code{
	width:177px;
	padding:92px 0 0 0;
	float:right;
	}
	
.pane{display:none;}

.btm-spacer{width:100%; height:109px; clear:left; display:block;}

#footer{
	width:100%;
	height:109px;
	margin-top:-109px;
	font-size:12px;
	color:#b7b7b7;
	background:url(../images/bg-repeat.gif);
	display:block;
	}

#footer a{color:#b7b7b7}
#footer a:hover{color:#efefef; text-decoration:underline}	

.main-footer{width:980px; height:109px; display:block; margin:0 auto; position:relative;}
.privacy{width:400px; position:absolute; left:0; top:20px; display:block;}
.copyright{width:500px; position:absolute; left:0; top:50px; display:block;}

ul.social{width:157px; position:absolute; right:0; top:20px; display:block;}

ul.social li{height:23px; margin:0 6px 0 0; float:left;}
ul.social li a{height:23px; display:block}

ul.social li.facebook{width:52px; background:url(../images/like-facebook.png) no-repeat;}
ul.social li.tweet{width:66px; background:url(../images/tweet.png) no-repeat;}
ul.social li.googleplus{width:24px; margin:0; background:url(../images/google-plus.png) no-repeat;}
.social {float:right; padding-top: 20px;}
.design{width:300px; position:absolute; right:0; top:50px; text-align:right; display:block; padding-right: 50px;}

.top-bar{
	width:940px;
	height:84px;
	padding:0 20px;
	line-height:84px;
	margin:0 0 20px 0;
	background:#ffffff;
	display:block;
	overflow:hidden;
	}

.call-int{
	font-size:27px;
	color:#696969;
	text-align:center;
	float:left;
	font-family: 'Quicksand', sans-serif;
	}

.call-int span{color:#93bf2d; font-weight:bold;}

a.free{
	width:87px;
	height:84px;
	background:url(../images/icon-free.gif) no-repeat;
	text-indent:-99999px;
	float:right;
	}


#content-int{
	width:920px;
	padding:30px;
	background:#ffffff;
	display:block;
	overflow:hidden;
	}

p{margin:0 0 30px 0;}
	
ul.list{padding:0 0 0 20px; display:block;}	

ul.list li{
	padding:0 0 0 15px;
	background:url(../images/blue-arrow.gif) no-repeat left 10px;
	margin:0 0 10px 0;
	display:block;
	}

form.contact-form{
	width:400px;
	padding:0;
	margin:0;
	display:block;
	}

form.contact-form fieldset{border:0; margin:0 0 10px 0; padding:0; display:block; overflow:hidden;}
form.contact-form fieldset label{width:120px; height:30px; line-height:30px; float:left;}
form.contact-form fieldset input{width:260px; height:30px; border:1px solid #cccccc; float:right;}
form.contact-form fieldset textarea{width:260px; height:120px; border:1px solid #cccccc; float:right;}

form.contact-form fieldset input.send{
	width:90px;
	padding:5px 22px 5px 10px;
	background:#00a4c5 url(../images/btn-arrow.png) no-repeat right 9px;
	color:#ffffff;
	border-radius:3px;
	-moz-border-radius:3px;
	text-transform:uppercase;
	border:0;
	}
/*******  Blockquote Styles  ********/
blockquote.photo {
	float:right;
	width:165px;
	font-size:11px;
	font-weight:700;
	border:0 solid gray;
	font-family:arial, helvetica, sans-serif;
	text-align:center;
	background:#fff;
	margin:3px 10px 3px 0;
	padding:10px;
}

blockquote.photoleft {
	float:left;
	font-size:11px;
	font-weight:700;
	border:0px solid #ccc;
	font-family:arial, helvetica, sans-serif;
	text-align:center;
	background:#fff;
	line-height:130%;
	margin:6px 6px 6px 0;
	padding:4px 20px 10px 0;
}

blockquote.photoright {
	float:right;
	font-size:11px;
	font-weight:700;
	border:0px solid gray;
	font-family:arial, helvetica, sans-serif;
	text-align:center;
	background:#fff;
	margin:3px 0 3px 20px;
	padding:3px;
}
blockquote.textright {
	float:right; width: 350px;
	border:1px solid gray;
	font-family: inherit;
	text-align:left;
	background:#fff;
	margin:3px 0 3px 20px;
	padding:20px;
}
blockquote.performance {
	float:right; width: 200px; font-size:12px;
	border:1px solid gray; font-size: 10px;
	font-family: inherit;
	text-align:left;
	background:#fff;
	margin:3px 0 3px 20px;
	padding:5px;
}
#performance li {list-style:disc; margin-left: 15px; padding-bottom: 6px;font-size:12px; line-height: 130%;}
#performance td {font-size:12px; line-height: 130%;}
#performance th {background-color:#666; color:#FFF; font-weight:bold; border: 1px solid white;}
#performance td {border: 1px solid silver; border-collapse: collapse; font-size:12px;}

#dimensions {font-size:12px;}
#dimensions th {background-color:#666; color:#FFF; font-weight:bold; border: 1px solid white;}
#dimensions td {border: 1px solid silver; border-collapse: collapse;}
.dimensionstitle {font-size:21px;  margin-bottom:5px; color:#545454; border:none; padding: 10px 0;}

#items {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#items img {
	padding: 10px;
	background: #eaeaea;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border: 1px solid #999;
}
/*div {width: 100px; margin: 0; padding: 0; border: 1px solid #000;
-moz-box-sizing: border-box;
-webkit-box-sizing:: border-box;
box-sizing: border-box;
}*/

.btns{
	width:50px;
	display: inline-block;
	overflow:hidden
	}
	
.btns a{
	padding:3px 15px;
	margin:0 10px 0 0;
	background:#666;
	color:#ffffff;
	text-transform:uppercase;
	float:left;
	}

.btns a:hover{
	background:#ccc;
	}