/* CSS DOCUMENT - Photographics Solution 2009, Hudson, NY */


html{font-size:125%;}


body {

background:#611618;

margin:0; padding:0;

font-face:century gothic;

font-family:century gothic,verdana,arial,sans-serif,helvetica;

font-size:50%;

color:#000;

behavior:url(csshover.htc);

}

h1 {
margin-top:100px;
font-size:2.3em;
font-weight:lighter;
letter-spacing:1em;
}

.back
{
font-size:14pt;
}

h2 {
text-align:right;
margin-top:-135px;
margin-right:10px;
font-size:1.2em;
letter-spacing:.1em;
font-color:#000;
font-face:century gothic;
font-family:century gothic,verdana,arial,sans-serif,helvetica;
}

h3 {
font-size:2.3em;
font-weight:lighter;
letter-spacing:1em;
}

div#maincontent {

margin:0 0 0 0; padding: 0 0 0 0;
width:990px;  height:;
background:#EFE4B3;
background-image:url(fader.jpg);
background-repeat:repeat-x;
font-size:1.0em;

}

div#logo {
position:static;

}

div#gallery {
margin:-10px 0 0 0 ;

}


div#services {
margin:-19px 0 0 0 ;
font-size:1.6em;
letter-spacing:.15em;
}

div#headline {
font-size:1.3em;
letter-spacing:.06em;
}

/* the horizontal menu starts here */


div.menu {

margin:0; padding:0;

position:static;

font-size:1.7em;

letter-spacing:.19em;

background-color:#FFF;

left:0px;

top:0px;

font-face:century gothic;

font-family:century gothic,verdana,arial,sans-serif,helvetica;

}

div.menu ul {

margin:0px;

}

div.menu li {

margin:0; padding:0;

float:left;

position:relative;

list-style-type:none;

background-color:#FFF;

}

div.menu li:hover {

background-color:#F5F5F5;

}

div.menu a {

display:block;

padding:0 10px;

text-decoration:none;

color:#000;

}

div.menu a:hover {

color:#000;

background-color:#F5F5F5;

}



/* THE HACK ZONE - */


* html div.menu ul {

float:left;

border-left:1px solid #000;

margin-left:5px;

}


* html  div.menu ul li ul {

border-top:0px solid #FFF;

border-left:0px; /* stops the drop inheriting the ul border */

}

/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */

* html  div.menu ul li ul li ul { 

  left:9.85em; 

  voice-family: "\"}\""; 

  voice-family:inherit;

  left:10em;

  }

/* and the "be nice to Opera" rule */

html>body div.menu ul li ul li ul {

  left:10em;

  }


/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */

/* the first-level drop stays open for 100px below the bottom but at least it works */

/* this can be reduced to as little as 22px if you don't have pop-outs */

/* the pop-out menu stays open for 22px below the bottom but at least it works */

@media all and (min-width: 0px){

   body div.menu ul li ul {padding-bottom:200px;}

   body div.menu ul li ul li ul {padding-bottom:22px;}

   body div.menu ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */


   }

/*end Opera hack */

/* end of hack zone */

/* END OF LIST-BASED MENU */

/* finally after feeding values to all others, we deal with MAc5 IE */

/* IE5 Mac can't do drop-downs so we need to present the info in a different way*/

/* we present the drop down choices in a row and never show any second-level drops */

 /* this stylesheet is read by IE5 Mac only - hack omits 'url' and leave no space between @import and ("   */

@import("ie51_menu_hack.css"); 

/* END OF DROP DOWN MENUS */





/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */

/* simply add the clearfix class to any containter that must enclose floated elements */

/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {

content: ".";              /* the period is placed on the page as the last thing before the div closes */

display: block;          /* inline elements don't respond to the clear property */

height: 0;                  /* ensure the period is not visible */

clear: both;               /* make the container clear the period */

visibility: hidden;     /* further ensures the period is not visible */

}


.clearfix {display: inline-block;}   /* a fix for IE Mac */


/* next a fix for the dreaded Guillotine bug in IE6 */

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

/* end of "no-extra-markup" clearing method */







/* BEGIN CONTENT AREA STYLE */