/* 
////////////////////////
GLOBAL STYLES
////////////////////////
*/


body { background: url(../i/stageBkrd.jpg) 0 0 repeat-x; }

.shell { margin: 0 auto; padding: 0 10px; position: relative; width: 941px; }


/* HEADER STYLES */

.header { margin: 0 0 15px 0; padding: 24px 0 0 0; text-align: right; }
.header .txt { font-size: 1.2em; color: #717073; text-align: right; padding: 5px 0 0 0; }
.phone { margin:0 -10px 0 0;} 
.header .txt h6 { display: none; }
.header .txt a { float: left; }
.header span { letter-spacing: 1px; }


/* NAVIGATION */
.nav { float: left; margin:0 5px 5px -12px; position:relative; width: 170px; z-index:10; }
.nav ul li { }

.nav ul ul { background: url(../i/navBkrd.png); display: none; padding: 15px 0 15px 0;}
.nav ul li:hover ul { display:block;  margin: -80px 0 0 0; position: absolute; left: 170px; }



/* 
////////////////////////
PAGE STYLES 
//////////////////////// 
*/


/* HOME STYLES */
.rowOne { background:  url(../i/backgrounds/greenBlk.gif) top right repeat-y; margin:0 0 5px; position:relative; z-index:9; }
.rowTwo { background:  url(../i/backgrounds/home_3col.gif) top left repeat-y; clear:both;  position:relative; z-index:20; }

.blockImg { float:left; position:relative; width:646px; }
.imgLg { float:left; height:310px; margin:0 0 5px 0; position:relative; z-index:1; }
.imgSm { float:left; height:114px; margin:0 5px 0 0; position:relative; z-index:1; }
.quote { float:right; padding:25px 20px 20px; position:relative; width:255px;  } 

.blockText { float:right; padding:65px 20px 10px; position:relative; width:255px; }
.experience { float:left; margin:0 5px 0 0; padding:20px 20px 5px; position:relative; width:278px; }
.experience .img{ float:right; margin:-10px -10px 8px 0;  }
.greyMedium .img { border-left:#9ea6ab 10px solid;  }
.greyDark .img { border-left:#635754 10px solid;  }


/* MAIN BODY STYLES */
.sub { float:left; position:relative; width:158px; z-index:10; }
.main { background: url(../i/backgrounds/content.jpg) top left repeat-y; float:right; position:relative; width:778px; z-index:1; }
.main .banner { background:#fff; height:110px; position:relative; }
.main .banner img { margin:0 5px 0 0; }
.main .banner img.lastImg { margin:0; }
.main .content { background: url(../i/backgrounds/contentTop.jpg) top left no-repeat; float:left; padding:26px 36px 30px 15px; position:relative;  width:427px;}
.main .sidebar { float:right; position:relative;  width:295px;}

.main .blockImg { width:483px; }
.main .imgLg { height:auto; margin:0; }
.main .imgSm { height:auto; margin:5px 5px 0 0; }
.main .imgSm, .main .imgLg { line-height:0px;}
.main .blockText { padding-top:30px;}
.main .rowTwo .blockText { padding:0; width:295px;}
.main .rowTwo .blockText .greyDark { border-bottom:5px white solid; border-top:5px white solid;}
.main .rowTwo .quote { padding-top:14px;}
#services .rowOne { margin:0; }
#services .rowTwo { background:#fff url(../i/backgrounds/services_1col.gif) top right repeat-y; }
.main .greyMedium img { }
.main .greyDark img {  }

.green { background:#92c139 url(../i/backgrounds/greenTop.jpg) top left no-repeat; }
.greyLight { background:#f1f1f2 url(../i/backgrounds/greyLight.gif) top left no-repeat; }
.greyMedium { background:#9ea6ab url(../i/backgrounds/greyMedium.gif) top left no-repeat; } 
.greyDark { background:#635754 url(../i/backgrounds/greyDark.gif) top left no-repeat; }
.orange { background:#ea6c20 url(../i/backgrounds/orangeGradient.jpg) top left repeat-x; } 
.blue { background:#375263 url(../i/backgrounds/blueGradient.gif) top left repeat-x; }

.breadcrumb { font-size:.9em; margin:0 0 2em; }

/* 
////////////////////////
SIDEBAR STYLES
//////////////////////// 
*/

.sidebar .experience { margin:5px 0 0; width:255px;  } 
#faq .sidebar img  { margin:0 0 5px; }
.sub img, .sidebar img  { float:left; }
.sub .quote { float:left; padding:25px 20px 20px; position:relative; width:118px;  } 


/* POPUP */
.popup { display:none; padding:0; position:absolute; width:428px; z-index:99; }
.popupR { display:none; padding:0 ; position:absolute; width:428px; z-index:99; }
.popup#gates { bottom:140px; left:120px; top:auto; }
.popup#usopen { bottom:140px; left:443px; top:auto; }
.popupR#njgov { bottom:90px; left:-300px; }

.popup .popUpTop { background: url(../i/backgrounds/popUp_top.png) top left no-repeat; height:12px; position:relative; width:428px; }
.popupR .popUpTop { background: url(../i/backgrounds/popUpR_top.png) top left no-repeat; height:12px; position:relative; width:428px; }

.popup .popUpBtm { background: url(../i/backgrounds/popUp_btm.png) top left no-repeat; height:63px; position:relative; width:428px; }
.popupR .popUpBtm { background: url(../i/backgrounds/popUpR_btm.png) top left no-repeat; height:63px; position:relative; width:428px; }

.popup .contentBlock { background: url(../i/backgrounds/popUp_mid.png) top left repeat-y; padding:5px 17px 0 37px;  position:relative; width:380px; }
.popup .contentBlock .img, .popupR .contentBlock .img { float:left; width:137px; }
.popup .contentBlock .img img, .popupR .contentBlock .img img { border:0px; float:none; margin:0 0 15px; }
.popup .contentBlock .text, .popupR .contentBlock .text  { background: url(../i/popup_shadowBtm.jpg) bottom left repeat-x; border-bottom:#bdbfc2 dotted 1px; border-top:#bdbfc2 dotted 1px; float:left; min-height:367px; padding:0 0 10px 0; margin-left:18px; width:219px; }
.popup .contentBlock .text p, .popupR .contentBlock .text p { background: url(../i/popup_shadowTop.jpg) top left repeat-x; padding:10px 0 0; }

.popupR .contentBlock { background: url(../i/backgrounds/popUpR_mid.png) top left repeat-y; padding:5px 27px 0 13px;  position:relative; width:390px;}




/* 
////////////////////////
FORM STYLES
//////////////////////// 
*/
form label { display:block; margin:0 0 .5em; }
input {  }
form fieldset { clear:both; margin: 0 0 1em;  }

form label.field-month, 
form label.field-day,
form label.field-year,
form label.field-startTime,
form label.field-endTime,
form label.field-guests,
form label.field-type,
form label.field-location,
form label.field-address,
form label.field-city,
form label.field-state,
form label.field-zip,
form label.field-name,
form label.field-dayPhone,
form label.field-evePhone,
form label.field-faxPhone,
form label.field-email,
form label.field-comments { float: left; margin: 0 10px 0 0; }

form label.field-month select, 
form label.field-day select,
form label.field-year select,
form label.field-startTime select,
form label.field-endTime select,
form label.field-guests input,
form label.field-type select,
form label.field-location input,
form label.field-address input,
form label.field-city input,
form label.field-state select,
form label.field-zip input,
form label.field-name input,
form label.field-dayPhone input,
form label.field-evePhone input,
form label.field-faxPhone input,
form label.field-email input,
form label.field-comments textarea { float: left;  margin:.5em 0  0; }

form label.field-startTime, form label.field-startTime select,
form label.field-endTime, form label.field-endTime select,
form label.field-guests, form label.field-guests input,
form label.field-state, form label.field-state select,
form label.field-zip, form label.field-zip input { margin-right: 20px; width:80px; }


form label.field-type, form label.field-type select,
form label.field-city, form label.field-city input,
form label.field-dayPhone, form label.field-dayPhone input,
form label.field-evePhone , form label.field-evePhone input,
form label.field-faxPhone, form label.field-faxPhone input { margin-right: 20px; width:180px; }

form label.field-location, form label.field-location input,
form label.field-address, form label.field-address input,
form label.field-name, form label.field-name input,
form label.field-email, form label.field-email input,
form label.field-comments, form label.field-comments textarea { width:400px; }

form label.field-comments textarea { height:200px; }

form label.field-submit { float:right; }

/* 
////////////////////////
FOOTER STYLES
//////////////////////// 
*/
.footer { clear:both; padding: 30px 0 10px 0;  }


/* 
////////////////////////
CLEARS
//////////////////////// 
*/
.sub:after,
.main:after,
.content:after,
.sidebar:after,
.rowOne:after, .rowTwo:after,
.blockText:after,
.popupR .contentBlock:after, .popup .contentBlock:after,
.header .txt:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; width: 100%; }