/*CSS Reset*/body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }ol, ul { list-style: none; margin: 0; padding: 0; }table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; }acronym, abbr, fieldset, img { border: 0;}:focus { outline: 0; }

/************************************************************************
COLOR
grey: 999999;
green: 00B160

STRUCTURE
***********************************************************************/

html{font-size:62.5%;}
body{ background:  url(../imgs/header_top.gif) top left repeat-x;
 font:1em/2em "Helvetica Neue", "Helvetica", Arial, sans-serif; 
/*   text-align: center;  */
 }
 p {font:1.3em/1.9em "Helvetica Neue", "Helvetica", Arial, sans-serif; margin: 2.2em 0; color: #555; }
 
 a, a:link{color: #00B160;}
 a:hover{color: #444;}
 
 
#container{/*  width: 880px; margin: 0 auto;  */ text-align: left;  position: relative;}
#theheader{ height: 80px;  
}
#logoholder{ position: absolute; top:0; left:60px;}
#topnavholder{ position: absolute; top: 30px; left: 270px; height: 50px; }
ul#topnav{ list-style-type: none;  }
ul#topnav li{float:left; background: url(../imgs/verticaldivider.gif) center center repeat; background: #fff;}
ul#topnav li a span{display: none;}
ul#topnav li a{width:80px; height:50px; display: block; overflow: hidden; margin-left: 1px;  background: #fff;}
ul#topnav li#tn_home a{  background: #fff url(../imgs/headernav_home.gif) center 0px no-repeat;margin-left: 0px; width:75px;}
ul#topnav li#tn_about a{ background: #fff url(../imgs/headernav_about.gif) center 0px no-repeat;}
ul#topnav li#tn_prices a{ background: #fff url(../imgs/headernav_prices.gif) center 0px no-repeat;}
ul#topnav li#tn_contact a{ background: #fff url(../imgs/headernav_contact.gif) center 0px no-repeat;}
ul#topnav li#tn_photostories a{ background: #fff url(../imgs/headernav_photostories.gif) center 0px no-repeat;  width:126px;}
ul#topnav li#tn_home a.isactive, ul#topnav li#tn_about a.isactive, ul#topnav li#tn_prices a.isactive, ul#topnav li#tn_contact a.isactive, ul#topnav li#tn_photostories a.isactive{background-position:center -50px;}

ul#topnav li#tn_home a:hover, ul#topnav li#tn_about a:hover, ul#topnav li#tn_prices a:hover, ul#topnav li#tn_contact a:hover,ul#topnav li#tn_photostories a:hover{background-position:center -50px;}


#thenavholder{ width: 170px; height: 370px;  position: absolute; top:120px; left: 65px; background: #fff;}
#thenav{list-style-type: none; margin-top: 40px; margin-left: 10px;}
ul#thenav li{}
ul#thenav li a span{display: none;}

ul#thenav  li a{ display: block; width: 150px; height: 34px; margin-bottom: 1px; font-size: 16px; color: #999;border-bottom: 1px solid #ddd; background: white; text-decoration: none; cursor: pointer;}
ul#thenav  li a:hover{color: #666; background-position: 0px -60px;}

ul#thenav li#n_People a.nav_a{ background: url(../imgs/nav_people.gif) 0px -10px no-repeat; margin-left: 0px; margin-top: 1px; border-top: 1px solid #ddd; }
ul#thenav li#n_Weddings a.nav_a{ background: url(../imgs/nav_weddings.gif) 0px -10px no-repeat; margin-left: 0px;}
ul#thenav li#n_Travel a.nav_a{ background: url(../imgs/nav_travel.gif) 0px -10px no-repeat; margin-left: 0px;}
ul#thenav li#n_Projects a.nav_a{ background: url(../imgs/nav_projects.gif) 0px -10px no-repeat; margin-left: 0px;}
ul#thenav li#n_Production a.nav_a{ background: url(../imgs/nav_production.gif) 0px -10px no-repeat; margin-left: 0px;}

ul#thenav li#n_People a:hover, ul#thenav li#n_Weddings a:hover, ul#thenav li#n_Travel a:hover, ul#thenav li#n_Projects a:hover, ul#thenav li#n_Production a:hover{ background-position: 0px -60px;}

ul.submenu { list-style-type: none; display: none; }

/*  ul#thenav li#n_People ul li{ border-top: none; line-height: 20px; font-size: 12px;}
ul#thenav li#n_People ul li a { background: none; border-top: none; line-height: 20px; padding-left: 20px; padding-top: 10px; font-size: 12px;}
  */
li#n_People ul li a, li#n_Weddings ul li a, li#n_Travel ul li a, li#n_Projects ul li a, li#n_Production ul li a, ul#thenav li#n_People ul li { background: none;}

.submenu li{ border-top: none !important;}
.submenu li a { background: none !important; border-top: none !important; line-height: 30px; padding-left: 30px; font-size: 12px !important; width: 120px !important; color: #888; }
.submenu li a:hover{ color:#00B160 !important; cursor: pointer;}



#thecontent{  width: 100%; left: 0; clear: both;  }
#flashholder{width:100%;  height: 550px; }
#contentholder{ position: absolute; left:290px; width:700px; top:100px;  }
#contentholder p{   }
#contentholder h2{color: #999; font-size: 16px; }

#thefooter{height: 60px; margin-top:20px;}




/*******************************************TYPOGRAPHY*********************************************************/
#h1_holder{ }
h1 { color: #999; font-size: 15px; left:360px; top:104px;position: absolute;}
h2 { color: #999; font-size: 17px; }
#thedescription{ left:360px; top:618px; width:500px; position: absolute; font-size: 10px; color: #666;}
#thedescription span { /*padding: 2px; background: white; */}

/*******************************************misc*********************************************************/

#thankyoumessage{ background: #eee; padding: 10px;}
.theforms li{margin: 4px 0;}
.theforms label{float: left; width: 150px; text-align: right; padding: 0 10px 0 0; color: #444;}
.theforms input, .theforms #themessage{width: 300px;}
.theforms input#thebutton{ width: 100px;}