/*
17252e blue
394a55 light blue
f08080 pink 
666666 grey
*/

html { margin: 0; padding: 0; height: 101%;  }
body { background-color: #17252e; margin: 0; padding: 0; text-align: center; font-family: Arial,Palatino,Tahoma,Sans-Serif; font-size: 85%; line-height: 1.5em; }
h1  { font-size: 1.5em; font-weight: bold; margin: 1em 0 1em 0; }
h4 { padding: 1em 0 1em 0; }
p { padding: 0 0 0.5em 0; }
a,a:link,a:focus,a:active { color: #A3A3A3; }
a:visited,a:hover { color: #A3A3A3; }
label  { width: 80px; float: left; font-size: 0.75em; margin-bottom: 0.85em; text-align: right; vertical-align: top; padding-right: 10px; }
dl { width: 80%; padding: 0 0 1em 20px; }
dt { font-weight: bold; padding: 0.5em 0 0.5em 0; }
dd { padding: 0 0 0.75em 0.5em; }
ul { list-style-type: circle; margin-left: 1em; }
ul li { padding: 0.25em 0 0.25em 0; }
mark { font-weight: bold; }

nav { clear: both; } 
nav ul { width: 640px; height: 30px; background: url(../_images/menu.png); margin: 10px auto; padding: 0; position: relative;}
nav ul li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
nav ul li, nav ul a { height: 60px; display: block;}
#home { left: 0; width: 92px; }
#weddings { left: 93px; width: 100px; }
#family { left: 194px; width: 88px; }
#portraits { left: 283px; width: 100px; }
#just_for_fun { left: 383px; width: 132px; }
#contact_me { left: 516px; width: 134px; }
#home a:hover { background: transparent url(../_images/menu.png) 0 -32px no-repeat; }
#weddings a:hover  { background: transparent url(../_images/menu.png) -93px -32px no-repeat; }
#family a:hover { background: transparent url(../_images/menu.png) -194px -32px no-repeat; }
#portraits a:hover { background: transparent url(../_images/menu.png) -283px -32px no-repeat; }
#just_for_fun a:hover { background: transparent url(../_images/menu.png) -383px -32px no-repeat; }
#contact_me a:hover { background: transparent url(../_images/menu.png) -516px -32px no-repeat; }

#background { }
#page_container { clear: both; margin: 0 auto; width: 700px; text-align: left; }
#header_logo { padding: 30px 0 10px 0; }

article { padding: 1em 0 0 0; }
#contact { padding: 1em; background-color: #FFF1FF; }
.home_slideshow #portrait { padding-left: 220px; }
label.error { float: none; color: #394a55; padding-left: .5em; vertical-align: top; width: 100%; text-align: left; }
#confirmation_msg { padding: 0 0.5em 20px 20px; color: #f59498; }
#form_intro { padding: 2em 0 0 0; }
.form_input { width: 100%; clear: both; margin: 0.5em 0 0.5em 0; }
.form_input span { clear: both; font-size: 0.85em; }
.form_input_inline { float: left; margin: 0.5em 0 0.5em 0; }
.submit_btn { background-color: #f08080; color: #FFFFFF; padding: 0.25em 1em 0.25em 1em; }
#lastname { visibility: hidden; }
#privacy  { padding: 2em 0 0 0; font-size: 0.75em; }
#hire-me-photo { float: right; padding: 5px 0 20px 20px; }
#seo_box { color: #A3A3A3; font-size: 0.85em; text-align: center; padding-top: 70px 0 10px 0; }
.clear { clear: both; }

footer { width: 700px; color: #A3A3A3; clear: both; font-size: 0.85em; text-align: center; padding: 70px 0 10px 0; } 
footer a, footer a:link, footer a:focus, footer a:active, footer a:visited, footer a:hover  { color: #A3A3A3; }

/*gallerific*/
div#container { overflow: hidden; }
div.content { display: none; clear: both; }
div.content a, div.navigation a { text-decoration: none; }
div.content a:hover, div.content a:active { text-decoration: underline; }
div.controls { clear: both; font-size: 12px; margin: 0 14px 0 8px; }
div.controls a { padding: 5px; }
div.ss-controls { float: left; }
div.nav-controls { float: right; }
div.slideshow-container, div.loader, div.slideshow a.advance-link { width: 700px; }
div.loader, div.slideshow a.advance-link { height: 467px; }
div.slideshow-container { position: relative; clear: both; float: left; height: 500px; }
div.loader {	position: absolute;	top: 0;	left: 0; background-image: url('_images/loader.gif'); background-repeat: no-repeat; background-position: center; }
div.slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0; }
div.slideshow a.advance-link { display: block; text-align: center; }
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { 	text-decoration: none; }
div.slideshow a.advance-link:focus { outline: none; }
div.slideshow img { border: 4px solid #394a55; }
div.navigation { margin: 0 0 0 8px; clear: both; width 700px; }
ul.thumbs { position: relative; float: left; margin: 5px 0 0 0; padding: 0; }
ul.thumbs li { float: left; padding: 0; list-style: none; border: 1px solid #A3A3A3; margin-right: 14px; margin-bottom: 14px; }
a.thumb { padding: 1px; display: block;}
a.thumb:focus { outline: none; }
ul.thumbs img { border: none;	display: block; }