/* * 
red CD0000
brown(text)  664C31
poo brown  C68756
**/

/* for positioning absolute centre */
* {margin:0;padding:0}

/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

body {
	background-color:#fff;
	font-size:11px;
	color:#664C31;
	font-family:"lucida grande", Arial, Helvetica, sans-serif;
	text-align:center;
	/*min-height:660px; for good browsers*/
	/* min-width:950px;for good browsers*/
}
#outer{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#container {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height:660px;
}	
#inner {
	width:950px;
	height:660px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

/* end positioning centre */

/* * STRUCTURAL STYLES * */
#header {margin:0; height:8px; background:url(../core_img/swatch.gif) no-repeat left top;}

#focusimage {text-align:left; width:435px; height:615px; float:left;}

#logo {height:240px; text-align:center;}
#logo img {margin-top:60px;}

#right {float:right; width:500px; text-align:left;}
.wrapper {border:1px solid #E6E6E6;}
/* == top nav = */
#topnav {height:20px; line-height:20px; text-align:center;}

#topnav a {display:in-line; float:left; width:94px;}
#topnav a:link, #topnav a:visited {color:#664C31;}
#topnav a:hover, #topnav a:active {color:#CD0000;}

body#collections #topnav a.collectionscurrent,
body#hair #topnav a.haircurrent,
body#beauty #topnav a.beautycurrent,
body#millinery #topnav a.millinerycurrent,
body#about #topnav a.aboutcurrent,
body#media #topnav a.mediacurrent,
body#tips #topnav a.tipscurrent,
body#recruitment #topnav a.recruitmentcurrent,
body#contact #topnav a.contactcurrent,
body#nadia #topnav a.nadiacurrent {color:#CD0000;}


/* * SUB NAV  * */
#subnav {margin:10px 0 5px 0;}
#subnav a {margin:0 20px 0 0; font-size:13px; height:15px; letter-spacing:1px;}
#subnav a:hover, #subnav a:active {color: #CD0000;}
#subnav a.current {color:#C68756;}

/* * CONTENT * */
#words {padding:20px 10px 0 0;}

#words p {text-align:justify;}
h2 {font-size:11px; padding:0; margin:10px 0 5px 0; color:#664C31; border-bottom:1px solid #664C31;}

h1 {padding:0 0 10px 0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:32px; font-weight:normal; color:#664C31; letter-spacing:2px;}
h1 span {margin-left:10px;}

h1{background:url(../core_img/swatch_hair.gif) no-repeat left bottom;}
h1 span {color:#C68756;}


/* * = = = = C O L L E C T I O N S G A L L E R Y = = = * */
#gallery div {float:left;}
#gallery div img {display:block;  width:120px; height:120px; margin:15px 18px 15px 5px; border:1px #C68756 solid;}

/* * = = G E N E R A L  S T Y L E S = = * */
p { margin:0 0 7px 0; line-height:1.5;}
.clear {clear:both; height:1px;}

a {text-decoration: none; color: #664C31;}
a:link, a:visited {color:#664C31;}
a:hover, a:active {color:#CD0000;}

img, img a, a img {border: 0;}

.quote {padding:0 15px 10px 15px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}
.tabright {margin-left:250px;}

.underline p {padding-left:15px;}
a.underline:link, a.underline:visited, .underline a:link, .underline a:visited  {border-bottom:1px solid #ccc;}
a.underline:hover, a.underline:active, .underline a:hover, .underline a:active  {border-bottom:1px solid #CD0000;}

strong, b {font-weight: bold;}
.small {font-size:0.8em;color:#999999;}
.small a:link, .small a:visited  { color:#999; 	text-decoration:none;	}
.small a:active, .small a:hover { color:#CC0000; 	text-decoration:none;}

ol {margin:0 0 0 15px; padding:0;}
li {line-height:1.4; padding-bottom:8px; list-style-type:none;}

ul.articles {margin:0; padding:0; list-style:none;}
ul.articles li {height:25px; line-height:25px; list-style:none; background:url(../images/doc_icon.gif) no-repeat left bottom; padding:0 0 0 25px; margin-bottom:10px;} 
.mediaLeft {float:left; width:225px;}
.mediaRight{float:right; width:225px;}



#footer {height:15px; line-height:15px; text-align:center; color:#664C31; font-size:9px;}
#footer span, #footer a {margin:0 10px;}
#footer a:link, #footer a:visited {color:#664C31;}
#footer a:hover, #footer a:active {color:#CD0000;}

.spacer {margin:0 20px;}

.red {color:#990000;}

img.map {border:1px solid #ccc;}

tr, input, textarea {
	font-size:0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#664C31;}
	
 input, textarea {border:1px solid #990000;}
	
img.nadia {margin:5px 8px 5px 0; float:left;}