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

Client: IPSA
Version: 1.0
Author: Rock Creek Strategic Marketing
Website: http://www.rockcreeksm.com

Colors:

# Med Grey: #828282;
# Dark Grey: #666;
# Dark Green (Home) : #437530;


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

/* GLOBALS
-------------------------------------------------------------------*/

body {
	background: url(../images/mainBkgd.jpg) 0px 0px repeat-x;
	color:#666;
	margin:0;
	padding:0;
	text-align:center;
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	}
	
* {
	margin:0;
	padding:0;
	}
	
table {
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
}

td.indent {
	padding-left:15px;
}
	
ul {
	list-style:none;
	}
	
h1 {
	font-size:17px;
	line-height:18px;
	padding-bottom: 12px;
	font-weight:normal;
	letter-spacing:.5px
}

#home h1 {
	color:#4d5a41;
	}

#salon h1 {
	color:#6a617f;
	}
	
#services h1 {
	color:#213656;
	}
	
#products h1 {
	color:#437530;
	}
	
#contact h1 {
	color:#6e1709;
	}
	
h2 {
	font-size:11px;
	line-height:17px;
	padding-bottom: 12px;
	}

h3 {
	font-size:11px;
	line-height:17px;
	padding-bottom: 0;
	}	

p {
	padding-bottom:12px;
	}
	





/* LAYOUT STYLES
-------------------------------------------------------------------*/

#wrapper {
	background:url(../images/bkgd.jpg) 0px 0px no-repeat;
	width:970px;
	height:708px;
	margin:0px auto 0;
	padding-top:85px;
	}
	
#container {	
	background:#fff;
	margin:0px auto 0;
	width:762px;
	text-align:left; /* Reset */
	}
	
#addressBar {
	border-bottom:3px solid #828282;
	padding: 30px 5px 0px 0px;
	}
	
/* CONTENT
-------------------------------------------------------------------*/
	
#contentWrapper {
	background:#fff;
	height:336px;
	position:relative;
}

#mainPix {
	float:left;
	border-left: 1px solid #fff;
	height:336px;
	}
	
#home #mainPix {
	width:404px;
	background:url(../images/home.jpg) top left no-repeat;
	}
	
#salon #mainPix {
	width:397px;
	background:url(../images/salon.jpg) top left no-repeat;
	}

#services #mainPix {
	width:397px;
	background:url(../images/contact.jpg) top left no-repeat;
	}
	
#products #mainPix {
	width:397px;
	background:url(../images/products.jpg) top left no-repeat;
	}
	
#contact #mainPix {
	width:415px;
	background:url(../images/services.jpg) -24px 0 no-repeat;
	float: left;
	}
	
#content {
	padding:0px 25px 25px 18px;
	float:left;
	width: 300px;
	height: 253px;
	overflow:hidden;
	margin-top: 35px;
	}
	
.noscroll {
	width:280px;
	}
	
#scrollerContainer {
	background:#ddd;
	float:left;
	width:20px;
	height:300px;
	position:relative;
	}
	
.scrollerBarDown {
	background:#333 url(../images/Arrows.png) 50% 20px no-repeat;
	background-position:top;
	height:20px;
	width:20px;
	position:absolute;
	bottom: 0px;
	}
	
.scrollerBarUp {
	background:#333 url(../images/Arrows.png) 50% bottom no-repeat;
	height:20px;
	width:20px;
	position:absolute;
	bottom: 0px;
	}
	
/* STYLES FOR TABLE */

table.services {
	}
	
table.services td {
	padding: ?1px 0;
	vertical-align:top;
	}
	
table.services td.price {
	text-align:left;
	}
	

	
	
	
	
/* GLOBAL NAVIGATION
-------------------------------------------------------------------*/

#gNav {
	border-top:3px solid #828282;
	border-right:1px solid #fff;
	border-left:1px solid #fff;

	}

#gNav ul {
	float:right;
	padding-right:0px;
	}

#gNav li {
	float:left;
	text-transform:uppercase;
	font-size:9px;
	letter-spacing:.5px;
	white-space:nowrap;
	}
	
#gNav ul a {
	text-decoration:none;
	color:#666;
	display:block;
	padding:3px 12px 5px 12px;
	background:#fff;
	float:left;
	white-space:nowrap;
	}
	
#gNav ul a:hover {
	color:#fff;
	background-color:#aaa;
	}
	
#salon #gNav li#nav-salon a,
#services #gNav li#nav-services a,
#products #gNav li#nav-products a,
#contact #gNav li#nav-contact a{
	color:#fff;
	background-color:#828282;
	}

#addressBar #button-home {
	float:left;
	text-transform:uppercase;
	font-size:9px;
	letter-spacing:.5px;
}

#addressBar #button-home a{
	overflow: hidden;
	text-align:center;
	text-decoration:none;
	color:#666;
	display:block;
	background:#fff;
	float:left;
	padding:3px 12px 3px 12px;
}

#addressBar #button-home a:hover {
	color:#fff;
	background-color:#aaa;
	}
	
#button-salon a {
	text-decoration:none;
	color:#fff;
	background-color:#828282;
	display:block;
	text-transform:uppercase;
	font-size:9px;
	letter-spacing:.5px;
	padding:3px 6px 1px 6px;
	overflow: hidden;
	float:left;
	position:absolute;
	left:25px;
	bottom:0px;
	width:115px;
	text-align:center;
}

#button-salon a:hover {
	background-color:#6a617f;
	}
	
	
/* FOOTER
-------------------------------------------------------------------*/

#footer {
	border:1px solid #fff;
	height:119px;
	padding:0;
	margin:0;
}

#home #footer a {
	background: url(../images/footerHome.gif) top left no-repeat;
}

#salon #footer a {
	background: url(../images/footerSalon.gif) top left no-repeat;
}

#services #footer a {
	background: url(../images/footerContact.gif) top left no-repeat;
}

#products #footer a {
	background: url(../images/footerProducts.gif) top left no-repeat;
}

#contact #footer a {
	background: url(../images/footerServices.gif) top left no-repeat;
}

#footer a {
	display: block;
	width: 761px;
	height: 0px !important;
	height /**/:119px; /* IE 5/Win hack */ 
	padding: 119px 0 0 0;
	overflow: hidden;
	float:left;
	text-indent: -9999px;
}



/* ADDRESS BAR
-------------------------------------------------------------------*/

#addressBar{
	border-right:1px solid #fff;
	border-left:1px solid #fff;

}

#addressBar ul {
	float:right;
	font-size:10px;
	padding-right:12px;

	padding-top:6px;
	}

#addressBar li {
	float:left;
	padding-left:10px;
	letter-spacing:-.1px;
	}
	
/* MISC
-------------------------------------------------------------------*/

div.clear {
	clear:both;
	}