@import url(http://fonts.googleapis.com/css?family=Tinos:400,700,700italic);
body {height:100%; width:100%; margin:0; padding:0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:RGB(4,25,67);}

h2 {font-family:"Tinos", "Times New Roman", serif; font-size:20px; text-align:center; color:#1b1464; font-weight:normal;}
h3 {font-family:"Tinos", "Times New Roman", serif; font-size:14px; text-align:center; color:#1b1464; font-weight:normal;}
h4 {font-family:"Tinos", "Times New Roman", serif; font-size:12px; color:#1b1464; font-weight:normal;}



.ntm {margin-top:0;}

.nbm {margin-bottom:0;}

.nm {margin:0;}

.cen {text-align:center;}

.lt {text-align:left;}

.rt {text-align:right;}

	

#main_container {

	width:888px; 

	height:auto; 

	margin-left:auto; 

	margin-right:auto; 

	padding:0; 

	text-align:left;

	}

	

#top_text_block {

	width:auto; 

	height:20px; 

	line-height:20px; 

	text-align:center;  

	overflow:hidden;

	}

	

#top_text_block h1 {

	font-size:11px; 

	font-weight:bold; 

	color:#999999; 

	letter-spacing:2px;

	margin-top:0;

	}

	

#main_banner {

	width:908px; 

	height:117px;

	margin:0 auto;

	}

	

#main_banner img {

	width:908px; 

	height:117px; 

	border:none;

	}

	

#globalNav {width:888px; height:45px; padding:0; margin:0; background-image:url(images/hollywood-hair-nav.png); background-repeat:no-repeat; overflow:hidden;}
#globalNav a {display:block; height:45px; float:left;}
#globalNav a:hover {background-image:url(images/hollywood-hair-nav.png);}
#globalNav a.home {width:86px;}
#globalNav a.home:hover {background-position:0 -45px;}
#globalNav a.whyHH {width:261px;}
#globalNav a.whyHH:hover {background-position:-86px -45px;}

#globalNav a.ourResults {width:157px;}
#globalNav a.ourResults:hover {background-position:-347px -45px;}

#globalNav a.hairForTheMovies {width:234px;}
#globalNav a.hairForTheMovies:hover {background-position:-504px -45px;}

#globalNav a.contactUs {width:150px;}
#globalNav a.contactUs:hover {background-position:-738px -45px;}

	

#main_content_block_corners_gray {

	width:888px; 

	height:10px; 

	padding:0; 

	background-image:url(images/main_corners_with_gray.png); 

	background-position:top left; 

	background-repeat:no-repeat; 

	overflow:hidden;

	margin:0;

	}

	

#main_content_block_corners_white {

	width:888px; 

	height:10px; 

	padding:0;  

	background-image:url(images/main_corners_all_white.png);

	background-position:top left; 

	background-repeat:no-repeat; 

	overflow:hidden;

	margin:0;

	}

	

#main_content_block_gray {

	width:868px; 

	height:auto; 

	padding:10px; 

	padding-top:0;

	background-image:url(images/main_background_with_gray.png); 

	background-position:top left; 

	background-repeat:repeat;

	}

	

#main_content_block_white {

	width:868px; 

	height:auto; 

	padding:10px;  

	background-color:#FFFFFF; 

	background-image:url(images/main_background_all_white.png);

	background-position:top left; 

	background-repeat:repeat;

	}

	

#main_content_left {

	width:572px; 

	height:auto; 

	float:left;

	}

	

#main_content_left h1 {

	font-size:16px; 

	text-align:center; 

	color:#1b1464; 

	font-weight:bold; 

	line-height:20px; 

	margin:0; 

	margin-bottom:10px;

	}

	

#main_content_left p.bigger {

	font-size:22px; 

	text-align:center; 

	color:#1b1464; 

	font-weight:bold; 

	line-height:20px; 

	margin:0; 

	margin-bottom:10px;

	}

	

#main_content_left p.big {

	font-size:16px; 

	text-align:center; 

	color:#1b1464; 

	font-weight:bold; 

	line-height:20px;

	}

	

#main_content_left div.pic_row {

	width:auto; 

	height:351px; 

	padding:0; 

	margin:0; 

	margin-bottom:10px;

	}

	

#main_content_left div.pic_row div.pic_row_pic_left {

	width:281px; 

	height:auto; 

	float:left;

	margin-right:10px;

	}

	

#main_content_left div.pic_row div.pic_row_pic_right {

	width:281px; 

	height:auto; 

	float:left; 

	}

	

#main_content_left div.pic_row div.pic_row_pic_right_clickable {

	border:1px solid #999999;

	width:279px; 

	height:349px; 

	float:left; 

	}

	

#main_content_left div.pic_row div.pic_row_pic_right_clickable a {

	background-image:url(images/misc/overlay-click-to-enlarge.png); 

	background-repeat:no-repeat; 

	background-position:bottom right; 

	display:block; 

	width:279px; 

	height:349px;

	}

	

	

#main_content_left div.pic_row img {

	width:279px; 

	height:349px; 

	border:1px solid #999999;

	}

	

#main_content_right {

	width:276px; 

	height:auto; 

	float:right;

	}

	

#main_content_right p.others_are_saying {

	width:auto; 

	height:30px; 

	line-height:30px; 

	font-size:16px; 

	color:#790000; 

	font-weight:bold; 

	font-style:italic; 

	background-image:url(images/rt-bar-title-background.png); 

	background-repeat:no-repeat; 

	background-position:top left; 

	overflow:hidden; 

	text-align:center; 

	margin:0;

	}

	

#main_content_right p.others_are_saying_plain {

	width:auto; 

	height:30px; 

	line-height:30px; 

	font-size:16px; 

	color:#790000; 

	font-weight:bold; 

	font-style:italic;  

	text-align:center; 

	margin:0;

	}

div.divider  {

	border-bottom:1px solid #CCCCCC;

	width: auto;

	}

	

#main_footer_image_gray {

	width:908px; 

	height:220px; 

	margin-bottom:0; 

	padding:0; 

	overflow:hidden; 

	background-image:url(images/footer-image-gray.jpg); 

	background-position:top left; 

	background-repeat:no-repeat;

	margin-left:auto;

	margin-right:auto;

	text-align:left;

	}

	

#main_footer_image_white {

	width:908px; 

	height:220px; 

	margin-bottom:0; 

	padding:0; 

	overflow:hidden; 

	background-image:url(images/footer-image-all-white.jpg);

	background-position:top left; 

	background-repeat:no-repeat;

	margin-left:auto;

	margin-right:auto;

	text-align:left;

	}

	

#footer_main_content {

	margin:0 10px 0 10px; 

	width:auto; 

	height:200px; 

	padding:0 10px 0 10px; 

	overflow:hidden;

	}

	

#footer_minimum_content {

	margin:0 10px 0 10px; 

	width:auto; 

	height:20px; 

	line-height:20px; 

	padding:0 10px 0 10px; 

	overflow:hidden; 

	text-align:right; 

	color:#FFFFFF; 

	font-size:10px;

	}

	

p.quick_facts {

	margin:0; 

	font-size:14px;

	}

	

p.quick_facts .quick_facts_title {

	font-size:16px; 

	color:#790000; 

	font-weight:bold; 

	font-style:italic;

	}

	

#rt_trivia_box {

	width:auto; 

	height:auto;

	}

	

#rt_trivia_box #top_trivia_box {

	height:55px; 

	background-image:url(images/rt-bar-trivia-box-top.png); 

	background-repeat:no-repeat; 

	background-position:top center;

	}



#rt_trivia_box #center_trivia_box {

	height:auto; 

	width:auto; 

	/*- background-color:#000000; -*/

	background-color: #041943;

	padding:0 10px 5px 10px; 

	color:#FFFFFF; 

	margin:0;

	}

	

#rt_trivia_box #bottom_trivia_box {

	height:10px; 

	background-image:url(images/rt-bar-trivia-box-bottom.png); 

	background-position:top center; 

	background-repeat:no-repeat;

	}

	

#rt_trivia_box .trivia_picture {

	width:250px; 

	height:159px; 

	border:3px solid #7D7D7D; 

	overflow:hidden;

	}

	

#rt_trivia_box p.trivia_info {

	margin:3px 0 10px 0;

	font-size:12px;

	}

	

#rt_trivia_box p.trivia_info .trivia_name {

	font-size:16px; 

	font-weight:bold; 

	color:#FBEC02;

	}

	

#rt_trivia_box p.trivia_info .trivia_for {

	font-size:14px; 

	font-weight:bold;

	}

	

a.plain {

	color:#000000; 

	text-decoration:none;

	}

	

div.thumb_float_left {

	width:auto; 

	height:auto; 

	border:1px solid #CCCCCC; 

	float:left; 

	margin-right:5px;

	}

	

div.thumb_float_right {

	width:auto; 

	height:auto; 

	border:1px solid #CCCCCC; 

	float:right; 

	margin-left:5px;	

	}

	

div.click_to_enlarge {

	text-align:center; 

	width:auto; 

	height:20px; 

	overflow:hidden;

	background-color:#000000; 

	background-image:url(images/click-to-enlarge.png); 

	background-position:center;

	}

	

span.keyword {

	display:none;

	}

	

	

/*-- front page options --*/

#fp_blocks {

	margin-bottom:10px; 

	height:70px; 

	width:auto;

	}

	

#fp_blocks a {

	display:block;

	width:184px;

	height:70px;

	float:left;

	}



#fp_blocks a.ba {

	background:url(images/fpchoices/fp-choices-before-and-after.png) no-repeat;

	}

	

#fp_blocks a.how {

	background:url(images/fpchoices/fp-choices-how-we-make.png) no-repeat;

	}

	

#fp_blocks a.howtobuy {

	background:url(images/fpchoices/fp-choices-how-to-buy.png) no-repeat;

	}

	

#fp_blocks a.ba:hover {

	background:url(images/fpchoices/fp-choices-before-and-after-mo.png) no-repeat;

	}

	

#fp_blocks a.how:hover {

	background:url(images/fpchoices/fp-choices-how-we-make-mo.png) no-repeat;

	}

	

#fp_blocks a.howtobuy:hover {

	background:url(images/fpchoices/fp-choices-how-to-buy-mo.png) no-repeat;

	}

	



/*-- header replace --*/

.replace {

 position: relative;

 margin: 0px;

 padding: 0px;

 font-size: 10px;

 color: #1b1464;

 /* hide overflow: hidden from IE5/MAC */

 /*\*/

 overflow:hidden;

 /**/

 }

 

.replace span {

 display: block;

 position: absolute;

 top: 0px;

 left: 0px;

 z-index:1;

 font-size: 10px;

 color: #1b1464;

 } 

 

#secBanner, #secBanner span {
 height: 117px;
 width: 908px;
 background-image:url(images/hollywood-hair-main-banner.png);
 color:#00032D;
 }

	

.hdPicWrap {width:572px; height:230px; padding-bottom:20px; margin-bottom:20px; overflow:hidden; border-bottom:1px solid RGB(210,210,210); background-repeat:no-repeat;}

.hdPicWrap .before {display:block; width:184px; height:230px; float:left; margin-right:10px;}

.hdPicWrap .after {display:block; width:184px; height:230px; float:left; margin-right:10px;}

.hdPicWrap .altWrapper {display:block; width:184px; height:230px; float:left;}

.hdPicWrap .altWrapper .side {display:block; width:184px; height:110px; margin-bottom:10px;}

.hdPicWrap .altWrapper .closeup {display:block; width:184px; height:110px;}



.smCaption {font-size:80%;}

/* --- homepage options --- */
a.howotherslook {display:block; width:276px; height:80px; margin-right:20px; float:left; background-image:url(images/hh-fp-options.png); background-repeat:no-repeat;}
a.howotherslook:hover {display:block; width:276px; height:80px; margin-right:20px; float:left; background-image:url(images/hh-fp-options.png); background-repeat:no-repeat; background-position:0 -80px;}
a.howdoyoudoit {display:block; width:276px; height:80px; float:left; background-image:url(images/hh-fp-options.png); background-repeat:no-repeat; background-position:-296px 0;}
a.howdoyoudoit:hover {display:block; width:276px; height:80px; float:left; background-image:url(images/hh-fp-options.png); background-repeat:no-repeat; background-position:-296px -80px;}
