@charset "UTF-8";

/* --------------------------------------------------------------
	CSS Reset
-------------------------------------------------------------- */

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

:focus { outline: 0;}

/* --------------------------------------------------------------
	Layout
-------------------------------------------------------------- */

*, body, clear { margin: 0; padding: 0; }
html { font-size: 16px; height:101%; }

body {	
	font: normal 62.5%/200% Trebuchet MS, Helvetica, Arial, Geneva, sans-serif;	
	color: #8b8a88;
	background: #f5f3ed url(../images/bg.jpg) top repeat-x;
	}

#wrap 			{ width:930px; margin: 0 auto; }
		
#header 		{ width: 100%; height: 210px; }
#header h1 		{ background: url(../images/header.jpg) no-repeat; }
#header h1 a 	{ text-indent:-5000px; display:block; }
#header h1,
#header h1 a 	{ width:100%; height:160px; }
		
#content		{ width: 100%; margin-top: 60px; }
#main 			{ width: 580px; float: left; margin-bottom: 30px; }
#sidebar		{ width: 260px; float: right; margin-bottom: 40px; }

#imagerotator {
	width: 258px;
	height: 358px;
	border: 1px solid #d9d6cf;
	}

#footer {
	width: 100%;
	height: 100px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #999;
	line-height: 1.3em;
	}

/* --------------------------------------------------------------
	Menu
-------------------------------------------------------------- */	

#menu { list-style-type: none; margin: 0 auto; }
#menu, #menu li a { height: 50px; overflow: hidden;}
#menu, #menu li, #menu li a { display: block; float: left; }
#menu li a { text-decoration: none; text-indent: -5000px; }
#menu, #menu li a.active, #menu li a:hover { background: transparent url(../images/menu.png) no-repeat left top; }	

/* Tab widths */
#menu li.home a 			{ width: 84px; }
#menu li.female a 			{ width: 140px; }
#menu li.male a				{ width: 119px; }
#menu li.contact a 			{ width: 93px; }

/* Tab start points  */
#menu li.home a.active,
#menu li.home a:hover 		{ background-position: -0px bottom; }
#menu li.female a.active,
#menu li.female a:hover 	{ background-position: -84px bottom; }
#menu li.male a.active,
#menu li.male a:hover 		{ background-position: -224px bottom; }
#menu li.contact a.active,
#menu li.contact a:hover	{ background-position: -343px bottom; }

/* --------------------------------------------------------------
	Headings
-------------------------------------------------------------- */
	
h2 			{ width: 580px; height: 40px; margin-bottom: 20px; text-indent: -5000px; }
h2.home		{ background-image: url(../images/title-home.png); }
h2.contact	{ background-image: url(../images/title-contact.png); }

h3 { font-size:1.6em; margin-bottom:15px; color: #240a1c; }

/* --------------------------------------------------------------
	Styles
-------------------------------------------------------------- */

p		    { font-size:1.3em; margin-bottom:15px; }	
a img 	    { border: 0 none; }
em 		    { font-style: oblique; }
strong 	    { font-weight: bold; }

a 		    { color: #8b8a88; text-decoration: underline; }
a:hover     { color: #8b8a88; text-decoration: none; }

hr 		    { color: #8b8a88; background: #8b8a89; border: 0; height: 1px; margin: 20px 0; }

.clear	    { clear: both; }
.left	    { float: left; }
.right	    { float: right; text-align: right; }
.TextBox    { width: 350px; color: #8b8a88; border: 1px solid #8b8a88;}
.Button     { width: 100px; color: #8b8a88; background-color: #fff; border: 1px solid #8b8a88; }
.ErrorText  { color: #ED078F; }
.NotifyText { color: #008000; }