/* @override http://s.dustinwalker.com/workhorse/template/css/workhorsecore.css */

/* @override http://dustinwalker.homeserver.com:88/workhorse/template/css/workhorsecore.css */
/*
Project: 		Workhorse Civil Design
Designers: 		Kelly Hansen and Dustin Walker
Version: 		1.0
Contact: 		kelly@scootercreative.com
/*

/*reset based on Eric Meyer's reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse;border-spacing: 0}

/*grid*/
.grid_1 {width: 82px}
.grid_2 {width: 184px}
.grid_3 {width: 286px}
.grid_4 {width: 388px}
.grid_5 {width: 490px}
.grid_6 {width: 592px}
.grid_7 {width: 694px}
.grid_7 {width: 694px}
.grid_8 {width: 796px}
.column {margin: 0 10px 0 10px;overflow: hidden;float: left;display: inline}
.row {width: 816px;margin: 0 auto;overflow: hidden}
.row .row {margin: 0 -10px 0 -10px;width: auto;display: inline-block}
.left {float: left}
.right {float: right}
.group:after, .thumbs:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.hide {text-indent: -1000em;}

/*fonts*/
body {font: 62.5%/1.3 Verdana, "Lucida Grande", Lucida, sans-serif;}
html {background: #7f7b6d  url(../imgs/backgrounds/body-repeatBg.gif) center;}
#AccentShadow {background: url(../imgs/backgrounds/accent-Bg.png) no-repeat center top;}
#SiteContainer {font-size: 13px;}
p {line-height: 1.4; margin-bottom: 1.4em; margin-top: .5em;}
a {color: #2e598a;}
a:hover {color: #000;}
h1 {color: #2e598a;font-size: 22px;margin-bottom: 11px;}
.left .introArea {font-size: 15px; line-height: 1.4;color: #748394;}

/*layout*/
body {backgroundurl(../imgs/backgrounds/top-repeatBg.gif) repeat-x center top;}
#SiteContainer {width: 816px;margin: 0 auto;background-color: #fff;}
#Header {background: url(../imgs/backgrounds/wh-header.jpg) no-repeat left top;height: 107px;}
a#WorkhorseLogo {background-image: url(../imgs/workhorse-logo.gif); width: 227px; height: 55px; display: block;margin-top: 50px;margin-left: 52px;}
#Nav {border-bottom: 5px solid #35588b;}
#Nav ul {float: right; padding-right: 10px;}
#Nav ul li {float: left;}
#Nav ul li a {display: block; padding: 10px;text-decoration: none;color: #977f13; font-weight: bold;}
#Nav ul li a:hover {color: #2e598a;background: url(../imgs/backgrounds/active-arrow.gif) no-repeat center bottom; }
#Nav ul li.active a {background: url(../imgs/backgrounds/active-arrow.gif) no-repeat center bottom; color: #000;}

/*secondary Navigation*/
#secondaryNav li a {color: #2e598a; text-decoration: none; font-size: 12px; display: block; padding: 5px 0; line-height: 1.3;}
#secondaryNav li a:hover {color: #9a7e17;}
#secondaryNav li.active a {color: #000;}
#BodyContainer #secondaryNav li {padding: 0; margin: 0; background-image: none;}




#BodyContainer {background: url(../imgs/backgrounds/backgroundRepeate.jpg) repeat-y center;}
#BodyWrapperHome {background: url(../imgs/backgrounds/homemiddle.jpg) no-repeat center top;}

#BodyContainer {background: url(../imgs/backgrounds/backgroundRepeate.jpg) repeat-y center;}
#BodyWrapperInside {background: url(../imgs/backgrounds/insidemiddle.jpg) no-repeat center top;}


/*content areas*/
	.contentPad {padding: 15px 15px 15px 34px;}
	.right .contentPad  {padding-left: 0px;padding-right: 30px;}
	#BodyContainer ul li {padding: 0 0 0 1em;background: url(../imgs/backgrounds/bullet.gif) no-repeat left 4px; margin-bottom: 10px;}
	#BodyContainer ul {margin-bottom: 30px;}
	
/*end content areas*/

/*project Listing*/
#SiteContainer .right h2 {font-size: 23px;color: #2e598a;margin: 0 0 20px 0;}
.projectListing {margin: 0 0 30px 0;}
#SiteContainer .projectListing h2 {margin: 0 0 10px 0;color: #2e598a; font-size: 15px; line-height: 1.2;}
#SiteContainer .projectListing h2 a {color: #2e598a; text-decoration: none;}
#SiteContainer .projectListing h2 a:hover {color: #000;}
#InsideBodyArea .projectListing ul {margin: 0 0 5px 0;}
#InsideBodyArea .projectListing ul li {margin: 0 0 5px 0;}


#Footer {background: url(../imgs/backgrounds/bottomBackground.jpg) no-repeat center top;padding-top: 15px;}
#Footer ul {padding-right: 10px;}
#Footer ul li {float: right;}
#Footer ul li a {display: block; padding: 7px;color: #7b7b7b; text-decoration: none;}
#Footer ul li.active a {color: #000;}
#Footer p {padding: 7px; margin: 0;}
#Footer ul li a:hover {color: #000;}
#BottomShadow {height: 30px;background: url(../imgs/backgrounds/bottom-Shadow.png) no-repeat center top;}






/*gallery overrides*/
#SiteContainer .slideElement {background-color:#fff;}
#SiteContainer #myGallery1 {height: 245px;}
#SiteContainer .slideInfoZone {line-height: 1; height: 30px;}
#SiteContainer .slideInfoZone h2 {text-align: right;padding-top: 8px;padding-right: 7px;font-style: italic; font-size: 12px;color: #fff;font-weight: normal;}

#homeGalleryWrapper {background: url(../imgs/backgrounds/homePhotoBottom.png) no-repeat center bottom;padding-bottom: 12px;padding-left: 16px;}
#homeGalleryBgWrapper {background: url(../imgs/backgrounds/homePhotoTop.png) no-repeat center top;padding-top: 6px;}

/*btns*/
a.homeBtn { display: block;background: url(../imgs/btns/homeBtn.png) no-repeat;padding: 6px 27px 10px 15px;color: #fff; text-decoration: none;line-height: 1;}
a.homeBtn {background: url(../imgs/btns/homeBtn.png) no-repeat right top;text-align: right;margin: 10px 10px 0 0;}
a.homeBtn:hover {background-position: right -106px;}
a.homeBtn:active {background-position: right -207px;}


a.projectBtn {display: block;background: url(../imgs/btns/grayBtn.png) no-repeat;padding: 4px 27px 10px 15px;color: #fff; text-decoration: none;line-height: 1;margin-top: 14px;}
a.projectBtn:hover {background-position: left -87px;}
a.projectBtn:active {background-position: left -170px;}

/*project galleries*/
#SiteContainer #BodyContainer #InsideBodyArea #projectGallery ul li {margin: 0 !important; background: none; padding: 9px 9px 7px 2px;}
#SiteContainer #BodyContainer #InsideBodyArea #projectGallery ul {background: #fff;padding: 0 0 0 7px;}

#projectGallery {margin-top: 20px;}