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

/* HTML, BODY ---------- */
* {margin:0; padding:0;}
body {margin:0; background: url(images/bg.jpg) no-repeat top center; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px; color:#316da8;}
p, h2, h3, ul, blockquote, ol {padding-bottom:10px; padding-top:10px;}
ul, blockquote, ol {padding-left:30px; padding-right:10px; padding-top:10px;}
a {color:#316da8; text-decoration:underline;}
a:hover {text-decoration:none;}
a img {border-style:none;}
#footer a {color:#725e25;}

/* LAYOUT ---------- */
#wrap {width:990px; margin:0 auto; background:url(images/bg-body.jpg) no-repeat;}
#contact {float:left; width:220px; text-align:right; padding:77px 0 0 0; font-size:15px; color:#316da8; background:url(images/bg-contact-box.gif) no-repeat right; margin:0 0 0 0; line-height:19px;}
#content {width:704px; margin-left:252px; padding-top:0px; clear:both; min-height:640px; height:auto !important; height:640px;}
#text {width:645px; margin: 0 auto; padding-bottom:20px;}
#footer {width:560px; margin:0 auto; background:url(images/bg-footer.gif) no-repeat; padding:19px 133px 30px 297px; color:#725e25; font-size:12px; line-height:16px;}

/* HEADERS ---------- */
h1 {background-repeat: no-repeat; height: 609px; width:409px; text-indent: -999em; margin: 0; padding:0;}
#content h2 {font-size:18px; color:#e86f41; }
#content h3 {font-size:16px; font-weight:normal; font-style:italic;}
#footer h2 {font-size:14px; color:#316da8; font-weight:normal;}

h1#logo {float:left;
margin: 0 0 60px 13px;
padding: 0;
background-repeat: no-repeat; 
width: 690px;/* this width reflects the width of the logo image */
height: 127px; /* this height reflects the height of the heading image */
overflow: hidden; 
text-indent: -999em;} /* hides rich text so only background image shows */

h1#logo a {
display: block; 
height: 127px;/*same height as logo h1*/ 
width: 690px;/*same width as logo h1*/}

/* CLASSES ---------- */
#footer .noodle, #footer .noodle a {color: #b7a05e;}
.right {float:right;}
.left {float:left;}
.hide {display:none;}
.flash {margin:0; width:704px; height:497px; clear:both; padding:0;}
.flashp {color:#000; background-image: url(images/1.jpg); text-align:center; clear:both; padding:0;}
.block {display:block;}
.listnone {list-style:none;}
.center {text-align:center;}
.clear {clear:both;}
.breadcrumbs, .breadcrumbs a {font-size:11px; color:#51ad4c; padding-top:40px; font-weight:bold;}
.phone {font-size:18px;}
.title {margin-top:20px; margin-left:25px; margin-bottom:0; padding:0;}
.highmargin {margin-bottom:70px; clear:both;}
.top {margin-top:30px;}

/* NAVIGATION ---------- */


/* NAVIGATION MAIN ---------- */
#nav {padding: 77px 0 0 0; margin:0 0 0 37px; width:215px; position:absolute; z-index:80; top:192px; line-height:18px; color:#645425;}
#nav h2 {font-size:18px; width:200px; border-bottom:1px solid #645425; padding:0; margin:0;}
/*#nav a {color:#645425; }*/

#nav ul { font-size:14px; color:#645425; margin:0; padding:0 0 15px 0;list-style:none;}
#nav ul a {text-decoration:none; padding-left:14px; color:#645425;}

/* HOVER STATE FOR PORTRAITS */
#sub-portraits  a:hover, #sub-portraits .active, #sub-portraits  li:hover, #sub-portraits  li.sfhover, 
#sub-portraits li:hover, #sub-portraits li.sfhover {color:#619cd7;background:url(images/dots/portraits.gif) no-repeat 0px 3px;}
#sub-portraits a.portraits {color:#619cd7;}

/* HOVER STATE FOR EVENTS */
#sub-events a:hover, #sub-events .active, #sub-events li:hover, #sub-events li.sfhover, 
#sub-events li:hover , #sub-events li.sfhover  {color:#51ad4c;background:url(images/dots/events.gif) no-repeat 0px 3px;}
#sub-events a.events {color:#51ad4c;}

/* HOVER STATE FOR PINUP */
#sub-pinup a:hover, #sub-pinup .active, #sub-pinup li:hover, #sub-pinup li.sfhover, 
#sub-pinup li:hover , #sub-pinup li.sfhover  {color:#e86f41;background:url(images/dots/pinup.gif) no-repeat 0px 3px;}
#sub-pinup a.pinup {color:#e86f41;}

/* HOVER STATE FOR COMMERCIAL */
#sub-commercial a:hover, #sub-commercial .active, #sub-commercial li:hover, #sub-commercial li.sfhover, 
#sub-commercial li:hover , #sub-commercial li.sfhover  {color:#194b7c;background:url(images/dots/commercial.gif) no-repeat 0px 3px;}
#sub-commercial a.commercial {color:#194b7c;}

/* HOVER STATE FOR CARDS */
#sub-cards a:hover, #sub-cards .active, #sub-cards li:hover, #sub-cards li.sfhover, 
#sub-cards li:hover , #sub-cards li.sfhover  {color:#1a6608;background:url(images/dots/cards.gif) no-repeat 0px 3px;}
#sub-cards a.cards {color:#1a6608;}

/* HOVER STATE FOR VIDEO */
#sub-video a:hover, #sub-video .active, #sub-video li:hover, #sub-video li.sfhover, 
#sub-video li:hover , #sub-video li.sfhover  {color:#ce3d11;background:url(images/dots/video.gif) no-repeat 0px 3px;}
#sub-video a.video {color:#ce3d11;}


/* UTILITY NAV ITEMS ---------- */

ul#utility {width:353px; list-style: none; padding:0; margin:0 0 0 571px; position:absolute; z-index:90; top:161px; font-size:11px; text-align:right;}

/*  Sets styles for all links that are inside the ul id="nav" */
#utility a {color:#e86f41; text-decoration:underline;}
#utility li {display:inline; list-style:none; border-right:1px solid #e86f41; padding:0 5px 0 3px;}
#utility  li.bordernone {border-right:1px solid #FFF; }

/* Shift the image position up to show the active state */
#utility a:hover, #utility .active, #utility li:hover, #utility li.sfhover {color:#316da8; text-decoration:none;}
/* Set the cursor to default arrow so link does not appear clickable */
#utility .active {cursor: default}



#sitemap a:hover, #sitemap .active, #sitemap li:hover, #sitemap li.sfhover {background:none;}