body
	{margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	background-image: url(images/background.png);}

#all 
	{width: 860px; 
	position: relative;
	margin: 0 auto;
	text-align: left;}

#content
	{width: 820px;
	float: left;
	background-color: #202020;
	padding: 20px;}

#header
	{width: 860px;
	height: 180px;
	background-image: url(images/header.png);
	border-width: 3px;
	border-bottom-style: solid;
	border-color: #bc95ff;
	}

#footer
	{width: 840px;
	height: 30px;
	padding: 10px;
	padding-top: 20px;
	color: 	#C0C0C0;
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	border-width: 3px;
	border-top-style: solid;
	border-color: #ff46fd;
	float: left;
	background-image: url(images/footer_background.png);
	text-align: center;}

#menu {
	float: left;
	width: 100%;
	margin-top: 13px;}

#nav, #nav ul {
	padding: 0px;
	padding-left: 20px;
	margin: 0;
	list-style: none;}

#nav li a{
	display: block;}

#nav li {
	float: left;
	display: block;
	margin-right: 10px;
	position: relative;
	text-align: center;
	color: #FFFFFF;
	font-size: .85em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 9px;}

#nav a:link, #nav a:visited {
	display: block;
	text-decoration: none;
	color: #FFFFFF;}

* html #nav a {
	width: 100%;}

#nav ul {
 /*
 display: none;
 */
	position: absolute;
	left: -2000px;
	padding: 0;}

#nav ul li {
	border: 0 none transparent;
	top: 8px;
	width: 180px;
	text-align: left;
	border-top: 1px solid #2e2e2e;
	background-color: #1d1d1d;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	line-height: 2em;}

#nav li:hover {
 	display: block;
	left: 0px;
	background-color: #ff46fd;
	color: blue;}

#nav li:hover ul {
	color: blue;
	left: 0px;}
	
h1
	{font-size: 1.3em;
	margin-bottom: 10px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;}

h2
	{font-size: 1em;
	color: #ff46fd;
	font-family: Arial, Helvetica, sans-serif;}
h3
	{font-size: .85em;
	color: #FF69B4;
	font-style: sans-serif;
	text-align: center;
	margin: 0px;}
h4
	{font-size: 1em;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;}

span.bold
	{font-weight: bold;}
	

span.developer
	{margin-left: 0px;
	font-size: 1em;
	color: #a9a9a9;
	font-family: Arial, Helvetica, sans-serif;}
	}
a.develop{
	font-size: 1em;
	color: #8f8f8f;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;}

a.develop:hover{
	text-decoration: underline;
	color: #8cc540;}
a.develop:visited {color: #8cc540;
		text-decoration: none;}
	

span.copyright
	{font-size: 1em;
	color: #a9a9a9;
	font-family: Arial, Helvetica, sans-serif;}

span.contact
	{margin-left: 20px;
	color: #4169E1;
	float: left;}

span.boxtext
	{font-size: .85em;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: px;
	}


span.message
	{font-size: 1em;
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF69B4;}

span.course_price
	{font-size: 1em;
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;	
	}

p
	{font-size: .85em;
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;	
	}

ul 
	{font-size: .85em;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	padding: 0px;}
	{background-image: url(cross.png);
	background-repeat: no-repeat;}
	


#contentleft
	{width: 392px;
	float: left;
	color: white;
	
	}

#contentright
	{width: 418px;dp
	min-height: 500px;
	float: right;
	color: white;
	}


a.link
	{color: #4169E1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	text-decoration: none;}

a.link:hover  {text-decoration: underline;}

a.useful
	{color: #4169E1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;}




a.questions
	{color: #4169E1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	text-decoration: none;}

a.questions:hover {text-decoration: underline;}


a.map
	{color: #4169E1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-decoration: none;}

a.map:hover {text-decoration: underline;}


a.document
	{color: #4682B4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 25px;}

span.email
	{color: #4169E1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;}

span.emailbox
	{color: #4169E1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;}

/*Nav Menu*/

a.nava
	{height: 30px;
	color: #ffffff;
	float: left;
	margin-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-weight: bold;}

a.nava:link    {text-decoration: none;}
a.nava:visited {text-decoration: none;}
a.nava:hover   {color: #ff46fd;}
a.nava:active  {color: #C0C0C0;
		text-decoration: none;}

a.navb
  	{height: 30px;
	color: #ff46fd;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	margin-left: 25px;
	font-size: .7em;
	font-weight: bold;}

a.navb:link   
  {background-color: transparent; text-decoration: none;}
a.navb:visited {text-decoration: none;}
  background-color: transparent; text-decoration: none;}
a.navb:hover  {}
  background-color: transparent; text-decoration: none;}
a.navb:active {
  background: transparent; text-decoration: none;}

img.right
	{float: right;
	margin-bottom: 20px;
	margin-top: 20px;
	border-style: solid;
	border-width: 15px;
	border-color: #292929;}

img.left
	{float: left;
	margin-right: 20px;
	}

img.guild
	{float: right;
	margin-right: 20px;
	margin-top: 30px;
	border-width: 0px;}

img.menufiller
	{float: right;
	margin: 0px;}


.boxcontent {width: 180px;
	height: 160px;}

.boxlink
	{color: #4169E1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
	width: 180px;
	height: 10px;
	text-align: center;}

a.boxlink:hover  {text-decoration: underline;}

#box_container{
	width: 418px;
	height: 400px;
	float: right;}


.boxleft
	{width: 180px;
	height: 190px;
	color: white;
	padding: 10px;
	font-size: .9em;
	float: left;
	margin-bottom: 20px;
	background-image: url(images/box_background.png);}

.boxright
	{width: 180px;
	height: 190px;
	color: white;
	padding: 10px;
	font-size: .9em;
	float: right;
	margin-bottom: 20px;
	background-image: url(images/box_background.png);}

.feedback_box{
	width: 418px;
	height: 100px;
	background-image: url(images/feedback_box.png);
	float: left;
	color: #ffffff;}

#price_container_eye{
	width: 600px;
	height: 230px;
	float: left;
	padding-top: 20px;
	background-image: url(images/price_container_eye.png);}

#price_container_hair{
	width: 600px;
	height: 230px;
	float: left;
	padding-top: 20px;
	margin-top: 20px;
	background-image: url(images/price_container_hair.png);}

#price_container_nails{
	width: 600px;
	height: 230px;
	float: left;
	padding-top: 20px;
	margin-top: 20px;
	background-image: url(images/price_container_nails.png);}

#price_container_makeup{
	width: 600px;
	height: 230px;
	float: left;
	padding-top: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(images/price_container_makeup.png);}
	
.price_box
	{width: 180px;
	height: 230px;
	padding: 10px;
	float: left;
	color: white;}

.aplybox
	{width: 180px;
	height: 20px;
	margin-top: 20px;
	padding: 10px;
	float: right;
	background-image: url(images/aplybox.png);}

.boxsmall_left
	{width: 160px;
	height: 80px;
	color: white;
	margin-top: 10px;
	margin-left: 35px;
	padding: 10px;
	font-size: .9em;
	float: left;
	text-align: center;
	background-image: url(images/small_box_background.png);}

.boxsmall_right
	{width: 160px;
	height: 80px;
	color: white;
	margin-top: 10px;
	padding: 10px;
	font-size: .9em;
	float: right;
	text-align: center;
	background-image: url(images/small_box_background.png);}


/*Dates and prices page*/

.coursebox
	{width: 435px;
	float: left;
	margin-top: 20px;
	border-bottom-style: solid;
	border-color: #696969;
	border-width: 1px;}

.coursedetails
	{width: 435px;
	min-height: 150px;
	float: left;
	font-size: 1.1em;}

.coursedates
	{width: 245px;
	min-height: 150px;
	float: right;
	font-size: 1em;}

.datebox
	{float: right;
	width: 245px;
	margin-top: 20px;
	border-bottom-style: solid;
	border-color: #696969;
	border-width: 1px;}

span.dates_prices
	{font-size: .95em;
	color: #FF69B4;
	font-weight: bold;}

span.booked
	{font-size: 1em;
	color: #DC143C;
	}

/*Contact us page*/


#details
	{width: 290px;
	margin-bottom: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #696969;
	font-size: .9em;}

#contact
	{width: 280px;
	height: 140px;
	padding-left: 10px;}

#email
	{width: 280px;
	height: 100px;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #696969;
	padding-left: 10px;}

#directions
	{width: 190px;
	padding-left: 10px;}

	

#map_canvas
	{width: 602px;
	height: 300px;}


#map 
	{}

img.center
	{text-align: center;
	margin-left: 200px;}
	
span.quotes
	{font-size: 2.5em;}

img.logo{
	margin-top: 20px;
	margin-left: 20px;
	float: left;}
	
.course_box{
	float: left;
	width: 360px;
	margin-bottom: 10px;
	border-width: 1px;
	border-color: #2a2a2a;
	padding-bottom: 10px;}

.course_apply_box{
	float: left;
	width: 300px;
	height: 20px;
	margin-bottom: 10px;
	padding-top: 2px;
	background-image: url(images/arrow.png);
	background-repeat: no-repeat;
	padding-left: 33px;}
	

span.course_details{
	font-size: .9em;
	color: #ff46fd;
	font-family: Arial, Helvetica, sans-serif;}

span.discount{
	font-size: .75em;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;}
	

a.course_apply{
	font-size: .85em;
	color: #4169E1;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;}
	
a.course_apply:hover  {text-decoration: underline;}
	

span.courses_sub{
	font-size: .95em;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;}

span.home_text{
	font-size: 1em;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;}

#dp_right{
	width: 180px;
	height: 600px;
	float: right;}

.comments_box{
	height: 205px;
	width: 408px;
	float: left;
	background-image: url(images/comments_box.png);
	padding-top: 45px;
	padding-left: 10px;
	font-size: .8em;
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;}

span.comment{
	color: #ff46fd;
	font-family: Arial, Helvetica, sans-serif;}