/*
Template: default
Theme Name: default
Theme URI: www.amytron.com
Description: Cardiff School of beauty
Version: 20
Author:Amy Young
Author URI:  www.amytron.com
Template: Cardiff School of beauty
*/

/* ----- GLOBAL ----- */

*{ margin:0; padding:0;}

body { background-color:#ff0084; background-image:url(images/bg.jpg); background-attachment:fixed; background-position:top center; background-repeat: repeat-x; font-size:11px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin:0px; padding:0px; color:#ffffff;}

html { padding: 0; margin: 0;}

a:link { text-decoration: underline; color : #ff0084; border: 0px; }
a:active { text-decoration:  underline; color : #ff0084; border: 0px; }
a:visited { text-decoration: underline; color : #ff0084; border: 0px; }
a:hover	{ text-decoration: underline; color : #ff0084; border:0px; } 

.hideit{display:none;}

img{border:0px;}

p{margin-bottom:10px;}

/* ----- IDS ----- */

#container{ width:960px; min-height:800px; margin:0 auto; padding:0px; text-align:left; z-index: auto;}

#header{ width:960px; height:100px; float:left; display:block; background-image:url(images/logo.png); background-position:top left; background-repeat:no-repeat;} 

#nav{ width:450px; height:50px; float:right; display:block; margin-top:70px;}

#content{ width:960px; min-height:479px; display:block; float:left;}

#main-top{ background-image:url(images/main-top.png); background-repeat:no-repeat; height:40px; width:1000px; position:relative; left:-20px; float:left; display:block;}

#main-bottom{ background-image:url(images/main-bottom.png); background-repeat:no-repeat; height:30px; width:1000px; position:relative; left:-20px; float:left; display:block;}

#main{width:1000px; position:relative; left:-20px; min-height:100px; background-image:url(images/main-repeat.png); float:left; display:block;}

#section{ width:600px; min-height:400px; display:block; float:left; margin:0 20px 20px 40px;}

#sidebar{ width:280px; min-height:400px; display:block; float:left; padding:0 0 0 20px; background-image:url(images/sidebar-bg.png); background-position:left; background-repeat:repeat-y;}

.image-slide-area{ width:600px; height:440px; float:left; display:block; background-image:url(images/slider-bg.png); background-repeat:no-repeat; padding:10px;}

#footer{ width:960px; height:15px; display:block; float:left; margin:20px 0 40px 0; font-size:10px;}

/* ----- CLASSES ----- */

#nav ul a{color:#FFFFFF; font-size:14px; text-decoration:none; margin-right:5px; padding:5px; background-color:#e80078; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#nav ul a:hover{background-color:#ff0084; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
	
#content ul{list-style:disc; list-style-position:inside; margin-bottom:10px;}	
	
#header ul{ margin-left: 0; padding-left: 0; display: inline;} 
#header li{ margin-left: 0; list-style: none; display: inline;}

.logo{padding-top:50px;}

.banner{ margin-right:8px; float:left; display:block; margin-top:0px;}
.banner2{ float:left; display:block; margin-top:0px; margin-left:1px;}

input{ background-color:#ff0084; -moz-border-radius: 4px; -webkit-border-radius: 4px; border:0px; color:#ffffff; padding:5px; font-size:11px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.submit{ margin-top:10px; padding:3px 4px; border:solid 1px #4ea6ed; background-color:#eaeaea; color:#4ea6ed; margin:0px 4px 4px 0px; border-radius:2px; }
textarea{ background-color:#ff0084; -moz-border-radius: 4px; -webkit-border-radius: 4px; border:0px; color:#ffffff; padding:5px; font-size:11px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}

.alignright{ float:right;}
.alignleft{ float:left;}

.flickr-thumb{width:60px; height:60px; padding:5px; background-color:#e80078; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-right:10px;}
.flickr-thumb:hover{background-color:#ffffff;}

.footlogos{float:right;}

.vote{
	width: 213px;
	height: 213px;
	position: absolute;
	top:0px;
	right: 0px;
	background:url(images/vote.png) no-repeat; }
	
	.vote span{
		display: none;}
		
.courseintro{
	background: #ff0084;
	color: #fff;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	padding: 10px;
	margin-bottom: 10px;}
	
	.courseintro a{
		color: #fff;
		text-decoration: underline;}
	
.time{
	padding-left: 20px;
	background: url(images/clock.png) no-repeat;}

.cost{
	padding-left: 20px;
	background: url(images/cost.png) no-repeat;}

.kit{
	padding-left: 20px;
	background: url(images/kit.png) no-repeat;}

.book{
	padding-left: 20px;
	background: url(images/email.png) no-repeat;}

/* ----- Course Thumbs --- */

.nailextension{width:200px;height: 230px; display:block; float: left; margin-bottom:20px; background-image: url(images/thumbs/nailextension.png);}
.nailextension:hover{background-position: 0 -230px;}
.nailextension span{display: none;}

.manicure{width:200px;height: 230px; display:block; float: left; margin-bottom:20px; background-image: url(images/thumbs/manicure.png);}
.manicure:hover{background-position: 0 -230px;}
.manicure span{display: none;}

.nailart{width:200px;height: 230px; display:block; float: left; margin-bottom:20px; background-image: url(images/thumbs/nailart.png);}
.nailart:hover{background-position: 0 -230px;}
.nailart span{display: none;}

.warmwaxing{width:200px;height: 230px; display:block; float: left; margin-bottom:20px; background-image: url(images/thumbs/warmwaxing.png);}
.warmwaxing:hover{background-position: 0 -230px;}
.warmwaxing span{display: none;}

.brazilian{width:200px;height: 230px; display:block; float: left; margin-bottom:20px; background-image: url(images/thumbs/brazilian.png);}
.brazilian:hover{background-position: 0 -230px;}
.brazilian span{display: none;}

.eyecare{width:200px;height: 230px; display:block; float: left; margin-bottom:20px; background-image: url(images/thumbs/eyecare.png);}
.eyecare:hover{background-position: 0 -230px;}
.eyecare span{display: none;}

.threading{width:200px;height: 230px; display:block; float: left; margin-bottom:20px; background-image: url(images/thumbs/threading.png);}
.threading:hover{background-position: 0 -230px;}
.threading span{display: none;}

.makeup{width:200px;height: 230px; display:block; float: left; margin-bottom:20px; background-image: url(images/thumbs/makeup.png);}
.makeup:hover{background-position: 0 -230px;}
.makeup span{display: none;}

.facial{width:200px;height: 230px; display:block; float: left; margin-bottom:20px; background-image: url(images/thumbs/facial.png);}
.facial:hover{background-position: 0 -230px;}
.facial span{display: none;}

.spraytan{width:200px;height: 230px; display:block; float: left; margin-bottom:20px; background-image: url(images/thumbs/spraytan.png);}
.spraytan:hover{background-position: 0 -230px;}
.spraytan span{display: none;}

.hair{width:200px;height: 230px; display:block; float: left; margin-bottom:20px; background-image: url(images/thumbs/hair.png);}
.hair:hover{background-position: 0 -230px;}
.hair span{display: none;}

/* ----- h1, h2, h3, h4 ----- */

h1, h2, h3{ font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; color:#ff0084; margin-bottom:10px; font-size:14px; }

/* Jquery */

.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:502px; display:none; }

ul.pagination {position:relative; list-style-image:none; list-style-type:none; margin:0; padding:0; top:-320px; left:425px; width:132px; }
ul.pagination li { float:left; margin:0 5px; list-style-image:none; list-style-type:none; }	
ul.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(images/jquery/pagination.png); background-position:0 0; background-repeat:no-repeat;}
ul.pagination li.active a {background-position:0 -12px}
a.previous { position:relative; top:55px; left:-135px; }
a.next { position:relative; top:55px; left:-40px; }

#header-banners{width:502px; height:335px; float:left; display:block; margin:41px 0 0 40px; overflow:hidden; position:relative; }