/* CSS Document */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0;
}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

/* Normalizes list-style from lists */
ol, ul {
list-style: none;
}

/* Normalizes font style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

/* Normalizes list-style from lists */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Removes border from fieldset and img */
fieldset, img {
border:0;
}

/* Left-aligns text in caption and th */
caption, th {
text-align: left;
}

/* Removes quotation marks from q */
q:before, q:after {
content:'';
}
 
 
html {
background-image:url(pattern.gif);
}

body {
	position : relative; /* Establishes the body element as a positioned context area, for other positioned elements with the design*/
	width : 1000px;
	text-align : center;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 275px;
}

div#wrapper {
	position:relative;
	width : 920px;
	padding:0;
	text-align : left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

div#image_rotation {
	margin-top:10px;
}

div#content {
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#111;
clear:both;
width:920px;
margin-bottom:0px;
margin-top:0px;
padding:20px;
border: 1px solid #222;
border-bottom:none;
margin-bottom:0px;
}

div#content_contact {
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:none repeat scroll 0 0 #111;
border-color:#FFFFFF;
clear:both;
float:left;
width:920px;
margin-bottom:7px;
margin-top:7px;
border:1px solid #222;
}

div#content_gallery {
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#111;
clear:both;
width:920px;
margin-bottom:0px;
margin-top:0px;
padding:20px;
border: 1px solid #222;
border-bottom:none;
margin-bottom:0px;
height:314px;
}


div#points {
position: absolute;
margin-left:520px;
margin-top: 37px;
margin-right:15px;
width: 314px;
}

div#content p {
font-size: 14px;
color: #ccc;

}

p.index_text {
line-height: 20px;
}

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

#header {
	margin-top:0px;
	height:100px;
}


#header h1 {
	color:#FFF;
	margin-left:90px;
	font-size:56px;
	margin-top:3px;	
}


#header h2 {
	color:#fff;
	font-size:22px;
	margin-top:-27px;
	margin-left:530px;
	letter-spacing:1px;
	font-weight:lighter;
}

h1 {
position:relative;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
font-size:24px;
top:0em;
}

h2 {
position:relative;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#ccc;
font-size:22px;
top:0em;
padding-bottom:15px;
}

#contact_right h2 {
position:relative;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#fff;
font-size:22px;
top:0em;
padding-bottom:5px;
}



h3 {
font-family:Geneva, Arial, Helvetica, sans-serif;
letter-spacing:1px;
display:inline;
color:#666;
}

h3.slogan {
font-family:Geneva, Arial, Helvetica, sans-serif;
letter-spacing:1px;
display:inline;
color:#fff;
position: absolute;
margin-top: -10px;
}

h4 {
position:relative;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFF;
font-size:13px;
top:7em;
left:8.6em;
}

p {
	text-align:left;
	font-size:12px;
	color:#fff;
	letter-spacing:1px;
	font-weight:300;
	top:4.5em;
	line-height:1.4em;
	font-family:verdana, Arial, Helvetica, sans-serif;
}

a {
	text-decoration:none;
	color:#81EDED;
}

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

#sep {
	color: #e4701e;
}

#content_contact h1.intro{
	font-size:24px;
	color:#ccc;
	margin-left:37px;
	margin-top:25px;
}

#boxout {
	float:right;
	margin-top:-33px;
	margin-right:190px;
	margin-left:20px;
	display: inline;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#boxout_01 {
float:right;
margin-top:-33px;
right:23px;
position:absolute;
}

#boxout2 {
float: left;
margin-right: 20px;
border: 1px solid #666;
}


#boxout2a {
float: left;
margin-right: 20px;
}

#boxout3 {
float: right;
margin-left: 20px;
border: 1px solid #666;
}


/*NAVIGATION SECTION*/

#dolphincontainer{
position:relative;height:43px;color:#333;background:#333;width:1000px;font-family:Helvetica,Arial,Verdana,sans-serif;margin-left:0px;}

#nav{position:relative;height:33px;font-size:16px; font-weight:bold;background:#333 url(assets/images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 0px;}

#nav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}

#nav ul li{display:block;float:left;margin:0 1px;}

#nav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}

#nav ul li a span{padding:0px 20px 0 0;height:21px;float:left; color:#fff; padding-top:9px;padding-bottom:5px;}

#nav ul li a:hover{color:#727376;background-color:#DB57A0;}

#nav ul li a:hover span{display:block;width:auto;cursor:pointer;}

#nav ul li a.current, #nav ul li a.current:hover{color:#fff;background:#666 url(assets/images/dolphin_left-ON.gif) no-repeat top left;line-height:27%;}

#nav ul li a.current span{display:block;padding:9px 20px 0 0; color: #fff; width:auto; background:#666 url(assets/images/dolphin_right-ON.gif) no-repeat top right;height:24px;}




/*footer section*/
#footer{
height:39px;
width: 1000px;
padding: 0px;
clear: both;
background-color:#333;
margin-top:7px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
background:none repeat scroll 0 0 #333;
}

#footer p{
text-align:left;
position:relative;
padding-left:20px;
top:.5em;
padding-top:5px;
font-weight:bold;
font-size:12px;
color:#666;
}

#footer a:hover {
color:#fff;
}


/*Contact page*/
#contact_form {
margin-left:10em;
padding:0px;
width:493px;
font:13px/150% Verdana, Tahoma, sans-serif;
}

#contact_right {
	position:absolute;
	float:right;
	width:395px;
	top:221px;
	margin-left:0px;
	right:35px;
	padding: 0px;
	margin-top: 0px;
}

#contact_right h2{
letter-spacing:2px;	
}

#contact_form p {
color:#e4701e;
font:13px/150% Verdana, Tahoma, sans-serif;
}

#disclaimer {
width: 310px;
position:absolute;
float:right;
padding-right:135px;
font-size:10px;
text-align:right;
padding-bottom:10px;
}

.formbox, textarea {
border: 1px solid #999;
width:175px;
padding: 7px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #FFFFFF url('assets/images/bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

#comments {
width:280px;
margin-right:0px;
border: 1px solid #999;
height:122px;
border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 280px;
	background: #FFFFFF url('assets/images/bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

#sending {
float:right;
margin-right:136px;
margin-top:5px;
width: auto;
	padding: 4px 10px;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

p.warning {
float:right;
margin-right:10px;
margin-top:7px;
}

.warning {
font-size:11px;
color:#ff0000;
font-size:10px;
}

.warning_quote {
font-size:10px;
color:#ff0000;
}

.right_align_contact_page {
text-align:right;
margin-right:136px;
}

p.address {
font-size:15px;
}

.address {
padding-top:20px;
float:left;
margin-left:-60px;
}

.bold_contact {
font-weight:bold;
font-size:18px;
color:#000;
}

.bold {
color:#e4701e;
font-size:12px;
font-weight:bold;
}


div#content_contact p.italic {
	font-size:12px;
	font-style:italic;
	color:#444;
}

@font-face {
	font-family: 'QuicksandLight';
	src: url('Quicksand_Light-webfont.eot');
	src: local('?'), url('Quicksand_Light-webfont.woff') format('woff'), url('Quicksand_Light-webfont.ttf') format('truetype'), url('Quicksand_Light-webfont.svg#webfontxOK7zMuM') format('svg');
	font-weight: normal;
	font-style: normal;
}

#header h1 {font: 56px/56px 'QuicksandLight', Arial, sans-serif;letter-spacing: 0;}
#header h2 {font: 22px/22px 'QuicksandLight', Arial, sans-serif;letter-spacing: 0; color: #e4701e;}
#content_contact h1.intro {font: 24px/24px 'QuicksandLight', Arial, sans-serif;letter-spacing: 0;}
#content_contact h2 {font: 20px/20px 'QuicksandLight', Arial, sans-serif;letter-spacing: 0; color: #fff}
#contact_right p .bold {font: 16px/16px 'QuicksandLight', Arial, sans-serif;letter-spacing: 0;}
#footer p {font: 12px/12px 'QuicksandLight', Arial, sans-serif;letter-spacing: 0;}
#nav ul li a {font: 16px/16px 'QuicksandLight', Arial, sans-serif;letter-spacing: 0;}
#nav ul li a.current span {font: 16px/16px 'QuicksandLight', Arial, sans-serif;letter-spacing: 0;}
#nav_container1 h3 {font: 20px/20px 'QuicksandLight', Arial, sans-serif;letter-spacing: 0; color: #fff;}
#nav_container2 h3 {font: 20px/20px 'QuicksandLight', Arial, sans-serif;letter-spacing: 0; color: #fff;}


#content h2, #content_gallery h2 {font: 22px/22px 'QuicksandLight', Arial, sans-serif;letter-spacing: 0;}


/*GALLERY PAGE*/
#product_home_left {
float:left;
margin-top:1em;
margin-left:4em;
width: 250px;
}

#product_home_right {
width: 250px;
margin-top:1em;
position:absolute;
left:395px;
}

#product_home_far_right {
width: 250px;
margin-top:1em;
position:absolute;
right:50px;
}


h3.offer {
position: absolute;
float: right;
right: 22px;
margin-top: -50px;
padding: 8px;
background-color: #333;
-moz-border-radius:5px;
border: 1px solid #444;
}

p.offer {
float: right;
right: 0px;
bottom: 0px;
padding: 0px;
font-size: 18px;
margin-top:-20px;
font-weight: bold;
text-align: right;
}

.tr {vertical-align: top; }
.td {vertical-align: top; }
.th {vertical-align: top; }



.easygallery {
	max-width:1000px;