*{margin:0;padding:0;}

body
{
background: #008b98;
text-align:center;
}

.centerFillPage /* dropped behind container so if the page doesn't fill at
                   least the viewport it will look like it does             */
{
width: 200px;
position: absolute;
left: 50%;
bottom: 0px;
height: 100%;
}
.fillPage
{
position: absolute;
width: 800px;
bottom: 0px;
height: 100%;
margin-left: -400px;
*margin-left: -501px;

background: #ced464;

}

.container
{

text-align:left;

margin-left:auto;
margin-right:auto;

position: relative;
width: 800px;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
line-height: 18px; 									/* fix IE bug Invisible text*/
color: #000;
background: #ced464;



left: 0px;
top:  0px;
}

.homeBG
{
background: url(images/home.gif) 0 0 no-repeat;

position: absolute;
top:0;
left:0;

padding-left: 800px;
padding-top: 589px;
}

.homeBody
{
position: absolute;
top:0;
left:0;

padding-left: 47px;
padding-top:  309px;
}


.bgB{background: #FFF url(images/header_footer.gif) 0 100% no-repeat; padding-bottom: 54px;}
.bgT{background: #FFF url(images/header_footer.gif) 0 0 	 no-repeat; padding-top: 	  119px;}
.bgM{background: #FFF url(images/bg.gif)	          0 0 	 repeat-y;  padding-top: 	  36px;}


.col1,
.col2
{
float:left;display:inline;position:relative;
}

.col1
{
padding-left: 46px;
width: 206px;
}

.col2
{
padding-left: 54px;
width: 448px;
z-index: 1;
}

.shop_ .col1,
.home_ .col1
{
width: 306px;
}

.shop_ .col2,
.home_ .col2
{
width: 348px;
}

/* Gallery image links
-------------------------*/

.galImgBox
{
float:left;display:inline;
margin-right:5px;
}
.galImgBox p
{
text-align:center;
}


.galImg1
{/* padding-top:149px; padding-left:100px; <- image size || background: url(images/gal_img_01.png) 0 0 no-repeat; */
border:none;
}




.galLinks a:link,
.galLinks a:visited
{
font-size: 16px;
padding-left: 36px;
}


.gallerySidePic
{
position:absolute;
top:-50px;
left:50px;

*z-index:1;
}





h3,
p
{
padding: 0px 0px 18px 0px;
}

a:link,
a:visited,
b,
em
{
color: #008b98;
z-index: 1;
}

h3
{
margin-left: 0px;
font-size: 16px;
color: #ced464;
}


a:link,
a:visited
{
text-decoration: none;
font-weight: bold;
}






.clear{clear: both; display: block; height: 0; visibility: hidden;}
.orange{color:#f7941d;}





/* Images
---------------------------------------------------------------- */

.shopTops
{
background: url(images/shop_tops.gif) 0 0 no-repeat;

position: absolute;
top: 350px;
left: 9px;

padding-top: 463px;
padding-left: 193px;
}

.shopTopsLink
{
position: absolute;
top: 500px;
left: 54px;
padding-top: 50px;
padding-left: 193px;
}



.g1
{
background: url(images/g1.gif) 20px 0 no-repeat;
padding-top: 462px;
padding-left: 169px;
z-index: -1;
}

div.trans
{
position: absolute;
top:  110px;
left: 30px;
width: 100%;opacity:.20;filter: alpha(opacity=20);-moz-opacity: 0.20;
}




/* Partners page text
--------------------------------*/

.yellowBox,
.blueBox
{
  position: absolute;
  left: 70px;
  font-size:10px;
  
  width:135px;
}

.yellowBox
{
  top: 190px;
}

.blueBox
{
  top: 397px;
}









/* top menu
---------------------------------------------------------------- */
.topMenu
{
position: absolute;
top: 73px;
left: 218px;

}

.topMenu .item
{
float: left; display:inline;
padding-top: 27px;
font-size: 0px;
line-height: 0px;

color: #fff;
position:relative;
}



.topMenu .home              a:link .item    {background: url(images/sprite_topMenu.gif) 0    0px no-repeat; width: 60px;}
.topMenu .about_fiddlehead  a:link .item    {background: url(images/sprite_topMenu.gif) 0  -56px no-repeat; width: 163px;}
.topMenu .shop              a:link .item    {background: url(images/sprite_topMenu.gif) 0 -112px no-repeat; width: 74px;}
.topMenu .contact_us        a:link .item    {background: url(images/sprite_topMenu.gif) 0 -168px no-repeat; width: 92px;}
.topMenu .the_shop          a:link .item    {background: url(images/sprite_topMenu.gif) 0 -224px no-repeat; width: 60px;}
.topMenu .partners          a:link .item    {background: url(images/sprite_topMenu.gif) 0 -280px no-repeat; width: 87px;}

.topMenu .home              a:visited .item {background: url(images/sprite_topMenu.gif) 0   0    no-repeat; width: 60px;}
.topMenu .about_fiddlehead  a:visited .item {background: url(images/sprite_topMenu.gif) 0 -56px  no-repeat; width: 163px;}
.topMenu .shop              a:visited .item {background: url(images/sprite_topMenu.gif) 0 -112px no-repeat; width: 74px;}
.topMenu .contact_us        a:visited .item {background: url(images/sprite_topMenu.gif) 0 -168px no-repeat; width: 92px;}
.topMenu .the_shop          a:visited .item    {background: url(images/sprite_topMenu.gif) 0 -224px no-repeat; width: 60px;}
.topMenu .partners          a:visited .item    {background: url(images/sprite_topMenu.gif) 0 -280px no-repeat; width: 87px;}

.topMenu .home              a:hover .item   {background: url(images/sprite_topMenu.gif) 0  -28px  no-repeat; width: 60px;}
.topMenu .about_fiddlehead  a:hover .item   {background: url(images/sprite_topMenu.gif) 0  -84px  no-repeat; width: 163px;}
.topMenu .shop              a:hover .item   {background: url(images/sprite_topMenu.gif) 0 -140px  no-repeat; width: 74px;}
.topMenu .contact_us        a:hover .item   {background: url(images/sprite_topMenu.gif) 0 -196px  no-repeat; width: 92px;}
.topMenu .the_shop          a:hover .item    {background: url(images/sprite_topMenu.gif) 0 -252px no-repeat; width: 60px;}
.topMenu .partners          a:hover .item    {background: url(images/sprite_topMenu.gif) 0 -308px no-repeat; width: 87px;}

.topMenu .home              a:active .item  {background: url(images/sprite_topMenu.gif) 0  -28px  no-repeat; width: 60px;}
.topMenu .about_fiddlehead  a:active .item  {background: url(images/sprite_topMenu.gif) 0  -84px  no-repeat; width: 163px;}
.topMenu .shop              a:active .item  {background: url(images/sprite_topMenu.gif) 0 -140px  no-repeat; width: 74px;}
.topMenu .contact_us        a:active .item  {background: url(images/sprite_topMenu.gif) 0 -196px  no-repeat; width: 92px;}
.topMenu .the_shop          a:active .item    {background: url(images/sprite_topMenu.gif) 0 -252px no-repeat; width: 60px;}
.topMenu .partners          a:active .item    {background: url(images/sprite_topMenu.gif) 0 -308px no-repeat; width: 87px;}

/* top topMenu Current Page
---------------------------------------------------------------- */
.home_              .topMenu .home              a:visited .item {background: url(images/sprite_topMenu.gif) 0  -28px  no-repeat; width: 60px;}
.about_fiddlehead_  .topMenu .about_fiddlehead  a:visited .item {background: url(images/sprite_topMenu.gif) 0  -84px  no-repeat; width: 163px;}
.shop_              .topMenu .shop              a:visited .item {background: url(images/sprite_topMenu.gif) 0 -140px  no-repeat; width: 74px;}
.contact_us_        .topMenu .contact_us        a:visited .item {background: url(images/sprite_topMenu.gif) 0 -196px  no-repeat; width: 92px;}
.partners_          .topMenu .partners          a:visited .item {background: url(images/sprite_topMenu.gif) 0 -308px no-repeat; width: 87px;}








.topMenu .home       ,
.topMenu .about_fiddlehead   a:link .item  ,
.topMenu .shop   a:link .item ,
.topMenu .contact_us a:link .item  ,
.topMenu .the_shop a:link .item  ,
.topMenu .partners a:link .item  ,

.topMenu .home                a:visited .item  ,
.topMenu .about_fiddlehead    a:visited .item  ,
.topMenu .shop                a:visited .item ,
.topMenu .contact_us          a:visited .item ,
.topMenu .the_shop            a:visited .item ,
.topMenu .partners            a:visited .item ,

.topMenu .home       a:hover .item ,
.topMenu .about_fiddlehead   a:hover .item ,
.topMenu .shop   a:hover .item ,
.topMenu .contact_us a:hover .item ,
.topMenu .the_shop a:hover .item ,
.topMenu .partners a:hover .item ,

.topMenu .home       a:active .item ,
.topMenu .about_fiddlehead   a:active .item ,
.topMenu .shop   a:active .item ,
.topMenu .contact_us a:active .item ,
.topMenu .the_shop a:active .item ,
.topMenu .partners a:active .item ,

.home_        .topMenu .home       a:visited .item ,
.about_fiddlehead_    .topMenu .about_fiddlehead   a:visited .item ,
.shop_    .topMenu .shop   a:visited .item ,
.contact_us_  .topMenu .contact_us a:visited .item,
.topMenu .the_shop_ .topMenu .the_shop a:visited .item,
.topMenu .partners_ .topMenu .partners a:visited .item,
{
cursor: pointer;

}

.topMenu .the_shop,
.topMenu .partners,
.topMenu .about_fiddlehead,
.topMenu .home,
.topMenu .contact_us,
.topMenu .shop
{
float: left; display: inline;
}













.linkLogo
{
position: absolute;
top:0;
left:0;
padding-top: 70px;
padding-left: 800px;

z-index:300;
}





.footerText
{
position: relative;
bottom: 18px;
width:700px;


padding-left: 46px;
font-size: 10px;
color: #999;


/*margin-top: -30px;
padding-right: 46px;*/
}

.footerText .left
{
display:inline;float:left;
}

.footerText .right
{
display:inline;float:right;
}






/* FORMS
---------------------------------------*/


label {display: block; margin-bottom: 6px;}

ul{list-style: none; margin-bottom: 18px;}

ul.makeSelections
{
margin-top: 6px;
padding-bottom: 18px;
}


li select,
li label
{
display: inline;float: left; margin-bottom: 6px;
}
li select{}
li label{padding-left:36px; width: 100px}

textarea
{
width: 430px;
height: 66px;
padding: 3px;
}

input, select {width: 200px;}

textarea, input.text, select {
   margin-bottom: 18px;
   border: 1px solid #ced464;/*
   border-top: 1px solid #818181;
   border-left: 1px solid #818181;*/
   background-color: white;
   color: #000;

   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 12px;
   line-height: 18px;
}

input.submit{margin-bottom: 4px; cursor: pointer;}

/* error instructions
---------------------------------------------------------------- */
.hide {visibility: hidden; height: 0; width: 1px;} /* width must be 1px to work in safari*/



.error{
	background: #ff9;/*#FFC*/
	border: 1px solid black;
	padding: 5px;
	padding-bottom: 0px;
	width: 430px;
	margin-bottom: 18px;
	}

.error div{visibility: visible; margin-bottom: 3px; height: 18px; width: 100%}
.error strong{color: red;}
.spacer-left div.error{margin-left: -18px}



.float-left{float: left; display: inline;} /* inline to fix IE double margin */
.spacer-left{margin-left: 18px;}
.spacer-right{margin-right: 18px;}

input#gate{width:50px;}

form{margin-bottom: 18px;}







.col2 .nav
{
position: absolute;
top:0;
right:0;

}

.col2 .nav select
{
width: 100px;
}





.contactInfo
{
position: relative;
top: 275px;
padding-top: 127px;
padding-left: 209px;
background: url(images/contact_us_info.gif);
}

.shopTops
{
position: relative;
padding-top: 58px;
padding-left: 183px;

background: url(images/shop_tops.gif) 0 0 no-repeat;

}





.gallery
{
position: relative;
width: 708px;
margin-left: 46px;
padding-top: 300px;
}


.homeImg img
{
z-index:1;
}