@charset "utf-8";
/* CSS Document */

html { background: url(../images/beach_tile2.jpg) top center repeat-x; background-color: #e5c396; }

body { margin: 0; padding: 0; }

a img { border: none; }

/* ELEMENT STYLES */

#wrapper { width: 750px; margin-left: auto; margin-right: auto; padding: 0; }

#header { width: 750px; height: 200px; }

#header .logo {  margin-top: 20px; margin-left: 180px; behavior: url(../iepngfix.htc); }

#navigation { width: 750px; margin: 15px 0 0 0; }

#content-tile { float: left; clear: both; background: url(../images/content_tile.jpg) top left repeat-y; overflow: hidden; padding-bottom: 15px;  }

#content-wrap { float: left; background: url(../images/content_back.jpg) top left no-repeat; overflow: hidden;  }

#left { float: left; }

#right { float: right; }

#slideshow { padding: 1px 0 0 1px; width: 524px;}

#content { padding: 5px 10px 0 10px; width: 505px; } 

#section-links { padding: 5px 10px 0 10px; width: 505px; }

#section-links table { width: 505px; border-bottom: 1px solid #d3d9dd; }

#contact { background:url(../images/contactus_tile.jpg) top left repeat-y; width: 215px; border-top: 1px solid #d5e6f7; border-bottom: 1px solid #d5e6f7; padding: 5px 10px 15px 0; }

#links { background:url(../images/links_tile.jpg) top left repeat-y; width: 215px; border-top: 1px solid #f7e7d4; border-bottom: 1px solid #d5e6f7; padding: 5px 10px 5px 0; }

#footer { background:url(../images/footer.jpg) top left no-repeat; height: 100px; width: 750px; clear: both;}

/* TEXT STYLES */

#contact { color: #344a5e; text-align: right; }

#contact h1 { font-family: "Lucida Sans", Arial, Helvetica, sans-serif; font-weight: 300; color: #206bb6; font-size: 1.7em; margin: 0; } 

#contact p { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }

#contact a { color: #344a5e; text-decoration: underline; }

#contact a:hover { color: #FFFFFF; text-decoration: none; }

#links { color: #FFFFFF; text-align: right; }

#links h1 { font-family: "Lucida Sans", Arial, Helvetica, sans-serif; font-weight: 300; color: #904a3e; font-size: 1.7em; margin: 0; } 

#links p { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }

#links a { font-family: Arial, Helvetica, sans-serif; color: #9d4332; text-decoration: none; font-size: 1.1em; }

#links a:hover { color: #FFFFFF; text-decoration: none; }

#content h1 {
	color: #9f8669;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-align: left;
}

#content h2 { color: #9f8669; font-family: Arial, Helvetica, sans-serif; font-weight: 400; }

#content h3 { color: #9f8669; font-family: Arial, Helvetica, sans-serif; font-weight: 400; }

#content h4 { color: #9f8669; font-family: Arial, Helvetica, sans-serif; font-weight: 400; }

#content h5 { color: #9f8669; font-family: Arial, Helvetica, sans-serif; font-weight: 400; }

#content h6 { color: #9f8669; font-family: Arial, Helvetica, sans-serif; font-weight: 400; }

#content p { color:#333333; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }

#content a { color: #9d4332; text-decoration: none;}

#content a:hover { color: #ea8b79; text-decoration: underline; }

#content { font-family: Arial, Helvetica, sans-serif; }

#content li { color:#369; font-size: 0.9em;} 


/* Extra text (Sorry Kyle)*/

.rightside_text { color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.rightside_text a { color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; }


/* NAVIGATION */

ul#sublist { list-style-type: none; margin: 0 0 20px 10px; padding: 0; }

ul#sublist li { border-bottom: 1px solid #f5aea0; width: 205px; margin: 5px 0 0 0; }

ul#footlist { margin: 0px 0px 0px 10px; padding: 10px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

ul#footlist li { list-style-type: none; display: inline; float: left; margin-right: 3px; color: #93a7bb;}

ul#footlist li a { color: #344a5e; text-decoration: none; }

ul#footlist li a:hover { color: #93a7bb; text-decoration: underline; }

ul#navlist {  margin: 0px 0px 0px 0px; padding: 0px; }

ul#navlist li { list-style-type: none; display: inline; float: left; }

ul#navlist li a { text-decoration: none; display: block; }

ul#navlist li.leftside { background: url(../images/buttons/leftside.png) no-repeat 50% 0; width: 13px; height: 40px; behavior: url(../iepngfix.htc); }

ul#navlist li.home a { background: url(../images/buttons/home_btn.png) no-repeat 50% 0; width: 61px; height: 40px; }

ul#navlist li.home a:hover { background: url(../images/buttons/home_btn.png) no-repeat 50% 0; background-position: 0 -40px; width: 61px; height: 40px; }

ul#navlist li.about a { background: url(../images/buttons/about_btn.png) no-repeat 50% 0; width: 100px; height: 40px;}

ul#navlist li.about a:hover { background: url(../images/buttons/about_btn.png) no-repeat 50% 0; background-position: 0 -40px; width: 100px; height: 40px; }

ul#navlist li.tanning a { background: url(../images/buttons/tanning_btn.png) no-repeat 50% 0; width: 91px; height: 40px;}

ul#navlist li.tanning a:hover { background: url(../images/buttons/tanning_btn.png) no-repeat 50% 0; background-position: 0 -40px; width: 91px; height: 40px; }

ul#navlist li.travel a { background: url(../images/buttons/travel_btn.png) no-repeat 50% 0; width: 76px; height: 40px;}

ul#navlist li.travel a:hover { background: url(../images/buttons/travel_btn.png) no-repeat 50% 0; background-position: 0 -40px; width: 76px; height: 40px; }

ul#navlist li.infrared a { background: url(../images/buttons/infrared_btn.png) no-repeat 50% 0; width: 182px; height: 40px;}

ul#navlist li.infrared a:hover { background: url(../images/buttons/infrared_btn.png) no-repeat 50% 0; background-position: 0 -40px; width: 182px; height: 40px; }

ul#navlist li.siggbottles a { background: url(../images/buttons/sigg_btn.png) no-repeat 50% 0; width: 131px; height: 40px;}

ul#navlist li.siggbottles a:hover { background: url(../images/buttons/sigg_btn.png) no-repeat 50% 0; background-position: 0 -40px; width: 131px; height: 40px; }

ul#navlist li.contact a { background: url(../images/buttons/contact_btn.png) no-repeat 50% 0; width: 87px; height: 40px;}

ul#navlist li.contact a:hover { background: url(../images/buttons/contact_btn.png) no-repeat 50% 0; background-position: 0 -40px; width: 87px; height: 40px; }

ul#navlist li.rightside { background: url(../images/buttons/rightside.png) no-repeat 50% 0; width: 9px; height: 40px; behavior: url(../iepngfix.htc); }


/* PRODUCTS TABLE */

table#product-table { width: 500px; }

table#product-table tr { border-bottom: 1px solid #CCCCCC; }

table#product-table td { width: 250px; text-align: center; padding: 10px 0 10px 0;   border-bottom: 1px solid #CCCCCC; }

.prod-image { text-align: center; background:#FFFFFF; height: 200px; width: 220px; margin-right: auto; margin-left: auto; border: 1px solid #CCCCCC; }

.prod-image { width: 220px; margin-right: auto; margin-left: auto; overflow: hidden; height: 200px; }

.prod-info { width: 220px; margin-right: auto; margin-left: auto; text-align: left; }

.prod-info h3 { margin: 10px 0 0 0; }

.prod-info p { margin: 5px 0 0 0; }

#me-brand { float: right; clear: both; margin-top: 40px; behavior: url(../iepngfix.htc); }