/*
 * HTML styles.
 */
body {
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	color: #000000;
	background: url(../images/bkg_body.png);
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

body#gallery {
	margin:0 auto;
	padding:0;
	background: #000000;
	text-align: center;
}
a, a:link, a:visited  {
	color: #666666;
	text-decoration: underline;
}
a:active, a:hover {
	color: #ef01a9;
	text-decoration: none;
}
p {
	padding: 0 20px 10px 0;
	line-height: 16px;
}

h1#index_logo, h1#logo {
	background: url(../images/clairephoto_logo_index.png) bottom left no-repeat;
	height: 75px;
	width: 185px;
	text-indent: -9999px;
	padding-top: 10px;
	margin: 0 auto;
}

h1#logo {
	padding: 0;
	margin: 10px 0 0 30px;
	text-indent: -9999px;
}

h1#logo a {
	height: 85px;
	width: 185px;
	display: block;
	}

/* "Decoy" style used to hide the browser text before it is replaced... */

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 35px;
}

h2.nav, h2.nav_off {
	font-size: 20px;
	padding-top: 0px;
	padding-left: 0px;
	float: left;
	width: 28%;
	}
	h2#headshots {
		width: 32%;
	}
	h2#headshots_women {
		width: 33%;
	}
	h2#headshots_men {
		width: 27%;
	}
	h2#headshots_kids {
		width: 25%;	
	}
	h2#Studio {
		width: 40%;
	}
	h2#Natural {
		width: 40%;
	}
h2#tagline {
	font-size: 24px;
	padding-top: 0px;
	padding-left: 0px;
	width: 50%;
	margin: 0 auto;
	}

/* "Decoy" style used to hide the browser text before it is replaced... */

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 35px;
}

h3.location {
	font-size: 24px;
	padding-top: 0px;
	padding-left: 0px;
	width: 90%;
	margin: auto;
	margin-top: 37px;
	}

/* "Decoy" style used to hide the browser text before it is replaced... */

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 16px;
}

h4 {
	font-size: 11px;
	padding-top: 0px;
	padding-left: 0px;
	text-align: left;
	margin-bottom: 10px;
	}
	
#content ul {
    margin: 5px 0px;
}
#content ul li {
    margin-left: 50px;
    list-style-type: square;
}

#content ul li ul {
	margin-bottom: 20px;
	margin-left: -30px;
}

#content ul.rates li {
    margin-left: 15px;
    list-style-type: square;
}

ol {
	margin: 15px 0px;
}

strong {
	font-weight: bold;
}

sup {
	font-size: 8px;
	vertical-align: top;
	color:#000000;
}

em {
	font-style:italic;
}

table {
	font-size: 11px;
}

td {
	padding: 6px 3px 6px 3px;
}

th { 
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}

img.frame {
	border: 1px solid #63452a;
}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/*
 * Block definitions.
 */
#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 949px;
}

	.spacer {
		height: 10px;
		position: relative;
		margin: 0;
		padding: 0;
		}
	#top_shade {
		height: 27px;
		background: url(../images/bkg_top_shade.png) no-repeat top left;
		}
		#top_nav {
		text-align: right;
		height: 32px;
		background: url(../images/bkg_top_shade.png) no-repeat bottom left;	
		}
		#top_nav ul {
			margin: 5px 45px 0 0;
		}
			#top_nav ul li {
				list-style-type: none;
				font-weight: bold;
				display: inline;
				font-size: 11px;
				word-spacing: 3px;
			}
	#index_content {
		background: url(../images/bkg_content.png) top left repeat-y;
		text-align: center;
		width: 949px;
		min-height:500px;
		height:auto !important;
		height:500px;
		float: left;
		}
		#index_photo_container {
			margin: 35px 0 0 64px;
			float: left;
			}
			.index_photos {
				background: url(../images/bkg_index_photos.png) top left repeat;
				width: 252px;
				height: 385px;
				padding-top: 25px;
				margin-right: 33px;
				float: left;
			}
			a.index_photo_link {
				display: block;
				width: 221px;
				height: 344px;
				padding-top: 5px;
				margin: 0 auto;
			}
			
			a#headshots, a#headshots:link, a#headshots:visited {
				background: #a1a1a1 url(../images/headshots_title.png) bottom left no-repeat;
			}
			a#headshots:hover, a#headshots:active {
				background: #000000 url(../images/headshots_title.png) bottom right no-repeat;
			}
			a#set_stills, a#set_stills:link, a#set_stills:visited {
				background: #a1a1a1 url(../images/set_stills_title.png) bottom left no-repeat;
			}
			a#set_stills:hover, a#set_stills:active {
				background: #000000 url(../images/set_stills_title.png) bottom right no-repeat;
			}
			a#personal, a#personal:link, a#personal:visited {
				background: #a1a1a1 url(../images/personal_title.png) bottom left no-repeat;
			}
			a#personal:hover, a#personal:active {
				background: #000000 url(../images/personal_title.png) bottom right no-repeat;
			}
	#content {
		background: url(../images/bkg_content.png) top left repeat-y;
		text-align: left;
		width: 949px;
		min-height:500px;
		height:auto !important;
		height:500px;
		float: left;
		}
	#section_nav, #sub_nav, #section_nav_noGallery {
		width: 420px;
		height: 30px;
		float: right;
		border-bottom: 1px #a1a1a1 solid;
		margin-right: 160px;
		margin-top: 25px;
	}
	#section_nav_noGallery {
		margin-right: 125px;
	}
		#section_nav div, #sub_nav div, #section_nav_noGallery div {
			text-align: center;
			float: left;
			font-family: "Times New Roman", Times, serif;
			font-size: 24px;
			color: #a2a2a2;
			font-weight: bold;
			width: 25px;
			line-height: 24px;
		}
	#lighting_nav {
		width: 490px;
		height: 30px;
		float: right;
		margin-right: 90px;
		margin-top: 15px;
		margin-bottom: -15px;
	}
		#lighting_nav div {
			text-align: center;
			float: left;
			font-family: "Times New Roman", Times, serif;
			font-size: 24px;
			color: #a2a2a2;
			font-weight: bold;
			width: 25px;
			line-height: 18px;
		}
	#text {
		float: left;
		width: 225px;
		margin-left: 45px;
		padding: 25px 5px 0 0;
	}
	#text_wider {
		float: left;
		width: 300px;
		margin-left: 45px;
		padding: 25px 5px 0 0;
	}
	#text_wider_all {
		float: left;
		width: 900px;
		margin-left: 45px;
		padding: 25px 5px 0 0;
		min-height:300px;
		height:auto !important;
		height:300px;
	}
	.gallery {
		width: 614px;
		height: 435px;
		padding: 0;
		margin-top: 25px;
		overflow: hidden;
		float: left;
	}
	
	#gmap {
		width: 530px;
		height: 400px;
		padding: 0;
		margin-top: 25px;
		overflow: hidden;
		float: left;
		border: 2px solid #000000;
	}
	a.hs_land_link, a.hs_land_link:link, a.hs_land_link:visited {
		border: 5px solid #000;
		display: block;
		width: 165px;
		float: left;
		}
	a.hs_land_link:hover, a.hs_land_link:active {
		border: 5px solid #a1a1a1;
		}	
	div.personal_land {
		float: left;
		display: block;
		height: 375px;
		width: 530px;	
	}
	#sub_nav {
		border: none;
		width: 500px;
		height: 30px;
		margin-right: 100px;
		margin-top: 25px;
	}
			#sub_nav div {
				text-align: center;
				float: left;
				font-family: "Times New Roman", Times, serif;
				font-size: 20px;
				color: #a2a2a2;
				font-weight: bold;
				width: 25px;
				line-height: 20px;
			}
#footer {
	background: url(../images/bkg_footer.png) bottom left no-repeat;
	width: 949px;
	height: 90px;
	float: left;
	text-align: right;
}
#copyright {
	width: 900px;
	padding-left: 49px;
	height: 20px;
	float: left;
	text-align: left;
	color: #666666;
	font-weight: bold;
	margin-top: -20px;
}
		
/*Content Styles*/

.right {
	float: right;
	padding: 0 30px 5px 12px; 
	vertical-align: bottom;
	}
	
.left {
	float: left;
	width: 250px;
	margin: 0 50px 0 0; 
	}
	
.left_right {
	float: left;
	width: 250px;
	margin: 0 50px 0 0; 
	text-align: right;
	}
	
.center {
	text-align: center;
	margin: auto;
}

.cast {
	margin-bottom: 20px;
}

.cast th {
	padding: 0;
		}
.cast td {
	padding: 0;
	padding-left: 5px;
}

#contact {
	width: 260px;
	background: #EBEBF1;
	border: 1px solid #899CBD;
}

#contact div.right {
	float: right;
	width: 200px;
	padding: 0;
	}

#contact p {
	font-size: 11px;
	padding: 5px 3px 5px 10px;
}

#contact p.checked {
	font-size: 11px;
	padding: 5px 3px 5px 70px;
}

#contact span {
	font-size: 10px;
	font-style:italic;
}

#contact div, #contact div.right div {
	font-size: 11px;
	padding: 5px 25px 5px 0;
	text-align: right;
}

#message, .message {
	margin-bottom: 10px;
	padding: 5px;
}

#message span, .message span {
	color: #007F43;
	font-weight: bold;
}

#err, .error {
	padding: 5px;
	margin-bottom: 10px;
}

#err span, .error span {
	color: #F03;
	font-weight: bold;
}

#form td.fieldName {
	font-weight: bold;
	text-align: right;
}

ul#site_map {
	margin-left: 65px;
}

/*Flash Galleries*/

#showit {
width:600px;		/* swf width */
height:400px;		/* swf height */
position:relative;
margin:5px auto;
background-color:#000000; 
}
#showit h1 {
font-family:"Times New Roman", Times, serif;
font-size:28px;
font-weight:bold;
font-style:italic;
margin:5px 0 0 0;
text-align:center;
color:#FF33CC;			/* title color */
}
#showit h2 {
font-family:"Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
font-style:italic;
margin:5px;
text-align:center;
color:#999999;			/* subtitle color */
}

.showit_error {
margin:20px;
border:2px solid #990000;
padding:20px;
color:#990000;
background-color:#cc7f7f;
font-size:12px;
text-align:center;
}
.showit_error a:link, .showit_error a:visited {
color:#FFFFFF;
text-decoration:underline;
}
.showit_error a:hover, .showit_error a:active {
color:#FFFFFF;
text-decoration:none;
background-color:#990000;
}