/* notes */
/*
grid = 90px
20px gutter on left and right of body

http://24ways.org/2006/compose-to-a-vertical-rhythm
http://jontangerine.com/silo/css/pixels-to-ems/
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%; height: 100%;}
body {
	color:#fff;
	background:#fff;
	font: 80%/1.5em Tahoma, Geneva, sans-serif;
	position: relative;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#F3F3F3;
}
h1 {
	margin-bottom: .5em;
	font: 1.75em/1em Georgia, "Times New Roman", Times, serif;
}
h2 {font-size:1.2em; line-height: 1em; margin-bottom:0.25em; margin-top: 1.75em; color: #ffd46c;}
h3 {font-size: 100%; line-height: 1em; margin-bottom:0.25em; margin-top: 1.75em; color: #ffd46c;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
/*th, td, caption {padding:4px 10px 4px 5px;}/*
tr.even td {background:#e5ecf9;}

/* default styles */

body {
	padding: 0;
	margin: 0;
	height: auto;
	width: 100%;
	background: url("../images/background_tile_bottom.png") repeat-x fixed left bottom;
	min-height: 289px;
	/*background-color: #3a1f01;*/
	background-color: #3f1900;
}

a:active, a:focus, input[type="image"] {
	outline: 0;
}

a, a:visited {
	color: #ffd46c;
	text-decoration: none;
}

a:hover, a:focus {
	color: #ffd46c;
	text-decoration: underline;
}

.clear {clear:both;}

/* header */ 

#header h1 {
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0px;
	left: 0px;
}

a.logo {
	display: block;
}

a.logo, a:link.logo img, a:hover.logo img, a:visited.logo img {
	border: none !important;	
}

/*.topBar {
	display: block;
	margin: 80px 0 0 0;
	padding: 0;
	background: url("../images/topbar_bg.png") repeat-x center top;
	height: 36px;
	width: 100%;
	color: #ffffff;
	text-align: center;
}*/

/* Header Styles */

.headerBg {
	display: block;
	height: 300px;
	background: url("../images/background_tile_top.png") repeat-x left top;	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

.topBar {
	display: block;
	position: absolute;
	top: 88px;
	background: url("../images/topbar_bg.png") repeat-x center top;
	height: 36px;
	width: 100%;
	color: #ffffff;
	text-align: center;
}

#header {
	text-align: left;
	padding-top: 50px;
}

.navigation {
	overflow: hidden;
}

ul.navigation {
	color: #fff;
	list-style: none;
	margin: -33px 0px 0px 0px;
	padding: 0px;
	display: block;
	float: right;
	/*margin: -33px 0px 0 368px;*/
	
}

ul.navigation li{
	display: inline;
}

ul.navigation li a {
	display: block;
	position: relative;
	height: 35px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font: 1em Georgia, "Times New Roman", Times, serif;
	color: #ffd46c;
	background: url("../images/main_nav_buttons.png") no-repeat scroll 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
}

ul.navigation li a:hover, ul.navigation li a:active{
	color: #3a1f01 !important;
}

ul.navigation li.home a {
	width: 94px;
	background-position: 5px 0px;
}

ul.navigation li.home a:hover {
	width: 94px;
	background-position: 5px -36px;
}

ul.navigation li.services a {
	width: 177px;
	background-position: -103px 0px;
}

ul.navigation li.services a:hover {
	width: 177px;
	background-position: -103px -36px;
}

ul.navigation li.contact a {
	width:128px;
	background-position: -290px 0px;
}

ul.navigation li.contact a:hover {
	width:128px;
	background-position: -290px -36px;
}

/* Content */

#holder {
	display: block;
	position: relative;
	width: 760px;
	margin: 0px auto 0 auto;
}

#content {
	margin-top: 3em;
}

.column1 {
	position: relative;
	display: block;
	float: left;
	width: 268px;
	color: #ffd46c;
	margin: 0 0 0 55px;
	overflow: visible;
}

/*
670px total to use
divided by 10 = 67px grid

*/

.column1 h1 {
	color: #ffd46c;
}

.column2 {
	display: block;
	float: left;
	width: 382px;
	margin: 0 0px 0 55px;
}

.small {
	font-size: 90%;
	line-height: 1.5em;
}

.xsmall {
	font-size: 80%;
	line-height: 1.5em;
}

/* 
Page - Home 
*/


.column1 {
	color: #ffffff;
}

.column1 h1 {
	color: #F3F3F3;
}


.page-home ul.navigation li.home a {
	width: 94px;
	background-position: 5px -36px;
}

.page-home span.photo {
		display: block;
		height: 10.5em;
}

.page-home img.photo {
	/*margin: 9px 0 3px -3px;*/
		display: block;
		margin-top: 1.5em;
/*		margin: 37px 0px 27px -3px;*/
}

.page-home p.viewGallery {
	margin: 20px 0 0 14px;	
}

.page-home a.viewGallery {
	display: block;
	position: relative;
	height: 105px;
	width: 190px;
	float: left;
	font: 1em Georgia, "Times New Roman", Times, serif;
	color: #ffd46c;
	background: url("../images/home_gallery_btn.png") no-repeat scroll 0px 0px;
	text-indent: -9999px;
	margin-bottom: 28px;
}

.page-home a:hover.viewGallery {
	width: 190px;
	background-position: -198px 0px;
}


/* 
Page - Services and Pricing
*/

.page-services ul.navigation li.services a {
	width: 177px;
	background-position: -103px -36px;
}

.page-services .column1, .page-services td {
	color: #fffff;
}

.page-services td.alignR {
	text-align: right;	
}

/*.page-services tr, .page-services td {
	background: none;
	background: transparent;
}
*/
.page-services tr.alt {
	/*background: url("../images/transparent_row.png") no-repeat left top;*/
	filter:alpha(opacity=65);
	-moz-opacity:0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;
}


.page-services #photo {
	height: 19.5em;
	position: relative;
}

.page-services #photo img {
		position: absolute;
		left: -25px;
		top: 0px;
}


.page-services a, .page-services a:visited {
	text-decoration: none;	
	 color: #ffd46c;
}

.page-services a:hover, .page-services a:focus {
	text-decoration: underline;	
	 color: #ffd46c;
}

.page-services a h2, .page-services a:visited h2 {
	text-decoration: none;
}

.page-services a:hover h2, .page-services a:focus h2 {
	text-decoration: underline;
}




/* 
Page - Contact Us
*/

.page-contact ul.navigation li.contact a {
	width:128px;
	background-position: -290px -36px;
}

.page-contact p.contactInfo {
	font-size: 90%;
	line-height: 1.5em;
	height: 13.5em;
}

.page-contact p.contactInfo img {
	display: block;
	clear: both;
}


.page-contact a, .page-contact a:visited {
	text-decoration: none;
}

.page-contact a:hover, .page-contact a:focus {
	text-decoration: underline;
}


/* 
Page - Photo Gallery
*/

.page-gallery .column1 h2 {
	margin-top: 1.5em;
	margin-bottom: 0em;
	font: 1.4em/1.5em Georgia, "Times New Roman", Times, serif;
	padding: 0px 1.5em 0px 0px;
}

.page-gallery .column1 p {
	padding: 1.5em 1.5em 1.5em 0px;
}

.page-gallery .col1 {
width: 130px;	
display: block;
float: left;
text-align: center;
}

.page-gallery .col2 {
float: right;
display: block;
text-align: center;
width: 130px;
}

.page-gallery .thumb h2 a, .page-gallery .thumb h2 a:link, .page-gallery .thumb h2 a:visited {
	text-decoration: none;
	 color: #ffd46c;
	margin-top: -1.5em;
}

.page-gallery .thumb h2 a:hover, .page-gallery .thumb h2 a:focus {
	text-decoration: underline;
	 color: #ffd46c;
	margin-top: -1.5em;	
}

.page-gallery .thumb {
	display: block;
	height: 12em;
}

.page-gallery a.thumb1, .page-gallery a.thumb2, .page-gallery a.thumb3, .page-gallery a.thumb4, .page-gallery a.thumb5, .page-gallery a.thumb6 {
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	
}

.page-gallery a:hover.thumb1, .page-gallery a:hover.thumb2, .page-gallery a:hover.thumb3, .page-gallery a:hover.thumb4, .page-gallery a:hover.thumb5, .page-gallery a:hover.thumb6 {
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;	
}

.page-gallery a.thumb1 {
	display: block;
	position: relative;
	height: 114px;
	width: 130px;
	color: #ffd46c;
	text-indent: -9999px;
	margin: 0px auto;
	background: url("../images/gallery_thumbs.png") no-repeat scroll 0px 0px;
}

.page-gallery a.thumb2 {
	display: block;
	position: relative;
	height: 114px;
	width: 130px;
	color: #ffd46c;
	text-indent: -9999px;
	background: url("../images/gallery_thumbs.png") no-repeat -130px 0px;
	margin: 0px auto;
}

.page-gallery a.thumb3 {
	display: block;
	position: relative;
	height: 114px;
	width: 130px;
	color: #ffd46c;
	text-indent: -9999px;
	background: url("../images/gallery_thumbs.png") no-repeat -260px 0px;
	margin: 0px auto;
}

.page-gallery a.thumb4 {
	display: block;
	position: relative;
	height: 114px;
	width: 130px;
	color: #ffd46c;
	text-indent: -9999px;
	background: url("../images/gallery_thumbs.png") no-repeat -390px 0px;
	margin: 0px auto;
}

.page-gallery a.thumb5 {
	display: block;
	position: relative;
	height: 114px;
	width: 130px;
	color: #ffd46c;
	text-indent: -9999px;
	background: url("../images/gallery_thumbs.png") no-repeat -520px 0px;
	margin: 0px auto;
}

.page-gallery a.thumb6 {
	display: block;
	position: relative;
	height: 114px;
	width: 130px;
	color: #ffd46c;
	text-indent: -9999px;
	background: url("../images/gallery_thumbs.png") no-repeat -650px 0px;
	margin: 0px auto;
}

.page-gallery .col1 .thumb a, .page-gallery .col2 .thumb a{
	display: block;
	margin: 0 auto;
	height: 8.5em;
}

.page-gallery .col1 a, .page-gallery .col2 a {
	display: block;
	margin: 0 auto;
	height: 11.5em;
}

.page-gallery .col1 a img, .page-gallery .col2 a img{
	display: block;
	padding: 10px;
	background: url("../images/bg_transparent_black.png") repeat;
}

.page-gallery a.backButton, .page-gallery a:visited.backButton {
	display: block;
	position: relative;
	height: 42px;
	width: 211px;
	color: #ffd46c;
	text-indent: -9999px;
	background: url("../images/gallery_back_btn.png") no-repeat left top;
	margin: 0px 0px 3em -5px;
}

.page-gallery a:hover.backButton, .page-gallery a:focus.backButton {
	display: block;
	position: relative;
	height: 42px;
	width: 211px;
	color: #ffd46c;
	text-indent: -9999px;
	background: url("../images/gallery_back_btn.png") no-repeat -212px top;
	margin: 0px 0px 3em -5px;
}