@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;
}

#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 {
	float:left;
	width:435px;
	padding:0;
	height:200px;

	}


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


#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;
}