/*
Theme Name: Ace Construction
Theme URI: http://www.aceconstructsgloucester.com/
Version: 1.0
Author: Mark Harris
Author URI: http://www.markmadedesign.com/
*/

/* Global Settings */

a:active { outline: none }
a:focus { -moz-outline-style: none }
.clear { clear: both }
img { border:none }

.center { text-align:center }
.space { padding:0 7px 0 10px }

body {
	padding: 0;
	margin: 0;
	width: 100%;
	display: table;
	font-family: 'Rufina', "Times New Roman", Times, serif;
	text-align:center;
	background: url(images/bg-body.jpg) 0 0 repeat;  /* Actually the Footer repeating background color */
	color:#FFF
}

#body-wrapper { background:#000; width:100%; text-align:center; padding:0; margin:0 }

#header { background:url(images/bg-header.jpg) top left repeat-x; width:1000px; height:200px; margin:0 auto }
#header2 { background:url(images/bg-header2.jpg) top left repeat-x; width:1000px; height:200px; margin:0 auto }
#header3 { background:url(images/bg-header3.jpg) top left repeat-x; width:1000px; height:200px; margin:0 auto }
.header-wrap { width:1000px; height:250px; margin:0 auto; display:block; position:relative }
.header-bg { background:url(images/bg_watermark.png) bottom center no-repeat; width:894px; height:235px; position:absolute; top:10px; left:73px	 }
.header-logo { background:url(images/header_logo.png) top center no-repeat; width:397px; height:102px; position:absolute; top:55px; left:240px }
.header-decor { background:url(images/header_filigree.png) top center no-repeat; width:330px; height:90px; position:absolute; top:70px; left:648px }

.header-img-home { background:url(images/header_01home.png) top center no-repeat; width:189px; height:230px; position:absolute; top:0px; left:20px }
.header-img-services { background:url(images/header_02services.png) top center no-repeat; width:189px; height:230px; position:absolute; top:0px; left:20px }
.header-img-clients { background:url(images/header_03clients.png) top center no-repeat; width:189px; height:230px; position:absolute; top:0px; left:20px }
.header-img-projects { background:url(images/header_04projects.png) top center no-repeat; width:189px; height:230px; position:absolute; top:0px; left:20px }
.header-img-recognition { background:url(images/header_05recognition.png) top center no-repeat; width:189px; height:230px; position:absolute; top:0px; left:20px }
.header-img-contact { background:url(images/header_06contact.png) top center no-repeat; width:189px; height:230px; position:absolute; top:0px; left:20px }


/* Menu */

#menu { width:700px; height:40px; background:url(images/bg-menu.jpg) top left repeat-x; margin:0 auto; padding:18px 0 0 0 }

#menu a { float:left; display:block; overflow:hidden; text-indent:-10000px; }

#menu a.home { width:65px; height:23px; background:url(images/menu-home.png) no-repeat 0 0; margin-left:37px }
#menu a:hover.home { background-position:-65px 0 }
#menu a.services { width:99px; height:23px; background:url(images/menu-services.png) no-repeat 0 0; margin-left:43px }
#menu a:hover.services { background-position:-99px 0 }
#menu a.work {  width:111px; height:23px; background:url(images/menu-work.png) no-repeat 0 0; margin-left:37px }
#menu a:hover.work { background-position:-111px 0 }
#menu a.faq { width:46px; height:23px; background:url(images/menu-faq.png) no-repeat 0 0; margin-left:39px}
#menu a:hover.faq { background-position:-46px 0 }
#menu a.testimonials { width:147px; height:23px; background:url(images/menu-testimonials.png) no-repeat 0 0; margin-left:38px }
#menu a:hover.testimonials { background-position:-147px 0 }


/* Main + Content */

#main { background:url(images/bg-main.jpg) top left repeat; width:950px; margin:0 auto; min-height:100px; position:relative  }
#main .fade-top { background:url(images/bg-main-fade1.png) top center repeat-x; width:950px; height:47px; margin:0 auto }
#main .fade-bottom { background:url(images/bg-main-fade2.png) top center repeat-x; width:950px; height:47px; margin:0 auto }

.content { background-color:rgba(0,0,0,0.4); padding:25px; width:810px; margin:0 auto; font-size:18px }

.bg-title { background:url(images/bg-title.png) 0 0 no-repeat; width:740px; height:79px; margin:0 auto }
.bg-title-off { margin-top:-70px; }

.tagline { font-family: 'Kaushan Script', cursive; font-size:36px; margin:10px 0 }

ul.list-center { list-style-type:none; text-align:center; font-size:20px; line-height:36px; padding:0 }

.tools-break { background:url(images/tools-break.png) 0 0 no-repeat; width:430px; height:41px; margin:25px auto 0 auto }

h2 { padding-top:25px }
h3 { color:#847867 }

.copy { line-height:normal; text-align:center; width:740px; margin:0 auto }

#testimonials { text-align:left }

 a, a:visited { color:#8f8274; text-decoration:none }
 a:hover { color:#524637; text-decoration:none }

.img-right { float:right; margin:5px 0 10px 20px;
-moz-box-shadow: 0px 5px 7px #000;
-webkit-box-shadow: 0px 5px 7px #000;
box-shadow: 0px 5px 7px #000; }

.img-left { float:left; margin:5px 20px 10px 0;
-moz-box-shadow: 0px 5px 7px #000;
-webkit-box-shadow: 0px 5px 7px #000;
box-shadow: 0px 5px 7px #000; }

.aff-logos { width:1075px; height:120px; margin:0 auto; padding-top:25px }
.aff-logos img { float:left; margin-left:46px }

.project { z-index:1; position:relative }
.thumb { float:left; width:100px; height:100px; border:1px solid #CCC; margin-left:18px; margin-bottom:20px }
.thumb-set { width:740px; height:100px; margin:-60px auto 0 auto; z-index:2; position:relative }

.logo-bbb { background:url(images/logo-bbb.png) 0 0 no-repeat; width:165px; height:73px; position:absolute; top:380px; right:80px; z-index:10 }


/* Page Scroller elements */

#sub-menu ul { padding:0 }
#sub-menu li { display:inline; list-style-type:none; padding:0 10px; background-color:#2d261e; line-height:32px; margin-right:5px }
#sub-menu li a:hover { color:#FFF }

#sub-menu2 ul { padding:0; margin-bottom:50px }
#sub-menu2 li { list-style-type:none; padding:0 10px; background-color:#2d261e; line-height:32px; margin:0 auto 10px auto; width:650px }
#sub-menu2 li a:hover { color:#FFF }

.back-top { background:url(images/border-thin-back.png) top center no-repeat; width:650px; font-size:11px; margin:0 auto; padding-bottom:25px }

.section h3 { border-bottom:1px solid #847867; padding-bottom:15px }


/* FOOTER */

#footer { background:url(images/bg-footer.jpg) top left repeat-x; width:100%; height:125px }
.footer-cap { background:url(images/bg_footer-cap.png) top left no-repeat; width:1000px; height:11px; margin:0 auto } 
.footer-info { width:850px; margin:0 auto; padding-top:21px }
.footer-text { font-size:16px; padding-top:30px; float:left }
.footer-icon { background:url(images/footer-icon.png) top left no-repeat; width:92px; height:92px; margin:-8px 30px 0 30px; float:left }

.sitemap { float:left; font-size:16px; padding:30px 0 0 0 }
.sitemap a, .sitemap a:visited { color:#564b3c; text-decoration:none }
.sitemap a:hover { color:#fff; text-decoration:none }


/* INNER - (upper dark blue) 

#inner { background:url(images/bg_main-inner.jpg) top left repeat; width:100%; color:#FFF; display:table }

.inner-content { width:1000px; margin:-70px auto 0 auto }
.line-faded { background:url(images/line_faded.png) top center no-repeat; width:950px; height:1px; margin:0 auto 25px auto }
.line-faded-br { background:url(images/line_faded.png) top center no-repeat; width:900px; height:1px; margin:0 auto 20px auto }
.fade-innerB { background:url(images/fade_innerB.png) top center repeat-x; height:100px; margin-top:-70px }
.list1 { width:375px; float:left; padding-left:50px }
.list2 { width:375px; float:left }
#inner a, #inner a:visited { color:#c0a988; text-decoration:none }
#inner a:hover { color:#fff; text-decoration:none }
.gr-rec-cap { background:url(images/gr_rec-cap.png) 0 0 no-repeat; width:241px; height:22px; margin:0 auto 30px auto }
 
.accordion dt { text-align:center; font-size:24px; font-style:italic }
.accordion dd { margin:25px 50px 35px 50px; padding:25px 40px; font-size:18px; color:#000; background-color:rgba(148,99,44,0.25) }
.type14 { font-size:14px }

#project { width:900px; height:240px; margin-bottom:30px }
#project .featured { float:left; width:320px; height:240px }
#project .right-col { float:left; width:580px; height:240px }
#project .text { width:545px; height:126px; margin:0 0 30px 32px; font-size:14px }
#project .title { font-size:18px }
ul.thumb-set { margin:0; padding:0; width:585px; height:84px }
ul.thumb-set li { float:left; height:84px; margin-left:31px }
#project img { border:1px solid #CCC }

.thumbs-more { height:125px;  margin-top:35px }
.thumbs-more ul.thumb-set { width:900px }

p.quote { font-size:18px; font-style:italic }
p.name { font-size:24px }
.biz-title { font-size:16px }

.contact-email { float:left; width:425px; text-align:center; margin:30px auto 0 auto; padding:35px 20px 0 0; border-right:1px solid #666 }
.contact-tele { float:left; width:448px; height:200px; text-align:center; margin:25px auto 0 auto }


/* OUTER - (lower light tan) 

#outer { background:url(images/bg_main-outer.jpg) top left repeat; width:100%; }
#outer a, #outer a:visited { color:#666; text-decoration:none }
#outer a:hover { color:#000; text-decoration:none }
.outer-border { background:#d7b88c top left repeat-x; width:100%; height:5px; border-bottom:1px solid #fff }
.outer-wrap { background-color:rgba(204,204,204,0.25); width:960px; min-height:400px; margin:0 auto; display:table }
.outer-wrap .bg-top { background:url(images/outer-top.png) 0 0 no-repeat; width:960px; height:30px }
.outer-wrap .bg-cap { background:url(images/outer-cap.png) 0 0 no-repeat; width:960px; height:30px }
.line-fadedB { background:url(images/line_fadedB.png) top center no-repeat; width:900px; height:1px; margin:0 auto 25px auto } 
.copy { text-align:justify; font-size:16px; margin:30px 50px; }
.outer-wrap h2 { }
.list-center { width:680px; margin:0 auto; }
.list-center ul { list-style-type:none; text-align:center; font-size:16px; line-height:36px; padding:0 }
ul { list-style-type:none; text-align:left; font-size:18px; line-height:36px }
li.two-line { line-height:22px; padding:5px 0 }

.gr-copy-cap { background:url(images/gr_copy-cap.png) 0 0 no-repeat; width:241px; height:22px; text-align:center; margin:25px auto 0 auto; }
.gr-copy-cap-top { background:url(images/gr_copy-cap-top.png) 0 0 no-repeat; width:241px; height:22px; text-align:center; margin:35px auto 25px auto; }

.promo { float:left; width:190px; margin:0 11px; text-align:center; font-size:16px }
.promo img { border:1px solid #999; margin-bottom:25px }

.logo-aff { float:left; margin:10px 12px 30px 12px; border:1px solid #999 }




/* OLD 


body#aboutOver #menu a.about { background-position:0 -50px; }
body#blogOver #menu a.blog { background-position:0 -50px; }
body#linksOver #menu a.links { background-position:0 -50px; }
body#productsOver #menu a.products { background-position:0 -50px; }


/* General 


.content-line { border-top:1px solid #CCC; margin-top:10px }

.side-pic { width:265px; margin:0 auto }

*/