/* CSS Style sheet for www.Tranjo.com - Sam Farris

Edit History
2/8/2009 - configured for vertical list, no flyouts
2/12/2009 - added horizontal list for navigation within pages */

A:link {text-decoration: none};
A:visited {text-decoration: none};
A:active {text-decoration: none};
A:hover {text-decoration: underline; color: red;};

img { border: none; } 


#container
{
width: 95%;
margin: 10px auto;
background-image: 
url('http://www.tranjo.com/images/t03.gif');
background-repeat: repeat
color: #333;
border: 1px solid gray;
line-height: 130%;

}

#banner
{
padding: .5em;
background-image: 
url('http://www.tranjo.com/images/t03.gif');
background-repeat: repeat
border: 0px solid gray;
}


#content
{
margin-left: 200px;
border-left: 1px solid gray;
padding: 1em;
border: 0px solid gray;

}

#footer
{
clear: both;
margin: 0;
background-image: 
url('http://www.tranjo.com/images/t03.gif');
background-repeat: repeat;
padding: .5em;
border-top: 1px solid gray;
}


#content h2 { margin: 0 0 .5em 0; }
#content h2 { margin: 0 0 .5em 0; }

img.floatleft { 
    float: left; 
    margin: 4px; 
}
img.floatright { 
    float: right;
    clear: right; 
    margin: 4px; 
}



p {

margin-top: 0;
margin-left: 10px;
padding: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}


h1 { 
padding: 0x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
font-weight: bold; 
color: #000000; 

} 

h2 { 
padding: 0x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: bold; 
color: #000000; 

}

h3 { 
padding: 0x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px; 
font-weight: bold; 
color: #000000; 

}

h4 { 
padding: 0x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px; 
font-weight: bold; 
color: #000000; 

} 

h5 {
padding: 0x; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px; 
font-weight: bold; 
color: #000999; 

} 

h6 {
padding: 0x; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px; 
font-weight: bold; 
color: #000999; 

} 

.thumbnail
{
float: left;
width: 60px;
border: 1px solid #999;
margin: 0 15px 0 0;

}

.imagefloatleft
{
float: left;
margin: 0 15px 0 0;

}

.imagefloatright
{
float: right;
margin: 0 15px 0 0;

}

.bannerimage
{
width: 60px;
border: 1px solid #999;

}

/* Rollover Menu - no flyouts */

#leftnav
{
float: left;
width: 160px;
background-image: 
url('http://www.tranjo.com/images/t03.gif');
background-repeat: repeat
margin: 0;
padding: 1em;

}


#leftnav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#leftnav a
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#leftnav a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#leftnav a:hover
{
background-color: #369;
color: #fff;
}


/* Horizontal Menu for navigation within a page */

ul#hornavlist
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 100%;
color: #fff;
background-color: #036;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

ul#hornavlist li { display: inline; }

ul#hornavlist li a
{
float: left;
width: 8em;
color: #fff;
background-color: #036;
padding: 0.2em 1em;
text-decoration: none;
border-right: 1px solid #fff;
}

ul#hornavlist li a:hover
{
background-color: #369;
color: #fff;
}



/* Highlight Current Page */

body#home a#homenav,
body#txpictures a#txnav,
body#t6pictures a#t6nav,
body#t8pictures a#t8nav,
body#tranjocaster a#tcnav,
body#goldtone a#gtnav,
body#specs a#specsnav,
body#orders a#ordersnav,
body#inventory a#invnav,
body#neck a#necknav,
body#production a#prodnav,
body#silent a#silentnav,
body#reviews a#reviewsnav,
body#travelpic a#travelnav,
body#sounds a#soundsnav,
body#tranjoom a#omnav,
body#aboutus a#aboutusnav,
 {color: #fff;
	background: #3333ff;
}