/*
Name: Kate Aspden
Date: 2007-01-16
Description: Hair & Makeup
Author: Kate Aspden

*/




/********************************************
   BODY
********************************************/

body {
	margin-top: 20px;
	padding: 0;
	background: #fff url(images/bg.jpg);
	background-repeat:repeat-x repeat-y;
	background-attachment: fixed;
	font-size: 12px;
	font-weight:normal;
	color: #555;


}

body, th, td, input, textarea, select, option {
		font-family:  Verdana, sans-serif, arial, tahoma;
}

img {  
	border-style: solid; 
	border-width: 1px; 
	border-color: #FFFFFF; 

} 

html, body{ height: 101%;}



/********************************************
   GENERAL
********************************************/


ul, ol {
	line-height: 200%;
}

p {
	line-height: 100%; 
}

 


/********************************************
   HEADER
********************************************/


#header{
	width: 780px;
	height: 168px;
	margin: 0 auto;
	background: #008080 url(images/header.jpg) top center no-repeat;
	border-top: 5px solid #fff;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	margin-bottom: 0px;
}




/********************************************
  MENU
********************************************/


#menu{
	width: 780px;
	height: 35px;
	margin: 0 auto;
	padding:0 0 3px 0;
	background:#008080;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	font: 100%;
	font-weight:normal;

}

ul#simple-menu{
	list-style-type:none;
	width:100%;
	position:relative;
	height:27px;
	font-size:13px;
	font-weight:normal;
	margin:0;
	padding:11px 0 0 0;
}
ul#simple-menu li{
	display:block;
	float:left;
	margin:0 0 0 2px;
	height:12px;
}

ul#simple-menu li.left{
	margin:0;
}

ul#simple-menu li a{
	display:block;
	float:left;
	color:#fff;
	background:#555;
	line-height:27px;
	text-decoration:none;
	padding:0 21px 0 22px;
	height:27px;
}

ul#simple-menu li a.right{
	padding-right:19px;
}

ul#simple-menu li a:hover{
	background:#004040;
}

ul#simple-menu li a.current{
	color:#2E4560;
	background:#fff;
}

ul#simple-menu li a.current:hover{
	color:#2E4560;
	background:#fff;
}


/********************************************
  CONTENT
********************************************/

#content {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	background: #f1f1f1;
	border: 5px solid #fff;

}

.endOfSection { clear: both; } 





/********************************************
  MAIN
********************************************/

#main {
	float: left;
	width: 525px;
	margin: 0 auto;
	padding: 20px 10px 20px 10px;
	background: #fff;

}




#main h1{
	color: #008080;
	letter-spacing: 1px;
	line-height: 100%;
	padding: 0;
	margin: 0;
	border-bottom: 0px solid #ccc;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}


#main h2{
	color: #008080;
	letter-spacing: 1px;
	line-height: 130%;
	padding: 10px 0 0 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
	text-align: left;
	font-weight: normal;
	font-size: 15px;
}

#main h3{
	letter-spacing: 1px;
	line-height: 130%;
	padding: 10px 0 0 0;
	margin: 0;
	border-bottom: 0px solid #ccc;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
}

#main h4{
	letter-spacing: 1px;
	line-height: 100%;
	padding: 10px 0 0 0;
	margin: 0;
	border-bottom: 0px solid #ccc;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
}



#main p {
	line-height: 150%; 
	text-align: left;
	letter-spacing: 0px;


}



#main li {
	padding-left: 0px;
	line-height: 125%;
	list-style-type:disc;


}



#main a {
	color: #008080;
	text-decoration: underline;

}


#main a:hover {
	color: #008080;
	text-decoration: underline;
}



table.border {
	border-width:2px; 
	border-style:solid;
	border-margin: 10px 0 10px 0;
}



.endOfSection { clear: both; } 




/********************************************
   SIDEBAR
********************************************/


#sidebar {
	float: right;
	width: 200px;
	margin: 0 auto;
	padding: 20px 20px 20px 0px;
	background: #f1f1f1;

}

#sidebar img{
	border: none;
}


#sidebar p {
	font-size: 12px;
	font-weight:normal;
	line-height: 120%;
	margin: 10px 0 10px 0;
	padding: 0;
}

#sidebar h1 {
	font-size: 14px;
	font-weight:normal;
	color: #008080;
	line-height: 100%;
	margin: 10px 0 10px 0;
	padding: 0;
	border-bottom: 1px solid #555;
}

#sidebar h2 {
	font-size: 14px;
	font-weight:normal;
	color: #008080;
	line-height: 100%;
	margin: 10px 0 10px 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}

#sidebar ul {

	margin: 4px 0;
	padding: 0;
}

#sidebar li {
	list-style: none;
	margin: 4px 0;
}


#sidebar a {
	text-decoration: none;
	color: #008080;

}

#sidebar a:hover {
	color: #008080;
	text-decoration: underline;
}

#sidebar c2 {text-align: center}




/********************************************
  FOOTER
********************************************/

#footer {
	width: 780px;
	clear: both;
	padding: 10px 0 10px 0;
	margin: 0 auto;
	color: #555;
	background: #ccc;
	text-align: center;
	font-size: smaller;
	border: 5px solid #fff;

}
b {
	line-height: 100%; 
	color: #e5e5e5;
}

#footer a {
	color: #555;
	text-decoration: none;

}

#footer a:hover {
	color: #008080;
	text-decoration: underline;
}