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


/* --------------------------------------------- DEFAULTS ----------------------------------------------------------- */


body { 

  margin:30px 0 0 0;
  background-color:#340101;
  font: 12px "trebuchet ms", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
  color:black;
}

ul, li, dl, dt, dd { padding: 0; margin: 0 }

li { list-style-type: none; }

p { margin:0 0 15px 0 }
p.last { margin-bottom:0 }

h1 { margin:0 0 20px 0; font-size: 30px; color:#0797D4; }
h2 { margin:0 0 15px 0; font-size: 28px; font-weight: normal; color:#999; }
h3 { margin:0 0 10px 0; font-size: 14px; color:#CC9900; }
h4 { margin:0 0 5px 0; font-size: 18px; color:#0797D4; }


a { color: white }
a:hover { color: #CC9900 }

b, strong { color:#CC9900 }

img { border: 0px }

.rt { float:right; margin: 0 0 0 0.5em }
.lt { float:left; margin: 0.5em 0 0 0 }
.cb { clear: both }

.text-bottom { vertical-align:text-bottom }
.text-top { vertical-align:text-top }

.highlight { background-color:#EDEDED }
.padded { padding: 5px }


/* ------------------------------------------------------ Page --------------------------------------------------------*/


#page { 
  
  width:820px; 
  margin:0 auto; 
  border: solid 7px white; 
}


/* ------------------------------------------------------ Content --------------------------------------------------------*/


#content { 
  
  height:533px;
  position: relative;
  border: solid 2px black;
}


/* ------------------------------------------------------ Head --------------------------------------------------------*/


#head { height:136px; background: white url('/images/bkg_head.gif') no-repeat top left; }

#head .logo { border: 0; margin-left: 10px;  }


/* ----------------------------------------------- Main Navigation ----------------------------------------------------*/


#nav { width:100%;clear: both; }

#nav ul { float:left; clear: both;}

#nav ul li { 
  
  float:left;
  list-style-type:none;
  text-align:center;
}

#nav ul li a { 
  
  height: 31px;
  float:left;
  padding-top: 7px;
  background-color: #CC9900;
  color:black;
  font-size: 17px;
  text-decoration: none;
  
}

#nav ul li a.about { width: 136px; border-top:4px solid #3B0023;} /*64*/
#nav ul li a.portfolio { width: 196px; border-top:4px solid #BB4508;} /*124*/
#nav ul li a.services { width: 185px; border-top:4px solid #1D3C00;} /*113*/
#nav ul li a.news { width: 150px; border-top:4px solid #800902; } /*78*/
#nav ul li a.contact { width: 149px; border-top:4px solid #484747; } /*78*/

#page.about #content #nav ul li a.about,
#page.portfolio #content #nav ul li a.portfolio,
#page.services #content #nav ul li a.services,
#page.news #content #nav ul li a.news,
#page.contact #content #nav ul li a.contact { color: white;}

#nav ul li a:hover { color: white; }


/* Nav Submenus */

#nav_submenu-about, 
#nav_submenu-portfolio { 
  
  height: 75px; 
  position: absolute; 
  top: 54px;
  padding: 10px 0 0 10px; 
  opacity: .75;
}

#nav_submenu-about { 
  
  width: 126px; 
  left: 0; 
  background-color: #330033;
} 

#nav_submenu-portfolio { 
  
  width: 186px; 
  left: 136px; 
  background-color: #804000;
  
}

#nav_submenu-about a, 
#nav_submenu-portfolio a {
  
  font-family: Verdana, Arial, "MS Trebuchet", sans-serif;
  text-decoration: none;
}


/* ------------------------------------------------------ Text ---------------------------------------------------------*/


#text { 
  
  width:816px; 
  height:355px; 
  position: relative;
  clear: both; 
  background-color: white;
}


/* ---------------------------------------------------- Subnav --------------------------------------------------------*/


#text #subnav { 
  
  width: 226px; 
  height: 355px; 
  float: left; 
  background-color: #666;
}

#text #subnav #pressContact { 
  
    width: 206px; 
    float: right; 
    clear: both; 
    margin: 20px 20px 0 0; 
    text-align: right; 
    color: white;
    display: inline; /*IE6 Hack*/
}

#text #subnav h2 { 
    
    width: 226px; 
    float: right;
    clear: both;
    margin: 0;
    background-color: white;
    padding-top: 20px;
    font-weight: normal;
    text-align: right;
}

#text #subnav h2 a { text-decoration: none; color: #999;}

#text #subnav ul { float: right; clear: both; margin-top: 20px;}

#text #subnav ul li { 
    
    float: right;
    clear: both;
    text-align: right;
}

#text #subnav ul li a { 
    
    width: 206px; 
    float: right;
    clear: both;
    padding: 7px 20px 7px 0;
    font-size: 16px;
    text-decoration: none;
}


/* Section Specific (about) */
#page.about #content.team #text #subnav ul li a.team, 
#page.about #content.mission #text #subnav ul li a.mission, 
#page.about #content.testimonials #text #subnav ul li a.testimonials, 
#page.about #content.clients #text #subnav ul li a.clients { color: #CC9900 }

/* Section Specific (news) */
#page.news #content.press #text #subnav ul li a.press, 
#page.news #content.epress #text #subnav ul li a.epress, 
#page.news #content.awards #text #subnav ul li a.awards, 
#page.news #content.articles #text #subnav ul li a.articles { color: #CC9900 }

/* Section Specific (Portfolio) */
#page.portfolio #content.commercial #text #subnav ul li a.commercial, 
#page.portfolio #content.residential #text #subnav ul li a.residential, 
#page.portfolio #content.speciality #text #subnav ul li a.speciality, 
#page.portfolio #content.resorts #text #subnav ul li a.resorts { color: #CC9900 }


/* -------------------------------------------------- text-main -------------------------------------------------------*/


#text #text-main {
  
  width:587px;
  height: 355px; 
  float: right; 
  background-color: #333;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url('/images/tmp1.jpg');
}


#text #text-main #copy { 
    
    color: white;
    width: 307px;
    height: 315px;
    padding: 20px;
    line-height: 1.5em;
    overflow: auto;
}

#text #text-main #copy ul { padding-left: 15px; }

#text #text-main #copy li { list-style: square; padding-bottom: 10px; }


/* ------------------------------------------- Section Specific (about) -----------------------------------------------*/


#page.about #text #text-main { background-image: url('/images/photo_about.jpg') }


/* ---------------------------------------------- Page Specific (team) ------------------------------------------------*/


#page.about #content.team #text.jennifer #text-main { background-image: url('/images/team/jennifer.jpg') }
#page.about #content.team #text.margo #text-main { background-image: url('/images/team/margo.jpg') }
#page.about #content.team #text.elaine #text-main { background-image: url('/images/team/elaine.jpg') }
#page.about #content.team #text.emory #text-main { background-image: url('/images/team/emory.jpg') }
#page.about #content.team #text.amy #text-main { background-image: url('/images/team/amy.jpg') }
#page.about #content.team #text.chris #text-main { background-image: url('/images/team/chris.jpg') }
#page.about #content.team #text.kate #text-main { background-image: url('/images/team/kate.jpg') }
#page.about #content.team #text.carol #text-main { background-image: url('/images/team/carol.jpg') }
#page.about #content.team #text.jillian #text-main { background-image: url('/images/team/jillian.jpg') }
#page.about #content.team #text.julie #text-main { background-image: url('/images/team/julie.jpg') }
#page.about #content.team #text.sara #text-main { background-image:url(../../images/team/sara.jpg); }

#page.about #content.team #text.gregory #text-main { background-image: url('/images/team/gregory.jpg') }

#page.about #content.team #text #text-main #copy h3 { margin:0 0 5px 0; font-size: 14px; }


/* ----------------------------------------- Section Specific (portfolio) -------------------------------------------*/


#page.portfolio #content.details #text { background-color: #666; }
#page.portfolio #content.details #text #details { padding: 20px; }
#page.portfolio #content.details #text #details p { color: #CCC ; margin-bottom: 13px; line-height: auto; }
#page.portfolio #content.details #text #details p strong { color: white  ; }
#page.portfolio #content.details #text #details .image { width: 150px; float: left; margin: 0 25px 15px 0; text-align: center;}
#page.portfolio #content.details #text #details .image a { text-decoration: none; }
#page.portfolio #content.details #text #details .image a img { display: block;  }
.portfolio_fullsize-image { height: 501px;  }


/* --------------------------------------------- Page Specific (homepage) -------------------------------------------*/


#page.home a#option_commercial, 
#page.home a#option_residential, 
#page.home a#option_speciality, 
#page.home a#option_resorts {
  
  width: 205px;
  height: 0;
  padding-top: 355px;
  overflow: hidden;
  float: left;
  margin: 0;
  background: no-repeat 0 0
}

#page.home a#option_commercial { background: url('/images/btn_commercial.jpg') }
#page.home a#option_residential { background: url('/images/btn_residential.jpg') }
#page.home a#option_speciality { background: url('/images/btn_specialty.jpg') }
#page.home a#option_resorts { background: url('/images/btn_resorts.jpg'); width: 201px }

#page.home a#option_commercial:hover,
#page.home a#option_residential:hover,
#page.home a#option_speciality:hover { background-position: -205px 0 }
#page.home a#option_resorts:hover { background-position: -201px 0 }


/* ------------------------------------------------------- footer -----------------------------------------------------*/


#foot { 
  
  width:820px; 
  clear: both;
  margin:20px auto; 
  text-align: center;
  color: white;
  
}

.clearfix:after { 

    content: ""; 
    display: block; 
    height:0; 
    clear: both; 
    visibility: hidden
}


/* -------------------------------- Front-End Content Editor Styles -------------------------------------- */

a { text-decoration: underline; cursor: pointer; }
.editable { background-color: #C8D6E1; }
.editTip { background-color: #C8D6E1; padding:3px; }
.editThis { font-size: 11px; font-family: Arial, sans-serif; color: black; }
#cms_container { background-color: #233F69; height:370px; }
#cms_wrapper { padding:20px; }
#editor_actions { padding-bottom:10px; font-size:12px; font-family: Arial, sans-serif; color: white; }
#editor_actions a { text-decoration: underline; color: white; font-weight: bold; cursor: pointer; }