/*
	Brockton Creative Group
	John Kellyn Resman
	brocktoncg.com

	COLORS
			


*/

/* 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,
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-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus {
	outline: 0;
	border: none;
	}

body		{ background: #25221c url("../i/topBarBg.png") repeat-x; font-family: Lucida Grande, Verdana, sans-serif; font-size: 68.5%; color: rgb(41,39,32); }
ul			{ list-style: none; }
ol			{ list-style: square; margin: 0 0 0 20px; font-size: 1.1em; } ol li { margin: 5px 0; }
a			{ color: rgb(148,62,29); } a:hover { text-decoration: none; }
a img		{ border: none; }
img			{  }
hr {border: 0;  width: 100%;background:#C0BBB1;margin:10px 0; height: 1px;}

/* utility */

.left		{ float: left;}
.right		{ float: right;}
.clear		{ clear: both;}
.last { margin:0 !important; border:none !important; }


/* type */

p { font-size: 1.1em; line-height: 1.4em; }

h1 { font-size: 2.3em; font-weight: normal; color: #f2eee4; }

h2 { font-size: 1.6em; font-weight: normal; color: #25221c; }

h3 { font-size: 1.3em; font-weight: normal; color: #25221c; border-bottom: 1px solid #9c9689; padding-bottom: 2px; margin-bottom: 8px; } h3 a { color: #25221c; text-decoration: none; }

h4 { font-size: 1.3em; font-weight: normal; color: #25221c; margin-bottom: 5px; } h3 a { color: #25221c; text-decoration: none; }

strong { font-weight: bold; }

.B_crumbBox { margin: 5px 0; overflow: hidden; } .B_crumbBox, .B_crumbBox a { color: #f2eee4; } .B_currentCrumb { color: #fff; }

/* main structure */

div#wrap { width: 960px; margin: 0 auto; }


/* header */

div#header { overflow: hidden; }

.careers-link { margin: 0 10px 0 20px; line-height: 22px; display: none !important; }

div#socialbar { width: 490px; height: 38px; background: url("../i/socialBg.png") no-repeat center center; padding: 5px 20px 0 0; float: right; } 
	ul.social-links { float: right; }
	ul.social-links li.number { font-size: 14px; padding-top: 3px; }
		ul.social-links li { display: inline; float: left; margin-right: 10px; color: #f2eee4; }
			ul.social-links li a { display: block; color: #f2eee4;}

h1.logo { padding: 10px 0; float: left; }
h1.searchlogo { padding: 50px 0 30px; float: left; }

#ajaxSearch_form { width: 210px; float: right; margin: 10px 0 -20px 0; clear:right; }
#ajaxSearch_form fieldset { padding:3px;background: #25221c; border: 1px solid #bbb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#ajaxSearch_form fieldset #ajaxSearch_submit { display: block; float: left; width: 15px; height: 16px; background: transparent url("../i/searchIcon.png") no-repeat; border: 0; }
#ajaxSearch_form fieldset #ajaxSearch_input { width: 175px; border: 0; background: none; float: left; color: #bbb; }

div#mainnav { width: 803px; float: right; clear: right; margin-top: 20px; }
	ul.mainnav {}
		ul.mainnav li { display: inline; float: left; }
			ul.mainnav li a { display: block; height: 27px; background: url("../i/mainNav.png") no-repeat; text-indent: -9999px; color: rgb(41,39,32); }
			
			ul.mainnav li a.products { width: 209px; background-position: left bottom; }
			ul.mainnav li a.about { width: 91px; background-position: -209px bottom; }
			ul.mainnav li a.test { width: 131px; background-position: -300px bottom; }
			ul.mainnav li a.gallery { width: 154px; background-position: -431px bottom; }
			ul.mainnav li a.contact { width: 96px; background-position: -585px bottom; }
			ul.mainnav li a.estimate { width: 122px; background-position: right bottom; }
			
			ul.mainnav li a.products:hover { background-position: left top; }
			ul.mainnav li a.about:hover { background-position: -209px top; }
			ul.mainnav li a.test:hover { background-position: -300px top; }
			ul.mainnav li a.gallery:hover { background-position: -431px top; }
			ul.mainnav li a.contact:hover { background-position: -585px top; }
			ul.mainnav li a.estimate:hover { background-position: right top; }
			
			ul.mainnav li:hover a.products { background-position: left top; }
			
	ul.productnav { position: absolute; display: none; width: 639px; height: 332px; background: url("../i/productsDdBg.png") no-repeat center center; padding: 20px; z-index: 100; }
		ul.productnav li { width: 300px; height: 60px; padding: 3px 6px 2px 6px; float: left; }
			ul.productnav li a { display: block; background-image: none; text-indent: 0; color: rgb(41,39,32); text-decoration: none; } 
			
			.producttitle { font-size: 1.3em; color: rgb(148,62,29); text-decoration: none; }
			.smallproducttitle { font-size: 1em; color: rgb(148,62,29); text-decoration: none; }
			.productImg   { float: left; margin-right: 5px; }
			.productnav li a p { font-size: 1em;}
			
		ul.productnav li:hover {background: #faf9f6;}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

.header-directions { float: right; text-align: right; } .header-directions p { color: #B2A78E; }

/* content */

div#content { position: relative; width: 920px; background: rgb(242,238,228) url("../i/contentBg.jpg") no-repeat center top; border: 4px solid #fff; z-index: 0; overflow: hidden; margin-top: 20px; padding: 16px; }

#sidebar { width: 210px; background: transparent url("../i/sidebarBg.png") repeat; padding: 10px; float: left; }

		.sidenav li { border-bottom: 1px solid #9c9689; } .sidenav li.parent { background: transparent url("../i/liParentBg.png") no-repeat right center; }
			.sidenav li a { display: block; padding: 7px 0 7px 10px; color: #25221c; font-size: 13px; text-decoration: none; }
			.sidenav li a:hover { background: #25221c; color: #f2eee4; }
			
			.sidenav li.active a { background: #25221c; color: #f2eee4; }
			
			.sidenav li ul { display: none; position: absolute; background: #25221c; color: #f2eee4; top:26px; left: 235px;padding: 0 10px; }
			.sidenav li:hover a { background: #25221c; color: #f2eee4; }
			.sidenav li:hover ul { display: block; }
			.sidenav li ul li a { padding: 7px 0 !important; }
			
	.calltoaction { margin: 20px 0; }
		.calltoaction li {}
			.calltoaction li a { display: block; width: 210px; background: url("../i/ctaLinks.png") no-repeat; text-indent: -9999px; }
			
			.calltoaction li a.fer { height: 42px; background-position: right top; }
			.calltoaction li a.fes { height: 43px; background-position: right -42px; }
			.calltoaction li a.pg { height: 41px; background-position: right bottom; }
			
			.calltoaction li a.fer:hover { background-position: left top; }
			.calltoaction li a.fes:hover { background-position: left -42px; }
			.calltoaction li a.pg:hover { background-position: left bottom; }
			
#maincontent { width: 670px; float: right; }

#blankcontent {width: 630px; background: #fff; float: right; -webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px; padding:20px;}

#submaincontent { width: 630px; background: #fff; float: right; -webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px; padding:20px; }

#departmentcontent { width: 630px; background: #fff; float: right; -webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px; padding:20px; }

#departmentcontent img { width: 100%; }

div#contactcontent { position: relative; width: 912px; background: rgb(242,238,228) url("../i/contentBg.jpg") no-repeat center top; padding: 20px; border: 4px solid #fff; z-index: 0; overflow: hidden; }

div#slider { width: 917px; height: 375px; margin: 20px auto; }

#prod-slider { margin-bottom: 20px; }

.tabs { width: 100%; min-height: 200px;  background: #fff url("../i/ajaxBg.png") repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.ui-tabs .ui-tabs-hide { display: none; }
#tabs ul { width: 100%; height: 35px; overflow: hidden; }
#tabs ul li { display: inline; height: 35px; background: url("../i/ajaxDivide.png") no-repeat right top; float: left; padding:10px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .ui-tabs-selected { background: #fff url("../i/ajaxDivide.png") no-repeat right top !important; }
#tabs ul li a { display: block; font-size: 1.3em; color: #f2eee4; text-decoration: none; } #tabs ul li a:hover { color: #fff; } .ui-tabs-selected a { color: #581f0f !important; }
#tabs div { padding: 10px 20px 20px; }
  
.productThumb { width: 150px; min-height: 200px; float: left; margin: 0 7px 10px 0; }
.product-thumb-img { height: 125px; width: 125px; margin: 0 auto 5px;overflow: hidden; }
	.productThumb p { text-align: center; }

div#btmcopy {width: 420px; padding: 10px 20px 20px;float: left;}

.searchResultsHeader { padding:10px; background:#25221C;color: #f2eee4; }
.searchResults { margin-top: 20px; }
.paging1 { margin:10px 0; } .ajaxSearch_result {border-bottom: 1px solid #C0BBB1; padding:10px; margin: 20px 0; }

/* contact */
.estimate-form-c { width: 420px; background: rgb(215,211,201); padding: 20px; margin: 0 auto; }

div#designform-c { width: 300px; background: rgb(215,211,201); padding: 20px; float: left; }

.estimate-form-c label { font-size: 1.3em; padding: 10px 0 5px; }

.estimate-form-c input.long { width: 100%; border: none; padding: 3px; }

.estimate-form-c input.short {border: none; padding: 3px; }

.estimate-form-c textarea { width: 420px; height: 250px; }

.estimate-form-c input.error { border: 1px dotted red;}

#designform label { font-size: 1.3em; padding: 10px 0 5px; }

#designform input.long { width: 100%; border: none; padding: 3px; }

#designform input.short {border: none; padding: 3px; }

#designform input.error { border: 1px dotted red;}

div.servicescheck span { margin-right: 10px; float: left; }

textarea { border: none; padding: 3px; }

.nextto { padding: 10px 0; }

.ontop { display: block; }

.state { float: left; margin-right: 20px; }

div#c-button { width: 99px; margin: 30px auto; }

#estimatesubmit { display: block; width: 99px !important; height: 25px !important; background: url(../i/estimateBtn.png) no-repeat center bottom !important; border: none !important; text-indent: -9999px; cursor: pointer; border: 0; }
	#estimatesubmit:hover { background-position: center center; }
		#estimatesubmit:active { background-position: center top; }
			#estimatesubmit:focus { border: none; outline: none; }
			
label.error { visibility:hidden; font-size: .1em; }
.astrek { font-size: 1em; color:rgb(148,62,29);  }
.fieldsrequired { font-size: 1.1em; color: rgb(148,62,29); }

.column { width: 550px; margin-right: 20px; float: left; }

div.leftcolumn, div.rightcolumn { float:left; margin:20px 0; overflow:hidden; width:50%; }

#googleMap { width: 900px; margin: 0 auto; padding: 5px; background: #fff; overflow: hidden; }

ul.sectionlinks li {
display:inline;
float:left;
margin-right:10px;
}

div.testimonial { padding: 10px 0; border-bottom: 1px solid #C0BBB1; }

#testForm { width: 400px; overflow: hidden; padding:20px; background: #D7D3C9; }

.employment-c { width: 820px; }

#employment-form label { display: block; margin: 10px 0 3px; }
#employment-form input, #employment-form textarea { border: 0; padding:3px; background: #fff; width:364px; }
#employment-form input.error { border: 1px dashed red; }

.personal-c, .position-c, .ed-c {  width: 370px; float: left; margin: 0 0 40px 0; background: none repeat scroll 0 0 #D7D3C9; padding: 15px;  }
.past-c, .contact-c {  width: 370px; float: right; margin-bottom: 40px; background: none repeat scroll 0 0 #D7D3C9; padding: 15px; } #button-c { float: right; }

.past-ex { margin: 20px 0; }

.galThumb img { width: 100%; } 
.galThumb { width: 175px; height: 115px; overflow: hidden; float: left; margin: 0 8px 8px 0; }

/* footer */

div#footer { margin: 20px 0; }

.productfooter { color: #f2eee4; border-bottom: 1px solid #f2eee4; padding-bottom: 5px; overflow: hidden; margin-bottom: 10px; }

.productfooter h2 { color: rgb(178,167,142); }			

ul.sitemap { width: 190px; height: 40px; float: left; }
ul.sitemap li {  margin: 5px 0; } ul.sitemap li.parent a { font-size: 1.3em; }
	ul.sitemap li a { color: rgb(178,167,142); text-decoration: none; } ul.sitemap li a:hover { color: rgb(245,245,245); }
	
		ul.floatsitemap li { display: inline; width: 150px;  margin: 0 20px 0 0; }
			ul.floatsitemap li a { color: rgb(178,167,142); text-decoration: none; } ul.floatsitemap li a:hover { color: rgb(245,245,245); }
	
	.copyright, .copyright a { font-size: .9em; color: rgb(120,113,98); text-align: center; } .copyright a:hover { color: rgb(245,245,245); }	
	
	div#crest { margin-top: 10px; }
	
.gf-sitemap { margin-bottom: 10px; } .gf-sitemap li { float: right; margin-left: 10px; } .gf-sitemap li a { color: rgb(120,113,98); text-decoration: none; } .gf-sitemap li a:hover { color: #fff; }

.btm-meta { margin: 20px 0 50px 0; padding-top: 10px; border-top: 1px solid rgb(120,113,98); overflow: hidden; opacity: .5; }
.btm-meta:hover { opacity: 1; }
			
.filter-c { margin: 20px 0;overflow: hidden; }
.page-options { margin: 0 5px 5px 0; }
		
		
/* ERASE WHEN FINISHED WITH UPDATE */

div#btmHorzLinks { width: 756px; margin: 30px auto 0; }

	ul.btmhorzlinks li { display: inline; float: left; }
		ul.btmhorzlinks li a { display: block; height: 54px; background: url("../i/btmLinks-horz.png") no-repeat; text-indent: -9999px; }
			
			ul.btmhorzlinks li a.estimate { width: 189px; background-position: left bottom; }
			ul.btmhorzlinks li a.gallery { width: 189px; background-position: -189px bottom; }
			ul.btmhorzlinks li a.campus { width: 188px; background-position: -378px bottom; }
			ul.btmhorzlinks li a.team { width: 190px; background-position: right bottom; }
			
			ul.btmhorzlinks li a.estimate:hover { background-position: left top; }
			ul.btmhorzlinks li a.gallery:hover { background-position: -189px top; }
			ul.btmhorzlinks li a.campus:hover { background-position: -378px top; }
			ul.btmhorzlinks li a.team:hover { background-position: right top; }

div#btmlinks { width: 385px; padding:20px 20px 20px 44px; border-right: 1px solid rgb(192,187,177); overflow: hidden; float: left; }
			
ul.btmlinks li { float: left; }
		ul.btmlinks li a { display: block; width: 191px; height: 54px; background: url("../i/btmlinks.png") no-repeat; text-indent: -9999px; }
			
			ul.btmlinks li a.team { background-position: left -108px; }
			ul.btmlinks li a.estimate { background-position: right -108px; }
			ul.btmlinks li a.campus { background-position: left bottom; }
			ul.btmlinks li a.gallery { background-position: right bottom; }
			
			ul.btmlinks li a.team:hover { background-position: left top; }
			ul.btmlinks li a.estimate:hover { background-position: right top; }
			ul.btmlinks li a.campus:hover { background-position: left -54px; }
			ul.btmlinks li a.gallery:hover { background-position: right -54px; }