/*-------------------------------------------------*/
/*--------------  Gerneral HTML Css ---------------*/
/*-------------------------------------------------*/

body {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color: #f7f7f7;
padding:0px;
margin:0px;
}

form, input, textarea, label{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:0 ;
margin:0;
}



a{
color:#78664B;
font-weight:bold;
text-decoration:underline;
}



a:hover{
color:#78664B;
font-weight:bold;
text-decoration:none;
}



ul, li {
padding:0 ;
margin:0;
}

li {
list-style:none;
}




p{
margin:0;
padding:5px 0px 5px 0px;
}

/*-------------------------------------------------*/
/*-------------------  Layout Css -----------------*/
/*-------------------------------------------------*/


#wrapper{
margin: 0 auto;
width:979px;
}



#header{
background-image:url(images/bg_header.gif);
background-repeat:repeat-x;
background-position:  0px 65px ;

}


#header h1 span{
	display : none;
}

#header h1 {
margin : 0px;
padding :0px;
background-image:url(images/collective_hair_logo.gif);
background-repeat:repeat-x;
height : 91px;
width:290px;
}

#nav{
float:right;
margin : -91px 0 0 0 ;
padding :15px 0 0 0 ;
background-image:url(images/bg_nav.gif);
background-repeat:no-repeat;
background-color:#ffffff;
height : 185px;
width:187px;
text-align:right;
z-index:100;
}



#nav a{
padding :0px 30px 0 0 ;
font-size:22px;
line-height:22px;
color:#ffffff;
letter-spacing:-1px;
font-weight:bold;
text-decoration:none;
z-index:100;
}

#nav a:hover{
color:#E3DACC;
}

#nav a.selected  {
color:#F0EBE3;

}

div#ImagesHome{
/*background-color:#00FF66;*/
width:380px;
float:left;

}


#contentHome{
background-color:transparent;
/*background-color:#FF3300;*/
padding: 0 10px;
margin:0px;
width:390px;
float:left;
}

#contentHomeLogos{
background-color:transparent;
/*background-color:#FF3300;*/
padding: 110px 10px 0 30px;
margin:0px;
width:100px;
float:left;
}

#contentStylistLeft{
background-color:transparent;
/*background-color:#FF3300;*/
padding:40px;
padding-bottom:0;
width:400px;
float:left;
}


#contentStylistRight{
background-color:transparent;
/*background-color:#FF3300;*/
padding:40px;
padding-bottom:0;
width:400px;
float:left;
margin-top:-30px;
#margin-top:-37px;
}

#contentWeddings{
background-color:transparent;
/*background-color:#FF3300;*/
padding:40px 0px 0px 40px;
width:749px;
float:left;
}

#contentProducts{
background-color:transparent;
/*background-color:#FF3300;*/
padding:40px 0px 40px 40px;
width:749px;
float:left;

}

#flashHome{
clear:both;
background-image:url(images/bg_footer.gif);
background-repeat:repeat-x;
padding:15px 0 0 0;
}


.imgLeft{
float:left;
margin: 0 10px 10px 0;
border: 1px solid #cccccc;
/*background-color:#333333*/
}

.imgRight{
float:right;
padding: 0 0 5px 10px;

}

/*-------------------------------------------------*/
/*----------------  Page Shadow Css  --------------*/
/*-------------------------------------------------*/


#pageshadow {
	width:979px;
	padding:0 8px;
	background-image:url(images/sides.gif);
	background-repeat:repeat-y;
	z-index : 0;	
	background-color:#ffffff;
	display:table; /* a bit of a hack to get the footer to sit below the page content, when page content exceeds window height */
}


#footer{
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:0.8em;
	padding:0 8px;
	margin:0 -8px;
	height:22px;
/*	padding:0 8px;
	margin-top:-70px;
	border-top:solid 5px #2E7D4A;*/
	width:995px;
	clear:both;
	z-index : 1;
	
	}
	
	#divid img {
	float:left;
	}



#footer #footerbar{
	padding:0;
	background-image:url(images/sides.gif);
	background-repeat:repeat-y;
	position:relative;
	display:block;
}

#footer #footerbar #footercontents{
	background-image:url(images/bg_footer.gif);
	background-repeat:repeat-x;
    /*background-color: #C7B9A5;*/
    clear:both;
    height:15px;
    text-align:right;
    color:#665740;
    padding:0px 10px;
    width:960px;
    margin:0 8px
}




#footer #shadowbottom {
	background-image:url(images/bottom.gif);
	width:995px;
	background-repeat:repeat-x;
	/*height:8px;*/

	
}

#footer #shadowbottom #shadowbottomleft {
	background-image:url(images/bottom_left.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	height:8px;


}

#footer #shadowbottom #shadowbottomleft #shadowbottomright{
    background-image:url(images/bottom_right.gif);
	background-position:987px 0;
	background-repeat:no-repeat;
	height:8px;

}

#address{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 16px;
font-size:9px;
}
#address a{
font-family:Verdana, Arial, Helvetica, sans-serif;


font-weight:normal;
font-size:9px;
}
#credits a{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:-12px 0 8px 0;
float:right;
font-weight:normal;
font-size:9px;
}


/*-------------------------------------------------*/
/*----------------  Image Shadow Css  -------------*/
/*-------------------------------------------------*/

.img-shadowleft{
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 3px !important;
  margin: 10px 0 0 0px;
  }

.img-shadowleft img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -1px;
  padding: 4px;
  text-align:center;
  }

.img-shadowright{
  float:right;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 3px 0 0  !important;
  margin: 10px 0 0 0;
  }

.img-shadowright img{
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px -1px 6px 6px ;
  padding: 4px;
  text-align:center;
  }

/*-------------------------------------------------*/
/*-----------------  Css Hacks Css   --------------*/
/*-------------------------------------------------*/