@charset "UTF-8";
@import "reset.css ";

/*
Global 
-------------------------------------------------------------*/
body {
	background: url(../images/body_bg.jpg)  #1e1e1e 50% 0 no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8d8d8d;
	}
body.home {
	overflow:hidden;/*Needed to eliminate scrollbars*/
	}
a,
a:hover {text-decoration: underline;}
a, a:active {color: #1795ff; text-decoration: none;}

p {
	color: #8d8d8d;
	font-size: 13px;
	line-height: 16px;
	}
p.big {
	color: #8d8d8d;
	font-size: 15px;
	line-height: 20px;
	margin: 0 0 15px 0;
	}
	
h1.logo {
	width: 204px;
	height: 54px;
	background: url(../images/logo.png) 0 0 no-repeat;
	text-indent: -9999px;
	margin: 20px 0 0 5px;
	float: left;
	}
h1.logo a {
	display: block;
	height: 54px;
	}
span.side_link {
	background: #000;
	padding: 8px;
	font-size: 19px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	margin: 5px 0;
	}


/* Headlines */
h3.yellow27 {
	color: #edb918;
	font-size: 27px;
	margin: 20px 0 10px 0;
	text-transform: uppercase;
	}
h2.yellow87 {
	color: #edb918;
	font-size: 87px;
	margin: 60px 0 30px 20px;
	text-transform: uppercase;
	}
h2.yellow97 {
	color: #edb918;
	font-size: 97px;
	margin: 60px 0 -5px 20px;
	text-transform: uppercase;
	}
h2.yellow110 {
	color: #edb918;
	font-size: 110px;
	text-transform: uppercase;
	text-align: right;
	}
h2.yellow129 {
	color: #edb918;
	font-size: 129px;
	text-transform: uppercase;
	margin: 0 0 -15px 0;	
	}

/* ---- */
h2.gray47 {
	font-size: 47px;
	color: #4f4f4f;
	text-transform: uppercase;
	margin: 10px 0 0 20px;
	}
h2.gray110 {
	color: #282828;
	font-size: 110px;
	text-transform: uppercase;
	text-align: right;
	}


/* ---- */
h3.white27 {
	color: #fff;
	font-size: 27px;
	margin: 0 0 70px 20px;
	}
h3.white32 {
	color: #fff;
	font-size: 32px;
	word-spacing: 2px;
	margin: 0 0 20px 0;
	}
h3.white31 {
	color: #fff;
	font-size: 31px;
	text-transform: uppercase;	
	}

	
/* Columns */
div.w300 {
	width: 300px;
	display: block;
	float: left;
	margin: 0 0 0 20px;
	}
div.w220 {
	width: 220px;
	display: block;
	float: left;
	margin: 0 0 0 20px;
	}
div.w540 {
	width: 540px;
	display: block;
	float: left;
	margin: 0 0 0 20px;
	}
div.w380 {
	width: 380px;
	display: block;
	float: left;
	margin: 0 0 0 20px;
	}


/*
Forms
-------------------------------------------------------------*/	
input, textarea, label {
	font-family: Arial, Helvetica, sans-serif;
	}
input, textarea {
	background: url(../images/form_input_bg.gif) 0 0 repeat-x #333333;
	border: 1px solid #000;
	color: #fff;
	padding: 5px 5px 3px 5px;
	font-size: 14px;
	float: left;
	clear: both;
	margin: 0 0 10px 0;
	}
select {
	margin: 0 0 10px 0;
	float: left;
	clear: both;
	}
label {
	float: left;
	clear: both;
	color: #999;
	font-size: 14px;
	text-shadow: #000 0 1px 0;
	font-weight: bold;
	margin: 0 0 2px 0;
	}
label.error {
	font-weight: lighter;
	color: #edb918;
	margin: 5px 0 5px 0;
	}
.blue_btn {
	background: url(../images/blue_btn_bg.gif) right 0 no-repeat;
	padding: 0 40px 8px 36px;
	height: 38px;
	border: none;
	float: left;
	cursor: pointer;
	font-size: 16px;
	text-shadow: #000 0 1px 0;
	}
a.blue_btn {
	color: #fff;
	padding-top: 8px;
	padding-bottom: 0;	
	}
a.blue_btn:hover {
	text-decoration: none;
	}


/*
Mailing List Sign Up
-------------------------------------------------------------*/
#sign_up {
	width: 620px;
	height: auto;
	}
#sign_up_list {
	position: absolute;
	display: block;
	top: 80px;
	right: 80px;
	}
#sign_up_list p {
	font-weight: bold;
	font-size: 15px;
	margin: 0 0 10px 0;
	color: #2c2c2c;
	}
#sign_up_list ul li {
	font-size: 15px;
	margin: 0 0 10px 20px;
	color: #2c2c2c;
	list-style-type: disc;
	}


/*
Application
-------------------------------------------------------------*/
h2.gray48 {
	color: #4f4f4f;
	font-size: 48px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	}
h3.yellow20 {
	font-size: 20px;
	color: #edb918;
	}
#content_inner.form2 {
	background: #fff;
	width: 620px;
	margin: 60px auto 0 auto;
	padding: 40px 20px 20px 20px;
	}
div.section {
	background: #eef1f3;
	padding: 25px;
	margin: 0 0 30px 0;
	overflow: hidden;
	height: 100%;
	}
.application p {
	color: #000;
	margin: 0 0 10px 0;
	}
.form2 input,
.form2 textarea {
	background: url(../images/white_input_bg.gif) 0 0 repeat-x #fff;
	border: 1px solid #8b8b8b;
	margin: 0 0 10px 0;
	color: #000;
	}
.form2 #name {
	margin: 0 0 10px 0;
	width: auto;
	}
.form2 label {
	text-shadow: none;
	color: #2c2c2c;
	font-size: 13px;
	}
.form2 label.error {
	margin: -5px 0 10px 0;
	color: #990000; 
	}
.form2 h3 {
	color: #edb918;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 10px 25px;
	display: inline-block;
	}
.form2 input.blue_btn {
	background: url(../images/blue_btn_on_white_bg.gif) 0 0 repeat-x;
	padding: 0 40px 8px 36px;
	height: 38px;
	border: none;
	float: left;
	cursor: pointer;
	font-size: 16px;
	text-shadow: #000 0 1px 0;
	color: #fff;
	margin: -10px 0 0 30px;
	}
.form2 table {
	float: left;
	clear: both;
	margin: 5px 0 15px 0;
	}
.form2 table input {
	margin: 0 5px 5px 0;
	}
.form2 table label {
	margin: 0 30px 5px 0;
	font-weight: lighter;
	}


/*
Contact 
-------------------------------------------------------------*/
#contact {	
	margin: 60px 0 0 20px;
	}
#contact_form {
	margin: 40px 0 0 0;
	float: left;
	display: block;
	}
input#name {
	width: 250px;
	margin: 0 12px 0 0;
	}
#contact_form input#email {
	width: 250px;
	margin: 0 0 0 0;
	}
textarea#comments {
	width: 524px;
	margin: 5px 0 0 0;
	overflow: auto;
	}
li#name {
	float: left;
	}
li#email {
	float: left;
	}
div#side_links {
	width: 400px;
	float: left;
	margin: 159px 0 0 20px;
	}
#contact_form .blue_btn {
	margin: 20px 0 0 0;
	}
label#comments {
	margin: 20px 0 0 0;
	}
	
	
/*
Gift Certificates
------------------------------------------------------------*/
#easy {
	float: left;
	width: 380px;
	margin: 0 0 0 20px;
	}
h2.yellow117 {
	color: #edb918;
	font-size: 117px;
	text-transform: uppercase;	
	display: inline-block;
	float: left;
	margin: 0 0 0 20px;
	}
h3.white23 {
	color: #fff;
	font-size: 23px;
	text-transform: uppercase;	
	}
img#steps123 {
	margin: 0 0 20px 20px;
	}
span.expand{
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	text-shadow: #000 0 1px 0;
	padding: 10px 0 10px 30px;
	display: block;
	clear: both;
	background: url(../images/collapse_btn.gif) 0 9px no-repeat;
	border-top: 1px dotted #393939;
	border-bottom: 1px dotted #393939;
	margin: 0 0 15px 0;
	cursor: pointer;
	}
h4.gifts {
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	text-shadow: #000 0 1px 0;
	padding: 10px 0 10px 0;
	display: block;
	border-top: 1px dotted #393939;
	border-bottom: 1px dotted #393939;
	margin: 0 0 15px 0;
	text-align: center;
	width: 100%;
	}
span.open {
	background: url(../images/expand_btn.gif) 0 10px no-repeat;
	}
#purchase_option {
	margin: 0 0 20px 0;
	overflow: hidden;
	}
#purchase_option input {
	width: 240px;
	}
#purchase_option .blue_btn {
	width: auto;
	}
#purchase_option select {
	width: 200px;
	}
#purchase_option p {
	margin: 0 0 20px 0;
	}
a.blue_btn.gifts {
	margin: 0 0 0 50px;
	}
img.creditcards {
	margin:  7px 0 0 15px;
	}



/*
Employment
-------------------------------------------------------------*/
div.banner_blue {
	background:url(../images/banner_blue.png) 0 0 no-repeat;
	width: 991px;
	height: 78px;
	position: absolute;
	top: 0;
	left: -7px;
	z-index: 2;	
	}
div.banner_blue h2 {
	text-align: center;
	color: #fff;
	font-size: 33px;
	margin: 10px 0 0 0;
	}
div.banner_blue h2 span {
	background: url(../images/stars_blue.gif) 0 0 no-repeat;
	width: 63px;
	height: 18px;
	display: inline-block;
	margin: 0 10px 3px 10px;
	}
#photo {
	background: url(../images/employment_photo_matte.gif) 0 0 no-repeat;
	width: 980px;
	height: 305px;
	}
img.employment {
	margin: 17px 0 0 24px;
	}
h3.white39 {
	color: #fff;
	font-size: 39px;
	word-spacing: 2px;
	text-transform: uppercase;
	margin: 20px 0 10px 0;
	}
h4.white15 {
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	margin: 0 0 30px 0;
	}
span.yellow {
	color: #edb918;
	font-weight: bold;
	}
div.employment p {
	margin: 0 0 15px 0;
	font-size: 13px;
	line-height: 18px;
	}
ul.star {
	margin: 0 0 20px 0;
	}
ul.star li {
	margin: 0 0 10px 0;
	background: url(../images/star_bullet.gif) 0 0 no-repeat;
	padding: 0 0 0 20px;
	font-size: 14px;
	}
	
	



/*
Our Story 
-------------------------------------------------------------*/
p.story {
	font-size: 15px;
	line-height: 26px;
	}
img.ourstory_photo {
	margin: 5px 0 10px 30px;
	float: right;
	}
img.signature {
	margin: 20px 0 0 0;
	}



/*
Services & Prices 
-------------------------------------------------------------*/
div.disclaimer {
	width: 100%;
	border-top: 1px dotted #393939;
	border-bottom: 1px dotted #393939;
	float: left;
	display: block;
	padding: 5px 0;
	margin: 0 0 60px 20px;
	}
div.disclaimer p {
	font-style: italic;	
	}	
div.service {
	margin: 0 0 35px 0;
	}
div.service h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 31px;	
	color: #fff;	
	}
div.service h3 span {
	color: #edb918;
	}
div.service p {
	width: 290px;
	}
#products {
	float: left;
	margin: 0 0 0 20px;
	}
#products h4 {
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
	letter-spacing: 2px;
	margin: 0 0 15px 0;
	}

span#beer.side_link {
	float: right;
	margin: 35px 0 0 0;
	background: url(../images/pbr.gif) 8px 3px no-repeat #000;
	padding: 8px 8px 25px 75px;
	display: block;
	overflow: hidden;
	}

/* design services block */
#design_services {
	border-top: 1px dotted #393939;
	padding: 10px 0 0 0;
	}
#design_services h3 {
	font-size: 30px;
	text-transform: uppercase;
	color: #fff;
	float: left;
	}
#design_services p.disclaimer {
	font-size: 14px;
	font-weight: bold;
	float: left;
	display: block;
	width: 100%;
	border-bottom: 1px dotted #393939;
	padding: 0 0 5px 0;
	margin: 0 0 30px 0;
	}
#design_services a.view_designs_btn {
	float: left;
	margin: 0 0 0 10px;
	}
#design_services div.service {
	clear: both;
	margin: 0 0 25px 0;
	}
#design_services h4 {
	font-size: 23px;
	color: #edb918;
	}
#design_services h4 span {
	color: #fff;
	}
#design_services div.service p {
	width: 235px;
	}

span.clippers {
	position: absolute;
	top: 470px;
	right: 0;
	display: block;
	background: url(../images/clippers.png) 0 0 no-repeat;
	width: 360px;
	height: 204px;
	text-indent: -9999px;
	}
	

/*
Locations
-------------------------------------------------------------*/
div.banner_yellow {
	background:url(../images/banner_yellow.png) 0 0 no-repeat;
	width: 991px;
	height: 78px;
	position: absolute;
	margin: 0 0 0 -7px;
	z-index: 2;	
	}
div.banner_yellow h2 {
	text-align: center;
	color: #fff;
	font-size: 33px;
	margin: 10px 0 0 0;
	display: inline-block;
	width: 991px;
	}
div.banner_yellow h2 span {
	background: url(../images/stars_yellow.gif) 0 0 no-repeat;
	width: 63px;
	height: 18px;
	display: inline-block;
	margin: 0 10px 0 10px;
	}
div.map_container {
	background:url(../images/locations_map_bg.gif) 0 0 no-repeat;
	width: 960px;
	height: 396px;
	margin: 60px 0 40px 10px;
	}
iframe.map {
	position: relative;
	top: 63px;
	left: 14px;
	width: 932px;
	height: 319px;
	}
img.locations_and_counting {
	position: absolute;
	top: 295px;
	left: 24px;
	display: block;
	z-index: 3;
	}
ul.locations li {
	margin: 0 0 25px 0;
	}
ul.locations a.location {
	margin: 0 0 5px 0;
	display: inline-block;
	}

/* Right column */
div.hours h3,
div.hate_to_wait h3 {
	font-size: 34px;
	color: #fff;
	text-transform: uppercase;
	display: block;
	width: 100%;
	border-top: 1px dotted #393939;
	border-bottom: 1px dotted #393939;
	padding: 10px 0 0 0;
	margin: 0 0 20px 0;
	}
div.hate_to_wait h3 {
	margin: 30px 0 10px 0;
	}
div.hours p.hours_yellow {
	color: #edb918;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	}
div.hours p.disclaimer {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	margin: 20px 0 0 0;
	}
div.hours p {
	line-height: 18px;
	}
div.hate_to_wait p {
	line-height: 18px;
	padding: 0 10px 0 0;
	}



/*
Schedules
-------------------------------------------------------------*/
ul.schedules li {
	margin: 0 0 25px 0;
	}
a.calendar {
	background: url(../images/calendar.gif) 0 0 no-repeat;
	width: 27px;
	height: 25px;
	display: block;
	float: left;
	margin: 2px 15px 0 0;
	}
a.location {
	font-size: 14px;
	}
span.clock {
	background: url(../images/clock.png) 0 0 no-repeat;
	position: absolute;
	width: 231px;
	height: 242px;
	display: block;
	top: 45px;
	right: 30px;
	}
img.judes_girls {
	position: absolute;
	top: 330px;
	right: 0;
	}


/*
Photos
-------------------------------------------------------------*/
div.photos {
	height: 740px
	}
#photo_frame {
	background: url(../images/photo_frame.jpg) 0 0 no-repeat;
	width: 940px;
	height: 691px;
	position: absolute;
	margin: 50px 0 0 20px;	
	z-index: 1;	
	}
#slideshow {
	position: absolute;
	top: 61px;
	left: 33px;
	z-index: 2;
	}
#slideshow img {
	width: 914px;
	height: 600px;
	}
ul#nav_dots {
	text-indent: -9999px;
	position: absolute;
	top: 680px;
	left: 35px;
	width: 600px;
	z-index: 2;
	}
ul#nav_dots li {
	background: url(../images/photo_nav_off.gif) 0 0 no-repeat;
	width: 10px;
	height: 11px;
	float: left; 
	display: block;
	margin: 0 0 0 5px;
	}
ul#nav_dots li.activeSlide {
	background: url(../images/photo_nav_on.gif) 0 0 no-repeat;
	}
#next {
	background: url(../images/next_btn.png) 0 0 no-repeat;
	width: 77px;
	height: 43px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 342px;
	right: 33px;
	z-index: 50;
	}
#prev {
	background: url(../images/prev_btn.png) 0 0 no-repeat;
	width: 77px;
	height: 43px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 342px;
	left: 33px;
	z-index: 50;
	}


/*
Structure
-------------------------------------------------------------*/
#header {
	width: 955px;
	height: 100px;
	margin: 0 auto;	 
	z-index: 10;
	}
#nav_bar {
 	background: url(../images/main_nav_bg.png) 0 0 repeat;
	height: 38px;
	width: 100%;	
	border-bottom: 1px solid #121212;
	border-top: 1px solid #121212;
	z-index: 10;
	}
#nav_bar_inner {
	width: 955px;
	margin: 0 auto;
	overflow: hidden;		
	}
#main_content {
	width: 980px;
	margin: 0 auto;	
	position: relative;
	z-index: 10;
	}
#content_inner {
	margin: 60px 0 0 0;
	overflow: hidden;
	}
#footer {
	height: 20px;
	width: 945px;
	padding: 40px 0 10px 0;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	clear: both;
	}
#footer p {
	font-size: 11px;
	text-align: left;
	color: #595959;
	}


/*
Navigation 
-------------------------------------------------------------*/

/*--- Main Nav ---*/
ul#main_nav {
	float: left;
	display: block;
	height: 38px;	
	overflow: hidden;
	}
ul#main_nav li {
	float: left;
	display: block;
	overflow: hidden;
	margin: 0 5px 0 0;
	height: 38px;
	}
ul#main_nav li a {
	display: block;
	height: 38px;
	text-indent: -9999px;
	overflow: hidden;
	}	
	
ul#main_nav li.home a {background: url(../images/main_nav_sprite.png) 0 12px no-repeat;	width: 52px;}
ul#main_nav li.home a:hover,
ul#main_nav li.home a.active {background: url(../images/main_nav_sprite.png) 0 -27px no-repeat;}

ul#main_nav li.services_and_prices a {background: url(../images/main_nav_sprite.png) -52px 12px no-repeat; width: 140px;}
ul#main_nav li.services_and_prices a:hover,
ul#main_nav li.services_and_prices a.active {background: url(../images/main_nav_sprite.png) -52px -27px no-repeat;}

ul#main_nav li.hours_and_locations a {background: url(../images/main_nav_sprite.png) -192px 12px no-repeat;	width: 144px;}
ul#main_nav li.hours_and_locations a:hover,
ul#main_nav li.hours_and_locations a.active {background: url(../images/main_nav_sprite.png) -192px -27px no-repeat;}

ul#main_nav li.schedules a {background: url(../images/main_nav_sprite.png) -336px 12px no-repeat;width: 90px;}
ul#main_nav li.schedules a:hover,
ul#main_nav li.schedules a.active {background: url(../images/main_nav_sprite.png) -336px -27px no-repeat;}

ul#main_nav li.photos a {background: url(../images/main_nav_sprite.png) -426px 12px no-repeat;width: 68px;}
ul#main_nav li.photos a:hover,
ul#main_nav li.photos a.active {background: url(../images/main_nav_sprite.png) -426px -27px no-repeat;}

ul#main_nav li.our_story a {background: url(../images/main_nav_sprite.png) -494px 12px no-repeat; width: 90px;}
ul#main_nav li.our_story a:hover,
ul#main_nav li.our_story a.active {background: url(../images/main_nav_sprite.png) -494px -27px no-repeat;}


/*--- Secondary Nav ---*/
ul#secondary_nav {
	float: right;	
	display: block;
	margin: 13px 0 0 0;
	}
ul#secondary_nav li {
	float: right;
	display: block;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #040404;
	border-left: 1px solid #343434;
	text-shadow: #000 0 1px 0;
	}
ul#secondary_nav li.first {
	border-left: none;
	}
ul#secondary_nav li.last {
	border-right: none;
	}
ul#secondary_nav li a:hover {
	color: #fff;
	}

/*--- Social Media Nav ---*/
ul#social_nav {
	float: right;
	margin: 10px 10px 0 0;
	}
ul#social_nav li {
	display: block;
	float: right;
	}
ul#social_nav li a {
	display: inline-block;
	margin: 0 0 0 15px;
	padding: 3px 0 0 22px;
	height: 16px;
	}
ul#social_nav a.mailing {
	background: url(../images/mailing_icon.gif) 0 0 no-repeat;
	}
ul#social_nav a.twitter {
	background: url(../images/twitter_icon.gif) 0 0 no-repeat;
	}
ul#social_nav a.facebook {
	background: url(../images/facebook_icon.gif) 0 0 no-repeat;
	}

ul#social_nav li a {
	color: #8c8c8c;	
	text-shadow: #000 0 1px 0;
	}
ul#social_nav li a:hover {
	color: #fff;
	}
	

/*
Homepage
-------------------------------------------------------------*/
#dots {
	height: 100%;
	width: 100%;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 140px;
	left: 0;
	background: url(../images/dot_pattern.png) 0 0 repeat;
	z-index: 3;
	}
h2#welcome_message {
	background: url(../images/welcome_message.png) 0 0 no-repeat;
	width: 634px;
	height: 410px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 60px;
	left: 0;
	}

/*-- Twitter --*/
#twitter {
	background: url(../images/tweet_bg.png) 0 0 no-repeat;
	width: 265px;
	height: 140px; 	
	position: relative;
	top: 175px;
	left: 580px;
	padding: 15px 15px 0 15px;
	}
#twitter h4 {
	background: url(../images/twitter_headline.gif) 0 0 no-repeat;
	width: 167px;
	height: 19px;
	text-indent: -9999px;
	float: left;
	}
#twitter a.follow_us {
	background: url(../images/follow_us.gif) 0 0 no-repeat;
	width: 58px;
	height: 17px;
	text-indent: -9999px;
	float: right;
	}
ul#twitter_update_list {
	float: left;
	margin: 10px 0 0 0;
	color: #5d5d5d;
	line-height: 14px;
	}
ul#twitter_update_list span a { /* link in tweet */
	color: #1795ff;	
	display: inline;
	}
ul#twitter_update_list a { /* days ago */
	color: #b6b6b6;
	display: block;
	}
ul#twitter_update_list a:hover {
	text-decoration: underline;
	}


/*--- Slideshow ---*/
#loading {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 4;
	width: 24px; 
	height: 24px;
	text-indent: -999em;
	background-image: url(../images/homeslides/progress.gif);
	}
#supersize {
	position: absolute;
	top: 140px;
	height: 100%;
	width: 100%;
	overflow: hidden;	
	}
#supersize img, #supersize a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
	}
#supersize .prevslide, #supersize .prevslide img{
	z-index: 1;
	}
#supersize .activeslide, #supersize .activeslide img{
	z-index: 2;
	display: block;
	}
#supersize img {
	display: none;
	}