@charset "UTF-8";
/* CSS Document */
/*  :link,:visited { text-decoration:none } */
/*  ul,ol { list-style:none } */
/*  h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } */
/*  ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0 } */
/*  a img,:link img,:visited img { border:none } */
/*  address { font-style:normal } */



body {
	
	font-family:Helvetica, sans-serif;
	font-size: 8px !important;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	color: #572700;
	background:#301110 url(../images/bg.gif) top center;

}

body *	{
	margin:0;
	padding:0;
}

a:focus
{
  -moz-outline-style: none;
}


#pagewrap { 
	width: 980px; 
	height: 100%; 
	display: table; 
	margin-left:auto; 
	margin-right:auto;
}

#position { 
	display: table-cell; 
	vertical-align: middle; 
}

#wrapper{
}

#facebook{
	float:right;
	margin-right:130px;
}

.logo{
	float:right;
	margin-right:40px;
}

.nav{
	padding:50px 0 0 40px;
}

.nav  ul {
	float:left; 
}

.nav ul li { 
	display:inline;
	float:left;
}

.nav ul li a {
	float:left;
	display:block;
	height:12px;
	text-indent:-9009px;
}

.nav ul li:focus, .nav ul li:hover{
	cursor:pointer;
}

.nav ul li a:focus, .nav ul li a:hover, .nav ul li a:active, 
.nav ul li.current_page_item a, .nav ul li a:visited:hover{
	text-decoration:none;
}

.nav ul li a:visited{
	border-bottom:none;
	text-decoration:none;
}

.nav ul li a:hover{
	background-position:0 -12px;
}

ul li.Home a{
	background:url(../images/home.jpg) top left no-repeat;
	width:61px;
}

ul li.FabioScalia a{
	background:url(../images/about.jpg) top left no-repeat;
	width:108px;
}

ul li.Stylefile a{
	background:url(../images/stylelife.jpg) top left no-repeat;
	width:90px;
}

ul li.Salons a{
	background:url(../images/salons.jpg) top left no-repeat;
	width:76px;
}

ul li.Press a{
	background:url(../images/press.jpg) top left no-repeat;
	width:67px;
}

ul li.Happenings a{
	background:url(../images/happenings.jpg) top left no-repeat;
	width:105px;
}

ul li.ContactUs a{
	background:url(../images/contact.jpg) top left no-repeat;
	width:98px;
}

.clear{
	clear:both;
}


a img{
	border:none;
}


#container {
	clear:both;
	height:574px;
	background:#FCF8CE url(../images/pageBg.gif) top center;
}

#homepage .maincontent{
	
	padding:0px 40px;
	margin:30px 0 0 0;	
}

#salons .maincontent, #happenings .maincontent, #press .maincontent{
	
	padding:0;
	margin:0;
}

#aboutpage .maincontent{
	padding:0px;
	margin:30px 0 0 0;
}

#stylefile .maincontent{
	padding:0px;
	margin:30px 0 0 0;
}
	
#mailinglist, #press  #mailinglist{
	margin-top:30px;
}

#salons  #mailinglist{
	margin-top:22px;
}

#happenings  #mailinglist{
	margin-top:18px;
}

#press  #mailinglist{
	margin-top:40px;
}

#stylefile #mailinglist{
	margin-top:24px;
}

form#join{
	padding:0px 0 0 40px;
	margin:0 0 6px 0;
	position:relative;
}

#join input.formInput{
	background:none;
	padding: 2px 0 0 2px;
	border:1px solid #572700;
	margin:0;
	height: 16px;
	width:110px;
	color:#572700;
	font-size:9px;
}

#join input.formInput:focus{
	padding: 2px 0 0 2px;
	margin:0;
	
}

label.overlabel {
	color:#572700;
	font-size:9px;
}

label.overlabel-apply {
	position:absolute;
	top:4px;
	left:145px;
	z-index:1;
	color:#572700;
	font-size:9px;
}

#music{
	text-align:right;
	padding-right:40px;
}

.copy{
	width:325px;
	float:left;
}

/*  portfolio styles */

#portfolio{
	width: 642px;
	float:left;
	margin-left:8px;
}

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	
	float:right;
	width:264px;
	height:360px;
	margin:8px 2px 0 0;
	padding:0;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}

div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 0px;
}
div.slideshow a.advance-link {
	padding: 0px;
	display: block;
	border: none;
}
div.slideshow img {
	border: none;
	display: block;
	width:267px;
	height:364px;
}
div.download {
	float: right;
}
div.embox {
	clear: both;
	border:none;
	padding:0;
}

div.navigation {
	padding-top:4px;
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: -4px;
	list-style: none;
	border:none;
}

ul.thumbs li:hover a.thumb img{
	border:8px solid #fff;
	padding:0;
	margin:-8px;
}

a.thumb {
	padding: 0px;
	display: block;
	border:8px solid transparent;

}
ul.thumbs li.selected a.thumb img{
	border:8px solid #fff;
	margin:-8px;
}

a.thumb:focus {
	outline: none;
}

ul.thumbs img {
	border: none;
	display: block;
	width:116px;
	height:116px;
}


/************/

#salonscopy{
	float:right;
}

#imageRotate{
	width:524px;
	height:310px;
	margin-left:88px;
}

.featured_display_holder {
	position:relative;
	width:541px;
	height:310px;
	margin:0 auto;
	list-style-type:none;
	text-align:left;
}

.featured_display {
	list-style:none;
	z-index:100;
	display:block;
	width:541px;
	height:310px;
	position:absolute;
	top:0;left:0;
	
}

.featured_display li {
	list-style-position:outside;
}

.featured_display img {
	margin:0;
}

/**************/

.homepage_display_holder {
	position:relative;
	width:900px;
	height:400px;
	margin:0 auto;
	list-style-type:none;
	text-align:left;
}

.homepage_display {
	list-style:none;
	z-index:100;
	display:block;
	width:900px;
	height:400px;
	position:absolute;
	top:0;left:0;
	
}

.homepage_display li {
	list-style-position:outside;
}

.homepage_display img {
	margin:0;
}



/**  Slider **/

.sliderGallery {
    overflow: hidden;
    position: relative;
    padding: 30px 0 0 0;
    height: 390px;
    width: 980px;
}

.sliderGallery UL {
    position: absolute;
    list-style: none;
    overflow: none;
    white-space: nowrap;
    padding: 0;
    margin: 0;
	height:360px;
}

.sliderGallery UL LI {
    display: inline;
	padding:0 0px;
	height:368px;
}

.slider{
	border:1px solid #2A1010;
	width:500px;
	height:11px;
	margin-top:-30px;
	margin-left:240px;
	padding:0;
	    position: relative;
}

.handle {
    position: absolute;
    cursor: move;
    top: 0;
    z-index: 150;
    /* bespoke to your own solution */
    height: 12px;
    width: 100px;
	background-color:#2A1010;
}

ul.items li a{
	margin-left:-8px;
	
}

ul.items li a img{
	border:8px solid transparent;
	opacity:.67;
	filter: alpha(opacity=67); 
	-moz-opacity: 0.67;
}

ul.items li a:hover img{
	border:8px solid #2A1010;
	opacity:1;
	filter: alpha(opacity=100); 
	-moz-opacity: 1;
}

ul.items li:first-child a img{
	border-left:none;
}

/*****************/

.leftcol{
	width:533px;
	margin-left:20px;
}

.rightcol{
	width:380px;
	float:right;
	background:url(../images/happennings/rightCol_vertBr.jpg) top left no-repeat;
	padding:0 0 0 4px;
}

.rightcol p, .leftcol p{
	font-family:Helvetica, sans-serif;
	font-size:10px !important;
	padding:4px;
	line-height:12px;
}

#music{
	padding-top:12px;
}

button#go {
   border: none;
   background-color: transparent;
}