/*Global*/

body {
	background:#0f8094;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

h1 {
	color:#4d9aa7;
	font-size:20px;
	font-weight:bold;
	margin:0 0 25px 0;
}

h2 {
	font-size:15px;
	font-weight:bold;
	color:#7f7f6a;
	margin-bottom:3px;
}

h1.space {
	padding	:17px 0 0 26px;
}

p {
	color:#545454;
	font-size:13px;
	line-height:20px;
}

a:link, a:visited {
	color:#4d9aa7;
}

hr {
border: 0;
color: #aaaaaa;
background-color: #aaaaaa;
height: 1px;
width: 100%;
text-align: left;
}


#content-b-left-sub p, #content-b p {
	padding-bottom:15px;
}

#content-b-left, #content-b-left-sub {
	padding-bottom:15px;
}

#content-b-left-sub ul {
	list-style:disc;
	margin-left:30px;
	font-weight:normal;
	color:#545454;
	font-size:13px;
}



#content-b-left-sub li {
	padding-bottom:2px;
	line-height:20px;
}

.clear {
	clear:both;
}

.invisible {
	display:none;	
}

* {
	margin: 0; padding: 0;	
}

ul.list-subs {
	list-style:none;
}

ul.list-subs li {
	display:block;
	float:left;
	margin:0 0 0 7px;
	padding:0 7px 0 0;
	border-right:1px solid #8ec8d3;	
}

ul.list-subs li.nob{
	border:none;
	padding:0;
}


ul.list-subs a:link, ul.list-subs a:visited {
	text-decoration:none;
	color:#e1f4f8;
}

ul.list-subs a:hover {
	text-decoration:underline;
}

.nav {
	display:block;
	text-indent:-1000px;
	overflow:hidden;
}

#subnav li a {
	display:block;
	overflow:hidden;
}

.back, .next, #people-saying-logo1 img, #people-saying-logo2 img, #people-saying-logo3 img, #featured-wahi h1, #people-saying h1, #about-contact {
	behavior:url(images/iepngfix.htc);
}



/*Site*/

/*Containers*/

#slider1 {
	margin:auto;
	width:960px;
	height:350px;	
}

#container-top {
	background:url(../images/bg-top.jpg) repeat-x #126472;
}

#container-top-sub {
	background:url(../images/bg-top-sub.jpg) repeat-x;
	height:214px;
}

#container-content-top-sep {
	background:url(../images/bg-top-sub.jpg) repeat-x;
	height:22px;
}

.top-bar-text {
	color:#e1f4f8;
	font-size:12px;
	float:right;
	line-height:14px;
	margin:13px 0 0 0;
}

#container-content {
	background:url(../images/bg-content.jpg) repeat-x #e3e4d6;
	margin:auto;
}

#container-footer {
	background:url(../images/bg-footer.jpg) repeat-x #177f92;
	margin:auto;
	height:120px;
}

.footer-text-l {
	color:#e1f4f8;
	font-size:12px;
	float:left;
	line-height:13px;
	margin:2px 0 0 0;
}

.footer-text-r {
	color:#e1f4f8;
	font-size:12px;
	float:right;
	line-height:13px;
	margin:2px 0 0 0;	
}

/*Areas*/

#top-bar {
	width:951px;
	height:40px;
	padding:0 9px 0 0;
	margin:auto;
}

#header {
	width:960px;
	height:152px;
	background:url(../images/header-bg.jpg) no-repeat;
	margin:auto;
}

#navbar {
	width:435px;
	height:63px;
	margin:68px 0 0 0;
	padding-left:518px;
	float:left;
}

#navbar li {
    list-style:none;
    display:block;
	float:left;
}

#navbar #home a {
	background:url(../images/nav.jpg) no-repeat;
	width:89px;
	height:63px;
}
#navbar #about a {
	background:url(../images/nav.jpg) no-repeat;
	width:85px;
	height:63px;
	background-position:-89px 0;	
}
#navbar #demos a {
	background:url(../images/nav.jpg) no-repeat;
	width:85px;
	height:63px;
	background-position:-174px 0;	
}
#navbar #blog a {
	background:url(../images/nav.jpg) no-repeat;
	width:85px;
	height:63px;
	background-position:-259px 0;	
}
#navbar #contact a {
	background:url(../images/nav.jpg) no-repeat;
	width:91px;
	height:63px;
	background-position:-344px 0;	
}


#navbar #home a:hover {
	background-position:0 -63px;
}
#navbar #about a:hover {
	background-position:-89px -63px;
}
#navbar #demos a:hover {
	background-position:-174px -63px;
}
#navbar #blog a:hover {
	background-position:-259px -63px;
}
#navbar #contact a:hover {
	background-position:-344px -63px;
}

#content-b {
	width:942px;
	padding:18px 9px;
	margin:auto;
}

#content-b-sub {
	width:942px;
	padding:18px 9px;
	margin:auto;
}

#subnav {
	
	height:385px;
	font-size:13px;
	margin-bottom:17px;	
}

#content-b-sub-rightcol {
	float:left;
	width:363px;
}

#subnav a, #subnav a:visited {
	color:#ecfcff;
	text-decoration:none;
	padding-left:26px;
}

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

#subnav #link1 a {
	background:url(../images/subnav-top.gif) no-repeat;
	height:25px;
	padding-top:14px;
}
#subnav #link2 a {
	background:url(../images/subnav.gif) no-repeat;
	height:26px;
	padding-top:12px;
}
#subnav #link3 a {
	background:url(../images/subnav.gif) no-repeat;
	height:26px;
	padding-top:12px;
}
#subnav #link4 a {
	background:url(../images/subnav.gif) no-repeat;
	height:26px;
	padding-top:12px;
}
#subnav #link5 a {
	background:url(../images/subnav.gif) no-repeat;
	height:26px;
	padding-top:12px;
}
#subnav #link6 a {
	background:url(../images/subnav.gif) no-repeat;
	height:26px;
	padding-top:12px;
}
#subnav #link7 a {
	background:url(../images/subnav.gif) no-repeat;
	height:26px;
	padding-top:12px;
}
#subnav #link8 a {
	background:url(../images/subnav.gif) no-repeat;
	height:26px;
	padding-top:12px;
}
#subnav #link9 a {
	background:url(../images/subnav.gif) no-repeat;
	height:28px;
	padding-top:12px;
}
#subnav #link10 a {
	background:url(../images/subnav-bot.gif) no-repeat;
	height:30px;
	padding-top:10px;
}


#subnav #link1 a:hover {
	background:url(../images/subnav-top-o.gif) no-repeat;
}
#subnav #link2 a:hover {
	background:url(../images/subnav-o.gif) no-repeat;
}
#subnav #link3 a:hover {
	background:url(../images/subnav-o.gif) no-repeat;
}
#subnav #link4 a:hover {
	background:url(../images/subnav-o.gif) no-repeat;
}
#subnav #link5 a:hover {
	background:url(../images/subnav-o.gif) no-repeat;
}
#subnav #link6 a:hover {
	background:url(../images/subnav-o.gif) no-repeat;
}
#subnav #link7 a:hover {
	background:url(../images/subnav-o.gif) no-repeat;
}
#subnav #link8 a:hover {
	background:url(../images/subnav-o.gif) no-repeat;
}
#subnav #link9 a:hover {
	background:url(../images/subnav-o.gif) no-repeat;
}
#subnav #link10 a:hover {
	background:url(../images/subnav-bot-o.gif) no-repeat;
}

#about-contact {
	background:url(../images/about-contact-bg.png) no-repeat;
	width:311px;
	height:174px;
	padding:18px 26px 26px 26px;
	
}

#contact-but1 {
	background:url(../images/contactbut1.jpg) no-repeat;
	width:111px;
	height:24px;
	float:left;
	margin:106px 0 0 40px;
}


#footer {
	width:890px;
	height:15px;
	margin:auto;
	padding:26px 35px;
	background:url(../images/footer-bg.jpg) no-repeat;
}

/*Content*/

#content-bl-wrap {
	width:462px;
	float:left;
	margin:0 18px 0 0;
}

#content-bl-wrap-sub {
	width:562px;
	float:left;
	padding-right:17px;
}

#roundc-bl-top {
	background:url(../images/round-corns-top.gif) no-repeat;
	width:462px;
	height:14px;
	font-size:0;
}

#roundc-bl-top-sub {
	background:url(../images/round-corns-top-sub.gif) no-repeat;
	width:562px;
	height:14px;
	font-size:0;
}

#content-b-left {
	background:url(../images/content-b-left_bg.gif) repeat-y;
	width:410px;
	padding:3px 26px 0px 26px;
}

#content-b-left-sub {
	background:url(../images/content-b-left_bg-sub.gif) repeat-y;
	width:510px;
	padding:3px 26px 0px 26px;

}

#roundc-bl-bot {
	background:url(../images/round-corns-bot.gif) no-repeat;
	width:462px;
	height:14px;
}

#roundc-bl-bot-sub {
	background:url(../images/round-corns-bot-sub.gif) no-repeat;
	width:562px;
	height:14px;
}

#content-b-right-col {
	float:left;
	width:462px;
}





/* **************************************/
/* WHAT ARE PEOPLE SAYING BOX */
/* **************************************/

#people-saying {	
	margin:0 0 0 0;
}

#wahi-walkthrough {
	background:url(../images/wahiwalkt-bg.jpg) no-repeat;
	width:460px;
	height:245px;
	margin-left:1px;
}

#wahiwalk-button {
	width:128px;
	height:34px;
	margin:146px 0px 0px 260px;
	float:left;
}

#people-saying h1{
	padding	:17px 0 0 26px;
	background:url(../images/rounded-top-header.png) no-repeat;
	height:39px;
	margin:0;
}


#people-saying-left-col {
	float:left;
	width:193px;	
}

#people-saying-right-col{
	float:left;
	width:229px;
	padding:0 20px;
	height:269px;
	background:url(../images/quote-box/qb-right-bg.jpg) repeat-y;
}

#people-saying-logo1, #people-saying-logo2 {
	
	height:94px;
}
#people-saying-logo3 {
	

	height:81px;
}

.people-saying-off{
	background:url(../images/quote-box/qb-logobg-off.jpg) no-repeat;
}

.people-saying-on {
	background:url(../images/quote-box/qb-logobg-on.jpg) no-repeat;
}


#people-saying-footer {
	background:url(../images/quote-box/qb-botbar.jpg) no-repeat;
	height:13px;
}

.people-saying-quote {
	font-weight:bold;
	font-size:22px;
	font-style:italic;
	color:#686866;
	text-align:right;
	padding-right:20px;
}

.people-saying-byline {
	text-align:right;
	font-size:12px;
	font-style:italic;
	color:#686866;
	text-align:right;
	padding-right:20px;
}		

#company1-quote, #company3-quote {
	padding-top:100px;
}

#company2-quote {
	padding-top:80px;
}

/* **************************************/
/* END ARE PEOPLE SAYING BOX */
/* **************************************/





/* **************************************/
/* FEATURED WAHI BOX */
/* **************************************/


#featured-wahi {
	height:300px;
	font-size:10px;
	margin-top:20px;
	color:#686866;
}

#featured-wahi h1{
	padding	:17px 0 0 26px;
	background:url(../images/rounded-top-header.png) no-repeat;
	height:39px;
	margin:0;
}

#featured-wahi-title{
	float:left;
	margin-right:40px;
	width:160px;
}

#featured-wahi-buttons{
	float:left;
	width:230px;
	padding-top:5px;
}

#featured-wahi-footer {
	height:32px;
	padding:10px 12px;
	background:url(../images/featured/bottom.gif) no-repeat;
}

#featured-wahi-footer strong{
	font-size:14px;
}



/*********************************
/* Quote bubble section
/********************************/


#quotes-top {
width:363px;
height:13px;
background:url(../images/iview-pull-top.gif) no-repeat;
}

.quotebub {
padding:15px 17px 3px 17px;
width:277px;
background:url(../images/iview-pull-qboxtop.gif) #64a9b5 no-repeat;
color:#FFFFFF;
font-size:12px;

}

.quotebub-botL{
width:311px;
height:45px;
background:url(../images/iview-pull-qboxbot_l.gif) no-repeat;
margin-bottom:17px;
}

.quotebub-botR{
width:311px;
height:45px;
background:url(../images/iview-pull-qboxbot_r.gif) no-repeat;
  margin-bottom:17px;
}

#quotes {
width:311px;
background:url(../images/iview-pull-bg.gif) repeat-y;
padding:17px 26px 1px 26px;
}

#quotes-bot {
width:363px;
height:17px;
background:url(../images/iview-pull-bot.gif) no-repeat;
margin-bottom:17px;
padding: 0 0 0 0;
text-align:center;

}
#quotes-bot a:link, #quotes-bot a:visited {

	color:#fff;
	font-size:13px;
}






.quote-box {
	margin:15px 0 0 0;
}

.bold {
	color:#3a7e8a;
}

.quote-box-bg {
	background:url(../images/quotebox-bg.jpg) no-repeat #e2e3dc;
	padding:10px 10px 0px 15px;
}
.quote-box-bot {
	background:url(../images/quotebox-bot.jpg) no-repeat;
	width:410px;
	height:9px;
}



/*What's a Wahi Slider*/

.wrapper {
	width:940px;
	height:312px;
	margin:18px 0 18px 10px;
	padding:20px 25px; 
	
}

.title {
	font-size:38px;
	font-weight:bold;
	color:#FFF;
	width:700px;
	letter-spacing:-2px;
	margin-bottom:14px;
}

.body {
	font-size:14px;
	color:#FFF;
	width:490px;
	height:105px;
	line-height:20px;
	margin-bottom:23px;
}

.body2 {
	font-size:13px;
	color:#FFF;
	width:160px;
	line-height:17px;
	float:left;
	margin-top:12px;
}

.smaller {
	font-size:12px;
}

.body a {
	color:#fff;
}

.next {
	width:77px;
	height:43px;
	background:url(../images/next.png) no-repeat;
	margin-left:-2px;
	float:left;	
}




.back {
	width:77px;
	height:43px;
	background:url(../images/back.png) no-repeat;
	margin-right:10px;
	float:left;	
}

.next a, .back a {
	width:77px;
	height:43px;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	outline: none;
}


#wrapper1 {
	background:url(../images/slider-bg-1.jpg) no-repeat;
}

#wrapper2 {
	background:url(../images/slider-bg-2.jpg) no-repeat;
}

#wrapper3 {
	background:url(../images/slider-bg-3.jpg) no-repeat;
}

#wrapper4 {
	background:url(../images/slider-bg-4.jpg) no-repeat;
}

#wrapper5 {
	background:url(../images/slider-bg-5.jpg) no-repeat;
}

#wrapper6 {
	background:url(../images/slider-bg-6.jpg) no-repeat;
}



#slider-overlay-left {
	position:absolute;
	z-index:100;
	margin:18px 0 0 0;
	float:left;
	display:none;
	
}


#slider-overlay-right {
	position:absolute;
	z-index:100;
	margin:18px 0 0 935px;
	float:left;
	display:none;
}

.csw {height:350px; background: #126472; overflow:hidden;color:#126472;}
.csw .loading {margin:200px 0 300px 0; text-align:center;color:#126472;}

.stripViewer { 
	position:relative;
	overflow:hidden; 
	margin:auto;
	width:960px; 
	height:350px;
	clear:both;		
}
		
.stripViewer .panelContainer { 
	position:relative;
	left:0; top:0;
	width:100%;
	list-style-type:none;
}
		
.stripViewer .panelContainer .panel { 
	float:left;
	height:350px;
	position:relative;
	width:940px; 			
}

.stripNavL, .stripNavR { 
	position:absolute;
	top:230px;
	text-indent:-9000em;
	display:none;
}
		
.stripNavL a, .stripNavR a {
	display:block;
	height:40px;
	width:40px;
}
		
.stripNavL {
	left:0;
}
		
.stripNavR {
	right:0;
}
		
.stripNavL {
	background:url("../images/arrow-left.gif") no-repeat center;
}
		
.stripNavR {
	background:url("../images/arrow-right.gif") no-repeat center;
}		
		
.stripNav ul {
	display:none;
}