/* core ------------------------- */

body  {
color: #FFFFFF;
background: #2F1A07 url(images/bg.jpg) fixed;
font-family: arial, verdana, sans, serif; 
font-size: 11px; 
margin: 0px 0px 0px 0px;
text-decoration: none;
}

body.nobg { background-color: #FFFFFF; }

a:link  { font-weight: bold; color: #FFCC00; text-decoration: none; background-color : transparent; }
a:visited  { font-weight: bold; color: #FFCC00; text-decoration: none; background-color : transparent; }
a:hover  { font-weight: bold; color: #FCF6B8; text-decoration: none; background-color : transparent; }
a:active  { font-weight: bold; color: #FFCC00; text-decoration: none; background-color : transparent; }

a:link.sm  { 
font-family: verdana, arial, sans, serif; 
font-size: 9px; 
font-weight: normal; 
letter-spacing: 1px;
color: #FFFFFF; 
text-transform: uppercase;
text-decoration: none; 
background-color: #533419; 
padding: 2px 4px 3px 5px; 
}

a:visited.sm {
font-family: verdana, arial, sans, serif; 
font-size: 9px; 
font-weight: normal; 
letter-spacing: 1px;
color: #FFFFFF; 
text-transform: uppercase;
text-decoration: none; 
background-color: #533419; 
padding: 2px 4px 3px 5px; 
}

a:hover.sm  { 
font-family: verdana, arial, sans, serif; 
font-size: 9px; 
font-weight: normal; 
letter-spacing: 1px;
color: #FFFFFF; 
text-transform: uppercase;
text-decoration: none; 
background-color: #FF6600; 
padding: 2px 4px 3px 5px; 
}

a:active.sm  { 
font-family: verdana, arial, sans, serif; 
font-size: 9px; 
font-weight: normal; 
letter-spacing: 1px;
color: #FFFFFF; 
text-transform: uppercase;
text-decoration: none; 
background-color: #533419; 
padding: 2px 4px 3px 5px; 
}

h3 { 
font-size: 16px; 
font-family: helvetica, arial, sans, serif; 
font-weight: bold; 
padding: 0; 
margin: 0 0 3px 20px;
}

h4 { 
font-size: 11px; 
font-family: arial, sans, serif; 
color: #F1D9BB; 
padding: 0 15px 3px 15px;
text-indent: 0px; 
margin: 0;
}

#core p { 
color: #FFFFFF;
font-family: arial, times new roman, georgia, sans, serif; 
font-size: 11px;
line-height: 16px; 
background-color: transparent;
padding: 0 15px 10px 15px;
margin: 0;
}

blockquote {
line-height: 14px;
margin: 0;
padding: 0 10px 0 10px;
border-left: 3px solid;
}

img { border: 0; }

ul {
margin-left: 8px;
margin-right: 0px; 
padding-left: 8px; 
padding-right: 0px; }

/* div's -------------------- */

#core {
width: 760px;
background-color: #2F1A07;
border: 1px solid #A45209;
padding: 3px;
margin: 50px auto 50px auto;
}

#title {
position: absolute;
top: 399px;
left: 44px;
font-weight: bold;
background-color: transparent;
}

#format {
position: absolute;
top: 399px;
left: 586px;
background-color: transparent;
}

#overview {
position: absolute;
top: 32px;
left: 8px;
width: 266px;
height: 154px;
background-color: transparent;
}

/* frontpage --------------------- */

#front-top { width: 760px; margin: 0; padding: 0; }
#top-left { float: left; width: 280px; height: 176px; background-color: #A45209; }
#top-right { float: left; width: 480px; height: 176px; background-color: #A45209; }

#front-mid { width: 760px; background:  url(images/front_mid_bg.gif); margin: 0; padding: 0; }
#mid-left { float: left; width: 280px; background-color: #8E8276; }
#mid-right { float: left; width: 480px; background-color: #533419; }
#thumbs { padding: 0 0 0 15px; }
.thumb { padding: 0 15px 15px 0px; }

#footer { width: 760px; background:  url(images/footer_bg.gif);}
#footer-left { float: left; height: 40px; width: 280px; background-color: #666666; }
#footer-right { float: left; height: 40px; width: 480px; background-color: #999999; }

#discover { float: left; }
#discover a { display: block; width: 280px; height: 40px; background:  url(images/front_studio.gif) 0 0 no-repeat; }
#discover a:hover { background-position: 0 -40px; }
#discover span { visibility: hidden; }

#explore { float: left; }
#explore a { display: block; width: 480px; height: 40px; background:  url(images/front_portfolio.gif) 0 0 no-repeat; }
#explore a:hover { background-position: 0 -40px; }
#explore span { visibility: hidden; }

/* nav --------------------- */

#nav {
width: 760px;
height: 41px;
background:  url(images/nav.gif);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: 0px;
}

#nav span { display: none; }

#nav li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }

#nav li, #nav a { height: 41px; display: block; }
#nav1 { left: 0px; width: 140px; }
#nav2 { left: 140px; width: 140px; }
#nav3 { left: 280px; width: 191px; }
#nav4 { left: 471px; width: 154px; }
#nav5 { left: 625px; width: 135px; }

#nav1 a:hover { background: transparent url(images/nav.gif) 0px -41px no-repeat;}
#nav2 a:hover { background: transparent url(images/nav.gif) -140px -41px no-repeat;}
#nav3 a:hover { background: transparent url(images/nav.gif) -280px -41px no-repeat;}
#nav4 a:hover { background: transparent url(images/nav.gif) -471px -41px no-repeat;}
#nav5 a:hover { background: transparent url(images/nav.gif) -625px -41px no-repeat;}