/*
-------------------------------------------------------- 
JK. Kent Counselling for Men
Author: Felicia Loykowski - www.thisisfelicia.com
-------------------------------------------------------- 
*/

/* PAGE ELEMENTS
-------------------------------------------------------------*/

body {
margin: 0 0 1.5em 0;
padding: 0 0 0 0;
background: #e5daba url(exports/bg_body.jpg) top repeat-x;
text-align: center;
font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
font-size:13px;
min-width: 771px;
}

div#wrap {
margin: 0 auto;
padding: 0;
width: 771px;
background-color: black;
text-align: left;
}

div#banner {
height:110px;
background-color:#fbd081;
}

div#navigation {
height:29px;
background-color:black;
}

div#mainText {
padding:1em;
padding-bottom:0;
padding-right:3em;
padding-top:0;
color:white;
background-color:black;
letter-spacing:0.1em;

overflow: auto;
}

div#mainText p {
text-align:center;	
}

div#mainText br{
margin:8px;
}

div#bottom {
padding: 0;
background: black url(exports/bg_bottom.jpg) top repeat-x;
background-color:black;
text-align: center;
}



/* BANNER
-------------------------------------------------------------*/

ul#banner{
margin: 0;
padding: 0;
height: 50px;
position: relative;
}

ul#banner li {
margin: 0 0 0 0;
padding: 0 0 0 0;
display: block;
position: absolute;
height: 50px;
}

ul#banner li a {
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 50px;
display: block;
}

ul#banner li#appointment { width: 191px; left: 580px; top:0; }
ul#banner li#find { width: 191px; left: 580px; top:54; }

ul#banner li#appointment a { width: 191px; background: url(exports/nav_appointment.png) no-repeat; background-position: 0 0; }
ul#banner li#find a { width: 191px; background: url(exports/nav_find.png) no-repeat; background-position: 0 0; }

ul#banner li#appointment a:hover { background-position: 0 -54px; }
ul#banner li#find a:hover { background-position: 0 -54px; }


/* NAV
-------------------------------------------------------------*/

ul#nav {
margin: 0;
padding: 0;
height: 29px;
top: 0;
position: relative;
}

ul#nav li {
margin: 0 0 0 0;
padding: 0 0 0 0;
display: block;
position: absolute;
height: 29px;
/*top: 0;*/
}

ul#nav li a {
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 29px;
display: block;
}

ul#nav li#home { width: 108px; left: 0px; }
ul#nav li#counselling { width: 106px; left: 110px; }
ul#nav li#midlife { width: 106px; left: 218px; }
ul#nav li#anger { width: 106px; left: 326px; }
ul#nav li#about { width: 106px; left: 434px; }
ul#nav li#faq { width: 71px; left: 542px; }
ul#nav li#blank { width: 156px; left: 615px; }

ul#nav li#home a { width: 108px; background: url(exports/nav_home.png) no-repeat; background-position: 0 0; }
ul#nav li#counselling a { width: 106px; background: url(exports/nav_counselling.png) no-repeat; background-position: 0 0; }
ul#nav li#midlife a { width: 106px; background: url(exports/nav_midlife.png) no-repeat; background-position: 0 0; }
ul#nav li#anger a { width: 106px; background: url(exports/nav_anger.png) no-repeat; background-position: 0 0; }
ul#nav li#about a { width: 106px; background: url(exports/nav_about.png) no-repeat; background-position: 0 0px; }
ul#nav li#faq a { width: 71px; background: url(exports/nav_faq.png) no-repeat; background-position: 0 0; }
ul#nav li#blank { width: 156px; background: url(exports/nav_blank.png) no-repeat; background-position: 0 0px; }

ul#nav li#home a:hover { background-position: 0 -32px; }
ul#nav li#counselling a:hover { background-position: 0 -32px; }
ul#nav li#midlife a:hover { background-position: 0 -32px; }
ul#nav li#anger a:hover { background-position: 0 -32px; }
ul#nav li#about a:hover { background-position: 0 -32px; }
ul#nav li#faq a:hover { background-position: 0 -32px; }