/*
OUTDOOR PRIDE

COLORS:
[ YELLOW ] #ffdf32
[ GREEN ] #
[  ] #

*/

@import 'reset.css';
/*----------------GENERAL--------------------------*/ 

body { margin:0; padding:0; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; color: #000; text-align: justify; background: url(../_img/bg-texture.jpg) repeat center top;}

img { _behavior:url(_img/iepngfix.htc);}

a img { border: none;}

a {color:#000; text-decoration:underline;}
a:hover {color:#666; text-decoration: none;}

p { margin: 10px 0; padding:0;}

#lower-content-middle-full ul { margin: 12px 0 0 14px;}
#lower-content-middle-full ul li { margin:3px 0; padding:0; list-style: outside; list-style-type: disc;}

#lower-right li { margin: 3px 0 0 0; list-style-type: none;}
#lower-right ul { margin:0 6px 0 13px; padding:0;}
#lower-right ul li { margin:3px 0; padding:2px 0; list-style: outside; list-style-type: disc; font-size: 12px; font-weight:normal; line-height: 16px;}

/* ------------------ LAYOUT ------------------ */

#page { width: 100%; margin: 0; padding:0; background: url(../_img/bg-page-stripe.png) repeat-x left top;}
#page-container {width: 100%; margin: 0; /*background: url(_img/bg-page.jpg) no-repeat center top;*/}
#header { width: 960px; margin: 0 auto; height: 148px; background:#0b0e01 url(../_img/bg-header-stripe.gif) repeat-x left bottom; }
#social { width: 108px; height: 42px;  float: right; margin-top: 2px;}
#signup-search {width: 226px; margin: 8px 22px 0 0; float: right; font-size: 12px; font-weight: bold; color:#fff; font-family: "Arial Black", Arial, sans-serif; /*z-index: 99999;*/ display:inline;}
.nl-signup {margin-top: 5px;}
#logo {width: 104px; height: 140px; padding-left: 37px;}
#content { clear: both; width: 960px; margin: 0 auto; }
#footer-wrap { clear: both; background: #000; margin: 10px 0 0; }
#footer { width: 960px; margin: 0 auto; padding: 29px 0 0;  clear: both; font-size: 11px;}

/* SEARCH FORM */
#searchform { width: 304px; height: 28px; margin:0 -1px 0; padding:0; border: 1px solid #cccccc; float: left; overflow: hidden; background-color: #ffffff;}
#searchform #s {color: #666666; border: 0px solid #ccc; margin:0;  padding:2px 0 0 7px; font:12px Arial;  /*background: url(_img/bg-search-field.gif) no-repeat left center;*/ background-color: #ffffff; width:245px; letter-spacing: -0.02em;}
#searchform #s:focus {  /*background:none; */background-color: #ffffff;}
#searchform input #s { margin:0;padding:0;}
#searchbtn { width: 58px; height:26px;}
.hidden {display: none;}
/* ------------------ LAYOUT ------------------ */

/* ------------------ HOME ------------------ */
#banner { width: 960px; height: 391px; background: #4b4d43;}
#home-lower-callouts { background: url(../_img/bg-home-callouts-gc.png) no-repeat left top;
    height:238px; margin-top:15px;
    padding: 21px 0 0 0;
    line-height: 16px;
    text-align: left;
    font-size: 12px;
    letter-spacing: -0.03em;
    clear:both;  }
#home-lower-one { float:left; width:263px; margin-left:22px; margin-right:58px; display:inline; }
#home-lower-one a { text-decoration: none;}
#home-lower-two { float:left; width: 272px; margin-right:49px; display:inline; font-size: 11px; }
#home-lower-three { float:left; width:274px; display:inline; font-size: 13px; line-height: 18px; }
#home-lower-three a { text-decoration: none;}
#home-lower-three-gc { float:left; width:274px; display:inline; font-size: 13px; line-height: 18px; }
#home-lower-three-gc a { text-decoration: none;}
#home-service-callouts { position: absolute; top:475px; height:75px; /*margin-top:-63px; margin-bottom:-63px;*/ letter-spacing: -0.03em; z-index: 5!important; width: 960px; }
#home-service-one { float:left; width:288px; margin-left:34px; display:inline; }
#home-service-two { float:left; width: 288px; display:inline; margin-left:20px; }
#home-service-three { float:left; width:278px; display:inline; margin-left:35px; }
.icon { width: 50px; float:left; margin-right: 12px;}
#home-service-callouts h1 {margin: 7px 0 0;}
h1.service-headers a { font-size: 18px; line-height: 18px; color:#fff; text-decoration:none;}
h1.service-headers a:hover { color:#ffdf32;}
/* ------------------ HOME ------------------ */

/* ------------------ LOWER TEMPLATE ITEMS ------------------ */

#gallery-container { width: 960px; /* height:420px;*/ background: #000; clear:both; padding:14px 0 0; }
#photos-container { width: 740px; float: left; }
#gallery-right-container { position: relative; width: 181px; float: right; background: url(../_img/bg-gallery-srvs-box.gif) no-repeat left top; color: #fff; padding: 10px 19px 0px 19px; _padding: 10px 10px 0px 10px; text-align: left; height: 396px; display:inline; }
#gallery-right-container ul { margin: 12px 0 0 14px;}
#gallery-right-container ul li { margin:3px 0; padding:0; list-style: outside; list-style-type: disc; }
ul.body-list { margin: 12px 0 0 14px;}
ul.body-list li { margin:3px 0; padding:0; list-style: outside; list-style-type: disc; }
#lower-content-bottom { width: 960px; padding: 0 0 20px; background: url(../_img/box-lower-bottom.png) no-repeat left bottom;  }
#lower-content-top { width: 960px; padding: 7px 0 0;  margin: 7px 0 0; background: url(../_img/box-lower-top.png) no-repeat left top; }
#lower-content-middle { width: 960px;background: url(../_img/box-repeat.png) repeat-y left top; padding: 10px 0 20px 0;}
#lower-right { width: 188px; float:right; padding: 13px 15px 0 0; text-align: left; letter-spacing: -0.01em;  /*font-weight: bold;*/ font-size: 13px;}
#lower-right a { text-decoration: none;}
#lower-left { width: 675px; padding: 20px 0 20px 30px; }
#lower-left-alt { width: 750px; padding: 20px 0 20px 100px; }
#lower-left-blog { width: 600px; padding: 20px 0 20px 100px; }
.srvs-header { font-size: 14px; font-weight: bold; color: #ffdf32; /*display:block;*/ }
.photo-full {float:right; margin:4px 0px 10px 20px; border: solid 1px #ccc; padding: 3px; }
.photo-full-srv {float:right; margin:22px 0px 10px 20px; border: solid 1px #ccc; padding: 3px; }
#call { position: absolute; width: 210px; /*height: 38px;*/ left: 0; top: 368px; padding: 10px 0 0 10px; font-size: 13px; font-weight: bold;}
.service-containers {height: 125px; margin: 15px 0; padding:10px 0; border-top: solid 1px #ccc;}
.staff-containers {/*height: 125px; */margin: 15px 0; padding:10px 0; border-top: solid 1px #ccc; clear:both;}
#lower-content-bottom-full { width: 960px; padding: 0 0 20px; background: url(../_img/box-lower-bottom-full.png) no-repeat left bottom;  }
#lower-content-middle-full { width: 960px;background: url(../_img/box-repeat-full.png) repeat-y left top; padding: 10px 0 20px 0;}
.locations { width:225px; float: left; /*display:inline;*/ }
.locations2 { width:260px; float: left; /*display:inline;*/ }
/* ------------------ LOWER TEMPLATE ITEMS ------------------ */

/* ------------------ FORMS ------------------ */
.formfield { background:#fff; color:#000; height:11px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing:-0.03em; width: 155px; border: 1px solid #90be4a; padding: 3px 2px 3px 3px; /*margin:4px 0 0;*/ outline-color:-moz-use-text-color; outline-style:none; outline-width:0; text-indent: 0px; }
.formfield:focus { background: /*#eee*/; /*background:  #fff url(/images/login_bg_selected.png) left bottom scroll repeat-x;*/ }
.formfieldstate { background:#fff; color:#90be4a; font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing:-0.03em; width: 155px; /*height causes list to dissapear in IE7 */ /*height: 100%;*/ border: 1px solid #90be4a; padding: 3px 2px 3px 3px; /*margin:4px 0 0;*/ outline-color:-moz-use-text-color; outline-style:none; outline-width:0; }
.formfield:focusstate { background: #eee; /*background:  #fff url(/images/login_bg_selected.png) left bottom scroll repeat-x;*/ }
form, form fieldset input, form fieldset textarea, form label { font-family: Helvetica, Arial; /*font-size: 12pt;*/ }
form {display:block;}
form p { position: relative; margin: 0px 0;}
form p label { position: absolute; top: 1px; left: 5px; z-index: 99999; color: #009966; font-weight: normal;}
form p br {display: none;}
form fieldset p input,
form fieldset p textarea { display: block; padding: 0px; width: 155px; margin: 0; }
form fieldset p label { width: 155px; display: block; margin: 0; padding: 0; }
form fieldset p textarea { padding: 0px; width: 155px; }
form fieldset p textarea,
form fieldset p input { border: solid 1px #ccc; }
form fieldset p label { /*color: #777;*/ }
#forms p.formfield { background:#fff; color:#014013; height:20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing:/*-0.03em*/; width: 255px; border: 1px solid #ccc; padding: 3px 2px 3px 3px; /*margin:4px 0 0;*/ outline-color:-moz-use-text-color; outline-style:none; outline-width:0; text-indent: 0px; }
#forms .formfield { background:#fff; color:#014013; height:20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing:/*-0.03em*/; width: 255px; border: 1px solid #ccc; padding: 3px 2px 3px 3px; /*margin:4px 0 0;*/ outline-color:-moz-use-text-color; outline-style:none; outline-width:0; text-indent: 0px; }
#forms .formfield:focus { background: /*#eee*/; /*background:  #fff url(/images/login_bg_selected.png) left bottom scroll repeat-x;*/ }
#forms .formfieldstate { background:#fff; color:#ccc; font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing:/*-0.03em*/; width: 225px; /*height causes list to dissapear in IE7 */ /*height: 100%;*/ border: 1px solid #90be4a; padding: 3px 2px 3px 3px; /*margin:4px 0 0;*/ outline-color:-moz-use-text-color; outline-style:none; outline-width:0; }
#forms .formfield:focusstate { background: #eee; /*background:  #fff url(/images/login_bg_selected.png) left bottom scroll repeat-x;*/ }
#forms form, form fieldset input, form fieldset textarea, form label { font-family: Helvetica, Arial; /*font-size: 12pt;*/ }
#forms form {display:block;}
#forms form p { position: relative; margin: 10px 0;}
#forms form p label { position: absolute; top: 3px; left: 5px; z-index: 99999; color: #000; font-weight: normal;}
#forms form p br {display: none;}
#forms form fieldset p input,
#forms form fieldset p textarea { display: block; padding: 0px; width: 225px; margin: 0; }
#forms form fieldset p label { width: 225px; display: block; margin: 0; padding: 0; }
#forms form fieldset p textarea { padding: 0px; }
#forms form p textarea { width: 400px!important; height: 100px!important; } 
#forms form fieldset p textarea,
#forms form fieldset p input { border: solid 1px #ccc; }
#forms form fieldset p label { /*color: #777;*/ }
/* ------------------ FORM ------------------ */


/* ------------------ FOOTER ------------------ */
#footer a { color:#fff; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
.footer-column1 {width: 77px; float: left; margin-left: 37px; display:inline;}
.footer-column2 {width: 219px; float: left;}
.footer-column3 {width: 127px; float: left;}
.footer-column4 {width: 204px; float: left;}
.footer-column5 {width: 296px; float: left;}
#footer .f-column-headers { font-size:14px; font-weight:bold; color:#009966; text-decoration:none; }
#footer .f-column-headers a { font-size:14px; font-weight:bold; color:#009966; text-decoration:none; }
#footer .f-column-headers a:hover { color:#009966; text-decoration:none; }
#copyright-credit { float: left; width:100%; height: 24px; font-size: 10px; padding: 20px 0 0; color:#009966; z-index:100;}
#copyright-credit a {text-decoration: none;float:right; width: 300px; text-align: right;}
#footer-social {float: right; width: 411px; margin:0 4px 15px 0; text-align: right;}
.top {margin: 8px 0 0 -5px;}
#footer-text {width: 960px; border-top: 1px solid #292929; clear: both; padding: 25px 0; color: #4b4b4b; font-size: 12px;}
/* ------------------ FOOTER ------------------ */


/*------------------- TEXT STYLES -------------------*/
h1, h2, h3, h4, h6 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-align:left; }
h1 { font-size: 22px; color: #014013;  margin:0; padding:0 0 7px; }
h1 a{ font-size: 22px; color: #014013;  margin:0; padding:0 0 7px; }
h2 { color: #014013; font-size: 16px;  margin:12px 0 0 0; padding:5px 0 0 0;}
h2 a { color: #014013; }
h3 { font-size: 16px; /*color:#ca0000;*/ padding-bottom:0;}
h4 { color:#525252;  font-size: 14px; margin:0; padding:0;} 
h5 { font-size: 14px; margin: 0; padding:5px 0 0; line-height: 18px;}
h5 a { text-decoration: none; letter-spacing: -0.03em;}
.yellow { color:#ffdf32; }
.home-header a { font-size: 13px; font-weight: bold; display: block; margin: 0 0 13px 0; color:#fff; line-height: 16px; text-decoration: none;}
.home-header-gc a { font-size: 12px; font-weight: bold; display: block; margin: 0; color:#ffdf32; line-height: 16px; text-decoration: none; }
#home-gc-learn-more  { padding-top:170px; text-align: right; }
#home-gc-learn-more a { color:#ffffff; font-weight: bold; }
.green {color: #014013;}
/*.red-bold { color:#ca0000;  font-weight: bold; font-size: 16px; margin:0 0 15px;}*/

/*------------------- TEXT STYLES -------------------*/

/* ------------------ NAV ------------------ */
#main-nav { width: 605px; /*padding:0 0 0 37px;*/ display:inline; float:left; margin: -26px 0 0 215px; }
ul#topnav { margin:0px 0 0px 0px; padding: 0; list-style: none; float: left; position: relative; }
ul#topnav li { float: left; padding: 0; margin:0; }
ul#topnav a { float: left; display: block; height: 26px; color:#676767; text-decoration:none; letter-spacing: -0.01em; text-indent: -99999px; }
ul#topnav a:hover {} 
ul#topnav li.about a { width: 73px; background-image:url(../_img/nav-about.gif); }
ul#topnav li.about a:hover {background-image:url(../_img/nav-about-over.gif); }
ul#topnav li.services a { width: 92px; background-image:url(../_img/nav-services.gif);}
ul#topnav li.services a:hover {background-image:url(../_img/nav-services-over.gif);}
ul#topnav li.area a { width: 124px; background-image:url(../_img/nav-area.gif);}
ul#topnav li.area a:hover {background-image:url(../_img/nav-area-over.gif);}
ul#topnav li.clients a { width: 140px; background-image:url(../_img/nav-clients.gif);}
ul#topnav li.clients a:hover {background-image:url(../_img/nav-clients-over.gif); }
ul#topnav li.news a { width: 67px; background-image:url(../_img/nav-news.gif);}
ul#topnav li.news a:hover {background-image:url(../_img/nav-news-over.gif);  }
ul#topnav li.contact a { width: 109px; background-image:url(../_img/nav-contact.gif);}
ul#topnav li.contact a:hover { background-image:url(../_img/nav-contact-over.gif); }

#about li.about a {background-image:url(../_img/nav-about-over.gif)!important;}
#services li.services a {background-image:url(../_img/nav-services-over.gif)!important;}
#area li.area a {background-image:url(../_img/nav-area-over.gif)!important;}
#clients li.clients a {background-image:url(../_img/nav-clients-over.gif)!important;}
#news li.news a {background-image:url(../_img/nav-news-over.gif)!important;}
#contact li.contact a {background-image:url(../_img/nav-contact-over.gif)!important;}
/* ------------------ NAV ------------------ */

/* ------------------ WORDPRESS ------------------ */
.PHOTO { float: right; margin: 0 0 15px 15px; padding: 10px; border: solid 1px #ccc;}
.postmetadata {font-size: 10px; color:#ccc;}
.post { margin: 15px 0; padding: 10px 0; border-bottom: solid 1px #ccc;}
/* ------------------Comments------------------*/
#comments { /*font-size:1.4em; line-height:1.4em;*/ }
.commentlist { margin:20px 0; padding:0 0 1px 0; background:url('images/border_h.png') repeat-x bottom; }
.commentlist li { list-style:none; margin:0; padding:0; background:url('images/border_h.png') repeat-x top; }
li.comment div, li.pingback div { padding:20px; overflow:auto; }
li.comment div div, li.pingback div div { padding:0; overflow:visible; }
.commentlist li.even { background-color:#fafafa; }
.commentlist li.odd { background-color:#f6f6f6; }
ul.children li { list-style:none; }
img.avatar { float:right; border:1px solid #eee; padding:2px; margin:0; background:#fff; }
.comment-meta, .reply { margin:0; padding:0; font-size:0.8em; }
.comment-author cite { font-style:normal; font-weight:bold; }
textarea#comment { width:100%; }
#comments div.navigation { font-size:11px; }
#creditfooter { display:none;}
.team-photo { padding: 5px; border: 1px solid #CCCCCC; float:right; margin: 0 0 20px 15px; }