/* standup south pacific styles*/


body {
	background-image: url(../images/tapa_huge.png);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
a{
	color: #29B8C1;
	text-decoration: none;
	 outline: none;

}
a:hover{
	text-decoration: underline;
	 outline: none;
}

 a:hover img{
	text-decoration: none;
}
P {
display: block;
padding: 5px 10px 5px 20px;
*padding: 3px 10px 3px 20px;
margin: 0px;
line-height: 15px;
}
h1{
}
h2{
}

.bgfade{
height: 500px;
background: url(../images/bg_fade.png) repeat-x;
width: 100%;
margin-top: -10px;
}
#container{
 width: 816px;
 position: absolute;
 top: 5px;
 margin-left: -408px;
 left: 50%;
}

#logo{
	width: 221px;
	height: 76px;
	background:url(../images/logo.png) no-repeat 13px 13px;
	display: block;
	padding: 10px 10px 0px 0px;
	z-index: 5;
	top: -10px;
}
#logo span{ 
visibility: hidden;

}
#nav{
	height: 22px;
	list-style: none;
	margin: 0px 0px 0px 23px;
	font-size: 13px;
	padding: 0px;
}
#nav ul{
}
#nav li{
	list-style: none;
	float: left;
	padding: 0px
}
#nav li a{
	margin: 0px;
	padding: 0px 20px 0px 20px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	background: url(../images/nav-bg.gif) no-repeat 0px -18px;
}
#nav li a:hover{
	color:#29B8C1;
	background: url(../images/nav-bg.gif) no-repeat 0px -39px;
}
#nav li.selected{
	color:#F47E20;
	background: url(../images/nav-bg.gif) no-repeat 0px 3px;
	margin: 0px;
	padding: 0px 20px 0px 20px;
	text-transform: uppercase;
	text-decoration: none;
}
#nav li ul {
  display: none;
  position: absolute;
  top: 132px;
  left: 258px;
  width: 165px;
  height: 170px;
  padding: 15px 0 5px 0px;
  background: url(../images/nav_sub-bg.png) no-repeat;
 /*
  border: solid #bbb;
  border-width: 0 1px 1px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.15);
  box-shadow: 0 3px 3px rgba(0,0,0,0.15);
  */
  }
#nav li:hover ul {
  display: block;
  }
#nav li ul li {
  float: none;
  }
#nav li ul li a {
  padding: 2px 0px 2px 5px;
  display: inline-block;
  background: none;
  text-transform: none;
  color: #000;
  margin: 0px 4px;

  }
#nav li ul li a {display: block;}
#nav li ul li a:hover {
  background:url(../images/nav_sub-hover.png) repeat-x;
  color: #0A3235;
  }
#topCurve{
position: absolute;
top: 144px;
	background: url(../images/bg_shape-all.png) no-repeat;
	height: 24px;
	width: 816px;
  }
#bottomCurve{
	background: url(../images/bg_shape-all.png) no-repeat -0px -80px;
	height: 24px;
	Zmargin-top: -2px;
	width: 816px;
  }
.bgMainCopy{
	background: url(../images/bg_shape-mid.png) repeat-y;
	padding: 10px 0px 0px 10px;
	margin-top: 23px;
	
}
.mainCopy{
	position: relative;
	z-index: 20;
	border: 0px solid green;
	 margin-top: -24px;
}
#rightBox{
	 Zheight: 506px;
	 width: 472px;
	 float: right;
	 margin-right: 20px;
	 Zposition: relative;
	 Ztop: -79px;
	 z-index: 55;
	}
#leftBox{
 Zheight: 506px;
 width: 290px;
 Zposition: relative;
 Ztop: -79px;
 z-index: 54;
 
}
#leftBox p{
	line-height: 17px;	
}
#leftBox ul{
list-style: none;
margin: 0px 0px;
padding: 6px 0px;
}
#leftBox ul li{
list-style: none;
background: url(../images/nav-bg.gif) 20px -16px no-repeat;
padding: 0px 0px 0px 40px;
}
#leftBox table, #allBox table{
	margin-left: 10px;
}
#leftBox tr td, #allBox tr td{
padding: 2px 5px;

}
#leftBox tr:hover, #allBox tr:hover{
background:#052023;
cursor: default;
}
.mainCopy th{
	font-size: 13px;
	border: 3px solid #000;
	Zbackground: #010;
	border-bottom: 1px solid #333;
}

/* gallery styles */
.panel-overlay h2{
}
.panel-overlay h2{
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
margin: 8px 0px 0px 0px;
padding: 0px;
}
.panel-overlay p{
font-size: 10px;
font-weight: normal;
margin: -3px 0px 0px 0px;
letter-spacing: .096em;
}
.overlay{
background: black none repeat scroll 0% 0%;
position: absolute;
z-index: 998;
width: 472px;
height: 70px;
top: 230px;
left: 0pt;
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-inline-policy: continuous;
opacity: 0.6;
overlay_opacity: 0.2;

}
.panel{
background: white none repeat scroll 0% 0%; overflow: hidden; width: 472px; height: 300px; position: absolute; top: 0px; left: 0px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; display: none;
}
.panel-overlay{
padding: 0pt 10px; position: absolute; z-index: 999; width: 452px; height: 70px; top: 230px; left: 0pt; color: white; font-size: 1em;
}
/* end gallery*/

.homeProducts{
width: 180px; height: 50px; float: right; margin-top:80px;
}
.homeProducts p{
margin: 0px 0px 0px 10px;
padding: 0px;
}
.homeProducts p span{
display: inline-block;
color: #000;
background: #fff;
padding: 0px 5px;
border: 2px solid #000;
}
.copyRight{
	width: 300px;
	float: right;
	font-size: 10px;
	text-align: right;
	padding: 0px 15px;
}
.socialBoxes{
	padding-left: 10px;
}
.imageBump{
display: block;
margin-left: 10px;
}
.imageBump20{
display: block;
margin-left: 20px;
}
.rightBak{
background: #304D59 url(../images/bg_blue_top.jpg) no-repeat;
padding: 10px;	
font-size: 13px;
letter-spacing: 1px;
font-weight: normal;
line-height: 25px;
min-height: 300px;
}
.rightBak h2{
font-weight: 300;
letter-spacing: 2px;
margin: 10px 50px;
}
.rightBak h3{
font-weight: 300;
letter-spacing: 2px;
margin: 10px 20px;
text-transform: uppercase;
}
.bottomBlueBak{
 	background: url(../images/bg_blue_bottom.jpg) no-repeat;
	 width: 492px;
	 height: 40px;
	 float: right;
	 margin-right: 20px;
	  clear: right;
	
}
/* products */
.productMainBump{
*margin-bottom: 10px;
}

.productShift{
	*margin-left: -6px;
	Zborder: 1px solid blue;
}
.clearProduct{
clear: both;
*clear: left;

}
#productsAll{
margin: 0px;
padding: 0px;
list-style: none;
min-height: 370px;
}
#productsAll li{
width: 81px;
*width: 80px;
*overflow: hidden;
list-style: none;
float: left;
margin: 0px;
padding: 0px 17px 20px 17px;
text-align: center;
}
.productsBy{
text-align: center;
padding: 0px 14px 0px 0px;
}
.productsBy img{
	display: inline-block;
	padding: 0px 8px;
	vertical-align: top;
}
#productsAll a:hover, .productsBy a:hover, #productsAll a, .productsBy a{
text-decoration: none; color: #FFF; border: 0px;
}
/* individual products */
#colorChooser{
	width:150px; float: left; text-transform: uppercase; text-align: right;
}
#colorChooser a, #colorChooser a:hover{
	text-decoration: none;
}
#colorChooser img{
	border: 0px;
}
#loadarea{
	width: 108px; height: 500px; float: left; margin: 10px 0px 0px 20px;
}

/* contact */
.textboxSize{
	width: 200px;
}
textarea{
	width: 220px;
}

form{
	padding: 0px;
	margin: 0px;
}
.contactLength{
	*min-height: 420px;
}


/* ie message */
#ie-warning{
background: url(../images/warning.gif) no-repeat 20px 5px;
}
#ie-message {
background: #DDDDDD url(../images/warning_bg.gif) repeat-x 0px 10px;
text-align:left;
border-bottom:1px solid #900;
color: #000;
position:absolute;
top:0;
padding: 5px 0px;
width:100%;
font-size: 10px;
z-index: 99;
height: 10px;
}
#ie-message a {
color: #FF0000;
}
#ie-message h4{
margin: 0px 0px 5px 0px;
font-weight: bold;
font-size: 12px;
color:#FF0000;
padding:0px 5px 0px 100px;
}
#ie-message p{
margin-top: -5px;
line-height: 10px;

overflow: visible;
padding:0px 5px 0px 100px;
}

/*  gallery thumbs    */

#galleryThumbs img{
	vertical-align: middle;
	
	
}
#galleryThumbs{
list-style: none;
}
#galleryThumbs li{
	list-style: none;
	float: left;
	height: 150px;
	width: 150px;
	background: #171717;
	margin: 0px 20px 20px 0px;
	text-align: center;
	vertical-align: middle;
	
}
#galleryThumbs li div{
	height: 150px;
	width: 150px;
}