/*
CSS - AVANTI_INTERNATIONAL_BEAUTY
*/

/* layout styles */
* {
	padding: 0;
	margin: 0;
}/* this will reset all elements to margin/padding = 0 */

body {
	margin: 0;
	padding: 0;
	background: #654b27 url(../images/bg_repeat.gif) repeat-x;
}

#container {
	width:798px;
	margin: 0 auto;
	margin-top: 50px;
	border:0px solid #fff;}

#banner{
	width: 798px;
	height: 170px;
	background:#FFF url(../images/core/header_banner.jpg) right top no-repeat;}
	
#info-container{
	background:#e0d3ac; 
	width:798px;}



/*--- l e f t ---*/

#left{
	width:536px;
	background:#f0e8d0;
	float: left;
	padding: 0 15px 0 15px;}

div#left p{
	font:12px Verdana, Arial, Helvetica, sans-serif; 
	color:#666;
	padding: 0 0 15px 0;
	line-height:18px;
	text-align:justify;}
	
div#left ul {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding: 5px 15px 0px 15px;
	margin: 0px 0 0px 15px;}

div#left li {
	padding: 0px 0px 5px 0px;
	margin: 0 0 0px 0px;}

div#left a{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#362d25;
	text-decoration:none;
	font-weight: bold;}

div#left a:hover{
	color:#362d25;
	text-decoration:underline;
	font-weight: bold;}

.images-left{margin:0 15px 15px 0;}
.images-right{margin: 0 0 15px 15px;}
.images-bottom{padding: 30px 0 30px 0;}
.white{background:#FFFFFF; height:120px;}

/*--- r i g h t ---*/

#right{
	width:232px;
	background:#e0d3ac;
	float: left;}

div#right p{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#634925;
	padding: 30px 15px 30px 15px;}

div#right a{

	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#362d25;
	text-decoration:none;
	font-weight: bold;}

div#right a:hover{
	color:#362d25;
	text-decoration:underline;
	font-weight: bold;}

/* --- f o o t e r ---*/

#spacer{height:7px; width:798px; background:#634925;}

#footer{
	margin: 0 auto;
	width:788px ;height:25px; padding: 5px;
	background: #fff;
	float:left;}

div#footer p{text-align:left; color:#634925; 	font:11px Verdana, Arial, Helvetica, sans-serif;}

div#footer a{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#634925;
	text-decoration:none;}

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

#webbasic{text-align:right;}

div#webbasic a:hover{border-bottom:none;}


h1{
	font:18px "Century Gothic" Verdana, Arial, Helvetica, sans-serif;
	color:#352c23;
	padding: 15px 0 10px 0;
	font-weight: bold;}

h2{
	font:14px "Century Gothic";
	color:#b3976f;
	font-weight:bold;
	padding: 5px 0 5px 0;}

h3{

	font:13px "Century Gothic";
	color:#352c23;
	font-weight:bold;
	padding: 5px 0 5px 0;}

h4{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#b3976f;
	font-style:italic;
	padding: 10px 30px 10px 30px;}

h5{
	font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#b3976f;
	font-weight:bold;
	padding: 5px 0 5px 0;}
	

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: '.';
	display: block;
	clear: both;
}/* apply this to the div that contains 2 or more floating elements */ 


/* --- n a v i g a t i o n ---*/
div#navigation{
	width:798px;
	height:85px;
	_margin-top: -4px;
	background:#f0e8d0 url(../images/nav/bg.gif) repeat-x;}

ul#nav {list-style:none;}
ul#nav li {float:left;text-indent:-9999px;overflow:hidden;}
ul#nav li a {display:block;height:85px;}
ul#nav li a:hover {background-position:0 -85px!important;}

ul#nav li#home a {background:url(../images/nav/home.gif) no-repeat 0 0;width:112px;} 
ul#nav li#profile a {background:url(../images/nav/profile.gif) no-repeat 0 0;width:92px;} 
ul#nav li#services a {background:url(../images/nav/services.gif) no-repeat 0 0;width:110px;} 
ul#nav li#products a {background:url(../images/nav/products.gif) no-repeat 0 0;width:110px;} 
ul#nav li#contact a {background:url(../images/nav/contact-us.gif) no-repeat 0 0;width:131px;} 

/* --- n a v i g a t i o n ---*/

/*---------------------------------------------   
    forms
----------------------------------------------*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }
form.form ol { list-style: none; 	font:12px Arial, Helvetica, sans-serif; color:#666;}
form.form li { margin-bottom: 5px; 	font:12px Arial, Helvetica, sans-serif; color:#666;}

form.form label {
	display: inline-block;
	width: 150px;
}

form.form input, form.form select, form.form textarea {
	width: 200px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font:12px Arial, Helvetica, sans-serif;
	color:#666;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin: 15px 50px 0 50px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #352c23;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 10px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}