@charset "UTF-8";
/* kik */

.style1 {font-size: 26px; font-weight: bold; }

img.slideshow-frame { behavior: url(javascript/iepngfix.htc); }

body { font-family:Arial, Helvetica, sans-serif; line-height:140%; font-size:62.5%; color:#191269; background-color:#000; }

a {outline:none;}

#wrapper { width:930px; padding:0px 0 0 0; margin:0 auto; position:relative;}

#headkeyword { width:845px; height:25px; margin:0 0 0 80px; position:relative; }
#headkeyword h1 {
	font-size:1.5em;
	width:445px;
	color: #009ce1;
	margin-left: 397px;
	margin-bottom: 5px;
	font-weight: 200;
}

#header { width:845px; height:140px; border:10px solid #009ce1; background: #fff url(../images/logo.gif) top right no-repeat; margin:0 0 10px 80px; position:relative; }
#header h1 { font-size:3.8em;line-height:110%;margin:10px 0 0 385px;width:250px; }

body#products #header h1,
body#shadesails #header h1,
body#about #header h1,
body#gallery #header h1,
body#benefits #header h1,
body#contact #header h1,
body#melbourne #header h1,
body#triangle #header h1 {padding-top:30px;}

body#products.waterproof #header h1 {padding-top:0;}

#header img { margin:0 0 0 385px; }
#header a.logo { position:absolute; right:0; top:0; display:block; height:140px; width:200px; text-indent:-2000px;}

#main-nav { position:absolute; top:410px; left:110px; background:url(../images/triangles.png) 40px 42px no-repeat; width:370px; height:255px; padding:0 0 60px 0; z-index:1001; }

/* IE6 hack */
*html #main-nav {background:url(../images/triangles.gif) 40px 42px no-repeat; }

ul#main-nav-list { margin:0; padding:0; position:relative;}
ul#main-nav-list li { list-style-type:none; position:absolute; }
ul#main-nav-list li a { display:block; color:#191269; font-size:1.4em; font-weight:bold; text-decoration:none; background:url(../images/nav.gif) 0 0 no-repeat; padding:10px 0 0 40px; height:30px; }
ul#main-nav-list li a:hover { background:url(../images/nav.gif) 0 -41px no-repeat; }

body#home ul#main-nav-list li#home-link a,
body#products ul#main-nav-list li#products-link a,
body#shadesails ul#main-nav-list li#products-link a,
body#waterproof ul#main-nav-list li#products-link a,
body#about ul#main-nav-list li#about-link a,
body#gallery ul#main-nav-list li#gallery-link a,
body#benefits ul#main-nav-list li#benefits-link a { background:url(../images/nav_btn_on.gif) 0 0 no-repeat; }
body#contact ul#main-nav-list li#contact-link a { background:url(../images/nav_btn_on.gif) 80px 0 no-repeat; }

ul#main-nav-list li#home-link { left:165px; top:8px;}
ul#main-nav-list li#products-link { left:270px; top:30px;  }
ul#main-nav-list li#about-link { left:90px; top:195px; }
ul#main-nav-list li#gallery-link { left:250px; top:175px; }
ul#main-nav-list li#benefits-link { left:10px; top:112px; }
ul#main-nav-list li#contact-link { left:0; top:9px; width:160px; }
ul#main-nav-list li#contact-link a { padding:10px 45px 0 0; background-position:80px 0;/*text-indent:-117px;*/ }
ul#main-nav-list li#contact-link a:hover { background-position:80px -41px; }
ul#main-nav-list li a span.nav-text {display:block; left:0; position:absolute; top:40px;}


#secondary-nav { position:absolute; top:0; left:0; padding:0 0 10px 0;}

#top-slideshow { position:absolute; top:0; left:0; padding:0 0 10px 0;}
#top-slideshow .slideshow,#bottom-slideshow .slideshow { height:355px; }

#bottom-slideshow { position:absolute; bottom:170px; _bottom:15px; left:0; padding:0 0 10px 0;}

.slideshow { width:500px; height:430px; padding-left:20px; _padding-left:5px;}
.slideshow img.slideshow-frame { position:absolute; z-index:999; }


ul#secondary-nav-list { margin:0; padding:0; position:absolute; bottom:15px; left:38px; z-index:1000; }
ul#secondary-nav-list li { list-style-type:none; display:block; float:left;}
ul#secondary-nav-list li a { display:block; float:left; width:220px; height:81px; text-indent:-2000px; padding:0 15px 0 0;}
ul#secondary-nav-list li#shadesails {  }
ul#secondary-nav-list li#shadesails a { background:url(../images/shadesails.png) -210px 15px no-repeat; padding-bottom:15px; width:213px;}
ul#secondary-nav-list li#shadesails a:hover, 
body.shadesails ul#secondary-nav-list li#shadesails a { background:url(../images/shadesails.png) 10px 15px no-repeat;}
ul#secondary-nav-list li#waterproof {  }
ul#secondary-nav-list li#waterproof a { position:absolute; left:212px; background:url(../images/waterproof.png) 0 0 no-repeat;}
ul#secondary-nav-list li#waterproof a:hover,
body.waterproof ul#secondary-nav-list li#waterproof a { background:url(../images/waterproof.png) 0 -80px no-repeat;}

*html ul#secondary-nav-list li#shadesails a { background:url(../images/shadesails_bg.gif) 10px 15px no-repeat; }
*html ul#secondary-nav-list li#shadesails a:hover, 
*html body.shadesails ul#secondary-nav-list li#shadesails a { background:url(../images/shadesails_bg_on.gif) 10px 15px no-repeat; }
*html ul#secondary-nav-list li#waterproof a { background:url(../images/waterproof_bg.gif) 0 0 no-repeat; position:absolute; left:212px; }
*html ul#secondary-nav-list li#waterproof a:hover,
*html body.waterproof ul#secondary-nav-list li#waterproof a { background:url(../images/waterproof_bg_on.gif) 0 0 no-repeat; }

#content { width:445px; min-height:420px; _height:420px; border:10px solid #009ce1; background-color:#62d1fb; padding:20px 20px 0 380px; margin:0 0 5px 80px; overflow:auto; }
#content-inner{ width:445px; _width:435px; }
h1 {
	font-size:1.9em;
	position:relative;
	margin-top:0;
	line-height: 125%;
}
	
h2 {
	font-size:1.5em;
	position:relative;
	line-height: 125%;
}
h2.white {color:#FFFFFF;font-size:2.5em;font-weight:normal;margin-top:0;}
h2 span.backtotop a {position:absolute; right:0; top:0; font-size:0.7em; color:#d97533; font-weight:bold; text-decoration:none; }
h2 span.backtotop a:hover {text-decoration:underline;}
h2.second-heading { margin-bottom:5px; margin-top:12px;  }
h2.third-heading { margin-top:12px; }

ul#list { margin:0; padding:0; list-style-type:none; }
ul#list li {font-size:1.2em; line-height:130%; background:url(../images/list-bullet.gif) 0 1px no-repeat; padding:0 0 10px 30px;}	
ul#list li.last-list-item {padding:0 0 0 30px;}

ul#list-items { margin:0; padding:0; list-style-type:none;  }
ul#list-items li a { color:#191269; font-size:1.2em; font-weight:bold; background:url(../images/list-item-bullet.gif) 0 -1px no-repeat; text-decoration:none; line-height:200%; padding:0 0 0 30px;  }
ul#list-items li a:hover {text-decoration:underline; background-position:0 -19px;}
ul#list-items li span.links { font-size:1.2em; padding-left:30px; }

ul#additional-nav-links { margin:30px 0; padding:0; list-style-type:none; }
ul#additional-nav-links li {display:inline;}
ul#additional-nav-links li a { background:transparent url(../images/nav_btn.gif) no-repeat scroll 0 0;color:#D97533;font-size:1.5em;font-weight:bold;padding:8px 10px 20px 45px;text-decoration:none;  }
ul#additional-nav-links li a:hover {text-decoration:underline;}

ul#points { list-style-type:decimal; }
ul#points li {font-size:1.2em; padding:0 0 10px 0; line-height:140%; list-style:decimal;}	

ul#gallery { margin:0; padding:0; list-style-type:none;  }
ul#gallery li { display:block; float:left;height:89px;padding:0 3px 25px 0;width:100px; }
ul#gallery li.first-item { background:transparent url(../images/gallery.png) no-repeat 0 0; text-indent:-2000px; }
ul#gallery li a img {border:none;}
ul#gallery li a { background:transparent url(../images/gallery_bg.png) no-repeat 0 0;color:#191269;display:block;float:left;font-size:1.1em;line-height:100%;height:89px;padding:8px 10px 2px 0;text-decoration:none;width:100px;text-align:center; }
ul#gallery li a:hover { background-position:0 -99px; }

*html ul#gallery li { padding:0 4px 25px 0; width:90px;height:79px; }
*html ul#gallery li a { background:transparent url(../images/gallery_bg.gif) no-repeat 0 0; width:90px;height:79px; padding:8px 8px 2px 2px;}
*html ul#gallery li.first-item { background:transparent url(../images/gallery.gif) no-repeat 0 0; width:95px; margin-right:7px;}
*html ul#gallery li a:hover { background-position:0 -89px; }

p { font-size:1.2em; line-height:140%; }
p span.text-orange {color:#d97533; font-weight:bold; }
#content-inner p a {color:#d97533; font-weight:bold; text-decoration:none;}
#content-inner p a:hover {text-decoration:underline; }
p.intro-para {
	font-size:1.8em;
	line-height:135%;
	font-weight:bold;
	font-style:italic;
	margin-top:0;
}
p.text-small {font-size:1em; padding:0; margin:0;}
p.first-para {margin-top:0;}
p.no-margin { margin:0; padding:0 0 8px 0; }

span.bold { font-weight:bold; }
span.bold-upper {text-transform:uppercase; font-weight:bold;  }

#footer { width:845px; border:10px solid #009ce1; background-color:#b7e8fe; margin:0 0 10px 80px; padding:8px 0 5px 0; height:100%; overflow:hidden; }
#footer p.footer-content {float:left;font-size:1.6em;font-weight:bold;line-height:110%;margin:0 0 0 70px;_margin-left:80px;padding:0;width:275px;}
#footer p#freephone { display:block; width: 399px; height: 40px; position: relative; float:right; color:#b7e8fe; margin:0 40px 0 0; padding:0; }
#footer p#freephone span.image-replace { position: absolute; width: 100%; height: 100%; background:#b7e8fe url(../images/freephone.gif) 0 1px no-repeat; }
#footer-nav { width:865px; position:relative; margin:0 0 0 80px;}

ul#footer-nav-list { margin:0; padding:0; }
ul#footer-nav-list li { display:inline; list-style-type:none; }
ul#footer-nav-list li a { color:#ffd44f; text-decoration:none; font-size:1.1em; padding:0 10px 0 0;}
ul#footer-nav-list li a:hover { text-decoration:underline; }

ul#footer-nav-list2 { margin:20px 0 0 0; padding:0; }
ul#footer-nav-list2 li { display:inline; list-style-type:none; }
ul#footer-nav-list2 li a {
	color: #0086BF;
	text-decoration:none;
	font-size:1.1em;
	padding:0 10px 0 0;
}
ul#footer-nav-list2 li a:hover { text-decoration:underline; }

ul#footer-nav-list3 { margin:5px 0 0 0; padding:0; }
ul#footer-nav-list3 li { display:inline; list-style-type:none; }
ul#footer-nav-list3 li a {
	color:#0086BF;
	text-decoration:none;
	font-size:1.1em;
	padding:0 10px 0 0;
}
ul#footer-nav-list3 li a:hover { text-decoration:underline; }

#copyright { position:absolute; right:0; top:0;  }
#copyright p { color:#ffd44f; font-size:1.1em; margin:0; }

#contact-form p {max-width:none; padding-left:140px; vertical-align:middle; width:auto; }
#contact-form .question { display:inline-block; margin-left:-140px; text-align:right; vertical-align:middle; width:140px;font-weight:bold;}
#contact-form input { vertical-align:middle; width:240px;}
#contact-form textarea {vertical-align:top; width:243px; }
#contact-form input#submit {background-color:#62D1FB; border:5px solid #009CE1; color:#191269; font-weight:bold; font-size:2em; width:150px; cursor:pointer; }
#contact-form .glow-errorMsg {font-weight: bold;color: #900;display:block;}
#contact-form legend .glow-errorMsg {display: block;margin-top: 5px;}
#contact-form .glow-errorSummary {display:none;}

#parent_scrolldiv{/* The total width of the scrolling div including scrollbar */width:445px;/*height:385px;	 The height of the scrolling div */}
#scrolldiv_parentContainer{	width:425px;	/* Width of the scrolling text */height:100%;overflow:hidden;/*border:1px solid #BC8FBD;*/float:left;position:relative;}
#scrolldiv_content{padding: 5px;position:relative;}
#scrolldiv_slider{width:15px;margin-left:2px;height:395px;float:left;visibility:hidden;}
#scrolldiv_scrollbar{width:15px;height:345px;	/* Total height - 40 pixels */border:1px solid #d97533;position:relative;}
#scrolldiv_theScroll{margin:1px;width:13px;height:13px;background-color:#d97533;position:absolute;	top:0px;left:0px;cursor:pointer;}
#scrolldiv_scrollUp,#scrolldiv_scrollDown{width:15px;height:16px;/*border:1px solid #BC8FBD;color: #BC8FBD;*/text-align:center;font-size:16px;line-height:16px;cursor:pointer;}
#scrolldiv_scrollUp{margin-bottom:2px;}
#scrolldiv_scrollDown{margin-top:2px;}
#scrolldiv_scrollDown span,#scrolldiv_scrollUp span{font-family: Symbol;}

div.clear {clear:both;}

/* --- landing page shade sails ---- */

.bigfont {
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 10px;
}
.smallfont {
	font-size: 85%;
}
.white {
	color: #fff;
	font-size: 115%;
}
.blue {
	font-size: 115%;
}
.redbig {
	color: #990000;
	font-size: 150%;
	line-height: 150%;
}
.redh2 {
	color: #990000;
	font-size: 240%;
}
a:visited {
	color: #336699;
}

#goodbyetext {
	color: #0086BF;
	text-align: center;
	font-size: 16px;
	margin-top: 12px;
	line-height: 200%;
}