/* clear
-------------------------------------- */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td  { margin : 0; padding : 0; }
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
ol,ul { list-style : none; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset,img { border : 0;}

body { 
	text-align: center;
	font: 100%/1.3em "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	background: #093956;
}

#headerHldr {
	width: 100%;
	text-align: center;
	background: url(../images/hdr-bckgrd.gif) repeat-x 0 0;
}

#header { 
	width: 925px;
	height: 110px;
	padding: 0 10px 0 20px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

body.home #header, body.about #header, body.sitemap #header,
body.services #header, body.contact #header, body.client #header, body.thankyou #header { height: 82px; }

#photoHldr { 
	width: 100%;
	text-align: center; 
	float: left;
	background: #fff;
}

#photo{ 
	width: 955px;
	height: 378px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#sliderHldr { 
	width: 100%;
	text-align: center; 
	float: left;
	background: #e8e9e9 url(../images/slider-bckgrd.gif) repeat-x 0 0;
}

#slider { 
	width: 915px;
	padding: 0px 20px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#hleftColumn {
	margin: 20px 0 20px;
	padding-bottom: 20px;
	width: 303px;
	border: 1px solid #d8d8d8;
	background-color: #fff;
	float: left;
}

#hmiddleColumn {
	float: left;
	margin: 20px 30px 20px 30px;
 	width: 275px;
 	display: inline;
}

#hrightColumn {
	margin-top: 20px;
	width: 275px;
 	float: left;
}

#contentHldr, #icontentHldr { 
	width: 100%;
	padding: 30px 0;
	text-align: center; 
	float: left;
	background: #fff url(../images/mapBack.gif) repeat-x 0 0;
}

#icontentHldr { padding: 20px 0 30px; background: #fff; }

#content{ 
	width: 935px;
	margin: 0 auto;
	text-align: left;
	padding: 0 10px;
	position: relative;
}

#locateleftColumn { 
	width: 610px;
	margin-left: 10px;
	float: left;
}

#locaterightColumn { 
	width: 275px;
	margin-right: 10px;
	float: right;
}

#leftColumn { width: 525px; float: left; padding: 0 0 30px 10px;}

#rightColumn { width: 325px; float: right; padding-top: 35px;}

#interiorLeft { width: 250px; float: left; }

#interiorRight{ width: 250px; float: right;}

#footerHldr { 
	text-align: center;
	width: 100%;
	float: left;
	background: url(../images/footer-bckgrd.gif) repeat-x 0 0;
}

#footer { 
	width: 955px;
	margin: 0 auto;
	color: #fff;
	margin-bottom: 55px;
}

#rightfoot {
	float: right;
	width: 399px;
	text-align: right;
	padding: 10px 20px 10px 0;
}

#leftfoot {
	float: left;
	text-align: left;
	width: 379px;
	padding: 10px 0 10px 20px;
}

/* navigation
-------------------------------------- */
#mainNav {
	position: absolute;
	top: 55px;
	right: 20px;
	width: 407px;
	list-style: none;
}

#mainNav li {
	float: left;
	margin: 0;
	padding: 0;
	height: 21px;
	text-indent: -9999px;
}
	
#mainNav a {
	display: block;
	width: 100%;
	height: 21px;
	text-decoration: none;
}

#about a {
	background: transparent url(../images/nav-about.gif) no-repeat 0 0;
	width: 67px;
	border-right: 1px solid #2f5c78;
}

#services a {
	background: transparent url(../images/nav-services.gif) no-repeat 0 0;
	width: 83px;
	border-right: 1px solid #2f5c78;
}
	
#products a {
	background: transparent url(../images/nav-products.gif) no-repeat 0 0;
	width: 86px;
	border-right: 1px solid #2f5c78;
}

#clientlist a {
	background: transparent url(../images/nav-clients.gif) no-repeat 0 0;
	width: 98px;
	border-right: 1px solid #2f5c78;
}

#contact a {
	background: transparent url(../images/nav-contact.gif) no-repeat 0 0;
	width: 66px;
}

#about a:hover, #services a:hover, #products a:hover, #clientlist a:hover, #contact a:hover { background-position: 0 -21px; }
#mainNav li a.here { background-position: 0 -21px; }

#secondNav {
	position: absolute;
	top: 86px;
	text-align: right;
	right: 20px;
	font-size: .7em;
}

#secondNav li {
	padding: 5px 0 5px 15px;
	display: inline;
	list-style: none;
	text-align: right;
}

#secondNav li a:link, #secondNav li a:visited { color: #093956; text-decoration: none; }
#secondNav li a:active, #secondNav li a:hover, #secondNav li a.heretoo { color: #000; text-decoration: none; }

/* links
-------------------------------------- */
a:link, a:visited { color: #093956; text-decoration: none; }
a:active, a:hover { color: #ef8b20; text-decoration: none; }

#icontentHldr p a:link, #icontentHldr p a:visited { color: #093956; text-decoration: none; border-bottom: 1px dashed #093956; }
#icontentHldr p a:active, #icontentHldr p a:hover { color: #e3a81b; text-decoration: none; border-bottom: 1px dashed #e3a81b; }


.moreLink a:link, .moreLink a:visited, #locaterightColumn a:link, #locaterightColumn a:visited { color: #093956; text-decoration: none; border-bottom: 1px dashed #093956;}
.moreLink a:active, .moreLink a:hover, #locaterightColumn a:active, #locaterightColumn a:hover { color: #e3a81b; text-decoration: none; border-bottom: 1px dashed #e3a81b;}

#footer a:link, #footer a:visited { color: #fff; text-decoration: none; border-bottom: 1px dashed #fff; }
#footer a:active, #footer a:hover { color: #d6f697; text-decoration: none; border-bottom: 1px dashed #d6f697; }

/* typography
-------------------------------------- */

p { font-size: .75em; line-height: 1.8em; padding-bottom: 20px; }
#hmiddleColumn p, #hrightColumn p { padding: 0; }

.secHeadline { font-size: .925em; padding: 15px 0 25px; color: #666; line-height: 1.3em;  }

#footer p {font-size: .625em; line-height: normal;}

#locaterightColumn p { font-size: .75em; line-height: 1.5em; padding: 0;}

#locaterightColumn .locateName { font-weight: bold; color: #093956; font-size: 105%; padding-bottom: 10px; }

.buyTitle { padding: 0 0 10px 0; line-height: normal; color: #000; font-size: .85em;}
#whyBuy { font-size: .725em; line-height: normal;}
.getStarted { padding: 0; line-height: 1.8em; color: #333; font-size: .75em;}
.clientName { padding-left: 25px; }


h2.whoIs {
	width: 915px;
	background: url(../images/whoIs.gif) no-repeat 0 6px;
	height:49px;
	text-indent: -9999px;
}

h3 { padding-bottom: 7px; color:#e5b84d;}

h4 { padding:15px 0 20px; font-size: .95em; font-variant: small-caps; }


/* page headers */

.photoLead { 
	padding: 0;
	padding-bottom: 25px;
	line-height: normal; 
	height: 250px;
	width: 525px;
	text-indent: -9999px;
	background: url(../images/photoTemplate-hldr.jpg) no-repeat 0 0;
}

body.about .photoLead, body.thankyou .photoLead { background: url(../images/photoAbout.jpg) no-repeat 0 0; }
body.services .photoLead { background: url(../images/photoServices.jpg) no-repeat 0 0; }
body.client .photoLead { background: url(../images/photoClient.jpg) no-repeat 0 0; }
body.testimonial .photoLead { background: url(../images/photoTest.jpg) no-repeat 0 0; }
body.contact .photoLead { background: url(../images/photoContact.jpg) no-repeat 0 0; }

body.prodFence .photoLead { background: url(../images/photoFence.jpg) no-repeat 0 0; }
body.prodGate .photoLead { background: url(../images/photoGate.jpg) no-repeat 0 0; }
body.prodToilet .photoLead { background: url(../images/photoBathroom.jpg) no-repeat 0 0; }
body.prodCover .photoLead { background: url(../images/photoCover.jpg) no-repeat 0 0; }
body.prodOffice .photoLead { background: url(../images/photoMove.jpg) no-repeat 0 0; }
body.prodDoor .photoLead { background: url(../images/photoDoor.jpg) no-repeat 0 0; }
body.prodHard .photoLead { background: url(../images/photoHard.jpg) no-repeat 0 0; }
body.prodSpec .photoLead { background: url(../images/photoSpec.jpg) no-repeat 0 0; }
body.prodOver .photoLead { background: url(../images/photoOver.jpg) no-repeat 0 0; }


.bodyHeadline { 
	width: 525px; 
	height: 101px;
	padding: 0;
	line-height: normal;
	text-indent: -9999px;
}

body.about .bodyHeadline { background:url(../images/headlineAbout.gif) no-repeat 0 0; }
body.services .bodyHeadline { background:url(../images/headlineServices.gif) no-repeat 0 0; }
body.client .bodyHeadline { background:url(../images/headlineClient.gif) no-repeat 0 0; }
body.testimonial .bodyHeadline { background:url(../images/headlineTestimonials.gif) no-repeat 0 0; height: 65px;}
body.contact .bodyHeadline { background:url(../images/headlineContact.gif) no-repeat 0 0; }
body.product .bodyHeadline { background:url(../images/headlineProduct.gif) no-repeat 0 0; }

.prodHead { 
	width: 525px; 
	height: 39px;
	padding: 0;
	line-height: normal;
	text-indent: -9999px;
}

body.prodFence .prodHead { background: url(../images/fenceHead.gif) no-repeat 0 0; }
body.prodGate .prodHead { background: url(../images/gateHead.gif) no-repeat 0 0; }
body.prodToilet .prodHead { background: url(../images/toiletHead.gif) no-repeat 0 0; height: 75px;}
body.prodCover .prodHead { background: url(../images/coverHead.gif) no-repeat 0 0; }
body.prodOffice .prodHead { background: url(../images/officeHead.gif) no-repeat 0 0; }
body.prodDoor .prodHead { background: url(../images/doorHead.gif) no-repeat 0 0; }
body.prodHard .prodHead { background: url(../images/hardHead.gif) no-repeat 0 0; }
body.prodSpec .prodHead { background: url(../images/specHead.gif) no-repeat 0 0; }
body.prodOver .prodHead { background: url(../images/overHead.gif) no-repeat 0 0; height: 75px}

/* logo */
h1 {
	position: relative;
	top: 8px;
	left: 0px;
 	width: 250px;
 	height: 67px;
 	text-indent: -9999px;
 	background: url(../images/coyleLogo.gif) no-repeat 0 0;
}
 	
h1 a {
	display: block;
 	margin: 0;
 	padding: 0;
 	width: 100%;
 	height: 100%;
 	text-decoration: none;
}


/* lists
-------------------------------------- */
.standardList {
	list-style: circle;
	list-style-position: outside;
	padding: 0 100px 0 30px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.standardList li {
	color: #666;
	padding: 5px 0;
	font-size: .75em;
}

.productList, .serviceList {
	list-style: circle;
	list-style-position: outside;
	padding-left: 30px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.productList li {
	color: #666;
	padding: 5px 0 0 15px;
	font-size: .825em;
}

.serviceList li {
	color: #666;
	padding: 0 0 0 15px;
	font-size: .825em;
}

.productList ul { list-style: square; padding: 5px 0 0 45px;}

#contInfo {
	list-style: none;
	width: 325px;
}

#contInfo li {
	float: left;
	height: 38px;
	width: 280px;
	text-indent: -9999px;
}

.phoneNo { background: url(../images/phoneNo.gif) no-repeat 0 0; height: 38px; }
.emailAdd { height: 37px; width: 280px;}
.emailAdd a, .emailAddMisc a, .emailAddFence a, .emailAddDoors a { 
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	height: 100%;
	width: 100%;
}
.emailAdd a { background: url(../images/emailAdd.gif) no-repeat 0 0; }
.emailAddMisc a { background: url(../images/emailAdd-misc.gif) no-repeat 0 0; }
.emailAddFence a { background: url(../images/emailAdd-fence.gif) no-repeat 0 0; }
.emailAddDoors a { background: url(../images/emailAdd-doors.gif) no-repeat 0 0; }

#whyBuy {
	list-style: none;
	color: #333;
}

#whyBuy li {
	padding: 5px 0 5px 25px; 
	background: url(../images/whyBuy-arrow.gif) no-repeat 7px 9px;
}

#row1Logo, #row2Logo, #row3Logo {	list-style: none; }

#row1Logo li {
	float: left;
	height: 56px;
	text-indent: -9999px;
}

#row2Logo li {
	float: left;
	height: 95px;
	margin: 25px 0;
	text-indent: -9999px;
}

#row3Logo li {
	float: left;
	height: 82px;
	margin-bottom: 25px;
	text-indent: -9999px;
}
	
#row1Logo a {
	display: block;
	width: 100%;
	height: 56px;
	text-decoration: none;
}

#row2Logo a {
	display: block;
	width: 100%;
	height: 95px;
	text-decoration: none;
}

#row3Logo a {
	display: block;
	width: 100%;
	height: 82px;
	text-decoration: none;
}

#row1Logo li.AFA a { 
	background: url(../images/AFA.gif) no-repeat 0 0;
	margin-left: 35px;
	width: 128px;
}

#row1Logo li.FIB a { 
	background:url(../images/NFIB.gif) no-repeat 0 0;
	margin-left: 35px;
	width: 95px;
}

#row2Logo li.NEFSC a { 
	background: url(../images/NEFSC.gif) no-repeat 0 0;
	margin-left: 51px;
	width: 93px;
}

#row2Logo li.UCA a { 
	background:url(../images/UCA.gif) no-repeat 0 0;
	margin-left: 47px;
	width: 110px;
}

#row3Logo li.Service a { 
	background:url(../images/sm_seal.png) no-repeat 0 0;
	margin-left: 40px;
	width: 120px;
}

.cards { 
	list-style: none;
}

.cards li {
	float: right;
	height: 30px;
	text-indent: -9999px;
	padding-left: 17px;
}

.cards li.Disc { width: 35px; background: url(../images/Disc.gif) no-repeat 0 0; padding-left: 0; }
.cards li.MC { width: 37px; background: url(../images/MC.gif) no-repeat 0 0; }
.cards li.Visa { width: 33px; background: url(../images/Visa.gif) no-repeat 0 0;  }
.cards li.AmEx { width: 33px; background: url(../images/AmEx.gif) no-repeat 0 0; }

.siteMap {
	list-style: none;
	margin-bottom: 20px;
	font-size: .825em;
}

.siteMap li {
	color: #666;
	padding-top: 5px;
}

.siteMap ul { list-style: square; padding: 5px 0 0 45px;}

/* home items */
#hmiddleColumn h4, #hrightColumn h4 { padding-bottom: 7px; }
.moreLink { padding: 7px 0 0 30px; background: url(../images/moreLinkarrow.gif) no-repeat 7px 14px;}

/*leftcolumn */
#hleftColumn h3 { padding: 20px 0 5px 20px; text-indent: -9999px; background: url(../images/homeLeftHead.gif) no-repeat 20px 20px; }

.productMenu {
	list-style-type: none;
}

.productMenu a {
	display: block;
	padding: 6px 0 6px 50px;
	width: 253px;
	font-size: .875em;
	background: url(../images/product-arrows.gif) no-repeat 25px 13px;
}

.productMenu a:hover {
	background: url(../images/product-arrowsHover.gif) no-repeat 25px 13px;
}

.productMenu a:link, .productMenu a:visited { color: #999; text-decoration: none; }
.productMenu a:active, .productMenu a:hover { background-color: #edd08b; color: #000; }

.clientList { 
	list-style: none;
	font-size: .8em;
}

.clientList li { padding: 5px; }

#siteMap ul { list-style: none; padding: 20px 0;}




/* middle column */

.cityPhoto { 
	text-indent: -9999px;
	margin-bottom: 12px;
	height: 131px;
	width: 275px;
	background: url(../images/cityPhoto.jpg) no-repeat 0 0;
}

/*right column */
.specialPhoto {
	text-indent: -9999px;
	margin-bottom: 12px;
	height: 131px;
	width: 275px;
	background: url(../images/specialPhoto.jpg) no-repeat 0 0;
}

/* ---- form ---- */
/* ---------------- */

#inputArea {
	width: 410px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: .8em;
}	

#inputArea .formRow
{
	margin:0 0 6px 0;
}

.formError
{
	color:Red;
}

#inputArea input, #inputArea textarea 
{
	width:275px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: .8em;
	display: block;
	padding: 4px;
	border:1px solid #D7D2D2;
}

#inputArea textarea 
{
	height:85px;
}

#inputArea select
{
	width:285px;
	height:21px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	display: block;
	border:1px solid #D7D2D2;
}

.activeField {
	background-color: #ffffff;
	border: 1px solid #ccc !important;
}

.submitBtn {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	width: 100px !important;
 	height: 30px;
 	margin: 0;
 	padding: 10px;
	background-color: #efefef;
}

/* misc
-------------------------------------- */
.testQuote { padding: 10px 0 0 85px; background: url(../images/quote.gif) no-repeat 25px 0; }

.rightBreak { clear: both; height: 1px; background-color: #ccc; margin: 30px 0; }
.leftBreak { clear: both; height: 1px; background-color: #efefef; margin: 20px 0; }
.rightinvBreak { clear: both; height: 40px; }

.secTitle { 
	height: 20px; 
	width: 341px;
	padding-bottom: 20px; 
	text-indent: -9999px;
}

body.about .secTitle { background: url(../images/secAbout.gif) no-repeat 0 0; }
body.services .secTitle { background: url(../images/secServices.gif) no-repeat 0 0; }
body.client .secTitle { background: url(../images/secClients.gif) no-repeat 0 0; }
body.testimonial .secTitle { background: url(../images/secTestimonial.gif) no-repeat 0 0; }
body.contact .secTitle { background: url(../images/secContact.gif) no-repeat 0 0; }
body.product .secTitle { background: url(../images/secProducts.gif) no-repeat 0 0; }
body.thankyou .secTitle { background: url(../images/secThanks.gif) no-repeat 0 0; }

body.prodFence .secTitle { background: url(../images/secpFencing.gif) no-repeat 0 0; }
body.prodGate .secTitle { background: url(../images/secpGate.gif) no-repeat 0 0; }
body.prodToilet .secTitle { background: url(../images/secpToilet.gif) no-repeat 0 0; }
body.prodCover .secTitle { background: url(../images/secpCovers.gif) no-repeat 0 0; }
body.prodOffice .secTitle { background: url(../images/secpOfficeP.gif) no-repeat 0 0; }
body.prodDoor .secTitle { background: url(../images/secpDoors.gif) no-repeat 0 0; }
body.prodHard .secTitle { background: url(../images/secpHardware.gif) no-repeat 0 0; }
body.prodSpec .secTitle { background: url(../images/secpSpecial.gif) no-repeat 0 0; }
body.prodOver .secTitle { background: url(../images/secpOverhead.gif) no-repeat 0 0; }