/* formatter for Andy Martin
----------------------------------------------------*/	
			
/*---------------------------------------------	
 Main and logo background-color: #2c2f22; background: url(../bg/woodgrainh.jpg) no-repeat 0px 0px;
-----------------------------------------------*/
body   {
	text-align: center;
	margin-left: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        background: #030405 url(../bg/woodgrainhd.jpg) repeat-y 100px 50px;
        width: 600px;
	}
p#logo  {
        position: absolute;
        top: 12px;
        left: 70px;
        width: 250px;
        font-size: 24px;
        background: url(../bg/woodgrainh.jpg) no-repeat 0px 0px;
        text-align: center; 
        }
span#logo {
        font-size: x-small;
        margin-right: 37px; 
        }
span#logoname {
        font-style: italic;
        font-size: larger;
        font-family: serif, Roman, Times ;
        }

/*-------------------------------------- 
 page style formats
 --------------------------------------- */	
h1     {
        font-size: 24px;
        color: #f8fee4;
        }
h2     {
        font-size: 20px;
        color: #f8fee4;
        }
h3     {
        font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #f8fee4;
        }
.head  {
        font-family: Zapfino, cursive, serif;
        font-style: oblique;
        }
p      {
        font-size: 12px;
        color: #f8fee4;
        line-height: 1.4em;
        }
#para1 {
        font-size: 12px;
        color: #f8fee4;
        line-height: 1.2em;
        }
#para2 {
        font-size: 10px;
        color: #f8fee4;
        line-height: 1.2em;
        }

/* ----------------------------
Frame and bottom code
------------------------------- */
div#frame {
	position: absolute;
	margin-left: 20px;
	margin-top: 50px;
	margin-bottom: 0px;
        width: 600px;
        }
div#bottom {
	position: absolute;
	background: transparent top left no-repeat;
	width: 600px;
        }
/*--------------------------------------
Links
---------------------------------------- */
a#title3  {
        font-size: 16px;
	font-family: menu, Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #f8fee4;
        }
a#foot  {
        font-size: xx-small;
	font-family: menu, Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #7c7f72;
        }
a#foot: visited  {
        font-size: xx-small;
	font-family: menu, Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #3c3f32;
        }
a#agrey  {
        color: #7c7f72;
        }
a#agrey: visited  {
        color: #3c3f32;
        }
a#alight  {
        color: #cfcfc2;
        }
a#alight: visited  {
        color: #acafa2;
        }

/*--------------------------------------
Form
---------------------------------------- */
td#num {
       font-size: 30px;
       font-family: Verdana;
       color: #3c3f32;
       font-weight: bold;
       padding-left: 20px;
       }
td#instruct {
       font-size: 11px;
       font-family: Verdana;
       font-weight: bold;
       padding-right: 20px;
       color: #cccfc2;
       }
td#instruct2 {
       font-size: 11px;
       font-family: Verdana;
       font-weight: normal;
       padding-right: 20px;
       color: #cccfc2;
       }

/*-------------------------------------- 
 Bulletted key text
 --------------------------------------- */
#keys {
        list-style-image: url(bullet_pp_2.png) ;
	margin: 0px ;
        font-size: 12px;
        font-family: sans-serif, helvetica, sans-serif;
        line-height: 1.4em;
        }
#keys li:first-letter {
        font-size: 22px;
        font-style: bold;
        }
#keys li ul {
        list-style-image: none ;
        ist-style-type: disc ;
	margin-left: -25px ;
        font-size: 12px;
        font-family: sans-serif, helvetica, sans-serif;
        line-height: 1.2em;
        }
#keys li ul li:first-letter {
        font-size: 14px;
        font-style: bold;
        }

ul#wotzon li { 
        list-style-image: url(bullet_pp_2.png) ;
	margin-left: -20px ;
        font-size: 12px;
        font-family: sans-serif, helvetica, sans-serif;
	}
#wotzon li:first-letter {
        font-size: 18px;
        font-style: bold;
        }

/*-------------------------------------- 
 Dropdown Menus background-color: #c59d77;
 --------------------------------------- */
ul#nav li { 
	float: left;
	display: inline;
	}
/* Background colour of the top bar */
ul#nav {
	width: 390px;
	height: 1.4em;
	margin-left: -13px ;
	margin-top: -5px;
	padding: 0;
	background: url(../bg/woodgrainh.jpg);
	}
/* Colour of the top text */
#nav li a  { 
	display: block;
        color: #d8dec4;
	text-decoration: none;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 10px;
	padding-right: 0;
	font-size: small;
	voice-family: "\"}\"";   
	voice-family: inherit; 
	width: 60px;
		}
/* Sub-menu text */
#nav li ul li a {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	line-height: 1.2em;
        width: 120px;
        color: #3c3f32;
        font-size: x-small;
	}
#nav, #nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: left;
        }
		
#nav li ul {
	 position: absolute;
	 width: 130px;
	 left: -999em;
	 }
/* WAS background: #fdfdff;  #e6caaa;*/
#nav ul {
	line-height: 1;
	background: #dadadd;
	border: solid #aaaa55;
	border-width: 1px ;
	width: 150px;
	voice-family: "\"}\"";   
	voice-family: inherit; 
	}
 
/* Adjust visual spacing */
/* Increase width of Skill etc */
#nav a#skill {
	width: 85px;
	voice-family: "\"}\"";   
	voice-family: inherit; 
	} 
/* Increase width of Prices */
#nav a#prices {
	width: 145px;
	voice-family: "\"}\"";   
	voice-family: inherit; 
	} 
/* Decrease width of About */
#nav a#accueil {
	width: 60px;
	voice-family: "\"}\"";   
	voice-family: inherit; 
	} 
 
#nav li:hover ul { 
	left: auto;
	 }
#nav ul li:hover, #nav ul li.sfhover {
	background: #c59d77;
	width: 100%;
		}
#nav li a:hover, #nav ul li a:hover, #nav li a.sfhover, #nav ul li a.sfhover {
	color: #f8fee4;
	}
#nav li:hover ul, #nav li.sfhover ul { left: auto; }

/* You are here effect - Top navigation */
body.home ul#nav li a#accueil{
   color: #f8fec4;
   }
body.skill ul#nav li a#skill{
   color: #f8fec4;
   }
body.prices ul#nav li a#prices{
   color: #f8fec4;
   }
body.about ul#nav li a#about{
   color: #f8fec4;
   }