/* - - - - - - CSS Document - - - - - - - - -

Title : Bob Hess Photography
Author : Miller Consulting Services		
URL : 

Description : Version 1

Created : 1/19/07
Modified : 7/27/07

- - - - - - - - - - - - - - - - - - - - - */




/* ----- zero out all padding and margin ----- */
/* *{padding: 0; margin: 0;} */

/* ----- global default/initial styles ----- */
:focus { -moz-outline-style: none; }
img {border: 0;}
.noborder {border: 0;}
.block{display:block;}
.noul {text-decoration : none;}
html {
	height:100%;
	padding: 0;
	margin: 0;
}
body {
	height: 100%;
	padding: 0;
	margin: 0;
}

input, select, textarea{
	font-family: Arial, Helvetica, sans-serif;
}

/* ----- base default font size, type, and line height ----- */
html body{font: 71%/1.2em Arial, Helvetica, sans-serif;background-color: #7D4D2D;color:#000;height: 100%;}
html>body{font:71%/1.2em Arial, Helvetica, sans-serif;background-color: #7D4D2D;color:#000;height: 100%;}

/* ----- base links ----- */
a:link {color: #336699;  text-decoration: none; }
a:visited {color: #336699; text-decoration: none;}
a:hover {color: #336699;  border-bottom: 1px dashed; }
a:active {color: #336699;}
a:focus{color: #336699;}

a.white:link {color: White;  border-bottom: 1px dashed; }
a.white:visited {color: White; text-decoration: none;}
a.white:hover {color: White;  border-bottom: 1px dashed; }
a.white:active {color: White;}
a.white:focus{color: White;}


/* ---- main site structure ---- */

#wrap {
	padding: 70px;
}

#portal_container {
	min-width: 585px;
	padding: 75px;
	height: 100%;
	text-align: center;
	font: 100%/1.5em Arial, Helvetica, sans-serif;
	color: White;
	letter-spacing: .2em;
}

#container {
	padding: 15px;
	width: 750px;
	height: 495px;
	background-color: White;
	text-align: left;
}

#header_container {
	width: 745px;
	height: 80px;
	padding: 0px;
}

#login_container {
	position: relative;
	width: 320px;
	font: 12px Arial, Helvetica, san-serif;
	color: #4F4F4F;
	float: right;
}

#header_text_block {
	width: 320px;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #DAC29A;
	border-top: 2px #7D4D2D solid;
	padding: 2px;
	color: Black;

}

#header_text_block_family {
	width: 320px;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #D6B8A9;
	border-top: 2px #693439 solid;
	padding: 2px;
	color: Black;

}

#header_text_block_wedding {
	width: 320px;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #C7CBCF;
	border-top: 2px #395580 solid;
	padding: 2px;
	color: Black;

}

#header_text_block_westriver {
	width: 320px;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #CBD0AC;
	border-top: 2px #707845 solid;
	padding: 2px;
	color: Black;

}

#nav_container {
	width: 750px;
	font: bold 12px Arial, Helvetica, sans-serif;
	background-color: #DAC29A;
	border-top: 4px #7D4D2D solid;
	padding-top: 2px;
	padding-bottom: 2px;

}

#nav_container_family {
	width: 750px;
	font: bold 12px Arial, Helvetica, sans-serif;
	background-color: #D6B8A9;
	border-top: 4px #693439 solid;
	padding-top: 2px;
	padding-bottom: 2px;

}

#nav_container_wedding {
	width: 750px;
	font: bold 12px Arial, Helvetica, sans-serif;
	background-color: #C7CBCF;
	border-top: 4px #395580 solid;
	padding-top: 2px;
	padding-bottom: 2px;

}

#nav_container_westriver {
	width: 750px;
	font: bold 12px Arial, Helvetica, sans-serif;
	background-color: #CBD0AC;
	border-top: 4px #707845 solid;
	padding-top: 2px;
	padding-bottom: 2px;

}

#nav_container_client {
	width: 750px;
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #DAC29A;
	border-top: 4px #7D4D2D solid;
	padding-top: 2px;
	padding-bottom: 2px;

}

#main_container {
	width: 750px;
	margin-top: 15px;
}

#sitemap_text_full {
	position: relative;
	width: 750px;
	overflow: auto;
	height: 370px;
}

#main_image {
	width: 370px;
	height: 370px;
	text-align: center;
	margin-right: 15px;
	vertical-align: middle;
	float: left;
	background-color: #E8DFCA;
	border: 1px solid Black;
}

#main_image_family {
	width: 370px;
	height: 370px;
	text-align: center;
	margin-right: 15px;
	vertical-align: middle;
	float: left;
	background-color: #E3D8CC;
	border: 1px solid Black;
}

#main_image_wedding {
	width: 370px;
	height: 370px;
	text-align: center;
	margin-right: 15px;
	vertical-align: middle;
	float: left;
	background-color: #DDDDDD;
	border: 1px solid Black;
}

#main_image_westriver {
	width: 370px;
	height: 370px;
	text-align: center;
	margin-right: 15px;
	vertical-align: middle;
	float: left;
	background-color: #D6DCBA;
	border: 1px solid Black;
}

#second_text {
	width: 370px;
	text-align: left;
	margin-right: 15px;
	float: left;
}

#main_text_full {
	position: relative;
	width: 360px;
	overflow: auto;
	height: 370px;
}

#main_text_full_wedding {
	position: relative;
	width: 750px;
	overflow: auto;
	height: 370px;
}

#main_text_inside {
	margin-right: 10px;
}

#quote_text {
	background: url(../images/background_quote_front.gif) no-repeat;
	padding-left: 40px;
	padding-right: 25px;
	min-height: 35px;
	font: italic 120%/1.4em "Times New Roman", Times, serif;
}

#quote_text_end {
	background: url(../images/background_quote_end.gif) no-repeat;
	padding-left: 40px;
	padding-right: 65px;
	font: italic 120%/1.4em "Times New Roman", Times, serif;
}

#subtext {
	width: 770px;
	margin-top: 5px;
	font: 11px Arial, Helvetica, sans-serif;
	color: White;
}

#subtext_left{
	float: left;
}

#subtext_right{
	float: right;
}

#pop_head {
	width: 100%;
	height: 30px;
	font: bold 12px Arial, Helvetica, sans-serif;
	background-color: #DAC29A;
	border-top: 4px #7D4D2D solid;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
}

#pop_head_wedding {
	width: 100%;
	height: 30px;
	font: bold 12px Arial, Helvetica, sans-serif;
	background-color: #C7CBCF;
	border-top: 4px #395580 solid;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
}

#pop_head_family {
	width: 100%;
	height: 30px;
	font: bold 12px Arial, Helvetica, sans-serif;
	background-color: #D6B8A9;
	border-top: 4px #693439 solid;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
}

#pop_headline {
	font: italic bold 130%/1.2em Arial, Helvetica, sans-serif; 
	float: left;
	padding-left: 20px;
	padding-top: 5px;
	vertical-align: middle;
}

#pop_head_link {
	font: 80%/1.5em Arial, Helvetica, sans-serif; 
	float: right;
	padding-right: 20px;
	padding-top: 7px;
	vertical-align: middle;
}

#pop_image {
	position: absolute;
	top: 35px;
	left: 0px;
	width: 600px;
	height: 565px;
	overflow: hidden;
}

#pop_image_over {
	position: absolute;
	top: 35px;
	left: 0px;
	width: 600px;
	height: 565px;
	overflow: hidden;
}

#pop_image_text {
	position: absolute;
	top: 560px;
	left: 0px;
	width: 600px;
	height: 30px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: Gray;
}

#pop_image_large {
	position: absolute;
	top: 35px;
	left: 0px;
	width: 800px;
	height: 765px;
	overflow: hidden;
}

#pop_image_over_large {
	position: absolute;
	top: 35px;
	left: 0px;
	width: 800px;
	height: 765px;
	overflow: hidden;
}

#pop_image_text_large {
	position: absolute;
	top: 760px;
	left: 0px;
	width: 800px;
	height: 30px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: Gray;
}

#pop_text_full {
	position: static;
	width: 500px;
	height: 416px;
	overflow: auto;
}

#pop_text_inside {
	padding-top: 10px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 20px;
}

#pop_text_inside ul {
	list-style-position: inside;
	margin-left: 0px;
}

#white {
	background-color: White;
}

#lightbox {
	position: relative;
	background-color: #DAC29A;
	padding: 10px;
	width: 700px;
	height: auto;
}

#client_nav {
	width: 720px;
}

/* ---- Text Styles ---- */


.headline {
	font: italic bold 130%/1.2em Arial, Helvetica, sans-serif; 
}

.client_headline {
	font: 130%/1.2em Arial, Helvetica, sans-serif; 
}

.subheadline {
	font: bold 120%/0.8em Arial, Helvetica, sans-serif; 
}

.size_105 {
	font: 105%/1.5em Arial, Helvetica, sans-serif;
}

ul {
	list-style-position: inside;
	margin-left: 20px;
}

.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #4F4F4F;
	margin-top: 5px;
}

.form_contact {
	font: 100%/1.2em Arial, Helvetica, sans-serif;
	border: 1px solid Black;
}

.form_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #7D4D2D;
	background-color: #DAC29A;
}

.form_button_family {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #D6B8A9;
	border: 1px #693439 solid;
}

.form_button_wedding {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #C7CBCF;
	border: 1px #395580 solid;
}

.form_button_westriver {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #CBD0AC;
	border: 1px #707845 solid;
}

.admin_nav:link {color: Black;  text-decoration: none; }
.admin_nav:active {color: #FFF;  text-decoration: none; }
.admin_nav:visited {color: Black;  text-decoration: none; }
.admin_nav:hover {color: #FFF;  text-decoration: none; border-bottom: none;}


.whitecopy {
	color: White;
}

.border {
	border: 2px solid #7D4D2D;
}

.border_family {
	border: 2px solid #693439;
}

.border_wedding {
	border: 2px solid #395580;
}

.border_westriver {
	border: 2px solid #707845;
}

.color_family {
	background-color: #693439;
}

.color_wedding {
	background-color: #C7CBCF;
}

.color_westriver {
	background-color: #707845;
}

.color_white {
	background-color: #FFF;
}

.default_font {
	font: 71%/1.2em Arial, Helvetica, sans-serif;
}

.larger_font {
	font: 115%/1.5em Arial, Helvetica, sans-serif;
}

.noul {
	border: none;
	text-decoration: none;
}

.text_color_gray {
	color: Gray;
}

.text_color_black {
	color: Black;
}