/* colors
blue: 7671bf
dk blue: 3e3690
red: bb4455
green: 0e6c6c

gold: d0a62e

gray 372f2d
*/

/* order
mask pic 100
sidebar 90
content 50
banner objects 40
*/





li { 
list-style-type:square;
font-family:tahoma;sans-serif;
font-size:12px;
font-weight:bold;
}



body { 
text-align:center;
background:#332222;
margin:30px;
}


#container {
position:relative;height:750px;width:1000px;
margin:0 auto;
padding:0px 0px 0px 0px;
background:#332222; 
color:#ffffff;
font-size:11px;
border:solid 1px #d0a62e;
/* overflow:hidden;*/
}


#banner {
position:relative;height:30px;width:auto;
text-align:left;vertical-align:middle; 
padding: 5px 50px;
border-bottom:solid 1px #0e6c6c;
z-index:60;
background:#453f3b;
}

#banner h1 {
font: normal 30px georgia, serif;
text-transform:uppercase;
color:#d0a62e;
letter-spacing:5px;
margin:0;
padding-left:30px;
}

.mask {
position:absolute;top:-25px;left:-200px;
z-index:100;
}


#navigation {
position:relative;height:30px;width:auto;
text-align:left;vertical-align:middle; 
padding: 5px 0 0  40px;
border:none 1px #ff0000;
z-index:40;
border:solid 1px #0e6c6c;
z-index:10;

}


 ul.navigation {
display:inline;
}

 ul.navigation li{
display:inline;
list-style-type:none;
padding-right:60px;
font:bold 12px century gothic;
text-transform:uppercase;
letter-spacing:.4em;
}


#content {
position:relative;left:0px;
width:1000px;
height:650px;
margin: 0;
padding:10px 0px;
text-align:left;
vertical-align:top;
color:#ffffff;
font-size:11px;
z-index:50;
}


#content.bg-light {
background-color:#ccddbb;
}

#content.bg-light p {
color:#333333;

line-height:1.5;
}

.pic {
position:relative;top:0px;
float:right;
border: 0px solid #fff;
margin: 0px 2px 8px 20px;
padding:0;
z-index:100;
}


#content H1{
font: 600 38px 'Century Gothic', Arial;
line-height:.7;
color:#eeaa55;
}

#content H2{
font: normal 24px Georgia, Serif;
color:#229999;
letter-spacing:.4em;
text-transform:uppercase;
margin:5px 0 0 20px;

}

#content H3{
font: 800 24px 'Century Gothic', Arial;
color:#333;
letter-spacing:.1em;
text-transform:uppercase;
margin: 0;
}

#content p{
font: 200 16px georgia, serif;
line-height:2.5;
color:#fff;
letter-spacing:.1em;
margin:0px 0 0 20px;
}



/* Side bar */

#learnmore {
position:absolute;right:-50px;top:10px;
width:250px;height:100%;
background-color:#005555;
padding:10px;
border:solid 1px #d0a62e;
z-index:90px;
font:normal 11px tahoma;sans-serif;
color:#ffffff;
}

#learnmore h1 {
text-align:center;
font:600 14px georgia;
letter-spacing:.2em;
text-transform:uppercase;
color:#d0a62e;

}

#learnmore h2 {
text-align:left;
font:bold 12px tahoma;sans-serif;
letter-spacing:.2em;
text-transform:uppercase;
color:#d0a62e;
margin:20px 0 0 0 ;
}

.learnmorelink {
text-align:right;
font:normal 10px tahoma;
}


/* preview page */

#pagetext {
width:500px;
margin:0;
background-color:#ffeecc;
}

#pagetext p {
margin-left:50px;
width:380px;
text-align:left;vertical-align:middle;
font: normal 18px georgia, serif;
line-height:2.5;
color:#fff;
letter-spacing:.1em;
color:#333333;
}

#pagepic {
width:400px;height:100%;
font: normal 18px georgia, serif;
line-height:2.5;
color:#fff;
letter-spacing:.1em;
margin: 0;
color:#333333;
background-color:#ffeecc;
padding:50px;
vertical-align:middle;
}

P.fancy2:first-line {
font:bold 16px georgia;
line-height:2.5;
color:#000000;
text-transform:uppercase;
}


/* P.fancy2:first-letter {
font:bold 60px georgia;
color:#0e6c6c;
text-transform:uppercase;

} */



/* Bio pages */

#container_bios {
position:relative;left:100px;top:50px;
margin:0 auto;
padding:0px 0px 0px 0px;
background:#332222; 
color:#ffffff;
font-size:11px;
border:none 1px #d0a62e;
/* overflow:hidden;*/
}





/* Shop */
.shop {
width:150px;
padding:20px 10px;
font: normal 12px verdana;
background-color:#ffeecc;
color:#000000;
vertical-align:top;text-align:left;
}

.shop b {

font: bold 12px verdana;
text-transform:uppercase;
color:#005555;
display:inline;
}

.shop-graphic {
padding:0 0 0 10px;
text-align:right;
}


.container-image {
text-align:center;
height:300px;width:1000;
overflow:hidden;
background-color:#111111;
border:solid 1px #d0a62e;
}


.text2 {
font: normal 14px georgia;
}




/* Footers */

#copyright {
postition:relative;
top:3px;
width:900px;
padding:5px 0px;
font: 11px verdana, sans-serif;
color:#fff;
letter-spacing:.2em;
/*background-color:#006677;
 border:1px solid #E88758;*/
z-index:100;
vertical-align:bottom;text-align:center;

}




/* LINKS */

/* standard */
A:link { text-decoration: none; color:#009999}
A:active { text-decoration: none; color:#009999 }
A:visited { text-decoration: none; color:#009999  } 
A:hover { text-decoration: underline; color:#009999 }

/* will not show when linking entire page.... */
A.page:link,A.active:link,A.page:visited,A.page:hover
{ text-decoration: none;border-style:none; }


/* light type for dark bg */
A.r:link { text-decoration: none; color:#ffffff;}
A.r:active { text-decoration: none; color:#ffffff;  }
A.r:visited { text-decoration: none; color:#ffffff;  } 
A.r:hover { text-decoration: none; color:#ffee99;}



A.nav:link, A.button:visited { 
padding:4px 5px;
text-decoration: none; 
/* color:#d0a62e; */

color:#ffffff;
}

A.nav:hover, A.button:active { text-decoration: none; color:#ffffff;background-color:#333333 }
 



.contactus  {
width:300px;
margin: 0;
padding:30px;
background-color:#eebb44;
border:solid 2px #7671bf;
text-align:left;
vertical-align:top;
color:#ffffff;
font:normal 16px tahoma;sans-serif;
text-align:center;
}




b.firstletter {
Font-size:36px;
font-weight:800;
color:#fff;
font-family:'Century Gothic', Arial;
}


P.fancy:first-line{
font:bold 16px georgia;
color:#ffffff;
text-transform:uppercase;
}

.cap{
font:normal 49px georgia;
text-transform:uppercase;
color:#d0a62e;
}

.cap2{
font:normal 55px georgia;
text-transform:uppercase;
color:#005555;
}