/*
-----------------------------------------------
Style Sheet

Site: asbestosnews.com
Author:   CMTM - www.cmtminc.com
Version:  2006.7
----------------------------------------------- */


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }


/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset { border:none; }

/* reset margin and padding for all elements to 0 */
* { margin:0; padding:0; }



/* global elements
 * ------------------------------------------------------------------------- */

/* Default font size in IE and FireFox is 16px. Default for Safari is 14px. */
html {
	font-size:100% /* IE has problems scaling text in ems. Using a percentage makes for better text rendering when scaled. */
	}

body {
	font-size:.75em; /* Read by IE only. - 75% of 16px = 12px */
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	}

html>body {
	font-size:12px; /* overrides the font-size above in all browsers except IE. These browsers can resize text that is specified in px so this is ok. */
	}

a:link, a:visited {
	color:#888888;
	}
	
a:hover, a:active, .selected a:link, .selected a:visited {
	color:#bbbbbb;
	}
	

/* Classes
 * ------------------------------------------------------------------------- */

.clear {
	clear:both;
	height:.01em;
	overflow:hidden;
	}

.pic_left {
	margin:0 10px 2px 0;
	float:left;
	}

.pic_right {
	margin:0 0px 2px 10px;
	float:left;
	}

.thumbs {
	display:block;
	text-align:center;
	margin:10px 0 0 0;
	}

.center {
	text-align:center;
	}

.end {
	float:left;
	margin:0 0 0 10px;
	}

.big {
	font-size:1.2em;
	}

/* Layout
 * ------------------------------------------------------------------------- */
 
#container {
	width:901px;
	margin:10px auto;
	}
	

#content_container {
	width:891px;
	border:1px solid #000;
	padding:4px;
	text-align:left;
	line-height:1.6em;
	margin-bottom:10px;
	}
	
	#photo_footer {
		background:url(../images/wide_footer.jpg) no-repeat bottom;
		padding:20px 35px 25px 35px;
		}
	
#wide_bg {
	width:891px;
	background:url(../images/wide_bg.jpg) repeat-y;
	}

#title {
	background:url(../images/title.gif) no-repeat;
	width:183px;
	height:112px;
	float:left;
	margin-right:14px;
	}
	
	#title span {
		display:none;
		}




#brides_gallery_button {
	background:url(../images/bride_gallery_button.jpg) no-repeat top left;
	width:98px;
	height:96px;
	display:block;
	float:left;
	margin:40px 0 0 40px;
	}
	
	#brides_gallery_button:hover, #brides_gallery_button:active {background-position: 0px -96px;}

	#brides_gallery_button span {display:none; }


#bridesmaids_gallery_button {
	background:url(../images/bridesmaids_gallery_button.jpg) no-repeat top left;
	width:109px;
	height:96px;
	display:block;
	float:left;
	margin:50px 0 0 20px;
	}
	
	#bridesmaids_gallery_button:hover, #bridesmaids_gallery_button:active {background-position: 0px -97px;}

	#bridesmaids_gallery_button span {display:none; }


#hair_gallery_button {
	background:url(../images/hair_gallery_button.jpg) no-repeat top left;
	width:141px;
	height:96px;
	display:block;
	float:left;
	margin:70px 0 0 20px;
	}
	
	#hair_gallery_button:hover, #hair_gallery_button:active {background-position: 0px -96px;}

	#hair_gallery_button span {display:none; }


#press_gallery_button {
	background:url(../images/press_gallery_button.jpg) no-repeat top left;
	width:209px;
	height:96px;
	display:block;
	float:left;
	margin:70px 0 0 20px;
	}
	
	#press_gallery_button:hover, #press_gallery_button:active {background-position: 0px -96px;}

	#press_gallery_button span {display:none; }
	

#specialty_gallery_button {
	background:url(../images/specialty_gallery_button.jpg) no-repeat top left;
	width:97px;
	height:96px;
	display:block;
	float:left;
	margin:70px 0 0 20px;
	}
	
	#specialty_gallery_button:hover, #specialty_gallery_button:active {background-position: 0px -96px;}

	#specialty_gallery_button span {display:none; }

#next_button {
	background:url(../images/next_button.jpg) no-repeat top left;
	width:25px;
	height:29px;
	display:block;
	float:left;
	margin:0px 0 0 10px;
	}
	
	#next_button:hover, #next_button:active {background-position: 0px -29px;}

	#next_button span {display:none; }

#back_button {
	background:url(../images/back_button.jpg) no-repeat top left;
	width:25px;
	height:29px;
	display:block;
	float:left;
	margin:0px 10px 0 0px;
	}
	
	#back_button:hover, #back_button:active {background-position: 0px -29px;}

	#back_button span {display:none; }
	
#back {
	background:url(../images/back.gif) no-repeat top left;
	width:64px;
	height:18px;
	display:block;
	margin:10px 0px 0 380px;
	}
	
	#back:hover, #back:active {background-position: 0px -18px;}

	#back span {display:none; }

#placeholder {
	margin-bottom:10px;
	}

#imagegallery li {
	float:left;
	margin:0 8px 0 8px;
	}
	
	#imagegallery li a:link, #imagegallery li a:visited {
		color:#000;
		text-decoration:none;
		}
		
	#imagegallery li a:hover, #imagegallery li.selected a:link, #imagegallery li.selected a:visited {
		color:#888;
		}
	
#email_address {
	margin:16px 0 3px 0;
	}

#phone_number {
	font-family:"Times New Roman", Times, serif;
	font-size:1.8em;
	margin-bottom:25px;
	}

/* ---------- Homepage Columns ---------- */

#home_left {
	width:261px;
	height:390px;
	float:left;
	display:inline;
	}

#home_center {
	width:308px;
	float:left;
	margin:0 4px;
	display:inline;
	background:url(../images/home_center_bg.gif) repeat-y;
	}

#home_center_top {
	background:url(../images/home_center_top.jpg) no-repeat;
	width:308px;
	height:46px;
	}

#home_content_title {
	background:url(../images/custom_title.jpg) no-repeat;
	width:272px;
	height:43px;
	margin-bottom:15px;
	}
		
		#home_content_title span {
			display:none;
			}

#home_content_text {
	background:url(../images/home_center_bottom.jpg) no-repeat bottom;
	padding:25px 18px 0px 18px;
	width:268px;
	height:319px; /* adjust height of center column to fit here */
	
	}
	
	#home_content_text ul {
		margin:10px 0 10px 15px;
		}
	
	#home_content_text li {
			_position:relative;	 /*to fix the IE bullet peekaboo pug */
			padding-left: 15px;
			line-height: 1.8em;
			list-style: none;
			background: transparent url(../images/bullet.gif) 0px 7px no-repeat;
			font-weight:bold;
			}

#home_right {
	float:left;
	width:313px;
	height:390px;
	display:inline;
	}

#gallery_image_holder {
	width:890px;
	height:390px;
	padding:4px;
	border:1px solid #000;
	margin-bottom:10px;
	}
	
	#gallery_content {
		width:141px;
		margin-right:4px;
		float:left;
		text-align:left;
		}
		
		#gallery_content img {
			margin-bottom:5px;
			}
		
	#gallery_photo {
		width: 745px;
		float:left;
		}

/* ---------- Subpage Columns ---------- */

#sub_left {
	width:349px;
	height:390px;
	float:left;
	}

#sub_right {
	width:538px;
	background:url(../images/sub_right_bg.gif) repeat-y;
	float:left;
	margin-left:4px;
	}

#sub_right_text {
	padding:0 18px 20px 18px;
	background:url(../images/sub_right_bottom.jpg) no-repeat bottom;
	height:296px;
	}

	


/* ---------- Page Titles ---------- */
#about #page_title {
	background:url(../images/about_title.gif) no-repeat;
	width:538px;
	height:74px;
	}

#press #page_title {
	background:url(../images/press_title.jpg) no-repeat;
	width:538px;
	height:74px;
	}

#brides #page_title {
	background:url(../images/brides_title.jpg) no-repeat;
	width:538px;
	height:74px;
	}
	
#bridesmaids #page_title {
	background:url(../images/bridesmaids_title.jpg) no-repeat;
	width:538px;
	height:74px;
	}
	
#hair #page_title {
	background:url(../images/hair_title.jpg) no-repeat;
	width:538px;
	height:74px;
	}
	
#specialty #page_title {
	background:url(../images/specialty_title.jpg) no-repeat;
	width:538px;
	height:74px;
	}

#contact #page_title {
	background:url(../images/contact_title.jpg) no-repeat;
	width:538px;
	height:74px;
	}
	
#photo_credits #page_title {
	background:url(../images/photo_credits_title.jpg) no-repeat;
	width:891px;
	height:51px;
	}
	
#vendors #page_title {
	background:url(../images/vendors_title.jpg) no-repeat;
	width:891px;
	height:49px;
	}

#locations #page_title {
	background:url(../images/locations_title.jpg) no-repeat;
	width:891px;
	height:49px;
	}


#page_title span {
	display:none;
	}




/* --------------------------- Form --------------------------------- */

form {
	margin: 20px 20px 0 0px;
	width:250px;
	float:left;
	}

fieldset {
	border:none;
	}


label {
	float:left;
	width:85px;
	text-align:right;
	margin-right:10px;
	margin-top:-1px; /* to align label with the top of input area */
	}
	
input, textarea {
	width:150px;
	border:1px solid #404040;
	float:left;
	margin-bottom:8px;
	font-family:Arial, Helvetica, sans-serif;
	}

textarea {
	overflow:auto;
	font-size:1.0em;
	}

	form br {
		line-height:0.0;  /* defaults vertical spacing between fields */
		clear:left;
		}

#submit {
	width:60px;
	border:1px solid #404040;
	margin-left:95px;
	height:20px;
	background-color:#fff;
	float:none;
	}


	
/* horizontal navigation
 * ------------------------------------------------------------------------- */

#nav { background:url("../images/nav.gif") no-repeat; width:694px; height:12px; position:relative; float:left; margin-top:63px; }
#nav li { position:absolute; top: 0; }
#nav li, #nav a { height:12px; display:block; }
#nav span { display:none; }

#nav-01 { width: 61px; left:0; }
#nav-02 { width: 68px; left: 62px; }
#nav-03 { width: 59px; left: 131px; }
#nav-04 { width: 67px; left: 191px; }
#nav-05 { width: 112px; left: 259px; }
#nav-06 { width: 146px; left: 372px; }
#nav-07 { width: 90px; left: 519px; }
#nav-08 { width: 84px; left: 610px; }

#nav-01 a:hover, #index #nav-01 a { background: transparent url("../images/nav.gif") -0 -12px no-repeat; }
#nav-02 a:hover, #about #nav-02 a { background: transparent url("../images/nav.gif") -62px -12px no-repeat; }
#nav-03 a:hover, #press #nav-03 a { background: transparent url("../images/nav.gif") -131px -12px no-repeat; }
#nav-04 a:hover, #brides #nav-04 a { background: transparent url("../images/nav.gif") -191px -12px no-repeat; }
#nav-05 a:hover, #bridesmaids #nav-05 a { background: transparent url("../images/nav.gif") -259px -12px no-repeat; }
#nav-06 a:hover, #hair #nav-06 a { background: transparent url("../images/nav.gif") -372px -12px no-repeat; }
#nav-07 a:hover, #specialty #nav-07 a { background: transparent url("../images/nav.gif") -519px -12px no-repeat; }
#nav-08 a:hover, #contact #nav-08 a { background: transparent url("../images/nav.gif") -610px -12px no-repeat; }