/*-------------------------------------------------------------*/
/*     ©2008 Keith Pyatak Photography. All right reserved.     */
/* Created by Dave Panfili of DB-Elements: www.db-elements.com */
/*-------------------------------------------------------------*/
 
/*-------------------------------*/
/*--Browser default style reset--*/
/*-------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/*---------------*/
/*--Link styles--*/
/*---------------*/
a:link {text-decoration:none; color:#c68645;}
a:hover {text-decoration:none; color:#31200f;}
a:active {text-decoration:none; color:#c66545;}
a:visited {text-decoration:none; color:#c68645;}
a:visited:hover {text-decoration:none; color:#31200f;}
	
/*--------------------*/
/*--Universal styles--*/
/*--------------------*/
body {background-color: #ffffff; font-family:Geneva,Arial,Helvetica,sans-serif; margin:0 auto;}
body p {color:#333333;}
h1 {text-align:right; font-size:70%; margin:20px 5px 0px 0px;}
h2 {text-align:center; color:#31200f; font-size:100%;}
h3 {text-align:left; color:#31200f; font-size:100%; padding:10px 0px 10px 10px;}
h4 {text-align:center; font-weight:bold; font-size:120%;}
#container {width:950px; height:auto; margin:0 auto;}
#content {width:950px; height:auto; margin:25px 0px 0px 0px; background-color: #f1edc2;}

/*------*/
/* LEFT */
/*------*/
#contentL {width:180px; height:432px; float:left;}
#hdr {width:180px; height:120px; float:left; background-image:url(img/logo2.gif); background-repeat:no-repeat; background-color: #f1edc2;}
#navL {width:180px; height:312px; float:left; background-color: #f1edc2;}
#navSpacer {width:180px; height:30px; background-color: #f1edc2;}
#navSpacerL {width:180px; height:95px; background-color: #f1edc2;}
#navSpacerS {width:180px; height:15px; background-color: #f1edc2;}
#navSpacerXL {width:180px; height:145px; background-color: #f1edc2;}

.nav {width:150px; height:25px; margin-left:4px; display:block;}
.navContact {width:150px; height:25px; margin-left:4px;}
#navLAbout { background-image: url(img/nav/about.gif); width: 150px; height: 25px; display: block; margin:0px 0px 0px 4px;}
#navLAbout:hover { background-image: url(img/nav/about-ro.gif) }
#navLChildren { background-image: url(img/nav/children.gif); width: 150px; height: 25px; display: block; margin:0px 0px 0px 4px;}
#navLChildren:hover { background-image: url(img/nav/children-ro.gif) }
#navLContact { background-image: url(img/nav/contact.gif); float:left; width: 150px; height: 25px; display: block; margin:0px 0px 0px 4px;}
#navLContact:hover { background-image: url(img/nav/contact-ro.gif) }
#navLFineArt { background-image: url(img/nav/fine-art.gif); width: 150px; height: 25px; display: block; margin:0px 0px 0px 4px;}
#navLFineArt:hover { background-image: url(img/nav/fine-art-ro.gif) }
#navLHome { background-image: url(img/nav/home.gif); width: 150px; height: 25px; display: block; margin:0px 0px 0px 4px;}
#navLHome:hover { background-image: url(img/nav/home-ro.gif); width: 150px; height: 25px; display: block; margin:0px 0px 0px 4px;}
#navLLandscape { background-image: url(img/nav/landscape.gif); width: 150px; height: 25px; display: block; margin:0px 0px 0px 4px;}
#navLLandscape:hover { background-image: url(img/nav/landscape-ro.gif) }
#navLLifestyle { background-image: url(img/nav/lifestyle.gif); width: 150px; height: 25px; display: block; margin:0px 0px 0px 4px;}
#navLLifestyle:hover { background-image: url(img/nav/lifestyle-ro.gif) }
#navLLightroom { background-image: url(img/nav/lightroom.gif); width: 150px; height: 25px; display: block; margin:0px 0px 0px 4px;}
#navLLightroom:hover { background-image: url(img/nav/lightroom-ro.gif) }
#navLPersonal { background-image: url(img/nav/personal.gif); width: 150px; height: 25px; display: block; margin:0px 0px 0px 4px;}
#navLPersonal:hover { background-image: url(img/nav/personal-ro.gif) }
#navLPhone {width:180px; height:77px; background-image:url(img/phone-number2.gif); background-repeat:no-repeat; }
#navLRates { background-image: url(img/nav/rates.gif); width: 150px; height: 25px; display: block; margin:0px 0px 0px 4px;}
#navLRates:hover { background-image: url(img/nav/rates-ro.gif) }
#navLStillLife { background-image: url(img/nav/still-life.gif); width: 150px; height: 25px; display: block; margin:0px 0px 0px 4px;}
#navLStillLife:hover { background-image: url(img/nav/still-life-ro.gif) }

/*--------*/
/* CENTER */
/*--------*/
#contentC {float:left; width:640px; height:428px; background-color: #f1edc2; display:inline; padding:2px 0px 2px 0px;}
#contentC p {font-size:80%; margin-left:15px; _margin-left:5px;}
#contentC table {margin-left:15px; _margin-left:5px;}
#contentC p.p150 {font-size:130%; margin-left:15px; _margin-left:5px; margin-top:10px; text-align:center;}
#photoLoad {float:left; width:640px; height:432px; background-color: #f1edc2; display:inline;}
p.linksContent {font-size:70%; text-align:left; padding: 10px 15px 10px 15px;}
p.sitemap {font-size:90%; text-align:left; padding: 10px 15px 10px 15px;}
#resourcesLinks {font-size:70%; text-align:left; padding: 10px 15px 10px 15px;}
#contact {width:600px; font-size:80%;}
.taL {width:150px;}
.taR {width:435px;}

/*-------*/
/* RIGHT */
/*-------*/
#contentR {float:left; width:130px; height:432px; background-color: #f1edc2; display:inline;}
#contentR p {text-align:center; padding:25px 0px 10px 0px;}
p.links {font-size:70%; text-align:left;}

/*--------*/
/* FOOTER */
/*--------*/
#bottomNav {float:left; width:950px; height:auto; text-align:center;}
#bottomNav p {font-size:80%; margin:20px 0px 0px 0px;}
#footer {float:left; width:950px; height:auto; text-align:center; margin:15px 0px 20px 0px;}
#footer p {font-size:70%; margin:10px 0px 10px 0px;}
	
/*----------------*/	
/*--Photo styles--*/
/*----------------*/
#photosContainer {width:710px; height:405px; margin:0px 120px 15px 120px;}
#photoL {float:left; width:115px; height:400px; margin:10px 5px 10px 5px; display:inline;}
#photoL p{text-align:center; display:inline;}
#photoLoad {float:left; width:450px; height:450px; margin:10px 5px 10px 5px; text-align:center; display:inline;}
#photoLoad p {text-align:center;}
#photoR {float:left; width:115px; height:400px; margin:10px 5px 10px 5px;}
#photoR {text-align:center;}