body, div, h1, h2, h3, h4, p, ul, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body {
    background: #FFF;
    text-align: center;
}
p, div, li,  h1, h2, h3, h4, td, th, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #757272;
    line-height: 13px;
}
p, h1, h2, h3, h4 {
	margin-bottom: 15px;
}
			
a img, :link img, :visited img {
    border: none
}
a:link, a:visited {
    color: #F47920;
    text-decoration: underline;
}
a:hover, a:active {
    color: #F3A369;
    text-decoration: underline;
}
h1 span, h2 span, h3 span {
    display: none;
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}

/* ----------------------------------- */
/* BODY/WRAPPER
/* ----------------------------------- */

#wrapper {
	width: 850px;
	margin: 0 auto;
	text-align: left;
}

/* ----------------------------------- */
/* TOP
/* ----------------------------------- */

#logo {
	width: 300px;
	float: left;
}	
#phone {
	float: right;
}

/* ----------------------------------- */
/* MENU
/* ----------------------------------- */

#menu {
	background: url(../_images/menu.gif) 0 0 no-repeat;
	width: 850px;		/* Width of entire image */ 
	height: 32px;		/* Height of buttons */
}
#menu span {
	display: none;
}
#menu li, #menu a {
	height: 32px;		/* Each button must have the same height, define it here */ display: block;
}
#menu li {
	float: left;
	list-style: none;
	_display: inline;		/* fixes IE/Win double margin float bug (safe) */
}

/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
/* width - width of each button, they will each most likely be unique */ 
#menu-home			{ width: 93px; }
#menu-studio		{ width: 114px; }
#menu-services		{ width: 100px; }
#menu-weddings		{ width: 109px; }
#menu-professionals { width: 128px; }
#menu-editorials	{ width: 110px; }
#menu-faq			{ width: 76px; }
#menu-contact		{ width: 120px; }

/* Changed values should match sum of "width" numbers specified above */ 
#menu-home a:hover 				{ background: transparent url(../_images/menu.gif) 0px -32px no-repeat; }
#menu-studio a:hover  			{ background: transparent url(../_images/menu.gif) -93px -32px no-repeat; }
#menu-services a:hover 			{ background: transparent url(../_images/menu.gif) -207px -32px no-repeat; }
#menu-weddings a:hover 			{ background: transparent url(../_images/menu.gif) -307px -32px no-repeat; }
#menu-professionals a:hover 	{ background: transparent url(../_images/menu.gif) -416px -32px no-repeat; }
#menu-editorials a:hover		{ background: transparent url(../_images/menu.gif) -544px -32px no-repeat; }
#menu-faq a:hover 				{ background: transparent url(../_images/menu.gif) -654px -32px no-repeat; }
#menu-contact a:hover			{ background: transparent url(../_images/menu.gif) -730px -32px no-repeat; }
	
/* ----------------------------------- */
/* BANNER
/* ----------------------------------- */

.home #banner {
	height: 168px;
	background: url(../_images/banner.gif) 0 0 no-repeat;
}

.sub #banner {
	height: 28px;
	background: #9CA3AC;
}
	
/* ----------------------------------- */
/* CONTENT
/* ----------------------------------- */

	/* Home page 
	--------------------------------------- */
	.intro {
		width: 385px;
		float: left;
		margin: 30px 0 30px 30px;
		padding-top: 70px;
	}
		.intro p {
			margin-right: 170px;
		}
	#hair-intro {
		background: url(../_images/hair-intro.jpg) 0 0 no-repeat;
	}
	#wedding-intro {
		background: url(../_images/wedding-intro.jpg) 0 0 no-repeat;
	}
	
	/* Sub page 
	--------------------------------------- */
	#content {
		margin: 25px 230px 30px 0;
	}
	#content h1 {
		text-indent: -1000px;
		overflow: hidden;
		height: 43px;
	}
		#content h2, #content h3, #content p, #content ul, #content table {
			margin: 0 20px 15px 24px;
		}	
		#content h2 {
			font-size: 13px;
			padding-left: 20px;
			line-height: 30px;
			background: url(../_images/logo-icon.gif) 0 0 no-repeat;
		}
		#content h3 {
			font-size: 12px;
		}
		#content li {
			margin-left: 20px;
		}
		
		a#booking {
			font-size: 15px;
			font-weight: bold;
			color: #FFF;
			background: #F47920;
			padding: 5px 8px;
			text-decoration: none;
		}
	
		/* Our Studio ---- */
		#studio #main { background: url(../_images/main/studio.jpg) top right no-repeat; }
		#studio h1 { background: url(../_images/headers/studio.gif) 0 0 no-repeat; }
	
		/* Services ---- */
		#services #main { background: url(../_images/main/services.jpg) top right no-repeat; }
		#services h1 { background: url(../_images/headers/services.gif) 0 0 no-repeat; }
	
		/* Weddings ---- */
		#weddings #main { background: url(../_images/main/weddings.jpg) top right no-repeat; }
		#weddings h1 { background: url(../_images/headers/weddings.gif) 0 0 no-repeat; }
	
		/* Professionals ---- */
		#professionals #main { background: url(../_images/main/professionals.jpg) top right no-repeat; }
		#professionals h1 { background: url(../_images/headers/professionals.gif) 0 0 no-repeat; }
		
		/* Professionals ---- */
		#editorials #main { background: url(../_images/main/studio.jpg) top right no-repeat; }
		#editorials h1 { background: url(../_images/headers/editorials.gif) 0 0 no-repeat; }
	
		/* FAQ ---- */
		#faq #main { background: url(../_images/main/faq.jpg) top right no-repeat; }
		#faq h1 { background: url(../_images/headers/faq.gif) 0 0 no-repeat; }
	
		/* Contact ---- */
		#contact #main { background: url(../_images/main/contact.jpg) top right no-repeat; }
		#contact h1 { background: url(../_images/headers/contact.gif) 0 0 no-repeat; }
		
		#form-table th, #form-table td {
			vertical-align: top;
			border-bottom: 1px solid #CCC;
		}

	/* Services 
	--------------------------------------- */
	#content ul.services li {
		width: 315px;
		border-bottom: 1px solid #c1c2c7;
		list-style: none;
		padding-top: 3px;
		padding-bottom: 2px;
		margin-left: 0;
	}
	ul.services li span {
		float: right;
		font-weight: bold;
		color: #f47920;
	}
	
	/* Editorials 
	--------------------------------------- */
	#editorials td {
		width: 50%;
		padding: 0 15px 15px 0;
	}
	#editorials td img {
		float: left;
	}
	#editorials td p {
		margin-left: 110px;
	}
	#editorials td p strong {
		font-size: 14px;
	}
	
	/* Gift Card 
	--------------------------------------- */
	#gift-card {
		background: url(../_images/gift-card.gif) 0 0 no-repeat;
		height: 28px;
		line-height: 28px;
		padding-left: 165px;
		border-top: 1px solid #C1BFBF;
		border-bottom: 1px solid #C1BFBF;
	}
		#gift-card a {
			font-weight: bold;
		}
		#gift-card img {
			float: right;
		}

	/* Refer a friend 
	--------------------------------------- */
	body#popup {
		padding: 30px;
		text-align: left;
	}
		#popup h1 {
			font-size: 24px;
			font-weight: normal;
			color: #F47920;
		}
		#popup h2 {
			font-size: 16px;
			color: #000;
		}
	
/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */

#footer {
	margin-top: 20px;
	text-align: center;
}
#footer ul {
	margin-bottom: 10px;
}
#footer li {
	display: inline;
	margin: 0 5px;
	font-weight: bold;
}