/* CSS Document */

body{ background: #907f5d url(images/gradient.jpg) repeat-x top; margin: 2em 0 0 0; }

#box { width: 800px; background: #FFFFFF url(images/sides.gif) repeat-y ; margin: 0 auto; padding:0 0; }

#box #masthead { width: 800px; height: 50px; background: #e6ded1 url(images/masthead.gif) no-repeat; margin: 0; padding:0; }

#box #content { width: 800px;  margin: 0; padding:0 0 0 0;   }

#box #content #leftcol { background:  url(images/logo.gif) no-repeat;  float: left; width: 425px; margin: 0 0 0 0; padding: 78px 0 40px 35px;}

#box #content #leftcol h1 { color:#72655f; font: 0.9em/1.5 arial, helvetica, arial, sans-serif; letter-spacing: 0.1em; text-align:left; margin:0 0; padding: 0 0;}
 
#box #content #leftcol img { float: left; width: 150px; height:122px;  margin: 0 25px 0 0; padding: 0 0 0 0; border: 1px solid #a3635c; }

#box #content #subnav { margin: 0 0 0 175px; }

#box #content #subnav ul { color:#72655f; font: 0.9em/1.5 arial, helvetica, arial, sans-serif; letter-spacing: 0.1em; text-align:left; margin:0 0; padding: 1em 0 0 20px; }

#box #content #subnav ul li { list-style: url(images/plus.gif); }

#box #content #subnav ul a { color:#72655f; text-decoration:none; padding: 0 0.5em 0.5em 0; }

#box #content #subnav ul a:hover { color:#ab899f; text-decoration:none; }

#box #content #leftcol p { clear:both; color:#72655f; font: 0.75em/1.5 arial, helvetica, arial, sans-serif; text-align:left; margin:0 0; padding: 10px 0 0 0; } 

#box #content #leftcol p a { color:#72655f; text-decoration:underline; padding: 0 0.5em 0.5em 0; }

#box #content #leftcol p a:hover { color:#ab899f; text-decoration:underline; }


#box #content #animation { margin: 0 0 0 460px; border:0; padding: 0 0 0 8px;}




#box #content #textcol {background:  url(images/logo.gif) no-repeat;   float: left; width: 505px; margin: 0 0 0 0; padding: 78px 0 40px 35px;}

#box #content #textcol h1 { color:#72655f; font: 0.9em/1.5 arial, helvetica, arial, sans-serif; letter-spacing: 0.1em; text-align:left; margin:0 0; padding: 0 0;}


#box #content #textcol p { clear:both; color:#72655f; font: 0.75em/1.5 arial, helvetica, arial, sans-serif; text-align:left; margin:0 0; padding: 1em 0 0 0; } 

#box #content #textcol p a { color:#72655f; text-decoration:underline; padding: 0 0.5em 0.5em 0; }

#box #content #textcol p a:hover { color:#ab899f; text-decoration:underline; }

#box #content #textcol ul { color:#72655f; font: 0.75em/1.5 arial, helvetica, arial, sans-serif; text-align:left; margin:0 0; padding: 1em 0 0 20px; }

#box #content #textcol ul li { padding: 0 0 0.5em 0; }



#box #content #textcol #aboutnav { vertical-align:baseline; height: 26px; background-color:#efebe6; width: 505px; margin: 10px 0 0 0; padding: 0 0 0 0; /*border-left: 1px solid #a89693; */  }

#box #content #textcol #aboutnav ul { color:#72655f; font: 0.75em/1.5 arial, helvetica, arial, sans-serif; text-align:left; margin:0 0; padding: 4px 0 0 0; }

#box #content #textcol #aboutnav ul li { display: inline; }

#box #content #textcol #aboutnav ul a { color:#72655f; text-decoration:none; padding: 0 5px; }

#box #content #textcol #aboutnav ul a:hover { color:#ab899f; text-decoration:none; }

#box #content #textcol #aboutnav ul a.active { color:#ab899f; text-decoration:underline; }


#box #content #textcol #shownav2 { vertical-align:baseline; height: 26px; background-color:#efebe6; width: 505px; margin: 10px 0 0 0; padding: 0 0 0 0; /*border-left: 1px solid #a89693; */  }

#box #content #textcol #shownav2 ul { color:#72655f; font: 0.75em/1.5 arial, helvetica, arial, sans-serif; text-align:left; margin:0 0; padding: 4px 0 0 0; }

#box #content #textcol #shownav2 ul li { display: inline; }

#box #content #textcol #shownav2 ul li span {color:#cac0c7; padding: 0 5px;  }

#box #content #textcol #shownav2 ul a { color:#72655f; text-decoration:none; padding: 0 5px; }

#box #content #textcol #shownav2 ul a:hover { color:#ab899f; text-decoration:none; }

#box #content #textcol #shownav2 ul a.active { color:#ab899f; text-decoration:underline; }




#box #content #illustrations { background: url(images/corner.gif) no-repeat top right; margin: 0 0 0 505px; border:0; padding: 10px 0 0 35px;}

#box #content #illustrations img { margin: 0 0 0 8px; padding: 0 0 0 0;}



#box #content #showreel1 {background: url(images/logo.gif) no-repeat;   float: left; width: 405px; margin: 0 0 0 0; padding: 78px 0 40px 35px;}

#box #content #showreel1 h1 { color:#72655f; font: 0.9em/1.5 arial, helvetica, arial, sans-serif; letter-spacing: 0.1em; text-align:left; margin:0 0; padding: 0 0;}

#box #content #showreel1 p { clear:both; color:#72655f; font: 0.75em/1.5 arial, helvetica, arial, sans-serif; text-align:left; margin:0 0; padding: 1em 0 0 0; } 

#box #content #showreel1 p a { color:#72655f; text-decoration:underline; padding: 0 0.5em 0.5em 0; }

#box #content #showreel1 p a:hover { color:#ab899f; text-decoration:underline; }

#box #content #showreel1 #shownav { margin: 0 0 0 0px; }

#box #content #showreel1 #shownav ul { color:#72655f; font: 0.8em/1.5 arial, helvetica, arial, sans-serif; letter-spacing: 0.1em; text-align:left; margin:0 0; padding: 15px 0 0 20px; }

#box #content #showreel1 #shownav ul li { list-style: url(images/plus.gif); }

#box #content #showreel1 #shownav ul a { color:#72655f; text-decoration:none; padding: 0 0.5em 0.5em 0; }

#box #content #showreel1 #shownav ul a:hover { color:#ab899f; text-decoration:none; }




#box #content #showreel2 { background: url(images/corner.gif) no-repeat top right; margin: 0 0 0 405px; border:0; padding: 100px 0 0 0;}


#box #content #showreel2 ul { color:#72655f; font: 0.8em/1.5 arial, helvetica, arial, sans-serif; letter-spacing: 0.1em; text-align:left; margin:0 0; padding: 1em 0 0 20px; }

#box #content #showreel2 ul li { list-style: url(images/plus.gif); }

#box #content #showreel2 ul a { color:#72655f; text-decoration:none; padding: 0 0.5em 0.5em 0; }

#box #content #showreel2 ul a:hover { color:#ab899f; text-decoration:none; }




#box #content #illustrations p { color:#72655f; font: 0.7em arial, helvetica, arial, sans-serif; text-align:left; margin:0 0; padding: 3px 0 1em 1.2em; } 

#box #content #illustrations p a { color:#72655f; text-decoration:none; padding: 0 0.5em 0.5em 0; }

#box #content #illustrations p a:hover { color:#c99e98; text-decoration:none; }



#box #content #contact { background: url(images/logo2.gif) no-repeat top left; margin: 0 0 0 0; padding: 78px 0 40px 35px;}

#box #content #contact h1 { color:#72655f; font: 0.9em/1.5 arial, helvetica, arial, sans-serif; letter-spacing: 0.1em; text-align:left; margin:0 0; padding: 0 0;}

#box #content #contact h2 { color:#72655f; font: 0.8em/1.5 arial, helvetica, arial, sans-serif; letter-spacing: 0.1em; text-align:left; margin:0 0; padding: 1em 0 0 0;}

#box #content #contact p { clear:both; color:#72655f; font: 0.75em/1.5 arial, helvetica, arial, sans-serif; text-align:left; margin:0 0; padding: 1em 0 0 0; } 

#box #content #contact p a { color:#72655f; text-decoration:underline; padding: 0 0.5em 0.5em 0; }

#box #content #contact p a:hover { color:#ab899f; text-decoration:underline; }

#box #content #contact address { clear:both; color:#72655f; font: 0.75em/1.5 arial, helvetica, arial, sans-serif; text-align:left; margin:0 0; padding: 1em 0 0 0; } 







#box #mainnav { clear:both; width: 800px; height: 50px; background: #855b76; }

#box #mainnav ul { color:#c7a9bc; font: 0.85em/1.5 arial, helvetica, arial, sans-serif; letter-spacing: 0.1em; text-align:left; margin:0 0; padding: 1em 0 0 25px; }

#box #mainnav ul li { display: inline; }

#box #mainnav ul a { color:#c7a9bc; text-decoration:none; padding: 0 0.5em; }

#box #mainnav ul a:hover { color:#4f2b42; text-decoration:none; }

#box #mainnav ul a.active { color:#4f2b42; text-decoration:underline; }

#box #woodenspace { width: 800px; height: 18px; background: #fb4c1b url(images/wood.jpg) no-repeat bottom; }

#box #footer { width: 800px; height: 27px; background: #481843 url(images/shadow.jpg) no-repeat bottom; }

#box #footer p { color:#916782; font: 0.7em helvetica, arial, sans-serif; letter-spacing: 0.1em; text-align:left; margin:0 0; padding: 0.2em 0 0 25px; }

#box #footer p a { color:#916782; text-decoration:none;}

#box #footer p a:hover { color:#6f4761; text-decoration:none; }