/* TYPE */
/*
a:link, a:visited, a:active { text-decoration: none; color: inherit; }
*/

body
{
    background-color: #197455;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-family: Verdana, Trebuchet MS, Arial, Sans-Serif;
}

#banner
{width: 682px; position: absolute; left: 100px; height: 71px; top: 4px;
}

#wrap
{
margin: 10px auto; 
background: url(GableSurfboards.background.jpg) repeat scroll 0% 0%; 
-moz-background-clip: -moz-initial; 
-moz-background-origin: -moz-initial; 
-moz-background-inline-policy: -moz-initial; 
width: 866px; 
height: 774px;
position: relative;
}

#footer{
height: 50px; 
position:absolute; 
top:700px; 
font-family: Verdana, Trebuchet MS, Arial, Sans-Serif;
font-size: 10px;
color:#FFFF83;
text-align:center;
top:746px;
left:306px;
}
    #footer p{padding-bottom:4px; letter-spacing:1px;}
    #footer :link{color:#FFFF83;text-decoration:none;}
    #footer :visited{color:#FFFF83;text-decoration:none;}
    #footer :link:hover{color:#6CEE7D;}

.content
{font-family: verdana,Trebuchet MS,arial,sans-serif;}

.image-box
{position:absolute;}

#content
{
height:459px;
left:133px;
position:absolute;
top:86px;
width: 598px;
font-family: verdana,Trebuchet MS,arial,sans-serif;
font-size: 12px;
}
#content h1{font-size:20px; padding-bottom:6px;}
#content h2{font-size:16px;}
#content p{font-size:12px; }

#content :link{color:#2868A5;text-decoration:none;font-weight:bold;}
#content :visited{color:#2868A5;text-decoration:none;font-weight:bold;}
#content :link:hover{color:Maroon;font-weight:bold;}
#content :visited:hover{color: Maroon;}

#affiliates{position:absolute; width:370px; left:126px; text-align: center;}
#affiliates :link{color:#33FF99; font-weight:normal;}
#affiliates :visited{color:#33FF99; font-weight:normal;}
#affiliates :link:hover{color: Maroon; font-weight:normal;}
#affiliates :visited:hover{color: Maroon; font-weight:normal;}

#affiliates #aku{left:0px;}
#affiliates #nation{left:200px;}
    
    body#home-page #content{background-image: url(images/Content_Homepage.jpg);}
    body#about-us-page #content{color: #144F3A;width:520px;}
    body#brian-gable-page #content{color: #144F3A;width:520px;}
    body#order-page #content{color: #144F3A; width:518px;}
    body#gallery-page #content{color: #144F3A; width:520px;}
    body#shortboard-page #content{color:#FEFF8F;}
    body#step-up-page #content{color:#FEFF8F;}
    body#hybrid-page #content{color:#FEFF8F;}
    body#fish-page #content{color:#FEFF8F;}
    
    #content-top
    {
    background-image:url(images/content-div.png); 
    height:216px; 
    left:0; 
    position:absolute;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 12px;
    top:0; 
    width:479px; 
    background-repeat:no-repeat;
    }
     
        #content-top h1{font-size:18px; font-weight: bold}
        #content-top h2{font-size: 14.5px; font-weight: bold}
        #content-top p{font-size:11px;}
        /**testing link colors*/
        #content-top :link{color:black;text-decoration:none;}
        #content-top :visited{color:black;text-decoration:none;}
        #content-top :link:hover{color:maroon}
        
        body#home-page #content-top{background-image:none;}
    
    #content-bottom{height:253px; position:absolute; top:208px; width:615px;}
        body#shortboard-page #content-bottom{background-image:url(images/shorty-page-outline.png); }
        body#step-up-page #content-bottom{background-image:url(images/step-up-page-outline.png); }
        body#hybrid-page #content-bottom{ background-image:url(images/hybrid-page-outline.png);}
        body#fish-page #content-bottom{ background-image:url(images/fish-page-outline.png);}        


.board
{width: 129px; position: absolute; height: 183px; top: 553px; }

	#shortboard-nav
	{background-image: url(images/shorty_reg_125.jpg); left: 139px; }
	#shortboard-nav:hover
	{background-image: url(images/shorty_hot_125.jpg); cursor:hand;}
	body#shortboard-page #shortboard-nav{
	background-image: url(images/shorty_hot_125.jpg); 
	}

	#step-up-nav
	{background-image: url(images/step-up_reg_125.jpg); left: 303px; }
	#step-up-nav:hover
	{background-image: url(images/step-up_hot_125.jpg); cursor:hand;}
	body#step-up-page #step-up-nav
	{background-image: url(images/step-up_hot_125.jpg); }

	#hybrid-nav
	{background-image: url(images/hybrid_reg_125.jpg); left: 471px; }
	#hybrid-nav:hover
	{background-image: url(images/hybrid_hot_125.jpg);cursor:hand;}
	body#hybrid-page #hybrid-nav
	{background-image: url(images/hybrid_hot_125.jpg); }

	#fish-nav
	{background-image: url(images/fish_reg_125.jpg); left: 630px; }
	#fish-nav:hover
	{background-image: url(images/fish_hot_125.jpg); cursor:hand;}
	body#fish-page #fish-nav
	{background-image: url(images/fish_hot_125.jpg); }


.gallery-layer
{
    height: 150px; 
    position: absolute;
    left:25px;
}


.gallery-text
{
   position: absolute;
   width: 180px;
   text-align: left;   
}
.gallery-text h1{}
.gallery-text p{color:#173F31; font-weight:normal;}
.gallery-text :link:hover{color:Maroon}

.gallery-image
{
   position: relative;
   height: 133px;
   width: 199px;
   left: 180px;
   top: 0px;
}

#board-gallery{top:35px;}
  #board-gallery-text{}
  #board-gallery-image{}
    
#art-gallery{top:178px;}
  #board-gallery-text{}
  #board-gallery-image{}
  
#surf-gallery{top:322px;}
  #board-gallery-text{}
  #board-gallery-image{}


#flickr-nav
{
    position:absolute;
    text-align:right;
    top:284px;
    left:658px;
}

#flickr-text
{
    position:absolute;
    text-align: center;
    top:285px;
    left:684px;
    font-size:14px;
    color:#2868A5;
}
#flickr-text :link{color:#2868A5;text-decoration:none;}
#flickr-text :visited{color:#2868A5;text-decoration:none;}
#flickr-text :link:hover{color:Maroon;font-weight:bold;}
#flickr-text :visited:hover{color: Maroon;}

#flickr-tags
{
    position:absolute;
    text-align: right;
    top:354px;
    left:681px;
    color:black;
    font-size:12px;
}
#flickr-tags h1{font-size:14px;}
#flickr-tags :link{color:black;text-decoration:none;}
#flickr-tags :visited{color:black;text-decoration:none;}
#flickr-tags :link:hover{color:Maroon;}
#flickr-tags :visited:hover{color: Maroon;}
    

#side-nav{
color:#FFF1A1;
font-family:calibri,verdana,arial,sans-serif;
font-size:22px;
left:662px;
position:absolute;
text-align:right;
top:107px;}
#side-nav div{margin-bottom:10px; padding-right:29px; background:url(images/side-nav-bullet-fire.png) no-repeat center right;}
#side-nav div:hover{background:url(images/side-nav-bullet-drk-green.png) no-repeat center right; color:#125F3B;}
#side-nav div:link{color:#FFF1A1;}
#side-nav div:link:visited{color:#FFF1A1;}

.twit{position:relative; right:-20px; top:4px; }


body#order-page #side-nav-order{background:url(images/side-nav-bullet-drk-green.png) no-repeat center right; color:#125F3B;}
body#about-us-page #side-nav-about{background:url(images/side-nav-bullet-drk-green.png) no-repeat center right; color:#125F3B;}
body#pictures-page #side-nav-pictures{background:url(images/side-nav-bullet-drk-green.png) no-repeat center right; color:#125F3B;}
body#art-page #side-nav-art{background:url(images/side-nav-bullet-drk-green.png) no-repeat center right; color:#125F3B;}
body#gallery-page #side-nav-gallery{background:url(images/side-nav-bullet-drk-green.png) no-repeat center right; color:#125F3B;}
body# #twit{background:url(images/twitcan.png) no-repeat center right;}