/*/*/
/* A Liberated Space Styles - Copyright A Liberated Space 2006 /*

/** Useful Shortcuts:
*	font: font-style  font-variant  font-weight  font-size / line-height  font-family
*	background:  background-color  background-image  background-repeat  background-attachment  background-position 
*	border: border-width  border-style  border-color 
*	margin: top right bottom left 
*	padding: top right bottom left
***/


/********************* STANDARD TAGS **********************/
body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font: normal .77em/125% Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background: #535353;
}

img, form, p {margin: 0px; padding: 0px;}
p {margin: 0 0 1.6em 0em;}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: .1em 0;	
	
}
h1 {
	font-size: 1.6em; 
	margin: 0 0 .3em 0; 
	left: -.2em;
	color: #65451F;
	font-family: Georgia, "Times New Roman", Times, serifserif;
	font-weight: normal;
	}
h2 {
	font-size: 1.45em; 
	margin: .3em 0 .3em 0; 
	left: -.1em;
	color: #0066CC;
	font-family: Georgia, "Times New Roman", Times, serifserif;
	font-weight: normal;
	}
h3 {font-size: 1em; color: #000;}
h4 {font-size: 1.0em; color: #999;}
h5 {font-size: .9em;}
h6 {font-size: 1.0em;}

h3.bottomBorder {border-bottom: 1px solid #CDCDCD; padding: 0 0 .2em 0; width: 450px; }

.hide, #siteName {
	display: none;
	line-height: 0;
	font-size: 0;
}
.clearing {clear: both; height: 0; line-height: 0; font-size: 1px;}


/********************* LINKS ******************************/
a:link {
	color: #209EBD;
	text-decoration: underline; 
	} 
	a:hover, a:active  {
	color: #DFC55B;
	text-decoration: none;
	} 
	a:visited {
	color: #999;
	text-decoration: underline;
} 

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

#brand div {
	font-size: .9em;
	width: 213px;
	margin: 0 18px 0 44px;
	}

#brand h2 {
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	color: #000;
	border-top: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
	padding: .5em 0;
	margin-bottom: 1em;
}
#brand h2 a {color: black;}
#brand p, #brand ul {border-bottom: 1px solid #E4E4E4; padding-bottom: 1em;}
#main img.photo {padding: 6px; border: 1px solid #DDD; margin: 1em 0 1.5em 40px;}

div.purchase, div.purchase br {
	clear: both; 
	margin-bottom: 1.2em;
	background: #f5f5f5;
	padding: 10px 0 10px 10px;
	}
	div.purchase h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #169AB3;
	margin-bottom: .4em;
	}
	div.purchase p {
	float: left; 
	margin: .3em .2em; 
	font-weight: bold; 
	font-size: 1.1em; 
	width: 3.7em; 
	text-align: right;
	color: #333;
	}
	div.purchase p.normal {
	float: none;
	margin: 1em;
	font: normal 1em/125% Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	text-align: left;
	}
	div.purchase form input.button {
	border: 1px solid #AAA; 
	background: #C5DCE2; 
	font-size: .8em; 
	font-weight: bold; 
	padding: .3em .8em; 
	color: #65451F; 
	}
	div.purchase form {
	float: left; 
	margin: 0 0 .6em .6em;
}

/*** Lists ***/
ul.fragrances {margin: 0; padding: 0;}
ul.fragrances li {
	float: left;
	width: 11em;
	list-style: none;
	margin-bottom: 1.5em;
	padding-left: 0em;
	font-size: 1.1em;
	font-weight: bold;
	color: #169AB3;
}
ul.fragrances {margin-left: .2em;}
ul.fragrances li {
	color: #666; 
	margin-bottom: .5em; 
	font-size: .9em;
	font-weight: normal; 
	width: 8.5em;
	}
ul.fragrances li strong {color: black; margin: 0 .2em 0 -.5em;}



ul li.testimonials {
margin: 1em 0 0 0;
padding: 0;
list-style: none;
text-indent: -5000px;
}
ul li.testimonials a {
display: block;
padding: 0;
margin: 0;
background: url(images/btn_testimonials.jpg) no-repeat 0 0;
height: 25px;
outline: none;
moz-outline: none;}
ul li.testimonials a:hover {
background: url(images/btn_testimonials2.jpg) no-repeat 0 0;
}
ul li.testimonials span {
display: none;
}


/********************* NAVIGATION *************************/
#nav {text-align: right;}

#nav ul {margin: 0; padding: 0; float: right;}
#nav ul li {
	border: 1px solid #E4E4E4;
	border-top: none;
	display: inline;
	margin: 0 -1px 4px 0;
	background: #FFF;
	float: left;
}


#nav a {
	color: #999;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 5px 22px 3px;	
	border-bottom: 5px solid #FFF;
}
#nav a:hover {
	color: #454545;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 5px solid #62C4D9;
}
#page.products #nav a.products {
	color: #454545;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 5px solid #62C4D9;

}


/********************* LAYOUT *****************************/
#page {
	margin: 60px auto 20px auto;
	padding: 0 0 .5em 0px;
	width: 700px;
	border: 2px solid #CCC;
	background: #FFF url(images/brandTop.jpg) no-repeat;
	text-align: center; position: relative;
}
#brand {
	position: relative;
	float: left;
	width: 275px;
	background: url(images/brandBottom.jpg) no-repeat 0 137px;
	text-align: left;
	
}
#brand img {
	margin: 56px 0 190px 0;

}
#brand div img {margin-bottom: 20px;}
#main {
	position: relative;
	float: right;
	width: 425px;
	text-align: left;
	
}
#main #image img { }


#content {
	padding: 1em 25px 0 15px;

}
#footer {
	margin: 0px auto 40px auto;
	width: 700px;
	text-align: center;
	color: #BBB;
}

/*Order Page*/
	#page.order {background: #FFF url(images/brandTopOrder.jpg) no-repeat;}
	#page.order #brand {background: url(images/brandBottomOrder.jpg) no-repeat 0 137px;}
/*Products Page*/
/*Contact Page*/
/*Testimonials*/
p.quote {margin: -1em 0 2em 0em; padding: 0;}

/* FORMS */
form {margin: 0; padding: 0;}