/*Angles Hair CSS Document */

body{
	background:#ffffff url(../images/layout/bg.gif);
	margin:0px;
	font-family:Verdana,Arial,Helvetica,Tahoma,Sans-serif;
	color:#333333;
	font-size:11px;
	line-height:15px;
}
.container_all{ /*This is the main content HEADER ONLY area*/
	text-align:left;
	width:754px;
	margin:auto;
	padding:0px 0px 0px 0px;
	position:relative;
}
.container_all2{ /*This is the main content area for all pages except homepage*/
	text-align:left;
	width:754px;
	margin:auto;
	padding:0px 0px 0px 0px;
	position:relative;
	background:url(../images/layout/container_bg2.gif) repeat-y top center;
	/*border:1px dashed green;*/
}
#homepage .container_all2{/*This is the main content area for the home page*/
	background:url(../images/layout/container_bg.gif) repeat-y top center;
}
.container_ie{ /*Centers the site for ie ONLY - Super Cheap Hack*/ 
	text-align:center;
}
#header{
	background:url(../images/layout/header.gif) no-repeat top center;
	height:143px;
}
.nav{
	background:url(../images/layout/nav_bg.gif);
	border:1px solid #999999;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	margin:0px 1px 0px 2px;
}
#nav2{
	background:url(../images/layout/pin.gif);
	border:1px solid #bbbbbb;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	margin:0px 1px 0px 2px;
}
/*---------------------------------------------------------------HOMEPAGE COLUMN LAYOUT----*/
#column{
	padding-bottom:15px;
	width:170px;
	float:left;
}
#column2{
	padding-bottom:15px;
	width:240px;
	float:left;
	background:url(../images/layout/texture_top.gif) no-repeat top left;
}
#column3{
	
	width:337px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 0px;
	
	/*background:url(../images/layout/colour_dark.gif);*/
}	

/*---------------------------------------------------------------HOMEPAGE 2 COLUMN LAYOUT----*/
#columnx{
	padding-bottom:15px;
	width:170px;
	float:left;
}
#columnx2{
	padding-bottom:15px;
	width:288px;
	float:left;
	background:url(../images/layout/texture_top.gif) no-repeat top left;
}
#columnx3{
	padding-bottom:15px;
	padding-top:53px;
	width:289px;
	float:left;
	background:url(../images/layout/texture_top.gif) no-repeat top left;
}	


/*---------------------------------------------------------------SERVICES COLUMN LAYOUT----*/
#services #column{
	width:200px;
	padding:5px 0px 0px 2px;
}
#services #column2{
	text-align:center;
	width:275px;
}
#services #column3{
	text-align:center;
	width:270px;
}
/*---------------------------------------------------------------SERVICE LIST (EACH STORE) COLUMN LAYOUT----*/
#services #store_column{
	width:200px;
	float:left;
}
#services #store_column2{
	width:550px;
	float:right;
}
/*---------------------------------------------------------------Product COLUMN AND CONTAINER BOX LAYOUT----*/

.prodbox{
	width:240px;
	height:100px;
	background:white;
	text-align:center;
	font-family:Verdana,Arial,Helvetica,Tahoma,Sans-serif;
	color:#333333;
	font-size:11px;
	line-height:15px;
	
}
	 
.prodboxtwo{
	height:100px;
	background:white;
	text-align:center;
	font-family:Verdana,Arial,Helvetica,Tahoma,Sans-serif;
	color:#333333;
	font-size:11px;
	line-height:15px; 
}

#products #column2{
	background:transparent;
	width:560px;
	text-align:center;
}
/*---------------------------------------------------------------About & Opportunity & Employment COLUMN LAYOUT----*/

#about #column2,#opportunity #column2,#employment #column2{
	width:350px;
}
#about #column3,#opportunity #column3,#employment #column3{
	width:220px;
	text-align:center;
	padding:8px 0px 15px 0px;
}

/*---------------------------------------------------------------GENERAL LAYOUT CLASSES----*/
#footer{
	text-align:center;
	padding:20px;
	clear:both;
	background:url(../images/layout/bottom_shadow.gif) repeat-x top left;
}
.clearer{
	font-size:0px;/*In IE PC it renders the   as large as the body text. This fixes it*/
	height:1px;
	clear:both;
}
p{
	margin:0px 0px 5px 0px;
	padding:10px 10px 0px 10px;
}
.heading{
	color:#6b1e05;
	font-weight:normal;
	font-family:futura,arial,helvetica,sans-serif;
	font-size:medium !important;
	font-size:small;/*IE PC ONLY*/
	text-align:center;
	padding:10px 0px 15px 0px;
	margin:0px 0px 0px 0px;
	background:url(../images/layout/bullet.gif) no-repeat bottom center;
}
.heading_dark{
	color:#6b1e05;
	font-weight:normal;
	font-family:futura,arial,helvetica,sans-serif;
	font-size:medium !important;
	font-size:small;/*IE PC ONLY*/
	text-align:center;
	padding:10px 0px 15px 0px;
	margin:0px 0px 0px 0px;
	background:url(../images/layout/bullet_dark.gif) no-repeat bottom center;
}
.quote{
	padding:5px 10px 0px 17px;
	margin:10px 0px 0px 10px;
	font-family:futura,arial,helvetica,sans-serif;
	font-size:medium !important;
	font-size:small;/*IE PC ONLY*/
	color:#9d8e00;
	line-height:20px;
	background:url(../images/layout/quote.gif) no-repeat top left;
}
.quote span{
	display:block;
	font-size:x-small;
	text-align:right;
}
h3{/*headings that don't have centering or the bullet*/
	color:#6b1e05;
	font-family:futura,arial,helvetica,sans-serif;
	font-size:medium !important;
	font-size:small;/*IE PC ONLY*/
	font-weight:normal;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}
/*-------------------------------------------------PRICE LIST STYLES*/
#services h3{
	/*width:200px;*/
	margin-top:10px;
	margin-left:-20px;
}
#store_column ul{
	display:list;
	padding:0px;
	margin:0px 0px 0px 25px;
}
.service_table{/*Main Table*/
	width:450px;
	margin-top:10px;
	margin-bottom:20px;
}
.service_col{/*Service Title Column*/
	padding:2px 5px 0px 5px;
	width:200px;
	border-bottom:1px dashed #cfbb00;
}
.service_table h4{/*Service Title*/
	padding:0px;
	margin:0px;
	font-style:italic;
	color:#6b1e05;
	font-family:futura,arial,helvetica,sans-serif;
	font-size:small;
}
h4{/*Generic H4*/
	margin:20px 0px 10px 20px;
	padding:0px;
	font-style:italic;
	color:#6b1e05;
	font-family:futura,arial,helvetica,sans-serif;
	font-size:medium !important;
	font-size:small;/*IE PC ONLY*/
}

h5{/*Generic H5*/
	margin:5px 0px 10px 20px;
	padding:0px;
	font-style:italic;
	color:#6b1e05;
	color:#9d8e00;
	font-family:futura,arial,helvetica,sans-serif;
	font-size:small !important;
	font-size:x-small;/*IE PC ONLY*/
}

.option_col{/*Option Columns*/
	padding:5px 5px 5px 5px;
	text-align:center;
	font-family:futura,arial,helvetica,sans-serif;
	font-size:small !important;
	font-size:x-small;/*IE PC ONLY*/
	border-bottom:1px dashed #cfbb00;
}
.service_table .title{
	padding:5px 5px 5px 5px;
	text-align:center;
	font-family:futura,arial,helvetica,sans-serif;
}
#employment ul.bullets{
	padding:0px;
	margin:10px 0px 0px 0px;
}
#employment .bullets li{
	line-height:17px;
}
#locations p{
	padding:0px;
	padding-right:10px;
	margin:5px 0px 5px 10px;
}

.services{
	padding:15px 5px 5px 5px;
	text-align:left;
	font-family:futura,arial,helvetica,sans-serif;
	color:#666666;
	font-size:small !important;
	font-size:x-small;/*IE PC ONLY*/
}