@charset "utf-8";
/* CSS Document */

html, body {
	  padding: 0;
	  margin: 0;
	  height: 100%;
	  background-color:#0e0a07;  
}

p {
	font-family: arial;
	font-size: 13px;
	color:#CCCCCC;
	line-height: 12pt;
}
.ptitle {
	font-family: arial;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	line-height: 12pt;
}

.p1 {
	font-family: arial;
	font-size: 12px;
	color:#929292;
	line-height: 12pt;
	margin-top:-10px;
}

#dropText {
	font-family: arial;
	font-size: 14px;
	color:#929292;
	line-height: 14pt;
	margin-top:10px;
}


#addressText {
	font-family: arial;
	font-size: 14px;
	color:#929292;
	line-height: 14pt;
	margin-top:10px;
	text-align:center;
}

#priceText {
	font-family: arial;
	width:300px;
	font-size: 14px;
	color:#929292;
	line-height: 14pt;
	margin-top:10px;
	text-align:center;
}


a {
	font-family: arial;
	font-size: 12px;
	color:#FFFFFF;
	text-decoration: none;
}

a:hover {
	font-family: arial;
	font-size: 12px;
	color:#929292;
	text-decoration: none;
}

h1 {
	font-family: arial;
	font-size: 14px;
	color:#ffffff;
	font-weight:normal;
	text-decoration: none;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
	margin-right: 10px;
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}


/*--------------------------------------------------*/

#container {

	margin-left: auto; 
	margin-right: auto;
	padding: 0;
	width: 895px;  
	border: none;
	float: middle;
}

/*--------------------------------------------------*/

#header {
	background-image: url(../images/miller-and-green-salon.gif);
	background-repeat: no-repeat;
	width: 895px; 
	height: 184px;
	
}

/*--------------------------------------------------*/

#navContainer {
	width: 895px; 
	height: 35px;
	position:relative;
}

/*--------------------------------------------------*/

ul#nav { 
	background:url(../images/miller_nav.gif) 
	}
	
ul#nav li { 
	float:left; 
	list-style-type:none;
	}
	
ul#nav li a {
	height:35px;
	display:block;
	position:absolute;
	top:2px;
	text-indent:-9999px;
	outline:none;
	}
	
li#navHome a, 
li#navWhat a, 
li#navTeam a,
li#navProducts a, 
li#navWhere a, 
li#navDrop a { 
	background:url(../images/miller_nav.gif) 
}

/*--------------------------------------------------*/

li#navHome a { 
	background-position:0 0; 
	width:43px; 
	left:0px; 
	}
	
li#navHome a:hover { 
	background-position:0 -35px; 
}

body#pageHome li#navHome a 	{
	background-position:0 -70px; 
}

/*--------------------------------------------------*/

li#navWhat a { 
	background-position:-112px 0; 
	width:100px; 
	left:112px;
	}
	
li#navWhat a:hover { 
	background-position:-112px -35px;
}

body#pageWhat li#navWhat a 	{
	background-position:-112px -70px;
}

/*--------------------------------------------------*/

li#navTeam a { 
	background-position:-283px 0; 
	width:77px; 
	left:283px;
	}
	
li#navTeam a:hover { 
	background-position:-283px -35px;
}

body#pageTeam li#navTeam a 	{
	background-position:-283px -70px; 
}

/*--------------------------------------------------*/

li#navProducts a {
	background-position:-430px 0;
	width:100px;
	left:430px;
	}
	
li#navProducts a:hover {
	background-position:-430px -35px;
}

body#pageProducts li#navProducts a 	{
	background-position:-430px -70px;
}

/*--------------------------------------------------*/

li#navWhere a {
	background-position:-583px 0;
	width:124px;
	left:583px;
	}
	
li#navWhere a:hover { 
	background-position:-583px -35px; 
}

body#pageWhere li#navWhere a 	{
	background-position:-583px -70px; 
}

/*--------------------------------------------------*/

li#navDrop a { 
	background-position:-780px 0; 
	width:115px; 
	left:780px;
	}
	
li#navDrop a:hover { 
	background-position:-780px -35px;
}

body#pageDrop li#navDrop a 	{
	background-position:-780px -70px; 
}

/*--------------------------------------------------*/



#content {
	width: 895px; 
	margin-top:42px;
	margin-right:20px;
	overflow: hidden;
}

#subHeader {
	width: 468px; 
	height: 34px;
	float:left;
	margin-bottom:10px;
}

#mainText {
	width: 435px; 
	height:auto;
	float:left;
	}
	
#mainText2 {
	width: 435px; 
	float:right;
	}
	
#mainText3 {
	width: 435px;
	height: 350px;
	margin-top:8px;
	float:right;
	}
	
	
#mainImage {

float: right;

}

#priceList {
float: right;
margin-top:44px;

}




.staffImageContainer {
  width:435px;
  padding:0;
}

.staffImageContainer img {
  margin: 12px;
  margin-right: 0;
  margin-top: 0;
}

/*--------------------------------------------------*/


#footer {
	width: 100%; 
	margin-top:20px;
	padding-bottom:20px;
	float:left;
	clear:both;
}

#footer a{
	color: #333333;
}

#footer a:hover{
	color: #FFFFFF;
}

#footer p{
	color: #333333;
	text-align:center;
}



/*--------------------------------------------------*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
width: 300px;
clear: left;
margin:0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: none;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}





/* Show only to IE7 */ *:first-child+html .cssform p {   
margin-bottom:15px;   
} 

/* Show only to IE6 */ * html .cssform p {   
margin-bottom:15px;
} 


.backButton {
	margin-left:153px;
	color:#c1d72e;
}

.nav2 {
color:#c1d72e;

}
i {
	color: #FFFFFF;
}


/* ----  Contact form   ---- */
form#contact-form label {
  width: 120px;
  float: left;
  line-height: 22px;
}

form#contact-form label.wide {
  float: none;
  width: auto;
}

form#contact-form p {
  margin: 0;
  padding: 4px;
}

form#contact-form textarea {
  padding: 3px;
  width: 420px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 9pt;
  height: 90px;
}

form#contact-form select {
  padding: 3px 0;
}

form#contact-form input#email {
  width: 250px;
}

form#contact-form input.phone {
  width: 125px;
}

form#contact-form div.actions {
  border-top: 1px dotted #ABABAB;
  padding-top: 12px;
  text-align: right;
}

form#contact-form div.actions p {
  border: none;
}

form#contact-form p.advice {
  text-align: center;
  font-weight: bold;
  border-top: 1px dotted #ABABAB;
}

/* ------- Pricelist --------*/

.pricelist {
  clear: both;
  color: white;
  font-family: "Century Gothic", Helvetica, Arial;
}

.pricelist .column {
  width: 425px;
  float: left;
}

.pricelist .column h3 {
  font-family: Georgia, "Times New Roman", serif;
  margin: 0;
  margin-top: 28px;
  margin-bottom: 6px;
  font-size: 28px;
  color: #C1D72E;
  font-weight: normal;
  letter-spacing: 1px;
}

.pricelist .column table {
  width: 100%;
}

.pricelist .column table th, .pricelist .column table td {
  padding: 0;
  margin: 0;
}

.pricelist .column table td {
  font-size: 90%;
}

.pricelist .column table th {
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
  font-size: 9px;
}

.pricelist .column table th.service {
  font-weight: normal;
  padding-top: 12px;
  font-size: 16px;
}

.pricelist ul.price_terms {
  clear: both;
  list-style: none;
  padding: 6px 0;
  margin: 0;
  margin-top: 48px;
  font-size: 10px;
  float: left;
  border-top: 1px dotted #ABABAB;
  border-bottom: 1px dotted #ABABAB;
  width: 100%;
  letter-spacing: 1px;
}

.pricelist ul.price_terms li {
  margin: 0px 24px;
  width: 399px;
  float: left;
  line-height: 20px;
}