@charset "UTF-8";

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #111111 url(../images/interface/rip-top.png) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFFFFF;
}

#container {
	width: 1000px;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
}

.bioImage {
	margin: 0px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 0px;
}

.bioImageList {
	margin: 0px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 30px;
	padding-left: 0px;
}

.clearAll {
	margin: 0px;
	padding: 0px;
	clear: both;
}


/* NORMAL LINKS **************************************************************************************************************/


a:link {
	color: #FF0000;
	text-decoration: none;
}

a:visited {
	color: #FF0000;
	text-decoration: none;
}
a:hover {
	color: #FF3300;
	text-decoration: none;
}
a:active {
	color: #FF0000;
	text-decoration: none;
}


/* Main Menu **************************************************/


#headerCenter ul#mainMenu {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style: none;
}

#headerCenter ul#mainMenu li {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#headerCenter ul#mainMenu li a {
	display: block;
	height: 19px;
	text-indent: -999em;
	overflow: hidden;
}

#headerCenter ul#mainMenu li a:hover {
	background-position: 0px -19px;
}

#headerCenter ul#mainMenu li#homeButton a {
	width: 55px;
	background-image: url(../images/main-menu/home.png);
}

#headerCenter ul#mainMenu li#stylistsButton a {
	width: 94px;
	background-image: url(../images/main-menu/stylists.png);
}

#headerCenter ul#mainMenu li#servicesButton a {
	width: 97px;
	background-image: url(../images/main-menu/services.png);
}

#headerCenter ul#mainMenu li#galleryButton a {
	width: 102px;
	background-image: url(../images/main-menu/gallery.png);
}

#headerCenter ul#mainMenu li#salonHoursButton a {
	width: 71px;
	background-image: url(../images/main-menu/salon-hours.png);
}

#headerCenter ul#mainMenu li#newsAndEventsButton a {
	width: 149px;
	background-image: url(../images/main-menu/news-and-events.png);
}

#headerCenter ul#mainMenu li#pressButton a {
	width: 69px;
	background-image: url(../images/main-menu/press.png);
}

#headerCenter ul#mainMenu li#linksButton a {
	width: 69px;
	background-image: url(../images/main-menu/links.png);
}

#headerCenter ul#mainMenu li#contactUsButton a {
	width: 98px;
	background-image: url(../images/main-menu/contact-us.png);
}

#headerCenter ul#mainMenu li#productsButton a {
	width: 94px;
	background-image: url(../images/main-menu/products.png);
}

/* Titles **************************************************/

#mainContent h1 {
	margin: 0px;
	padding: 0px 0px 15px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	width: 343px;
	height: 36px;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	color: #FFFFFF;
}
 #mainContent  h {
	background-image: url(../images/titles/shampoo-avenue-b.png);
}

#mainContent h1#stylists {
	background-image: url(../images/titles/stylists.png);
}

#mainContentServices h1#services {
	background-image: url(../images/titles/services.png);
}

#mainContent h1#salonHours {
	background-image: url(../images/titles/salon-hours.png);
}

#mainContent h1#gallery {
	background-image: url(../images/titles/the-salon.png);
}

#mainContent h1#press {
	background-image: url(../images/titles/press.png);
}

#mainContent h1#links {
	background-image: url(../images/titles/links.png);
}

#mainContent h1#contactUs {
	background-image: url(../images/titles/contact-us.png);
}

#mainContent h1#brazilianKeratinStraightening {
	background-image: url(../images/titles/brazilian-keratin-straightening.png);
}

#mainContent h1#ourProducts {
	background-image: url(../images/titles/our-products.png);
}

#mainContentServices h1 {
	margin: 0px;
	padding: 0px 0px 15px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	width: 343px;
	height: 36px;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
}

#mainContent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#mainContent h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CC0000;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
}

#mainContentServices h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#mainContentServices h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CC0000;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}


/* Header **************************************************/

#header {
	padding: 0px;
	margin: 0px;
	height: 150px;
}

#headerLeft {
	padding: 0px;
	margin: 0px;
	height: 150px;
	float: left;
	width: 343px;
}

#headerCenter {
	padding: 40px 0px 0px;
	margin: 0px;
	height: 110px;
	float: left;
	width: 488px;
}

#headerRight {
	padding: 0px;
	margin: 0px;
	height: 150px;
	float: left;
	width: 169px;
	text-align: center;
	background-image: url(../images/interface/join-us-on.gif);
	background-repeat: no-repeat;
	background-position: center 20px;
}

#headerRight ul#socialMenu {
	margin: 0px auto;
	padding: 43px 0px 0px;
	list-style: none;
	width: 169px;
}

#headerRight ul#socialMenu li {
	display: inline;
	margin: 0px;
	padding: 0px;
	float: left;
}

#headerRight ul#socialMenu li a {
	display: block;
	height: 26px;
	text-indent: -999em;
	overflow: hidden;
}

#headerRight ul#socialMenu li a:hover {
	background-position: 0px -26px;
}

#headerRight ul#socialMenu li#twitter a {
	width: 79px;
	background-image: url(../images/social/twitter.gif);
}

#headerRight ul#socialMenu li#facebook a {
	width: 84px;
	background-image: url(../images/social/facebook.gif);
}

#headerRight ul#socialMenu li#myspace a {
	width: 83px;
	background-image: url(../images/social/myspace.gif);
}

#headerRight ul#socialMenu li#yelp a {
	width: 83px;
	background-image: url(../images/social/yelp.gif);
}

#headerRight ul#socialMenu li#googleMaps a {
	width: 83px;
	background-image: url(../images/social/google-maps.gif);
}


/* Main Content **************************************************/

#mainContent {
	padding: 0px;
	margin: 0px;
}

#mainContent p {
	padding: 0px 0px 20px 10px;
	margin: 0px;
	font-size: 12px;
	color: #EEEEEE;
	line-height: 1.65;
}

#mainContentLeft {
	padding: 0px 30px 0px 0px;
	margin: 0px;
	float: left;
	width: 470px;
}

#mainContentLeft ul {
	margin: 0px;
	padding: 0px 0px 0px 40px;

}

#mainContentLeft ul li {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	font-size: 12px;
	list-style-type: square;
	color: #333333;
	margin: 0px;

}

#mainContentLeft ul li a {
	color: #FF0000;
	text-decoration: none;
}

#mainContentLeft ul li a:hover {
	color: #FF3300;
	text-decoration: none;
}

#mainContentLeft ul#bioList {
	color: #FFFFFF !important;
	margin: 0px !important;
	padding: 0px !important;
}

#mainContentRight {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 500px;
}

#mainContentRightMap {
	padding: 11px 0px 0px 11px;
	margin: 0px;
	float: left;
	width: 489px;
	background-image: url(../images/photos/google-maps.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 294px;
}

#mainContent {
	padding: 0px 0px 10px;
	margin: 0px;
}

#mainContentServices {
	padding: 0px;
	margin: 0px;
}

#mainContentServicesLeft {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 500px;
}

#mainContentServicesRight {
	padding: 51px 0px 0px;
	margin: 0px;
	float: left;
	width: 500px;
}

#mainContentServices p {
	padding: 3px 0px 1px 10px;
	margin: 0px;
	font-size: 12px;
	color: #EEEEEE;
	line-height: 1.65;
}

#mainContentServices ul {
	margin: 0px;
	padding: 2px 0px 7px 30px;
}

#mainContentServices ul li {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	font-size: 12px;
	list-style-type: square;
	color: #999999;
	margin: 0px;
}

.paragraphListContent {
	color: #FFFFFF !important;
	margin: 0px;
	padding: 0px;
}

p.photoCaption {
	font-size: 10px !important;
	color: #999999 !important;
	text-align: left !important;
	line-height: 1.4 !important;
}


/* Footer **************************************************/

#footerLeft {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 650px;
}

#footerRight {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 150px;
}

#footer {
	padding: 15px 0px 0px;
	margin: 50px 0px 20px;
	clear: both;
	background-image: url(../images/interface/footer-line.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#footer p {
	margin: 0px;
	padding: 0px;
}

#footer #footerLeft ul {
	margin: 0px 50px 0px 0px;
	padding: 0px 0px 20px;
	list-style-type: none;
	float: left;
}

#footer #footerLeft li {
	margin: 0px;
	padding: 2px 0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
	text-decoration: none;
}

#footer #footerLeft li a {
	margin: 0px;
	padding: 0px;
	color: #444444;
	text-decoration: none;
}

#footer #footerLeft li a:hover {
	margin: 0px;
	padding: 0px;
	color: #CC0000;
	text-decoration: none;
}

#footer #footerRight ul {
	margin: 0px;
	padding: 0px 0px 20px;
	list-style-type: none;
	float: right;
}

#footer #footerRight li {
	margin: 0px;
	padding: 2px 0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
	text-decoration: none;
}

#footer #footerRight li a {
	margin: 0px;
	padding: 0px;
	color: #444444;
	text-decoration: none;
}

#footer #footerRight li a:hover {
	margin: 0px;
	padding: 0px;
	color: #CC0000;
	text-decoration: none;
}

/* Misc **************************************************/

#mainContentRightBKT {
	padding: 0px 0px 0px 60px;
	margin: 0px;
	float: left;
	width: 440px;
}

#footerBanner {
	text-align: center;
	margin: 0px;
	width: 1000px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	background-image: url(../images/interface/footer-line.gif);
	background-repeat: repeat-x;
	background-position: center top;
	vertical-align: top;
}
/*****************************addition      rotator********************/
/* Homepage Slideshow *****************************************************************************/

/* rotator in-page placement */

div#rotatorSAB {
    position:relative!important;
    height:350px!important;
    padding: 0px!important;
    margin: 0px!important;
}

/* rotator css */

div#rotatorSAB ul {
    position:absolute!important;
    list-style: none!important;
    margin: 0px!important;
    padding: 0px!important;
}

div#rotatorSAB ul li {
    float:left!important;
    position:absolute!important;
    list-style: none!important;
}

/* rotator image style */    

div#rotatorSAB ul li img {
    padding: 0px!important;
    margin: 0px!important;
}

div#rotatorSAB ul li.show {
    z-index:500!important;
}


/* rotator in-page placement */

div#rotator2SAB {
    position:relative!important;
    height:350px!important;
    padding: 0px!important;
    margin: 0px!important;
}

/* rotator css */

div#rotator2SAB ul {
    position:absolute!important;
    list-style: none!important;
    margin: 0px!important;
    padding: 0px!important;
}

div#rotator2SAB ul li {
    float:left!important;
    position:absolute!important;
    list-style: none!important;
}

/* rotator image style */    

div#rotator2SAB ul li img {
    padding: 0px!important;
    margin: 0px!important;
}

div#rotator2SAB ul li.show {
    z-index:500!important;
}
.hhh {
	color: #FFFFFF!important;
	text-decoration: none!important;
}
#facebook-like {
	width: 150px;
	float: left;
	margin: 5px 0 0 0;
}
