/**********************************************************************************************
	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2	Page Layout
			3.3	Header
			3.4	Maincontent

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;font-size: 100%; vertical-align: baseline; } /* JC for DW - removed inherit attributes to font items  */


body {
	line-height: 1; }	
	
ol, ul {
	list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */}

caption, th, td {
	text-align: left; 
	font-weight: normal;}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	height:100%;
	background:#000000;
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	
h1, h2 ,h3 , h4 {
  }


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select, form {
	font: 1.1em Arial, Helvetica, sans-serif;}

/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a {
  text-decoration:none;
  color:#c7b299;}

a:visited {}

a:hover {}

a:active {}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.hide {
	position: absolute;
	left: -9999px;}

.imgreplace {
  display:block;
  text-indent:-9999px;}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}

.clearfix {
	display: inline-block; }
	
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; }

.clearfix {
	display: block; }
/* End hide from IE-mac */

.fleft {
  float:left;}

.fright {
  float:right;}

/* center */
.centr {
  display:block;
  margin:0 auto;}

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;}


/* 3.2	Page Layout
-----------------------------------------------------------------------------------------------*/	
#container {
  width:752px;
  margin:0 auto;
  padding: 13px 0; /* padding: 28px 0; */
  }

/*#header {
  padding:0 0 17px;}*/
  
#header {
  padding:0px;
 }

#maincontent {
  background:url(../images/bg-container.gif) repeat-y;
  width:734px;
  padding:8px;
  float: left; /* JC FOR DW */
  display: inline; /* JC FOR DW */
  }

/* 3.3 Header
-----------------------------------------------------------------------------------------------*/
#header h1 a {
  float:left;
  background:url(../images/logo-halo2.gif) no-repeat;
  width:96px; /*width:101px*/
  height:57px; /*height:58px*/
  display:block;
  text-indent:-9999px;}

#header .contact {
  background:url(../images/title-contactinfo.gif) no-repeat;
  width:373px;
  height:18px;
  float:left;
  position:relative;
  top:35px;
  left:18px;}
  
/* 3.3 Maincontent
-----------------------------------------------------------------------------------------------*/
#maincontent #block {
	border:1px solid #9e9fa3;
	background:url(../images/bg-col.gif) left repeat-y;
	padding:0 0 30px 0;
}

#maincontent .colnav {
  width:304px;
  float:left;}

#maincontent .colnav .ph {
  padding: 0px;
  border-bottom: none;
  background-color:#484f59;}
/*  
#maincontent .colnav .ph {
  padding:0 0 19px 0;
  border-bottom:1px solid #9a9b9d;
  background-color:#484f59;}  
*/

#maincontent .colnav .ph img { 
  border-bottom:1px solid #9a9b9d;} 

#maincontent .navcontent ul.navmain {
  width:118px;
  float:left;
  padding:14px 0 0 0;}

#maincontent .navcontent ul.navmain li {
  margin:0 0 0 16px;
  background:url(../images/bul-box.gif) 0 5px no-repeat;
  padding:0 0 18px 12px;
  width:90px;}

#maincontent .navcontent ul.navmain li a {
  display:block;
  color:#fff;
  font-size:1.2em;}

#maincontent .navcontent ul.navmain li a:hover,
#maincontent .navcontent ul.navmain li a.active {
  background:url(../images/bul-arrow.gif) right no-repeat;}

#maincontent .navcontent ul.navmain li a:hover {
  color:#ccc;}

#maincontent .navcontent ul.navsublinks {
  width:170px;
  float:right;
  padding:16px 0 0 0;}

#maincontent .navcontent ul.navsublinks li {
  color:#fff;
  font-size:1em;
  padding:0 0 9px 0;}

#maincontent .navcontent ul.navsublinks li a {
  color:#fff;}
#maincontent .navcontent ul.navsublinks li a:hover {
  color:#fff;
  text-decoration:underline;}

#maincontent .colcontent {
	float:right;
	width:350px;
	padding:27px 44px 0 0;
	background-color: #FFFFFF; /* JC FOR DW */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* JC FOR DW */
}
#maincontent .colcontent ul {
	list-style-type: none;
	margin: 0px 0px 20px 10px;
}
#maincontent .colcontent ul li {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	background-image: url(../images/bullet_arrows.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
#maincontent .colcontent h2 {
  padding:0 0 27px 0;}
  
#maincontent .colcontent a {
	color: #666666;
	text-decoration: underline;
 }
 #maincontent .colcontent a:hover {
	text-decoration: none;
 }
#maincontent .colcontent h2.title-eyelashex {
  background:url(../images/title-eyelashextensions.gif) no-repeat;
  width:350px;
  height:17px;}

#maincontent .colcontent .entry {
	padding:0 0 10px 0;
	font-size:1.1em;
	line-height: 1.5em;
	color: #666666;
  }

#maincontent .colcontent .entry span.name {
  color:#a23822;
  font-weight:normal;
  font-size:1.1em;}

#maincontent .colcontent .entry span.price {
	color:#000000;
	font-weight:normal;
	font-size:1.1em;
	padding: 0px 0px 10px 0px;
  }

#maincontent .colcontent .entry p.service_description {
  color:#838385;
  line-height:13px;
  padding:3px 0 15px 0;}
  
#footer {
	clear: both;
	width: 752px;
	text-align: center;
	font-size:1.1em;
	color:#CCCCCC;
	line-height: 14px;
	padding: 12px 0 0 0;
}
#prop {
	float: left;
	display: inline;
	width: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	height: 550px;
}