@charset "UTF-8";
/* CSS Document */
/* red: #bd2b2b */
* { margin:0; padding:0; }
body { background:#FFF; font-family:Arial, Helvetica, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; margin:0 0 10px 0; }
h1 { color:#222;font-size:28px; }
h2 { color:#333;font-size:24px; }
h3 { color:#444;font-size:22px; margin:0; }
h4 { color:#555;font-size:16px; margin:0; }
.alignLeft { float:left; margin:0px 20px 20px 0px; }
.alignRight { float:right; margin:0px 0px 20px 20px; }
.clearBoth { clear:both; }
a:link,a:visited { color:#bd2b2b; text-decoration:underline; }
a:hover,a:active { color:#666666; }
.list2 { margin:0 0 0 20px; }
.color1 { color:#bd2b2b; }
.btn1 { background:#bd2b2b; color:#FFF; text-decoration:none; margin:10px 0 10px 0; padding:5px 25px; font-size:13px; display:inline-block; width:auto; }
a.btn1:link,a.btn1:visited { background:#bd2b2b; color:#FFF; text-decoration:none; margin:10px 0 10px 0; padding:5px 25px; font-size:13px; display:inline-block; width:auto; }
a.btn1:hover,a.btn1:active { background:#666666; }
p { color:#555; font-size:13px; line-height:180%; margin:0 0 10px 0; }
a img { border:3px solid #ccc; }
a img:hover { border:3px solid #eee; }
img { border:3px solid #ccc; }
.section { clear:both; margin:0px 0 35px 0; }
.sectionService { clear:both; margin:20px 0 35px 0; border-top:1px solid #eee; padding-top:20px; }
.separate { clear:both; margin:0px 0 5px 0; border-bottom:1px solid #CCC;  }
.col1-3 { width:193px; float:left; margin:0 15px 0 0; }
.fullWidth { width:910px; margin:0 auto; padding:30px 25px 25px 25px; }
.fullWidth2 { width:910px; margin:0 auto; padding:0px 10px 25px 10px; }
.alert { color:#FF0000; }
#wrapper .alert p { margin:0; }
#wrapper .alert ul { margin:5px 0px 15px 30px; padding:0; }

#contentArea { margin:0; padding:0; background:url(../images/bg-underMainNav.jpg) no-repeat top center; overflow:auto; }
#content { width:940px; margin:0 auto; padding:45px 10px 25px 10px; background:url(../images/bg-underMainNav.jpg) no-repeat top center;}
#content #contentMain { width:570px; float:left; padding-right:35px; border-right:1px #CCC solid; }
#content #contentSub { width:310px; float:right; }
#contentSub .section { margin:0 0 35px 0; }

#contentArea2 { margin:0; padding:0; background:#a10000 url(../images/bg-underMainNav2.jpg) no-repeat top center; overflow:auto; overflow:auto; }
#content2 { width:960px; margin:0 auto; padding:0px 0px 25px 0px; background:url(../images/bg-underMainNav2.jpg) no-repeat top center; overflow:auto; }
#contentSub2 { width:310px; float:left; padding:45px 25px 25px 25px; background:#FFF; margin:0px; }
#contentMain2 { width:430px; float:left; padding:45px 25px 25px 120px; margin:0px; background:url(../images/logo-contact-bg.gif) no-repeat 0px 80px; }
#contentMain2 p { color:#FFF; font-weight:bold; font-size:13pt; margin:0; padding:0; line-height:100%; margin:0 0 15px 0; }
#contentMain2 h1,#contentMain2 h2,#contentMain2 h3,#contentMain2 h4,#contentMain2 h5,#contentMain2 h6 { color:#FFF; }
#contentMain2 .alert { color:#FFF; }

div.portfolioItem img { margin:0px 0px 5px 0px; }
div.portfolioItem h2 { margin:0px 0px 5px 0px; }
div.portfolioItem a { margin:0px; font-size:12px; }
div.col_1-3 { width:238px; float:left; margin:0 20px 65px 20px; }
div.col_1-4 { width:180px; float:left; margin:0 40px 65px 0px; }
div.portfolioSectionMain { padding:25px 50px 25px 70px; }
div.portfolioSectionMain a img { border:3px #ccc solid; margin:0 0 15px 0; }
div.portfolioSectionMain a img:hover, div.portfolioSectionMain a img:active { border-color:#6600CC; }
h2.portfolioTitle a:link,h2.portfolioTitle a:visited { color:#444; text-decoration:none; font-size:16px; }
h2.portfolioTitle a:hover,h2.portfolioTitle a:active { color:#ccc; }
.portfolioImgMain { margin:0 0 15px 0; }
div.portfolioThumnails a img { margin:0 5px 25px 0; }

.bigText { font-size:24px; color:#444; line-height:130%; }
.bigText2 { font-size:16px; color:#444; line-height:180%; }

#contentMain2 .bigText2 { color:#FFF; font-weight:normal; }

/* ----- Form styles ------- */
.textinput { font-size:18px; color:444; width:390px; padding:5px; }
.textinputShort { font-size:18px; color:444; width:150px; padding:5px;}

.floatImageTn img { float:left; border:5px solid #ccc; margin:0 5px 5px 0; }
.floatImageTn { margin:0 0 20px 0; overflow:auto; }
.floatImageTn a:link img, .floatImageTn a:visited img { border-color:#CCC; }
.floatImageTn a:hover img, .floatImageTn a:active img { border-color:#6600CC; }

#Submit { background:url(../images/btn-submit.jpg) no-repeat bottom left; width:119px; height:40px; text-indent:-9999px; border:none; }
#Submit:hover { background-position:top left; }

#SubmitLogin { background:url(../images/btn-submitLogin.jpg) no-repeat bottom left; width:119px; height:40px; text-indent:-9999px; border:none; }
#SubmitLogin:hover { background-position:top left; }


/* ----- testimonial styles ------------------------------------------------------------------------- */
.sectionTestimonial { clear:both; margin:20px 0 35px 0; padding:20px 0px 0px 0px; border-top:1px solid #ececec;  }
.sectionTestimonial a { font-size:13px; margin:0; padding:0; }
.testimonialBody { margin:10px 0px 15px 0px; padding:15px 0px 0 50px; background:url(../images/quote-left.gif) no-repeat; }
.testimonialBody p { font-size:14pt; line-height:130%; color:#555; padding:0 35px 15px 0; /*background:url(../images-theme/quote-right.gif) no-repeat bottom right;*/ }
/*.quoteRight { background:url(../images-theme/quote-right.gif) no-repeat; width:42px; height:29px; }*/
.quoteRight { background:url(../images/quote-right.gif) no-repeat bottom right; width:42px; height:29px; position:absolute; margin:5px 0px 0 5px; text-indent:-9999px; }

.testimonialName { font-size:13pt; color:#333; }
.testimonialTag { margin:0 0 0 100px; }
.testimonialTag p { font-size:11pt; color:#777; line-height:130%; }
.testimonialLocation { margin:0 0 0 0px; }

/*.testimonialBody { margin:10px 0px 5px 0px; padding:15px 0px 0 50px; background:url(../images-theme/quote-left.gif) no-repeat; }
.testimonialBody p { font-size:16px; line-height:170%; color:#555; padding:0 35px 10px 0; }
.quoteRight { background:url(../images-theme/quote-right.gif) no-repeat bottom right; width:42px; height:29px; position:absolute; margin:5px 0px 0 5px; text-indent:-9999px; }

.testimonialTag { margin:0 0 0 80px; }
.testimonialName { margin:0; padding:0; font-size:13pt; color:#6600CC; }
.testimonialLocation { margin:0 0 0 10px; padding:0; font-size:13pt; color:#888;  }
*/
/* ----- video styles ------------------------------------------------------------------------- */
.videoThumbs .videoThumb { clear:both; margin:20px 0 20px 0; }
.videoIcon { width:118px; float:left; }
.videoContent { width:170px; float:right; }
.videoContent p { line-height:140%; }
.videoContent h3 a:link, .videoContent h3 a:visited { font-size:13px; text-decoration:none; margin:0; font-weight:bold; }
.videoContent h3 a:hover, .videoContent h3 a:active {  }
.videoIcon a:link img, .videoIcon a:visited img { border:3px solid #CCC; }
.videoIcon a:hover img, .videoIcon a:active img { border:3px solid #6600CC; }

/* ----- header styles ------------------------------------------------------------------------- */
#headerArea { margin:0; padding:0; background:url(../images/bg-header.jpg) no-repeat top center; }
#header { height:266px; position:relative; width:960px; margin:0px auto 0px auto; padding:0; background:url(../images/bg-header.jpg) no-repeat top center;}
#header h1 { margin:0; padding:0; }
#header h1 a { background:url(../images/logo-d7-roofing.png) no-repeat; width:220px; height:250px; display:block; position:absolute; left:373px; top:5px; text-indent:-9999px; margin:0; }
#header #cta a { 
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	background:#bd2b2b;color:#fff;padding:25px;
	text-decoration: none;
	font-weight:bold;
}
#header #serviceList h2 { position:absolute; left:600px; top:55px; background:url(../images/header-services-list.png) no-repeat; width:152px; height:144px; text-indent:-9999px; }
/* navigation main styles */
#navMainArea { background:url(../images/nav-main-bg.jpg) repeat-x; height:60px; }
ul#navMain { background:url(../images/nav-main-bg-center.jpg) no-repeat; list-style-type:none; margin:0 auto; padding:0; width:960px; height:60px; }
ul#navMain li { display:inline; float:left; margin:0; padding:0; height:60px; border-right:1px solid #444; }
ul#navMain li#n1 a:link, ul#navMain li#n1 a:visited { display:block; background:url(../images/nav-btn-home.png) no-repeat bottom left; color:#444; font-size:13px; text-decoration:none; width:120px; height:60px; text-indent:-9999px; }
ul#navMain li#n2 a:link, ul#navMain li#n2 a:visited { display:block; background:url(../images/nav-btn-about.png) no-repeat bottom left; color:#444; font-size:13px; text-decoration:none; width:120px; height:60px; text-indent:-9999px; }
ul#navMain li#n3 a:link, ul#navMain li#n3 a:visited { display:block; background:url(../images/nav-btn-services.png) no-repeat bottom left; color:#444; font-size:13px; text-decoration:none; width:120px; height:60px; text-indent:-9999px; }
ul#navMain li#n4 a:link, ul#navMain li#n4 a:visited { display:block; background:url(../images/nav-btn-portfolio.png) no-repeat bottom left; color:#444; font-size:13px; text-decoration:none; width:120px; height:60px; text-indent:-9999px; }
ul#navMain li#n5 a:link, ul#navMain li#n5 a:visited { display:block; background:url(../images/nav-btn-testimonials.png) no-repeat bottom left; color:#444; font-size:13px; text-decoration:none; width:120px; height:60px; text-indent:-9999px; }
ul#navMain li#n6 a:link, ul#navMain li#n6 a:visited { display:block; background:url(../images/nav-btn-service-request.png) no-repeat bottom left; color:#444; font-size:13px; text-decoration:none; width:120px; height:60px; text-indent:-9999px; }
ul#navMain li#n7 a:link, ul#navMain li#n7 a:visited { display:block; background:url(../images/nav-btn-contact.png) no-repeat bottom left; color:#444; font-size:13px; text-decoration:none; width:120px; height:60px; text-indent:-9999px; }
ul#navMain li#n8 a:link, ul#navMain li#n8 a:visited { display:block; background:url(../images/nav-btn-clientlogin.png) no-repeat bottom left; color:#444; font-size:13px; text-decoration:none; width:110px; height:60px; text-indent:-9999px; }
/*ul#navMain li a:link,ul#navMain li a:visited { display:block; margin:0; padding:9px 15px 9px 15px; background:#FFF;  color:#444; font-size:14px; text-decoration:none; }*/
#wrapper ul#navMain li a:hover,#wrapper ul#navMain li a:active { background-position:top left; color:#FFF; }
#wrapper ul#navMain li.selected a { background-position:top left; color:#FFF; }

#socialIcons { position:absolute; right:0px; top:111px; width:120px;  }
#socialIcons #twitter a:link,#socialIcons #twitter a:visited { background:url(../images/logo-twitter.jpg) no-repeat bottom left; height:28px; width:27px; text-indent:-9999px; float:right; margin:0 5px 0 0; display:block; }
#socialIcons #twitter a:hover,#socialIcons #twitter a:active { background-position:top left; }
#socialIcons #facebook a:link,#socialIcons #facebook a:visited { background:url(../images/logo-facebook.jpg) no-repeat bottom left; height:28px; width:27px; text-indent:-9999px; float:right; margin:0 0px 0 0; display:block; }
#socialIcons #facebook a:hover,#socialIcons #facebook a:active { background-position:top left; }
/* ----- footer styles ------------------------------------------------------------------------- */
#footerArea { clear:both; padding:0px 0 25px 0; margin:30px 0 25px 0; background:url(/images/bg-footer.jpg) repeat-x; height:248px; border-top:30px solid #a10000; }
#footerContent { width:960px; margin:0 auto; position:relative; background:url(/images/bg-footer-center.jpg) no-repeat top center; height:248px; }
#footerContent p { font-size:12px; color:#c7c7c7; }
#footerContent a { font-size:12px; }
#footerLogo a { background:url(../images/logo-d7-footer.png) no-repeat; width:185px; height:207px; position:absolute; left:0px; top:10px; text-indent:-9999px; }
#footerContactInfo { width:600px; height:150px; position:absolute; top:80px; left:220px; }
div.footeraddresscol { width:200px; float:left; margin:0 10px 7px 0; }

/* navigation footer styles */
/*#footerContent ul#navFooter { list-style-type:none; margin:0; padding:0; display:block; height:20px; }
#footerContent ul#navFooter li { display:inline; float:left; margin:0; padding:0; }
#footerContent ul#navFooter li a:link,#footerContent ul#navFooter li a:visited { display:block; margin:0; padding:0px 15px 0px 15px; color:#666666;  font-size:13px; text-decoration:none; font-weight:normal; }
#footerContent ul#navFooter li a:hover,#footerContent ul#navFooter li a:active { color:#6600CC; }
#footerContent ul#navFooter li.first a { padding-left:0; }
#footerContent ul#navFooter li.selected a { color:#6600CC; }*/
a#clientLogin { margin:25px 0 0 0; /*position:absolute; top:80px; left:420px;*/ }
a#websitebytag:link, a#websitebytag:visited { color:#888; font-size:11px; text-decoration:none; font-weight:normal; position:absolute; bottom:10px; right:10px; }
a#websitebytag:hover, a#websitebytag:active { color:#555; }
/* ---- list styles ------------------------------------------------------------------------- */
ul.list1 { list-style-type:none; margin:0 0 15px 0; width:280px; }
ul.list1 li { margin:0; padding:0; }
ul.list1 li a:link,ul.list1 li a:visited { display:block; border-top:1px #EEEEEE solid; background:url(../images/listarrowgraphic.gif) no-repeat 0 center; padding:7px 5px 7px 14px; margin:0 0 0 0px; color:#777; font-size:14px; text-decoration:none; }
ul.list1 li a:hover,ul.list1 li a:active { background-color:#ececec; }
ul.list1 li.selected a { background-color:#ececec; color:#999999; }
ul.list1 li.last a { border-bottom:1px #EEEEEE solid; }
/* --------------------- home banner styles ----------------------------------------------------- */
div#bannerArea { background:url(../images/bg-underMainNavHome.jpg) no-repeat top center #eaeaea; border-bottom:1px solid #c3c3c3; height:384px; }
div#bannerArea img { border:none; }
div#bannerSection { width:960px; height:384px; margin:0 auto 0px auto; padding:0 0 0px 0; background:url(../images/bg-underMainNavHome.jpg) no-repeat top center #eaeaea; }
div#banners { width:960px; height:384px; margin:0 0 5px 0; position: relative; font-family: Arial, sans-serif; }
div#banners .banner { position: absolute; top:0; left:0; display:block; }
div#banners .banner a img { border:none; }
.banner.current { z-index: 2; }

.banner.current .bannerContentArea { display:block; }
.bannerContentArea { display:none; }
.bannerContentArea { position:absolute; right:0px; bottom:0px; width:900px; padding:10px 30px 10px 30px; /*background:#FFF;*/ background:url(../images/bg-homeBannerContent.png) repeat; }
.bannerContentArea h1 { font-size:1.45em; color:#bd2b2b; margin:0 0 5px 0; line-height:100%; }
.bannerContentArea h2 { font-size:1.45em; color:#222; margin:0 0 5px 0; line-height:100%; }
.bannerContentArea h3 { font-size:1em; color:#333; margin:0 0 5px 0; line-height:100%; }
.bannerContentArea p { font-size:1em; color:#FFF; margin:0 0 0px 0; font-weight:normal; line-height:120%; }
.bannerContentArea a.btn1 { font-size:.9em; margin:10px 0 0 0; }

div#controlsSection { width:960px; margin:0 auto; height:25px; padding:0; /*border-bottom:1px solid #c3c3c3;*/ }
ul#controls { text-align:center;list-style:none; padding:25px 0 0 0; }
ul#controls li { display:inline; }
ul#controls li a { background:url(../images/banner-control-img.gif) bottom left no-repeat; width:13px; height:13px; margin:0 4px 0 0; display:inline-block; text-indent:-9999px; }
ul#controls li.active a { background-position:top left; }
ul#controls li a:hover { background-position:top left; }

div#gallery a img { border:3px #ccc solid; margin:0 15px 15px 0; float:left; }
div#gallery a img:hover, div#gallery a img:active { border-color:#333; }

/* --------------------- home highlight styles ----------------------------------------------------- */
div.homeHighlightArea { background:#f4f4f4; margin:0; padding:0; }
#homeHighlights { width:960px; margin:35px auto 35px auto; background:url(../images/home-bg-top.gif) no-repeat; padding:0; }
#homeHighlights img { border:none; }
div.homeHighlight { width:300px; float:left; margin:0 20px 30px 0; }
div.homeHighlightLast{ margin-right:0px; }
div.homeHighlightIcon { width:30px; float:left; margin-right:10px; }
div.homeHighlightContent { width:255px; float:left; padding-top:10px; }
div.homeHighlightContent h2 { font-weight:bold; font-size:16px; color:#222; }
div.homeHighlightContent p { font-size:14px; color:#9e9e9e; }