/*
THEME NAME: Holland Hair Salon
THEME URI: http://www.hollandhairsalon.co.nz
DESCRIPTION: Holland Hair Salon Wordpress Theme
TAGS: holland hair salon
VERSION: 1.0
AUTHOR: Digital Visions Queenstown
AUTHOR URI: http://www.dvq.co.nz/
*/




/* GLOBAL RESET ---------------------------- */

body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }

address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; font-style: normal; }

acronym, abbr, fieldset, img { border: 0;}

:focus { outline: 0; }




/* BASE STYLE ---------------------------- */

body { background: #d13963 url(images/bg.gif) no-repeat top center; font: 90%/1.5em Arial, sans-serif; color: #454544; }

strong { font-weight: bold; }
a { color: #a7003c; border-bottom: 1px solid #d0d0d0; text-decoration: none; }
a:hover { color: #D13963; border-color: #666; }

p { margin-bottom: 1em; }

h2 { font: 150% Helvetica, Arial, sans-serif; color: #444444; margin-bottom: 20px; }
h3 { font: 120% Helvetica, Arial, sans-serif; color: #d13963; margin: 30px 0 10px 0; text-transform: uppercase; border-bottom: 1px solid #d0d0d0; padding-bottom: 5px; }

img { border: 5px solid #eeeeee; }
	img.alignleft { float: left; margin: 0 20px 10px 0; }
	img.alignright { float: right; margin: 0 0 10px 20px; }




/* COMMON STYLES ---------------------------- */

.important { font-weight: bold; text-transform: uppercase; }
.nobdr { border: none; }	
.small-text { font-size: 80%; }
	
	
	

/* CONTAINER ---------------------------- */

#container-large { width: 930px; margin: 0 auto; }

#container { width: 840px; position: relative; margin: 20px auto 0 auto; background: #FFF url(images/container-bg.gif) repeat-y top center; }
	#container-top { width: 840px; height: 12px; display: block; overflow: hidden; background: url(images/container-top.gif) no-repeat top center; }




	/* HEADER ---------------------------- */
    
    #header { height: 87px; }
    


	/* LOGO ---------------------------- */
    
    h1 a { background: url(images/logo.gif) no-repeat 0 0; width: 314px; height: 87px; display: block; text-indent: -9999px; position: absolute; left: -44px; top: 12px;  border: none; }




    /* LOCATION ---------------------------- */	
    
    #location { background: url(http://hollandhairsalon.co.nz/wp-content/uploads/2010/03/location.gif) no-repeat bottom left; width: 148px; height: 32px; display: block; float: right; padding: 29px 66px 0 0; }
    	#location span { display: none; }




	/* CONTENT WRAPPER ---------------------------- */	
	
	#content-wrapper { width: 806px; margin: 0 auto; margin: 15px 0 0px 0; padding: 10px 17px 30px 17px; background: url(images/content-wrapper-bg.gif) repeat-y top center; }
	
	
	
	
		/* SIDEBAR ---------------------------- */		
	
		ul#sidebar { float: left; width: 93px; }
			ul#sidebar li { display: inline; }
				ul#sidebar li a { display: block; color: #797979; text-decoration: none; margin-bottom: 8px; border: none; }
				ul#sidebar li a:hover, ul#sidebar li.active a { background: url(images/nav-active.gif) no-repeat 100% 50%; color: #444444; border: none; }
	
	
	
		
		/* MAIN CONTENT ---------------------------- */			
		
		#main-content { width: 475px; float: left; padding-left: 20px; }
		
		
		

			/* PRICING ---------------------------- */
			
			tr { margin-bottom: 6px; }
				td { width: 235px; text-align: right; padding-bottom: 5px; }
				td.first-td { width: 240px; text-align: left; }
		
		


   		/* PHOTOS BOX ---------------------------- */	
		
		#photos-box { width: 176px; height: 402px; margin-top: 0px; float: right; }
	
	
		
	/* FOOTER ---------------------------- */			
	
	#footer { width: 806px; height: 134px; padding: 0 17px; background: url(images/footer-bg.gif) no-repeat bottom left; color: #797979; }
		#footer p.footer-left { float: left; margin-top: 40px; }
		#footer p.footer-right { float: right; margin-top: 40px; }
			#footer p.footer-right a { color: #585858; }
		
				
		

/* P.I.E. FLOAT CLEARING ---------------------------- */

.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix {display:inline-block;}
.clearfix {display:block;}