@charset "utf-8";
/* CSS Document */


/* Menu image caching */

html {
	overflow-y: scroll;
	height: 100%; /* Allows the background image to fill the page in FF - see div#background */
}

body {
	margin: 0;
	padding: 0 0 10px 0;
	background-color: #ebebeb;
	color: #999;
	font-size: 96%;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
}

img {
	border: none;
}

a {
	outline: none;
	color: #999;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1,h2,h3,h4,h5 {
	color: #333;
	font-weight: normal;
}

h2,h3 {
	font-size: 1.6em;
	margin: 0 0 1em 0;
}

h4 {
	font-size: 1em;
	font-weight: bold;
}

h5 {
	font-size: 1.4em;
	margin: 0 0 1em 0;
}

h3.sub_header {
	margin: 0;
	padding: 0;
	color: #999;
	font-size: 1.3em;
}

p {
	line-height: 1.4em;
}

hr {
	margin: 15px 0 0 10px;
	height: 1px;
	border: none;
	color: #ccc;
	background-color: #ccc;
}

/* STRUCTURE */

div#outer_container {
	margin: 0;
	padding: 0;
	background-color: #fff;
}

div#inner_container {
	margin: 0 auto;
	padding: 0 30px 20px 30px;
	width: 900px;
	text-align: left;
	background-image: url(../images/elements/inner_container_bkgr.jpg);
	background-repeat: no-repeat;
}

div#top_image {
	clear: left;
	width: 890px;
	height: 371px;
	border: solid;
	border-color: #ccc;
	border-width: 1px;
	margin: 0;
	padding: 4px;
}

div#flash_fade {
	width: 890px;
	height: 371px;
}

div.main_content {
	overflow: auto;
	margin: 20px 0 10px 0;
	padding: 0;
	font-size: 0.8em;
}

div.main_content div.left_col,
div.main_content div.right_col {
	float: left;
	width: 50%;
}

div.main_content div.right_col div.right_col_left {
	float: left;
	width: 200px;
	padding-right: 15px;
}

div.main_content div.padding,
div.main_content div.padding {
	padding: 0 10px 0 10px;
}

div#homepage_featured {
	background-image: url(../images/elements/bkgr_gradient_up.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 10px;
}

div#homepage_prices {
	position: relative;
	left: 315px;
	top: -25px;
	height: 0;
	padding-top: 112px;
	overflow: hidden;
	margin-bottom: -125px;
	width: 113px;
	background-image: url(../images/homepage/prices_32bit.png);
}

div#feature_photo {
	float: left;
	width: 215px;
}

div#feature_photo_text {
	float: left;
	width: 205px;
}

div#feature_photo_text h3 {
	margin: 0;
	padding: 0;
}

div#feature_photo_text p {
	margin-top: 10px;
}

div#feature_photo_text a {
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	width: 185px;
}

div#feature_photo_2 {
	float: left;
	width: 205px;
	padding-bottom: 15px;
	background-color: #fff;
}

div#feature_photo_text_2 {
	float: left;
	display: inline;
	margin-left: 10px;
	width: 195px;
}

div#feature_photo_text_2 h3 {
	margin: 0;
	padding: 0;
}

div#feature_photo_text_2 p {
	margin-top: 10px;
}

div#feature_photo_text_2 a {
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	width: 175px;
}

div#info_top {
	background-image: url(../images/elements/vert_divider_bkgr.gif);
	background-repeat: repeat-y;
}

div#commissions_text {
	float: left;
	margin-right: 65px;
	width: 585px;
}

img#commissions_image {
	float: left;
}

h4#commissions_title {
	position: relative;
	top: -5px;
	float: left;
	width: 220px;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

div#links_top {
	background-image: url(../images/elements/vert_divider_bkgr.gif);
	background-repeat: repeat-y;
}

p#commissions_subtitle {
	position: relative;
	top: -5px;
	float: left;
	width: 220px;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}

div#links_text {
	overflow: auto;
	float: left;
	display: inline;
	margin-right: 15px;
	width: 645px;
}

div#links_text h3 {
	width: 400px;
}

div.links_list {
	float: left;
	margin: 20px 15px 0 0;
	width: 205px;
}

div.links_list_2 {
	float: left;
	margin: 20px 0 0 0;
	width: 205px;
}

div#links_text a {
	background-image: url(../images/links/rollover.gif);
	background-position: -100px 50%;
	background-repeat: no-repeat;
}

div#links_text a:hover {
	font-weight: bold;
	color: #000;
	text-decoration: none;
	padding-left: 15px;
	background-position: 0 50%;
}

div#links_featured {
	float: left;
	width: 205px;
	padding-left: 5px;
}	

div#main_content hr {
	margin: 10px;
	clear: left;
}

div#footer_container {
	background-image: url(../images/elements/footer_bkgr.jpg);
	background-repeat: repeat-x;
}

div#footer {
	overflow: auto;
	width: 900px;
	margin: 0 auto 10px auto;;
	padding-top: 15px;
	font-size: 0.8em;
	text-align: left;
}

div#footer div.left_col,
div#footer div.right_col {
	float: left;
	width: 50%;
}

div#footer div.left_col div.padding {
	padding: 20px 0 0 10px;
}

div#footer div.right_col div.padding {
	padding: 20px 0 10px 40px;
	border-left: solid;
	border-left-color: #ccc;
	border-left-width: 1px;
}

div#footer p {
	margin: 0;
	padding: 0 0 1em 0;
}

/* GALLERY */

div.gallery_row {
	clear: left;
	padding: 0 0 15px 0;
}

div.gallery_row_bkgr {
	overflow: auto;
	width: 100%;
	background-image: url(../images/elements/gallery_vert_divider_bkgr.gif);
	background-repeat: repeat-y;
}

div.gallery_row div.gallery_item {
	float: left;
	display: inline;
	margin-left: 30px;
	width: 420px;
}

div.gallery_row h2 {
	font-size: 1.2em;
	color: #999;
	padding: 6px 30px;
	background-color: #f5f5f5;
}

div.gallery_row h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
}

div.gallery_row p {
	margin: 0 0 1em 0;
}

div.gallery_row div.gallery_description a {
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	width: 185px;
	color: #666;
}

div.gallery_item div.gallery_image_container {
	float: left;
	display: inline;
	width: 170px;
	margin: 0 25px 0 0;
}

div.gallery_item div.gallery_image_container img {
	display: block; /* Removes whitespace */
}

div.gallery_item div.img_border {
	border: solid;
	border-color: #ccc;
	border-width: 1px;
	margin: 0;
	padding: 4px;
}

div.gallery_item div.gallery_description {
	float: left;
	width: 210px;
}

div.gallery h2 {
	padding: 0 10px;
}

div.gallery div.panoramic_row {
	overflow: auto;
	margin-bottom: 20px;
}

div.panoramic_row div.gallery_item {
	float: left;
	margin: 0 16px 0 10px;
	width: 423px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
}

div.panoramic_row h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 14px 7px;
	color: #666;
}

div.panoramic_row h3 span {
	color: #999;
}

div.gallery div.landscape_row {
	overflow: auto;
	margin-bottom: 20px;
}

div.landscape_row div.gallery_item {
	float: left;
	margin: 0 8px 0 10px;
	width: 205px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
}

div.landscape_row h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 14px 7px;
	color: #666;
}

div.landscape_row h3 span {
	color: #999;
}

div.gallery div.portrait_row {
	overflow: auto;
	margin-bottom: 20px;
}

div.portrait_row div.gallery_item {
	float: left;
	margin: 0 8px 0 10px;
	width: 205px;
}

div.portrait_row div.gallery_item div.img_border {
	margin: 0 auto;
	width: 123px;
}

div.portrait_row h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 14px 7px;
	color: #666;
}

div.portrait_row h3 span {
	color: #999;
}

div.gallery_nav {
	text-align: right;
	margin: 5px 17px 10px 10px;
	padding: 5px 0 0 0;
	border-top: solid;
	border-top-width: 1px;
	border-top-color: #ccc;
}

/* GALLERY HIGHLIGHTS */

div.gallery_item img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

div.gallery_highlight {
	background-image: url(../images/gallery/gallery_highlight.gif);
	background-repeat: no-repeat;
}

div.gallery_highlight:hover {
	background-position: 0 -100px;
}

div.panoramic_highlight {
	background-image: url(../images/gallery/panoramic_highlight.gif);
	background-repeat: no-repeat;
}

div.panoramic_highlight:hover {
	background-position: 0 -138px;
}

div.landscape_highlight {
	background-image: url(../images/gallery/landscape_highlight.gif);
	background-repeat: no-repeat;
}

div.landscape_highlight:hover {
	background-position: 0 -129px;
}

div.portrait_highlight {
	background-image: url(../images/gallery/portrait_highlight.gif);
	background-repeat: no-repeat;
}

div.portrait_highlight:hover {
	background-position: 0 -188px;
}

/* PHOTO DETAILS */

div#photoframe {
	clear: left;
	width: 890px;
	height: 500px;
	border: solid;
	border-color: #ccc;
	border-width: 1px;
	margin: 0;
	padding: 4px;
	text-align: center;
}

div#photoframe div#landscape {
	padding: 82px 0 83px 0;
	background-color: #f5f5f5;
}

div#photoframe div#portrait {
	padding: 0;
	background-color: #f5f5f5;
}

div#photoframe div#panoramic {
	padding: 101px 0 102px 0;
	background-color: #f5f5f5;
}

div.photo_nav {
	overflow: auto;
	font-size: 0.8em;
	padding: 6px 0 0 0;
}

div.photo_nav div.link_prev,
div.photo_nav div.link_gallery,
div.photo_nav div.link_next {
	float: left;
}

div.photo_nav div.link_prev {
	padding-left: 10px;
	width: 290px;
}

div.photo_nav div.link_gallery {
	text-align: center;
	width: 300px;
}

div.photo_nav div.link_next {
	text-align: right;
	padding-right: 10px;
	width: 290px;
}

div.photo {
	overflow: auto;
}

div.photo h2 {
	margin: 0;
	padding: 5px 10px 0 10px;
	background-color: #f5f5f5;
}

div.photo h3 {
	margin: 0 0 10px 0;
	padding: 2px 10px 5px 10px;
	background-color: #f5f5f5;
	font-size: 0.9em;
	color: #999;
}

div.photo div.left_col {
	float: left;
	width: 675px;
	margin: 10px 0 0 0;
}

div.photo div.right_col {
	float: left;
	display: inline;
	margin: 20px 15px 0 15px;
	width: 195px;
}

div.form_left_col {
	float: left;
	display: inline;
	margin-left: 10px;
	width: 325px;
}

div.form_right_col {
	float: left;
	display: inline;
	margin-left: 15px;
	width: 325px;
}

div.form_left_col h4,
div.form_right_col h4 {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 1.2em;
}

div.form_info {
	clear: left;
	width: 640px;
	padding: 40px 0 10px 10px;
}

div.form_footnote {
	overflow: auto;
	padding: 10px;
	background-color: #f5f5f5;
}

div.footnote_left_col {
	float: left;
	width: 500px;
	font-size: 0.9em;
}

div.footnote_left_col p {
	margin: 0;
}

div.footnote_right_col {
	float: right;
	width: 100px;
}

div.footnote_right_col img {
	cursor: pointer;
}

table.price_table {
	width: 100%;
	margin: 10px 0 5px 0;
}

table.price_table td {
	padding-top: 4px;
	padding-bottom: 4px;
}

table.price_table td.td_size {
	color: #333;
	width: 15px;
	padding-right: 5px;
}

table.price_table td.td_dimensions {
	width: 200px;
	padding-right: 5px;
}

table.price_table td.td_price {
	color: #333;
	width: 50px;
	padding-right: 5px;
}
	

/* TOP NAV */

ul#top_nav {
	float: left;
	list-style: none;
	margin: 6px 0 12px 0;
	padding: 0;
	width: 900px;
	height: 26px;
	background-image: url(../images/elements/top_nav.jpg);
}

ul#top_nav li {
	float: left;
	height: 26px;
}

ul#top_nav li a {
	height: 0;
	padding-top: 26px;
	overflow: hidden;
	display: block;
}

ul#top_nav li#gallery a,
ul#top_nav li#info a,
ul#top_nav li#commissions a,
ul#top_nav li#contact a,
ul#top_nav li#links a,
ul#top_nav li#home a {
	background-image: url(../images/elements/top_nav.jpg);
}

ul#top_nav li#gallery a {
	width: 140px;
	background-position: 0 0;
	padding-right: 2px;
}

ul#top_nav li#gallery a:hover,
ul#top_nav li#gallery a.current {
	background-position: 0 -26px;
}

ul#top_nav li#info a {
	width: 132px;
	background-position: -142px 0;
	padding-right: 2px;
}

ul#top_nav li#info a:hover,
ul#top_nav li#info a.current {
	background-position: -142px -26px;
}

ul#top_nav li#commissions a {
	width: 198px;
	background-position: -276px 0;
	padding-right: 2px;
}

ul#top_nav li#commissions a:hover,
ul#top_nav li#commissions a.current {
	background-position: -276px -26px;
}

ul#top_nav li#contact a {
	width: 164px;
	background-position: -476px 0;
	padding-right: 2px;
}

ul#top_nav li#contact a:hover,
ul#top_nav li#contact a.current {
	background-position: -476px -26px;
}

ul#top_nav li#links a {
	width: 137px;
	background-position: -642px 0;
	padding-right: 2px;
}

ul#top_nav li#links a:hover,
ul#top_nav li#links a.current {
	background-position: -642px -26px;
}

ul#top_nav li#home a {
	width: 119px;
	background-position: -781px 0;
}

ul#top_nav li#home a:hover,
ul#top_nav li#home a.current {
	background-position: -781px -26px;
}

/* IMAGE REPLACEMENTS */

h1#logo {
	margin: 0;
	padding: 0;
}

h1#logo a {
	overflow: hidden;
	height: 0;
	padding-top: 46px;
	margin: 0;
	width: 245px;
	display: block;
	background-image: url(../images/elements/logo.jpg);
}

/* NEWSLETTER FORM */

form#newsletter_form {
	margin: 21px 0 10px 0;
}

form#newsletter_form div#newsletter_input {
	float: left;
	display: block;
	width: 323px;
	height: 20px;
	background-image: url(../images/elements/newsletter_input.png);
	background-repeat: no-repeat;
}

form#newsletter_form input#jkdrjt {
	border: 0;
	background-color: transparent;
	padding: 1px 10px 3px 10px;
	width: 300px;
	color: #999;
}

form#newsletter_form input#btn_submit {
	position: relative;
	top: 0px;
	left: 10px;
}

div#newsletter_confirmation {
	display: none;
	padding: 6px;
	background-color: #999;
	color: #fff;
}

/* OTHER CLASSES */

.image_border img {
	display: block;
	border: solid;
	border-color: #ccc;
	border-width: 1px;
	padding: 4px;
	background-color: #fff;
}

.highlight {
	color: #333;
}

.highlight_2 {
	color: #F00;
}

.no_margin {
	margin: 0;
}

.no_top_margin {
	margin-top: 0;
}

a.btn_link {
	background-image: url(../images/elements/btn_arrow.png);
	background-position: right;
	background-repeat: no-repeat;
	height: 20px;
	padding: 6px 0 2px 0;
}
