/* CSS by Nadia  */
body{
font:100.01%/110%  Arial,Verdana,Helvetica,sans-serif;
color: Black;
text-align:center;
margin:0px;
padding:0px;
background-color: #333333;
background-image:  url(../pics/background_grey.gif);
}

html, body { height:100.1%; margin-bottom:1px; }

/* Heading styles */
h1{
font: 110% Arial,Verdana,Helvetica,sans-serif;
font-size: 120%;
margin: 0px 0 15px 14px;
color: #636363;
border: 1px solid #7c7c7c;
padding: 4px;
/*margin: 15px;*/
}
h2{
font: 110% Arial,Verdana, Helvetica,sans-serif;
color: #CC9900;
margin: 15px;
}
h3{
font: 100% Arial,Verdana,Helvetica,sans-serif;
color:#003333;
margin: 15px;
}

h5{
font: 90% Arial,Verdana,Helvetica,sans-serif;
color: #000000;
margin: 15px;
font-weight: normal;
font-style: italic;
}
/* sytles the unordered list */
ul{
margin:20px;
padding:0;
list-style: circle;
}
ul li{
padding:0 0 0 10px/*25px*/;
line-height:1.5em;
}

#wrapper {
	margin: auto auto;
	background-color: white;
	width: 750px;
	border-right: 2px solid #333;
	border-left: 2px solid #333333;
}
#contentwrapper{
text-align: left;
width: 750px;
background-color:transparent;

}
#header{
margin:0;
padding:0;
height:180px;
background: url(../pics/header4.gif) no-repeat center;
}

#left {
text-align:left;
margin-top:0px;
padding: 0px;
float: left;
width: 520px;
background-color:transparent;
padding-right:5px;
padding-left:15px;
font-size: 85%;
}
#left p{
text-align:justify;
margin: 10px;
}

#left a {
	text-decoration: none;
	color: #4B4331;
	font-size: 100%;
}
#nav{
width:190px;
padding:0;
margin-top:0px;
float:right;
background-color:white;
text-align: center;
/*font-size: 75%;*/
}
#nav a,#nav a:visited{
padding: 0 4px 0 4px;
font-size:70%;
color:white;
display:block;
width:185px;
text-decoration:none;
background-image:  url(../pics/button_onblue.gif);
background-position: left;
background-repeat: no-repeat;
line-height: 33px;
}

#nav a:hover{
background:transparent;
background-image:  url(../pics/button_off.gif);
background-position: left;
background-repeat: no-repeat;
line-height: 33px;
color: #4b4331;
}

#nav li{
margin:0 0 10px 0;
padding:0;
list-style-type:none;
background:none;
}

#nav ul{
margin:0;
padding:0;
}

/* current page marker - use template parameters to set the id on the body and the menu */
body#homepage li#home a, body#stylingpage li#styling a, body#aboutpage li#about a, body#wardrobepage li#wardrobe a, body#personalpage li#personal a, 
body#otherpage li#other a, body#businesspage li#business a, body#retailpage li#retail a, body#usefullinkspage li#usefullinks a, 
body#testimonialspage li#testimonials a, body#contactpage li#contact a, bodyspecialofferspage li#specialoffer a  {
background:transparent;
background-image:  url(../pics/button_off.gif);
background-position: left;
background-repeat: no-repeat;
line-height: 33px;
color: #4b4331;
}

/* used to clear divs */
#separator {
	clear: both;
	display: block;
	height: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}

/* footer styles */
#footer{
padding: 20px 0px 20px 20px;
text-align:center;
width:730px;
border-top:1px solid #C5CEBF;
color: #8A8A8A;
font-size: 70%;
}

#footer a:link{
color: #4B4331;
text-decoration:none;
}

#footer a:visited {
color: #9F896A;
text-decoration: none;
}
#footer a:hover, #footer a:focus {
color: #4b4331;
text-decoration:none;
}
#footer a:active {
/*color: #8A8A8A;*/
}

/* div holding the package images at bottom of page */
#package {
width: 550px;
padding-bottom: 2px;
margin: 0px auto 0 auto;
}

#package ul {
list-style: none;
margin: 0;
padding: 0;
}

#package li {
float: left;
list-style: none;
margin-right: 0px;
padding: 0px;
}

/* FORM STYLES */
form {width:450px; 
padding:0; 
margin: 0px; 
text-align: left;
}

fieldset{
	padding:10px;
	border: 1px solid #67735D;
/*	margin-bottom:15px;*/
	margin-left: 25px;	
width: 450px;
}

.textarea2{
background-color: #C5CEBF;
background-image: none;
border: 1px solid #006666;
margin: 4px;
padding: 6px;
}

/*styles the input fields*/
input,textarea{
background-color: #F2EEDB;
border: 1px solid #4B4331;
margin: 4px;
font: 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
}

label{
	color: #4B4331;
	font-weight: bold;
}
legend{
padding: 10px 0px 50px 0px;    /*gives a bit of padding between the border and the test*/
color: #4B4331;
font:16px Verdana,Geneva,Arial,Helvetica,sans-serif;
font-weight: bold;
}
.submitbutton {
	border: 1px solid #003366;
	background-color: #4B4331;
	color: White;
	padding: 2px;
	font-size: 75%;
}
/* end form styles */

/* pullquotes for content area */
.toproundedcorner2 {
	background-image: url(../pullquote_pics/quote_2_top.gif);
	height: 20px;
	width: 503px;
}	
.toproundedcornerbottom2 {
	background-image: url(../pullquote_pics/quote_2_bottom.gif);
	height: 33px;
	width: 503px;
}

.quoteback2 li{
margin: 0; 
padding: 0;
list-style-type:none;
background:none;
font-size: 90%;
text-align: left;
font-style: italic;
color: #5A513B;
}
.quoteback2 ul{
text-align: left;
}

.quoteback2 {
background-image: url(../pullquote_pics/quote_2_middle.gif);
background-repeat: repeat-y;
width: 503px;
padding: 0;
margin: 0;
text-indent: 6px;
white-space: nowrap;
}

.quoteback2 p {
	margin-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.quoteback2 h2 {
	font-size: 90%;
	color: #706449;
	margin:0;
text-align: center;
}

.quoteback2 h3 {
	font-size: 70%;
	color: #AFAF9C;
	margin:0;
/*	padding-bottom:2px;*/
	text-align: center;
}

.quoteback2 blockquote {
	padding: 0;
	margin: 0;
	width: 480px;
	font-size: 95%;
	line-height: 200%;
	color: #6A6A56;
	margin: 0px 20px 0px 20px;
	font-weight: normal;
}

/* end 2nd quotebox styles */

.splat {
	color:#FF0000;
	font-weight:bolder;
}
/* style for STYLICIOUS name - also used to style the bold on H1 */
.bizname {
font-weight: bold;
}

#linkstable td img {border:0}

#linkstable td{height:50px;vertical-align:middle;margin-left:30px}

#linkstable tr{vertical-align:middle;}

#linkstable {margin-left:25%}