/*
	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: rgb(41,39,32) 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); text-decoration: none; }
a img		{ border: none; }
img			{  }

/* utility */

.left		{ float: left;}
.right		{ float: right;}
.clear		{ clear: both;}



/* type */

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

h1 { font-size: 2em; font-weight: normal; }

h2 { font-size: 1.6em; font-weight: normal; }

strong { font-weight: bold; }

/* main structure */

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




/* header */

div#header { overflow: hidden; }

div#socialbar { width: 395px; height: 29px; background: url("../i/socialBg.png") no-repeat center center; padding:7px 0 0 20px; float: right; } div#socialbar a, div#socialbar span { font-size: 1.2em; color: rgb(226,226,226); text-decoration: none; margin: 5px; }

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

div#mainnav { width: 664px; float: right; clear: right; margin-top: 45px; }
	ul.mainnav {}
		ul.mainnav li { display: inline; float: left; }
			ul.mainnav li a { display: block; height: 28px; background: url("../i/mainNav.png") no-repeat; text-indent: -9999px; color: rgb(41,39,32); }
			
			ul.mainnav li a.products { width: 131px; background-position: left bottom; }
			ul.mainnav li a.news { width: 83px; background-position: -131px bottom; }
			ul.mainnav li a.about { width: 95px; background-position: -214px bottom; }
			ul.mainnav li a.test { width: 130px; background-position: -309px bottom; }
			ul.mainnav li a.contact { width: 93px; background-position: -439px bottom; }
			ul.mainnav li a.estimate { width: 132px; background-position: right bottom; }
			
			ul.mainnav li a.products:hover { background-position: left top; }
			ul.mainnav li a.news:hover { background-position: -131px top; }
			ul.mainnav li a.about:hover { background-position: -214px top; }
			ul.mainnav li a.test:hover { background-position: -309px top; }
			ul.mainnav li a.contact:hover { background-position: -439px 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: 283px; background: url("../i/productsDdBg.png") no-repeat center center; padding: 20px; z-index: 100; }
		ul.productnav li { width: 300px; height: 66px; padding: 3px 6px 2px 6px; float: left; }
			ul.productnav li a { display: block; background-image: none; text-indent: 0; color: rgb(41,39,32); } 
			
			.producttitle { font-size: 1.3em; 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;
}

/* content */

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

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; }

div#btmcontent { margin: 20px 0 30px; overflow: hidden; clear: left;}

div#btmlinks { width: 395px; padding:20px 20px 20px 50px; 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; }
	

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

/* contact */

div#c-left { width: 420px; margin-right: 20px; float: left; }

div#stepone { background: rgb(215,211,201); padding: 20px; margin-bottom: 20px; }

div#steptwo { background: rgb(215,211,201); padding: 20px; }

div#stepthree { width: 420px; background: rgb(215,211,201); padding: 20px; float: left; }

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

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

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

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

#estimaterequest 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: 182px; margin: 20px auto; }

#estimatesubmit { display: block; width: 182px; height: 46px; background: url(../i/estimateBtn.png) no-repeat center bottom; border: none; 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#dynamicarea  {
border-top:1px dotted #BBBBBB;
margin-top:20px;
padding-top:20px;
}

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

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; }

/* footer */

div#footer { margin: 20px 0; }			

ul.sitemap { width: 945px; margin: 0 auto; }
ul.sitemap li { display: inline; width: 150px; float: left; margin: 0 5px; }
	ul.sitemap li a { color: rgb(178,167,142); } ul.sitemap li a:hover { color: rgb(245,245,245); }
	
	.copyright, .copyright a { font-size: .9em; color: rgb(120,113,98);margin-top: 30px; text-align: center; } .copyright a:hover { color: rgb(245,245,245); }	
	
	div#crest { width: 112px; margin: 0 auto 50px; }