@charset "UTF-8";
/* CSS Document */

/* ---------------------------------------------------------------------------------------------------------------------------------
	1) STYLE SHEET FOR WWW.FLAUNTBEAUTY.CO.UK - AUTHOR: IWOOD WEB DESIGN
/* --------------------------------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------------------------------------------
	1) RESETS & UNIVERSAL CLASSES
/* --------------------------------------------------------------------------------------------------------------------------------- */
	body {font-size:62.5%; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; background-color:#030303;}
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td 
	{ margin:0; padding:0;}
	fieldset, img, abbr, acronym { border:0 none;}
	table { border-collapse:separate; border-spacing:0;}
	:focus { outline:0;}
	address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal;}
	caption, th { text-align:left;}
	h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
	blockquote:before, blockquote:after, q:before, q:after { content:"";}
	
	
	.nomargin { margin:0 !important;}
	.fleft { float:left;}
	.fright { float:right;}
	.clear { clear:both; height:0; line-height:0; visibility:hidden;}
	.clearfix:after, .subheading:after, dl:after, .prodlist dd:after, .selectpop dd:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
	#ie6 .clearfix, #ie6 dl, #ie6 .subheading, #ie6 .prodlist dd, #ie6 .selectpop dd, #ie7 .clearfix, #ie7 dl, #ie7 .subheading, #ie7 .prodlist dd, #ie7 .selectpop dd { display:inline-block;}
	.align_right {text-align: right;}

	.white {color: #fff;}
	.pink {color: #ff66ff;}
	
	table {color: #fff; font-size: 1.2em; border: 0; margin-bottom : 20px; width: 385px;}
	tr td {padding: 5px 0; border: 0;}
	
	table p {font-size: 12px;}
	
	td.border {border-top: 1px dotted #fff; margin-right: 1px;}
	td.borderlast {border-bottom: 1px dotted #fff; margin-right: 1px;}
	
	td.right {text-align: right; color: #ff66ff;}
/* ---------------------------------------------------------------------------------------------------------------------------------
	2) TYPOGRAPHY
/* --------------------------------------------------------------------------------------------------------------------------------- */

p {color: #fff; font-size: 1.2em; line-height: 20px; margin-bottom: 10px;}
a { color: #ff66ff; text-decoration: none; font-weight: bold;}
h2 {font-size: 1.6em; font-weight: bold; letter-spacing: -1px; color: #fff; margin-top: 20px; margin-bottom: 5px;}
h3 {font-size: 1.8em; font-weight: bold; letter-spacing: -1px; color: #fff; margin-top: 0px; margin-bottom: 5px;}

a:hover {color: #F5ABF8;}

.size14 {font-size: 1.4em;}
.quotes {font-size: 2.2em; letter-spacing: -1.5px; line-height: 24px; margin-top: 10px;}


/* ---------------------------------------------------------------------------------------------------------------------------------
	3) PAGE LAYOUT
/* --------------------------------------------------------------------------------------------------------------------------------- */

#header {width: 100%; height: 134px; background:url(images/grey_grad.jpg) repeat-x;}

.container {width: 940px; padding: 0 10px; margin: 0 auto;}
.line_break {width: 100%; height: 3px; background: #993399;}

#logo {float: left; width: 251px; height: 77px; margin-top: 37px;}
#call_us {width: 470px; height: 26px; float: right; margin-top: 41px;}

#nav_bar {width: 470px; height: 50px; margin-top: 18px; float: right;}
#nav_bar span {visibility:hidden;}

#nav_bar #homepage {float: left; display: block; width: 55px; background:url(images/nav_sprite.png) 0 -51px; height: 49px; margin-right: 2px;}
#nav_bar #homepage:hover, #home #homepage {background-position: 0 0; }


#nav_bar #treatments {float: left; display: block; width: 95px; background:url(images/nav_sprite.png) -57px -51px; height: 49px; margin-right: 2px;}
#nav_bar #treatments:hover, #treatmentpage #treatments {background-position: -57px 0; }


#nav_bar #tanning {float: left; display: block; width: 113px; background:url(images/nav_sprite.png) -154px -51px; height: 49px; margin-right: 2px;}
#nav_bar #tanning:hover, #tanpage #tanning {background-position: -154px 0; }

#nav_bar #parties {float: left; display: block; width: 125px; background:url(images/nav_sprite.png) -269px -51px; height: 49px; margin-right: 2px;}
#nav_bar #parties:hover, #pamperpage #parties {background-position: -269px 0; }

#nav_bar #contactpage {float: left; display: block; width: 74px; background:url(images/nav_sprite.png) -396px -51px; height: 49px;}
#nav_bar #contactpage:hover, #contact #contactpage {background-position: -396px 0;}


#content {width: 100%; padding: 15px 0; background:url(images/purple_grad2.jpg); background-repeat: repeat-x;}
#home #content  {background:url(images/purple_grad1.jpg); height: 524px;}

#home h1 {margin-top: 24px; margin-bottom: 15px;}

h1 {font-size: 2.8em; letter-spacing: -2px; color:#fff; font-weight: bold; margin-bottom: 5px; margin-top: 20px;}
#home #left_content, #left_content {float: left; width: 430px; }
#home #left_content a, #left_content a {}

#home #right_content {float: right; width: 470px; height: 320px;}
#right_content {float: right; width: 470px;}

#right_content table {width: 100%;}

#box_holder {}
.box {width: 235px; height: 189px; float: left;margin-top: 15px;}

#footer {margin-top: 5px; color: #fff; font-size: 1.1em;}

#footer a {font-weight: normal;}

#map {width: 460px; height: 340px; padding: 5px; background-color: #fff;}