@charset "utf-8";
/* BASIC STYLES */
body {
margin:0px;
padding:0px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#716558;
font-size:12px;
line-height:24px;
background-color:#716558;
}

a:link, a:visited {
color:#97D5C8;
text-decoration:none;
}
a:hover {
color:#716558;
text-decoration:underline;
}

h1 {
font-size:32px;
font-weight:bold;
line-height:normal;
}

h2 {
font-size:24px;
font-weight:bold;
}

h3 {
font-size:16px;
font-weight:bold;
color:#000;
margin:5px 0 5px 0;
color:#3b312f;
}

h4 {
font-size:14px;
font-weight:bold;
text-transform:uppercase;
margin:5px 0 5px 0;
}
h5 { 
	display:inline;
	font-size:14px;
	font-weight:bold;
	margin:5px 0 5px 0;
	}
cite {
display:block;
}

li {
list-style-image:url(../images/bullet.png)
}
/* CUSTOM CLASSES BELOW */

.content {
clear:both;
width:980px;
margin:auto;
padding:0px;
background-color:#eeedeb;
border-bottom:11px solid #97D5C8;
}
.footer {
clear:both;
width:980px;
margin:auto;
margin-top:5px;
padding:0px;
background-color:#716558;
color:#eeedeb;
}

.clear {
clear:both;
}

/* HEADER */
.imgLogo {
background-image:url(../images/logo.png);
background-repeat:no-repeat;
height:103px;
width:215px;
float:left;
margin-left:20px;
margin-right:50px;
position:absolute;
z-index:0;
}

.imgSandals {
background-image:url(../images/sandals.png);
background-repeat:no-repeat;
height:103px;
width:215px;
float:right;
margin-right:20px;
}
.tagLine {
font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:26px;
color:#716558;
text-transform:uppercase;
position:absolute;
z-index:999;
width:500px;
margin-top:20px;
margin-left:250px;
text-align:center;
}
/* NAVIGATION */
#navcontainer {
text-align:right;
margin-right:5px;
font-size:14px;
margin-bottom:-30px;
}
#navlist
{
margin: 0px;
margin-bottom: 30px;
padding: 0px;
padding-bottom: 3px;
padding-top: 3px;
}

#navlist a, #navlist a:link, #navlist a:visited
{
padding: 3px;
padding-left: 0.5em;
padding-right: 0.5em;
color: #000000;
text-decoration: none;
color:#716658;
}

#navlist a:hover, #navlist a:active, #navlist a:focus
{
padding: 3px;
padding-left: 0.5em;
padding-right: 0.5em;
text-decoration: none;
background-color:#716558;
color:#FFFFFF;
}

#navlist li
{
padding-right:0px;
padding-left:0px;
margin:0px;
display: inline;
color:#716658;
}

#navlist #active a { 
background-color:#716558;
color:#FFFFFF;
}

/*FLASH CONTENT ON HOME PAGE */
.flashheader {
	border-bottom:11px solid #97D5C8;
	text-align:center;
}

/* THREE COLUMN CONTENT AREA */
.column_l{
	float:left;
	width:326px;
	border-right:1px solid #e1dfda;
}
.column_r {
	float:left;
	width:326px;
	border-left:1px solid #e1dfda;
}
.column_c {
	float:left;
	width:326px;
}
.threeColumnContent {
margin:10px;
padding:5px 21px 5px 21px;
}

/* TWO COLUM CONTENT AREA */
.column_dbl_top {
	padding:15px 0 0 0;
	margin-left:42px;
	margin-right:42px;
	margin-bottom:-50px;
	text-align:right;
}
.column_dbl_bot {
	text-align:left;
	margin-left:42px;
	margin-right:42px;
}
.column_dbl_l { 
	float:left;
	width:489px
}
.column_dbl_r {
	float:right;
	width:489px;
}
.twoColumnContent {
margin:10px;
padding:5px 42px 5px 42px;
}

.twoColumnContent img {
border:1px solid #e4e4e4;
margin:0px 20px 20px 0px;
}

/* SINGLE COLUMN CONTENT AREA */
.column_sgl {
margin:20px;
padding:20px;
}

/* FOOTER */
.footer_l {
	float:left;
	width:326px;
	border-right:1px solid #84786a;
}
.footer_r {
	float:left;
	width:326px;
	border-left:1px solid #84786a;
}
.footer_c {
	float:left;
	width:326px;
}
.footer ul {
	margin:0px; 
	padding:0px;
}
.footer li {
list-style-type:none;
list-style-image:none;
}
.footer a:link, .footer a:visited {
font-size:14px;
font-weight:bold;
}
.footer a:hover {
color:#eeedeb;
}
.footerImgArrow {
	padding-left:3px; 
	margin-top:3px;
}
.footerPhone {
	font-size:14px; 
	font-weight:bold;
}

/* MISCELLANEOUS */
.hr {border-top:1px solid #c5bfb8; width:900px; margin:auto; clear:both;}
.slider-wrapper { 
	width: 950px; 
	height: 377px;
	margin: 20px auto 50px auto;
}
.footerSocial { 
margin:5px 0;
}
.footerSocial  img {
border:0px;
vertical-align:text-top;
}
.footerSocial div {
float:left;
width:220px;
}