/* F-Holes style general */

#news {
 width:100%;
 height:100%;
}

#prices {
 height:26%;
 margin: 50% 0 0 5%;    /*top,right,bottom,left*/
 }

#news iframe{
 border-left-width:1px;
 border-top-width:1px;
 border-bottom-width:1px;
 width:100%;
 height:70%;
 margin-bottom:5px;
}
	
body
{ background: #311C00;
  color: #333333;
  padding: 0px; margin: 0px;
}

p {font-size: 100%;}

h1 {
  font-size: 200%;
  margin:0px;padding:0px;
}

h2 {
  font-size:150%;
  margin:0px;
  padding:0px;
  text-align:left;
}

h4 {
  font-size:110%;
  margin:0px;padding:0px;
}

h5 {
  font-size: 75%;
  font-weight: normal;
  width:400px;
  margin: 0px 15px 0px 20px;
  text-align:justify;
}

#picprompt {
  position:relative;
  left:170px;
  width:100px;
  float:right;
  font-weight:bold;
  text-align:center;
}

#storepicprompt {
  position:relative;
  left:65%;
  width:100px;
  float:right;
  font-weight:bold;
  text-align:center;
  top:50px;
}


#content {
  width: 727px;
  height: 888px;
  margin: 0 auto;
  background: #FFcc99 url(../images/background-fholes.jpg) repeat-x;  
}

img {
  border:1px solid #000; border-color:#eee #555 #333 #ddd;
}

img.setimage{
  width:36px; 
  height:46px;
}

#site_content {
  margin: 0px 120px 0px 135px;    /*top,right,bottom,left*/  
  height: 420px;
  width: 462px;
  text-align: justify;
  text-decoration: none;
}

#site_content a{
  color:black;
  text-decoration:none;
}

#site_content a.linkdefault:link{color:003399;}
#site_content a.linkdefault:visited{color:purple;}
  
#presslinks a{
  color:003399;
  text-decoration:none;
}
  
#presslinks a:visited{
  color:#666666;
}
  
#author {
  margin:0px 0px 0px 160px;
}

img.logo {
  width:213px;
  height:148px;
  padding: 0px 0px 0px 5px;
  margin: 30px 0px 0px 0px;
  border:none;
  /* 213x148 */
}

img.selected{
   width:100%;
   height:auto;
   margin:0px 0px 20px 0px;
 }

#youtube_centre{
  margin:0px 0px 0px 10px;
}


/* Photos style parts */
/* margins set the outwards spacing, and padding the inwards. */
   /*top,right,bottom,left*/  

/*************************************************/
/* GALLERY SIZE of one row: horiz. pictures max 420px, vert. pictures max 380px. */


#gallery_col {margin:0; width:200px; height:0px; position:relative; padding:0; left:-40px; top:0px;}
#gallery_col ul {list-style:none; padding:auto; margin:auto 0px 0px auto; width:100%; height:60px;}
#gallery_col ul li {display:inline; width:52px; height:52px; padding:0px 4px 10px 4px; margin:0; float:left;}
#gallery_col ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery_col ul li a b {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery_col ul li a img {display:block; border:none; width:50px; height:50px; padding:0;}		

#gallery_col ul li a:active, #gallery_col ul li a:focus {white-space:normal; border: 1px solid #000; border-color:#555 #ddd #eee #333;}
#gallery_col ul li a:active b, #gallery_col ul li a:focus b {border:none; position:absolute;left:180px; top:0px; width:200px; height:230px; z-index:20;}
#gallery_col ul li a:active img, #gallery_col ul li a:focus img{margin:0px auto 0px auto; padding:0;width:auto; height:auto; border: 1px solid #000; border-color:#555 #ddd #eee #333;z-index:20;}
#gallery_col ul li a:active img.horiz,#gallery_col ul li a:focus img.horiz {margin-top:20px;margin-left:-10px;z-index:20;} /* CHANGE THIS FOR LARGER GALLERY/ACTIVEIMAGES. */

/*************************************************/

#gallery_store {margin:0; width:100%; height:100px; position:relative; padding:0; left:-20px; top:50px;}
#gallery_store ul {list-style:none; padding:auto; margin:auto 0px 0px auto; width:100%; height:100px;}
#gallery_store ul li {display:inline; width:52px; height:52px; padding:0px 4px 10px 4px; margin:0; float:left;}
#gallery_store ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery_store ul li a b {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery_store ul li a img {display:block; border:none; width:50px; height:50px; padding:0;}		

#gallery_store ul li a:active, #gallery ul li a:focus {white-space:normal; border: 1px solid #000; border-color:#555 #ddd #eee #333;}
#gallery_store ul li a:active b, #gallery ul li a:focus b {border:none; position:absolute;left:52px; top:-390px; width:400px; height:330px; z-index:20;}
#gallery_store ul li a:active img, #gallery ul li a:focus img{margin:0px auto 0px auto; padding:0;width:auto; height:auto; border: 1px solid #000; border-color:#555 #ddd #eee #333;}
#gallery_store ul li a:active img.horiz,#gallery ul li a:focus img.horiz {margin-top:20px;margin-left:-10px;} /* CHANGE THIS FOR LARGER GALLERY/ACTIVEIMAGES. */


#gallery_small {margin:0; width:100%; height:100px; position:relative; padding:0; left:-20px; top:50px;}
#gallery_small ul {list-style:none; padding:auto; margin:auto 0px 0px auto; width:100%; height:100px;}
#gallery_small ul li {display:inline; width:52px; height:52px; padding:0px 4px 10px 4px; margin:0; float:left;}
#gallery_small ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery_small ul li a b {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery_small ul li a img {display:block; border:none; width:50px; height:50px; padding:0;}		

#gallery_small ul li a:active, #gallery ul li a:focus {white-space:normal; border: 1px solid #000; border-color:#555 #ddd #eee #333;}
#gallery_small ul li a:active b, #gallery ul li a:focus b {border:none; position:absolute;left:52px; top:-390px; width:400px; height:330px; z-index:20;}
#gallery_small ul li a:active img, #gallery ul li a:focus img{margin:0px auto 0px auto; padding:0;width:auto; height:auto; border: 1px solid #000; border-color:#555 #ddd #eee #333;}
#gallery_small ul li a:active img.horiz,#gallery ul li a:focus img.horiz {margin-top:20px;margin-left:-10px;} /* CHANGE THIS FOR LARGER GALLERY/ACTIVEIMAGES. */

#gallery {margin:0; width:100%; height:100px; position:relative; padding:0; left:-20px; top:50px;}
#gallery ul {list-style:none; padding:auto; margin:auto 0px 0px auto; width:100%; height:100px;}
#gallery ul li {display:inline; width:52px; height:52px; padding:0px 4px 10px 4px; margin:0; float:left;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a b {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a img {display:block; border:none; width:50px; height:50px; padding:0;}		

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border: 1px solid #000; border-color:#555 #ddd #eee #333;}
#gallery ul li a:active b, #gallery ul li a:focus b {border:none; position:absolute;left:52px; top:-390px; width:400px; height:330px; z-index:20;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0px auto 0px auto; padding:0;width:auto; height:auto; border: 1px solid #000; border-color:#555 #ddd #eee #333;}
#gallery ul li a:active img.horiz,#gallery ul li a:focus img.horiz {margin-top:20px;margin-left:-10px;} /* CHANGE THIS FOR LARGER GALLERY/ACTIVEIMAGES. */

/**************************************************/
#gallery_large {margin:0; width:100%; height:100px; position:relative; padding:0; left:-20px;}
#gallery_large ul {list-style:none; padding:auto; margin:auto 0px 0px auto; width:100%; height:100px;}
#gallery_large ul li {display:inline; width:52px; height:52px; padding:0px 4px 10px 4px; margin:0; float:left;}
#gallery_large ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery_large ul li a b {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery_large ul li a img {display:block; border:none; width:50px; height:50px; padding:0;}		

#gallery_large ul li a:active, #gallery_large ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333;}
#gallery_large ul li a:active b, #gallery_large ul li a:focus b {border:none; position:absolute;left:42px; top:-340px; width:400px; height:330px; z-index:20;}
#gallery_large ul li a:active b img, #gallery_large ul li a:focus b img{margin:0px auto 0px auto; padding:0;width:auto; height:auto; border: 1px solid #000; border-color:#555 #ddd #eee #333;}
#gallery_large ul li a:active b img.horiz, #gallery_large ul li a:focus b img.horiz {margin-top:0px;}

/***************************************************/
#photomenu {margin: 0; width:500px; height:100%; position:relative; left:-22px;}
#photomenu ul {list-style:none; padding:0; margin:auto; width:400px; height:100%; position:absolute;}
#photomenu ul li {display:inline; margin:auto; padding:10px; float:left; text-align:center;}
#photomenu ul li a img {display:block; width:76.5px; height:121.5px; border:none; margin:auto; padding:0px 0px 0px 0px;border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#photomenu ul li a img.horiz {display:block; width:121.5px; height:76.5px; border:none; margin:auto;padding:0px 0px 0px 0px; border: 1px solid #000; border-color:#555 #ddd #eee #333;}

/***************************************************/
#shirts {width:500px; position:relative; left:-40px; top:-15px; margin:0px; padding: 0px;}
#shirts ul {list-style:none; padding:0px; margin:0px; position:absolute;}
#shirts ul li {display:inline; margin:0px; padding:0px 5px 0px 0px; float:left;}
#shirts ul li a img {display:block; width:133.33px; border:none; margin:0px; padding:0px;border:1px solid #000; border-color:#eee #555 #333 #ddd;}

/***************************************************/
#buckle {width:400px; position:relative; left:-40px; top:-10px; margin:0px 0px 30px 0px; padding: 0px;}
#buckle ul {width:100%; list-style:none; padding:0px; margin:0px; position:absolute; }
#buckle ul li {display:inline; margin:0px;  padding:0px 5px 0px 0px; float:left;}
#buckle ul li a img {display:block; width:134px;  border:none; margin:0px; padding:0px;}