html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img a{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

/*Personalisation*/
html {background:#264F38;}
body {
  color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  background-image:url(../images/vine_bg_center.jpg);
  _background-image:url(../images/vine_bg_center_ie.jpg);
  *background-image:url(../images/vine_bg_center_ie.jpg);
  background-attachment:fixed;
  background-position:center;
  background-color:#264F38;
  background-repeat:no-repeat;
  _background-position: top;
  *background-position: top;
  margin-bottom:20px;
}

h1 {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}

h2 {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}

h3 {
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

h5 {
  color: #000;
  font-size: 11px;
}

h6 {
font-style:italic;
font-size:10px;
}

a,  a:link {
  color: #FF0000;
  font-weight: bold;
  text-decoration: none;
}

a:visited {
  color: #FF0000;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #FF0000;
  text-decoration: underline;
}

a:focus {
  color: #FF0000;
}

a:active {
  color: #FF0000;
}

/*vines*/
#vine-left, #vine-right { width: 150px; height: 347px; position: absolute; top: 0;}
#vine-left { left: 0; background: url(../images/vine_trans_left.png) no-repeat; }
#vine-right { right: 0; background: url(../images/vine_trans_right.png) no-repeat; }

/*nav*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, 
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 10px verdana, sans-serif; border:1px solid #000; border-color:#eca #b97 #a86 #edb; border-width:1px 1px 1px 1px; background:#fff; position:relative; z-index:200;}
#nav {height:25px; padding:0 0 0 0; border:0px solid;}

#nav li {float:left;}
#nav li li {float:none; background:#fff;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {display:block; float:left; color:#888; margin:0 20px 0 10px; height:25px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none; }

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px; }
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#888;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px; }

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:underline; color:#1C1E09;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#888;}

/*content*/
#myGallery
{
width: 760px !important;
height: 280px !important;
padding:0;
margin:0;
border:0px;
}

#logo {
height:115px;
width:760px;
background:url(../images/reallogo_trans_small.png) no-repeat left #1C1E09;
border:1px solid #fff;
border-bottom-width:0px;
border-right-width:0px;
border-left-width:0px;
}

#video {margin-top: 10px;}

#outerWrapper {
	background-color: #fff;
	border: 1px solid #fff;
	border-right-color:#fff;
	margin: 10px auto 0 auto;
	border-bottom-width:0px;
	border-top-width:0px;
	text-align: left;
	width: 760px;
}
#outerWrapper #header {
	background-color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 15px;
	border: solid #000 2px;
	border-left-width:0px;
	border-right-width:0px;
}

#outerWrapper #contentWrapper {
	width: 760px;
	margin: 0 auto 0 auto;
	background: url(tile_content_bg.gif) repeat-y;
	border: 0px solid #000;
	border-top-width :0px;
	border-right: 0px;
	border-left: 0px;
	border-top: 1px solid #000;
}

#outerWrapper #contentWrapper #contentheader {
color:#000; margin-left:1px; margin-right:4px; 	font-size:26px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
}

#outerWrapper #contentWrapper #contentintro {
	margin: 13px 0 30px 1px;
}

#outerWrapper #contentWrapper #contentintrovar {
	margin: 13px 0 30px 2px;
}

#outerWrapper #contentWrapper #contentexperience {
	padding:0 0 5px 0;
	border-bottom: 1px solid #000;
	margin-bottom: 5px;
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#outerWrapper #contentWrapper #contentintrovar #product {
	margin: 13px 0 30px 2px;
}

#pricetable {
	margin: 15px 0 0 0;
	width:325px;
}
#pricetableinproduct {
	margin: 5px 0 20px 0;
	width:325px;
}
#productinfo {
	width:275px;
	font-weight:bold;
	float: left;
}
#prices {
	width:50px;
	font-weight:bold;float: right;
	text-align:right;
}


#outerWrapper #contentWrapper #rightColumn1 {
    color:#1C1E09;
	float: right;
	padding: 0;
	border-left: 1px solid #000;
	border-bottom: 0px solid #fff;
	width: 250px;
	font-size: 12px;
	font-weight:bold;
	line-height: 20px;
	background-color:#264F38;
	*overflow:auto;
}

#outerWrapper #contentWrapper #rightColumn2 {
	width: 250px;
	text-align:left;
	margin-bottom:10px;
}

#outerWrapper #contentWrapper #rightColumn3 {
  width: 280px;
  text-align:left;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 10px 0 10px 0;
}

#outerWrapper #contentWrapper #content {
	/*background-color: #FBF8F0;*/
	margin: 0 250px 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 15px 15px 10px 15px;
}

#outerWrapper #contentWrapper #tagline {
	margin: 10px 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	text-align:left;
}

#outerWrapper #contentWrapper .clearFloat {
  clear: right;
  display: block;
}
#outerWrapper #footer {
  background-color: #1C1E09;
  border: solid 1px #fff;
  border-top-width:1px;
  border-right-width:0px;
  padding: 10px 15px 10px 15px;
  color:#FFFFFF;
  font-weight:bold;
}

/*footer links*/
#footer a {
  color: #fff;
  text-decoration: none;
  font-weight:normal;
}

#footer a:link {
  color: #fff;
  text-decoration: none;
  font-weight:normal;
}

#footer a:hover {
  color: #fff;
  text-decoration: underline;
    font-weight:normal;
}

#footer a:focus {
  color: #fff;
    font-weight:normal;
}

#footer a:active {
  color: #eee;
    font-weight:normal;
}



#masterfooter {
}
#biowrapper {
margin:0 0 15px 0;
}
#bio{
	padding-left:5px;
	padding-top:1px;
	width: 465px;
}
#biopic{
	float:right;
	border: 0px solid #000;
	padding-left: 10px;
	border-left-width: 1px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#elements {
width: 350px;
margin:0 auto 0 auto;
}
#elements img {
padding-right: 10px;
}
#elements div {
text-align:center;
padding-right: 10px;
width:60px;
float:left;
}
#subhead {
text-align:left;font-size:14px; color:#000; margin-top:1px; margin-right:1px; }
#subhead2 {
text-align:left;font-size:14px; color:#000; margin-top:1px; margin-right:1px; }
#hairprice {
  color: #000;
  font-size: 16px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
#map {
border:1px solid #000;
width:470px;
margin: 13px 0 20px 0;
}

/*classes*/
.redbig {font-size:14px; color:#FF0000}
.center {margin-left: 3px;}
.fixindent {margin-left:15px; padding-left:5px; margin-bottom:5px;}
.fixindentbullets {margin-left:1em;padding-left:1em; list-style: circle;}
.right {text-align:right;}
.border {border:1px solid #fff;}
.last {
	border-right: 0px;
	border-right-color: #fff;
	}
.vidcenter {
	margin: 0 auto 0 auto;
	width: 325px;
	}
.imgcenter {
	margin-left: 30px;
	margin-bottom: 10px;
	margin-top: 5px;
	}
.imagerightcolumnfloat {
	float:right;
	}
.clearboth {
clear: left;
}
.clearline {
clear: left;
margin-bottom:20px;
_margin-bottom:10px;
*margin-bottom:10px;
}
.clearlinenofloat {
margin-bottom:10px;
_margin-bottom:10px;
*margin-bottom:10px;
}
.columntext {
	float:left;
	width:160px;
	margin: 0 5px 0 0;
}

blockquote {
  background: transparent url(../images/quoleft.gif) left top no-repeat;
}
blockquote div {
  padding: 0 25px;
  background: transparent url(../images/quoright.gif) right bottom no-repeat;margin: 0 5px 10px 5px;
}

#biocontent {
	padding-top: 10px;
	width: 475px;
}

#linkdiv {margin:0 0 5px 0; padding:0 0 0 15px; width: 460px;}

.italic {font-style:italic;}