@charset "utf-8";
/* CSS Document */
 html,body { margin:0; padding:0; width:100%; height:100%; }
 body{
  /*font-family:Georgia, "Times New Roman", Times, serif;*/
  /*font-family: Comic Sans MS, cursive;*/
  font-family:Arial, Helvetica, sans-serif;
  background-color:#1E312F;
  color:#333333;
 }
  #main_swf{
  z-index:2;
  width:100%;
  height:610px;
  height:500px;
  margin:0;
 }

 
 #color_strip{
  width:100%;
  height:300px;
  background-color:#24777F;
  padding:0; margin:0;
  z-index:1;
 }
 #main{
   width:800px;
   height:610px;
   position:relative;
   top:-298px;
   margin-left:auto;
   margin-right:auto;
   background-image:url(../images/sub_bg1.gif);
   background-repeat:no-repeat;
   z-index:2;    
 }
 #logo{
  width:230px;
  height:130px;
  z-index:3;
  position:absolute;
  top:68px;
  left:22px; 
 }
 #logolink{
  width:230px;
  height:130px;
  display:block;
  background-image:url(../images/sub_logo1.gif);
  background-repeat:no-repeat;
  background-position:0 0; 
 }
#logolink:hover{
 background-position:0 -130px;
}


.ro_label { display:none; }


#content_box{
  width:465px;
  height:385px;
  position:relative;
  left:248px; top:147px;
  z-index:3;
}


/* ----------------- MAIN NAVIGATION ----------------------- */ 
#main_nav { 
 list-style:none;
 margin:0px;
 padding:px;
 position:absolute;
 top:208px;
 left:-42px;
 }
#main_nav li{ margin:0px; padding:0px; }

#main_nav li a {
  display:block;
  width:158px;
  background-image:url(../images/nav_image.gif);
  background-repeat:none;
}

#nav_artwork a{
 height:59px;
 background-position:0px 0px;
}
#nav_artwork a:hover, #nav_artwork .selected{ background-position:-158px 0px; }

#nav_news a{
 height:51px;
 background-position:0px -59px;
}
#nav_news a:hover, #nav_news .selected{ background-position:-158px -59px; }

#nav_shop a{
 height:54px;
 background-position:0px -110px;
}
#nav_shop a:hover, #nav_shop .selected{ background-position:-158px -110px; }

#nav_aboutme a{
 height:50px;
 background-position:0px -164px;
}
#nav_aboutme a:hover, #nav_aboutme .selected{ background-position:-158px -164px; }

#nav_contactme a{
 height:57px;
 background-position:0px -214px;
}
#nav_contactme a:hover, #nav_contactme .selected{ background-position:-158px -214px; }

#nav_links a{
 height:56px;
 background-position:0px -271px;
}
#nav_links a:hover,#nav_links .selected{ background-position:-158px -271px; }

/* ---------------------------------------- */ 
.dropcap {
float:left;
color:#b6ddd6;
font-size:62px;
padding-right:3px;
line-height:55px;
font-family: Comic Sans MS, cursive;
} 
#thumbset{
 position:absolute;
 top:30px;
 left:10px;
}

.thumb{
 width:125px;
 height:125px;
 float:left;
 margin-right:16px;
 margin-bottom:16px;
}
.thumb img{
  border:2px solid #e8f5f3;
}

.thumb a:hover img{
 /* opacity: .70;
 filter: alpha(opacity=70);*/
}


#cat_nav{
 position:absolute;
 top:340px;
 color:#e8f5f3;
 font-size:13px;
 margin-left:auto;
 margin-right:auto;
}
#cat_nav .catlink{
 float:left;
 padding-bottom:3px;
 padding-top:3px;
 margin-right:20px;
}

#cat_nav a{
 text-decoration:none;
 color:#e11e2d;
}
#cat_nav .current{
 color:#8fb6b0;
 border-bottom:2px dashed #fac4c8; 
}

#page_nav{
 color:#e01e2d;
 z-index:3;
 position:absolute;
 bottom:15px;
 right:10px;
 /* top:-24px;
 right:-30px;*/
}
#page_nav a{
  width:35px;
  height:27px;
  display:block;
  background-repeat:no-repeat;
  background-position:0 0; 
  float:left;
}
#page_nav a:hover{
 background-position:0 -27px; 
}
#page_nav .arrow_back{ background-image:url(../images/arrow_back.gif); }
#page_nav .arrow_next{ background-image:url(../images/arrow_next.gif); }
#page_nav #info{
 float:left;
 padding:4px;
 font-size:12px;
}
#page_nav a span { display:none; }
#page_nav .disabled{
  background-position:0 -27px; 
}

.formline{
 margin-bottom:3px;
}

.form_header{
 color:#24777f;
 float:left;
 font-size:11px;
 /*font-weight:bold;*/
 width:120px;
 text-align:left;
 padding-right:5px;
 padding-top:2px;
} 

.error{
 color:#FF0000;
}


#contactinfo{
 padding-top:50px;
}
#contactinfo a {
 text-decoration:none;
 color:#24777F;
}

h1{
 color:#24777f;
 text-align:center;
 font-size:12px;
}
h3{
 color:#1E312F;
}
.small { color:#666666; font-size:11px; }

hr {color: #fff; background-color: #fff; border: 1px dotted #ff0000; }

#nav{
 width:500px;
 text-align:center;
 margin-left:auto;
 margin-right:auto;
 color:#24777F;
 font-size:11px;
} 
#nav a{
 color:#24777F;
 text-decoration:none;
}
#nav a:hover{
 color:#FBC4C9;
}
#nav .copy { color:#346762; }
#nav .web_credit a{ color:#2B4441; font-size:10px; }
#nav .web_credit a:hover{ color:#fac4c8;}

.sub_nav{
 position:absolute;
 top:565px;
 left:130px;
}

#noflash{ width:800px; margin-left:auto; margin-right:auto; }
/* ABOUT PAGE ############# */
#face { padding:10px; }
#star1{ z-index:4; position:absolute; top:-22px; right:82px;}
#star2{ z-index:4; position:absolute; bottom:18px; right:170px;}
#star3{ z-index:4; position:absolute; bottom:202px; left:-40px;}

/////////////////////////////////////////////////////////////
#shop_title{
 width:163px;
 height:25px;
 position:absolute;
 top:20px;
}
#shop_blurb{
 text-align:center;
 width:430px;
 position:absolute;
 bottom:14px; 
 font-size:12px;
}
.content_text{
 padding:10px;
 padding-top:30px;
 font-size:14px;
 /*font-weight:bold;*/
} 
.content_text a{
 text-decoration:none;
 color:#336666;
}
.content_text a:hover{
 text-decoration:underline;
 color:#009999;
}


.link_list{
 list-style:none;
 margin:0px; padding:0px;
 margin-left:auto;
 margin-right:auto;
 width:500px;
}

.link_list li{
 margin:0px; padding:0px;
 margin-left:10px;
 margin-right:10px;
 width:200px;
 height:38px;
 text-align:center;
 display:block;
 float:left;
}
.link_list li a{
 text-decoration:none;
 color:#336666;
 font-size:15px;
}
.link_list li a:hover{
 text-decoration:underline;
 color:#009999;
}
.standard_list{
 margin-left:auto;
 margin-right:auto;
 width:200px;
 list-style:none;
}
.standard_list li a{
 text-align:center;
 text-decoration:none;
 color:#336666;
 font-size:15px;
}
.standard_list li a:hover{
 text-decoration:underline;
 color:#009999;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ NEWS @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
#news_list{
 list-style:none;
 margin:0px; padding:0px;
}
#news_list li{
  margin-bottom:5px;
  padding-bottom:5px;
  border-bottom:1px dotted #CCCCCC;
  min-height:70px;
}
.news_headline{
 font-size:13px;
 font-weight:bold;
 margin-bottom:4px;
}
#news_list a{
 text-decoration:none;
 color:#336666;
 font-size:13px;
}
#news_list a:hover{
 text-decoration:underline;
 color:#009999;
}

#news_list .news_short{
 font-weight:normal;
 font-size:12px;
 color:#666666;
}
.news_date{
 color:#999999;
 font-size:12px;
}

#news_list li img{
 float:left;
 width:50px;
 padding-right:8px;
}
.pagernav{
 text-align:center;
 font-size:11px;
 color:#BBBBBB; 
}
.pagernav a{
 text-decoration:none;
 color:#009999;
}

.newsview_headline{
 font-size:17px;
 font-weight:bold;
 color:#666666;
}
.newsview_date{
 font-size:12px;
 color:#BBBBBB;
}
.newsview_img{
 padding:8px; 
}
.newsview_link{
 padding-top:6px;
}
.newsview_link a{
 text-decoration:none;
 color:#336666;
 font-size:14px;
}
.newsview_link a:hover{
 text-decoration:underline;
 color:#009999;
}