@charset "UTF-8";
/* CSS Document */

* {
    margin: 0;
}
html, body {
    height: 100%;
}


body{
	background-image: url(http://www.davidrosssalon.com//images/site/main-bg.jpg);
	background-repeat: no-repeat;
	margin: 0px auto;
	padding:0px auto;
	color:#CCCCCC;
	background-color: #000000;
	text-align: center;
	background-position: center top;
	font-family: Helvetica, Arial, sans-serif;
}

#sectionA p {
	font-size: small;
	line-height: 1.8em;
}



#container {
	/* margin:0px auto; */
	width:820px;
	text-align: left;
	padding-left: 20px; 
        min-height: 500px;
        height: auto !important;
        height: 500px;
        margin: 0 auto -4em;
    }
	
	

	
#side {
	float:left;
	width:144px;
	height:auto !important;
	height: 500px;
	min-height: 500px;
	text-align: right;
	margin: 0px 5px 0px 8px;
	padding: 25px 30px 48px 0px;
    }
#side #sideDetails {
	margin-top: 170px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
}
#side p {
	font-size: x-small;
	line-height: 1.7em;
	letter-spacing: .1em;
}
#side h3 {
	font-size: 11px;
	font-weight: normal;
	color: #fff3bb;
	letter-spacing: 2px;
	line-height: 1em;
	margin-bottom: 3px;
}
	
	
#contentSide {
	float: left;
	width: 566px;
	margin: 0px 4px 10px 2px;
	background-image: url(http://www.davidrosssalon.com//images/site/content-bg.jpg);
	background-repeat: no-repeat;
	padding: 0px 2px 0px 8px;
        line-height: 1.8em;
	text-align: left;
}

#contentSide #news {
	width: 555px;
	position: relative;
	background-image: url(http://www.davidrosssalon.com//images/site/newsbg.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 14px;
        margin:10px 0px 0px 0px;
        
}

#contentSide #news p{
	font-size: 12px;
	padding: 0px 13px 0px 13px;
	font-weight: normal;
	margin-top: 9px;
	line-height: 1.2em;
	color: #FFFFFF;
       
	}
#contentSide #topImage {
	border-top: 2px solid #861414;
	width: 555px;
	height: 225px;
	overflow:hidden;
    padding: 0px auto;
	background-repeat:no-repeat;
    
}

#contentSide #topGallery {
	border-top: 2px solid #861414;
	width: 555px;
	height: 420px;
    padding: 0px auto;
	background-repeat:no-repeat;
    
}


#contentSide #topImagefront {
	border-top: 2px solid #861414;
	width: 555px;
        height:auto !important;
	height: 300px;
	min-height: 300px;
        margin:0px, auto;
}

#contentSide #promoPanel {
	/* border-top: dotted 1px #f9ae1b; */
        padding-top:6px; 
        width: 545px;
	margin: 2px 8px 12px 4px;
}
	
	
	#contentSide #sectionA {
	width: 440px;
	margin: 0px 4px 0px 60px;
}


	
	#contentSide #sectionB {
	background-image: url(http://www.davidrosssalon.com//images/site/lowerband.jpg);
	height:auto !important;
	height: 20px;
	min-height: 20px;
	padding: 18px 60px 10px 60px;
	background-repeat: no-repeat;
	margin-top: 20px;
}

#sectionB p {
	font-size: small;
	color: #000000;
	line-height: 1.8em;
}
	
	
	
#heightDiv{
	height:auto !important;
	height: 535px;
	min-height: 535px;
	}



#logo{
	text-align:center; 
	margin-left:30px; 
	margin-bottom:40px;
}


/* Links */
a:link {
	color:#CCCCCC;
	text-decoration: none;
}

a:visited {
	color:#CCCCCC;
	text-decoration: none;
}
a:hover {
	color:#CCCCCC;
	text-decoration: underline;
}
a:active {
	color:#CCCCCC;
	text-decoration: none;
}
#contentSide #navbar {
	width: 555px;
	padding-top: 16px;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
	background-color: #111111;
}
#contentSide #introbox {
        margin-top:0px;
        position: relative;
	padding-right: 15px;
        padding-top: 0px;
        
        min-height: 200px;
        height: auto !important;
        height: 200px;
}

#contentSide #introblock {
	margin-top: -45px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 22px 20px 35px 32px;
	font-size: 12px;
	line-height: 1.8em;
}

#contentSide #contentbox {
	padding-right: 15px;
	position: relative;
}
#contentblock h1 {
	text-transform: uppercase;
	color: #CCCCCC;
	letter-spacing: 1px;
	font-weight: normal;
}
#contentblock h2 {
	color: #fff3bb;
	font-weight: normal;
	font-size: 13px;
}


#contentSide #contentblock {
	margin-top: -30px;
	margin-right: 0px;
	margin-left: 0px;
	background-image: url(http://www.davidrosssalon.com//images/site/front-copy-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	padding: 22px 20px 35px 32px;
	font-size: 12px;
	line-height: 1.8em;
        height:auto !important;
}

#contentSide #contentblock a:link {
	color:#F8AD1B;
	text-decoration: none;
}

#contentSide #contentblock a:visited {
	color:#F8AD1B;
	text-decoration: none;
}
#contentSide #contentblock a:hover {
	color:#FFFFFF;
	text-decoration: none;
}
#contentSide #contentblock a:active {
	color:#fff3bb;
	text-decoration: none;
}




#stylistInfo{
  background-color: #000000;
  min-height: 110px;
        height: auto !important;
        height: 110px;
   background-position: right;
   background-repeat: no-repeat;
   width: 480px;
   margin: 10px 0px 0px 0px;
   padding: 6px 5px 0px 14px;
   border-top: #333333 1px dotted;
   border-bottom: #333333 1px dotted;
}

#stylistQuotation{
   padding: 20px 0px 0px 0px;
   float:left; width: 310px;
}



.footer, .push {
    height: 4em;
}


#contentSide #toplinks{
	text-align:right;
	float:right;
	width: 140px;
	padding-top:30px;
	font-size:10px;
	margin-right:24px;
       line-height:1.3em;
}


#contentSide #toplinks a:link {
	letter-spacing: 1px;
        color:#F8AD1B;
	text-decoration: none;
}

#contentSide #toplinks a:visited {
	letter-spacing: 1px;
	color:#F8AD1B;
	text-decoration: none;
}
#contentSide #toplinks a:hover {
	letter-spacing: 1px;
	color:#FFFFFF;
	text-decoration: none;
}
#contentSide #toplinks a:active {
	letter-spacing: 1px;
	color:#fff3bb;
	text-decoration: none;
}



#side #sideDetails a:link {
	color:#F8AD1B;
	text-decoration: none;
}

#side #sideDetails a:visited {
	color:#F8AD1B;
	text-decoration: none;
}
#side #sideDetails a:hover {
	color:#FFFFFF;
	text-decoration: none;
}
#side #sideDetails a:active {
	color:#fff3bb;
	text-decoration: none;
}