/* CSS Document */

html { overflow-y:scroll; }
body {
	color:#727272;
	font-size:12px;
	margin:0 auto;
	background-color:#cee7ce;
	background-repeat: repeat-x;
	background-position: top center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/bg_page.jpg);
}

a {
	color:#3b86bb;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, p { margin:0 0 8px 0; }

h1 { font-size:25px; }

h2 { font-size:20px; }

h3 { font-size:15px; }

h5 { color:#448384; font-size:16px; margin:5px 0; font-weight:normal; }

h6 { font-size:15px; margin:0; }

/* ---- class settings ----------------------- */

.img_top {
	position: absolute;
	top: 0;
	left: 0;
}

.img_btm {
	position: absolute;
	left: 0;
	bottom: 0;
}

.hidden-text {
     display: block;
     position: absolute;
     top: 0px;
     left: 0px;
     text-indent: -2000em;
}

.catalog-box {
	position:relative;
	width:120px;
	height:135px;
	border:2px solid #93CF93;
	background-color: #CFE7CF;
	text-align:center;
	padding:10px;
	margin:10px 10px 0 0;
	float:left;
}

.catalog-box img { border:2px solid #4D824E; }

.catalog-box:hover { background-color: #B2D4ED; }

.designer_borders {
	border:3px solid #bfdfde;
}

.no_hover_line a:hover{
	text-decoration:none;
}

#left-content {
position:relative;
width:500px;
height:auto;
float:left;
}

#right-content {
position:relative;
width:320px;
height:auto;
float:right;
}

#right-content img { border:3px solid #93CF93; }

/* ---
    min-height:400px;
    height:auto !important;
    height:400px;
--- */

/* ---- layout settings ----------------------- */


#main_container {
	position:relative;
	margin:0 auto;
	width:960px;
	height:auto;
	background:url(images/bg_main.jpg) no-repeat;
}

#header {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:80px;
	background:url(images/bg_header.jpg) no-repeat;
}

#flash_area {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:363px;
	background:url(images/img_flash-placeholder5.jpg) no-repeat;
}

#ornaments_home {
	position:absolute;
	top:14px;
	left:25px;
	width:280px;
	height:280px;
}

#ornament_words_home {
	position:absolute;
	top:64px;
	left:312px;
	width:337px;
	height:198px;
	padding:10px 10px 0 15px;
}

#ornament_words_home p {
	margin:10px 0 0 0;
	font-weight:bold;
	font-size:22px;
        color:#0f2c5c;
	line-height:30px;
}

#conch_jewelry_home {
	position:absolute;
	top:30px;
	right:37px;
	width:232px;
	height:275px;
}

#conch_jewelry_home p {
	font-size:10px;
	color:#448384;
	margin:5px 10px;
}

.conch_img {
	margin:10px 5px;
	float:left;
}

/* ---- start nav id settings ------------------------ */
 
#nav {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:80px;
}

/* ---- end nav id settings -------------------------- */

#main {
	position:relative;
	top:0;
	left:0;
	width:960px;
    min-height:336px;
    height:auto !important;
    height:336px;
	background:url(images/bg_content-home.jpg) no-repeat;
}

#main_sub {
	position:relative;
	top:0;
	left:0;
	width:920px;
    min-height:400px;
    height:auto !important;
    height:400px;
	background:url(images/bg_content-sub.jpg) no-repeat;
	padding:20px 0 0 40px;
}

#main_sub_repeat {
	position:relative;
	top:0;
	left:0;
	width:960px;
    height:auto;
	background:url(images/bg_content-sub-repeat.jpg) repeat-y;
}

#main_sub_bottom {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:960px;
	height:15px;
	background:url(images/bg_content-bottom.jpg) no-repeat;
}

/* ---- start main content settings -------------- */

#content_main {
	position:relative;
	top:29px;
	left:40px;
	float:left;
	width:625px;
	height:auto;
}

#content_sub {
	position:relative;
	float:left;
	width:880px;
	height:auto;
}


#home_content {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:420px;
	height:auto;
	margin:0 20px 0 0;




}

#home_content_side {
	position:relative;
	top:0;
	left:15px;
	float:left;
	width:170px;
	height:auto;
}

#home_side_box {
	background-color:#92cf92;
	width:160px;
	height:auto;
	padding:5px;
	font-size:11px;
	margin:5px 0 10px 0;
}

#home_side_box input {
	margin:3px 0;
}

/* ---- end main content settings ---------------- */

/* ---- start side bar content settings -------------- */

#side_bar {
	position:relative;
	top:29px;
	left:0;
	float:right;
	width:220px;
	height:auto;
	padding:0 40px 0 0;
}

/* ---- end side bar content settings ---------------- */

#footer {
	position:relative;
	top:0;
	left:0;
	width:920px;
	height:35px;
	clear:both;
	background:url(images/bg_footer.jpg) no-repeat;
	padding:25px 0 0 40px;
}

#copyright {
	position:relative;
	top:0;
	left:0;
}

#address {
	position:relative;
	top:-22px;
	left:170px;
}

#slug {
	position:relative;
	top:-52px;
	left:765px;
}

#footer a {
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

/* ---- start navigation settings -------------------------- */
 
#nav a {
	position:relative;
	float:left;
	height:80px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(images/nav2.jpg);
}

a#nav_01 {
	width:410px;
	background-position:0 0;
}

a:hover#nav_01{
	background-position: 0 -80px;
}

.active_01 {
	background-position: 0 -80px !important;
}

a#nav_02 {
	width:58px;
	background-position:-410px 0;
}

a:hover#nav_02{
	background-position:-410px -80px;
}

.active_02 {
	background-position:-410px -80px !important;
}

a#nav_03 {
	width:72px;
	background-position:-468px 0;
}

a:hover#nav_03{
	background-position:-468px -80px;
}

.active_03 {
	background-position:-468px -80px !important;
}

a#nav_04 {
	width:62px;
	background-position:-540px 0;
}

a:hover#nav_04{
	background-position:-540px -80px;
}

.active_04 {
	background-position:-540px -80px !important;
}

a#nav_05 {
	width:82px;
	background-position:-602px 0;
}

a:hover#nav_05{
	background-position:-602px -80px;
}

.active_05 {
	background-position:-602px -80px !important;
}

a#nav_06 {
	width:52px;
	background-position:-684px 0;
}

a:hover#nav_06{
	background-position:-684px -80px;
}

.active_06 {
	background-position:-684px -80px !important;
}

a#nav_07 {
	width:132px;
	background-position:-736px 0;
}

a:hover#nav_07{
	background-position:-736px -80px;
}

.active_07 {
	background-position:-736px -80px !important;
}

a#nav_08 {
	width:77px;
	background-position:-868px 0;
}

a:hover#nav_08{
	background-position:-868px -80px;
}

.active_08 {
	background-position:-868px -80px !important;
}