/*
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: 216px; 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;}
#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.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;
    /*font-weight: bold;*/
    line-height: 18px;
}
#home-lower-three 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;}

#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;*/}

/* ------------------ 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;}
.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;}