@charset "utf-8";
/* CSS Document */

/*
Theme Name: Silva's Roofing
Theme URI: www.silvasroofing.com
Description: A a theme designed for Silva's Roofing
Version:4.0
Author:  Rebecca Fletcher - Stagecoach Designs
Tags: Web 2.0

*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0 auto 0 auto; 
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-align:left;
}
body {
	line-height: 1;
}
ol, ul {
	list-style:disc;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

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

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {background-color:#fff; width:960px;}

#wrapper { position:relative; width: 960px; background-color:#F60 text-align:center; margin: 0px auto;}

#wrapper #header {background-color:#000; }

/* Header & Navigation Properties*/
#header {background-image:url(images/header.png); width: 960px; height:278px; position: relative; top: 25px; z-index:1; background-repeat:no-repeat;}

#navigationBkg{background-image:url(images/navigationBkg.png); width: 960px; height: 38px; position:relative; top: 240px; text-align:center; margin: 0px auto; z-index: 4; line-height:38px;}

#nav { margin: 0 auto; color:#333333; max-width:960px; text-align: center; line-height: 38px; height: 38px;}

#nav ul { display:inline; line-height:38px; height: 38px;}

#nav li { display: inline; padding: 5px 20px 0px 20px; margin: 10px 5px; line-height:38px; height: 38px;}

#nav li a { color: #333333; text-decoration: none; cursor: pointer;  font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 38px; height: 38px;}

#nav li a:hover {font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#A0131B; text-decoration:none; }



/*Home Page Content*/
#homeContentBoxes { position:relative; width: 960px; height:auto; margin: 0px auto; text-align:center; line-height: 17px;}

#homeContentBoxes #faqBox { position:relative; width: 300px; height: 235px; margin: 60px 30px 30px 0px; background-image:url(homeImages/faqBox.jpg); float: left; top: 0px; line-height: 17px;} 

#homeContentBoxes #testimonialBox { position:relative; width: 300px; height: 235px; margin: 60px 30px 30px 0px; background-image:url(homeImages/testimonialsBox.jpg); float: left; top: 0px;line-height: 17px;}

#homeContentBoxes #contactBox {position:relative; width: 300px; height: 235px; margin: 60px 0px 30px 0px; background-image:url(homeImages/contactUsBox.jpg); float: left; top: 0px; line-height: 17px;}

#homeContentBoxes #faqBox #faqMore { position:relative; width: 300px; text-align:right; } 

#homeContentBoxes #faqBox #faqMore moreText{ position:relative; width: 300px; text-align:right;  float:left;} 

#homeContentBoxes #faqBox #faqMore moreButton{ position:relative; width: 300px; text-align:right; float:left; z-index:4; top: 50px;}

#homeBoxText { margin: 53px 10px 10px 18px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; height: 50px;}

#moreText a{ position:relative; top:100px; left:20px; margin: 50px -30px 10px 0px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-decoration:none;}

#moreText a:hover { text-decoration:underline;}


/*Footer Properties*/
#footer { position:relative; text-align:center; width: 960px; background-image:url(images/footer.jpg); height: 49px; margin: 30px 0px 0px 0px; top: 10px; line-height:15px;}

#Btmnav ul {  display:inline; text-align:center; margin: 30px 30px 0px 30px; line-height: 15px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#333333; text-align:center; width: 960px; }

 #Btmnav li {  display:inline; text-align:center; margin: 10px 30px 0px 30px; line-height: 15px;}

#Btmnav li a { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#333333; text-decoration:none; line-height: 15px;} 

#Btmnav li a:hover { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#A0131B; text-decoration:none; }

.footerText { margin:0px 10px 10px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 15px; padding-top:15px;}


/*Sidebar Properties*/

#sidebar { position:relative; width: 300px; margin: 30px 10px 10px 0px; height:auto; float:left;line-height: 17px;}

#sidebar #mainContentBox { position:relative; width:300px; margin: 0px 0px 10px 0px;; height:134px; text-align:left; background-image:url(images/mainContactBox.jpg); background-repeat:no-repeat; float:left;line-height: 17px;}

 #sidebar #mainContentBox #contactText{ position:relative; width:185px; margin: 0px 0px 10px 0px;; height:134px; text-align:left;  padding: 50px 0px 0px 105px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; float:left; line-height: 17px;}

#sidebar #mainFaqBox { position:relative; width:300px; margin: 0px 0px 10px 0px;; height:134px; text-align:left; background-image:url(images/mainfaqBox.jpg); background-repeat:no-repeat; float:left;line-height: 17px;}

#sidebar #mainFaqBox #faqText{ position:relative; width:185px; margin: 0px 0px 10px 0px;; height:134px; text-align:left;  padding: 50px 0px 0px 93px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; float:left;line-height: 17px;}

 #sidebar #mainTestimonialBox { position:relative; width:300px; margin: 0px 0px 10px 0px;; height:auto; text-align:left;  background-repeat:no-repeat; float:left;line-height: 17px;}

#sidebar #mainTestimonialBox #testimonialTop { position:relative; width:300px;  height:75px; text-align:left;  background-repeat:no-repeat; background-image:url(images/testimonialTop.jpg); float:left;line-height: 17px;}

#sidebar #mainTestimonialBox #testimonialBkg{ position:relative; width:260px;  height:auto; text-align:left;  background-repeat:repeat; background-image:url(images/testimonialBkg.jpg); padding: 0px 20px 0px 20px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; float:left;line-height: 17px;}

#sidebar #mainTestimonialBox #testimonialBottom{ position:relative; width:300px;text-align:left;  background-repeat:no-repeat; background-image:url(images/testimonialBtm.jpg); height: 27px; float:left;}


/*Main Content Page Properties*/

#contentContainer { position:relative; width: 960px; margin: 0px auto; float:left; top: 0px; text-align:left;}

#contentContainer #mainContent { position:relative; width: 650px;  margin: 0px; top: 30px; float:right; text-align:left;}

#contentContainer #mainContent #topMainContent { background-image:url(images/topMainContent.jpg); height:31px;}

#contentContainer #mainContent #content{ background-image:url(images/contentBkg.jpg); background-repeat:repeat; width: 650px;   }

.contentText { font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; padding-left: 20px; padding-right: 20px; font-size:13px;}


.contentText p{ font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; font-size:13px; line-height: 16px;}

.contentText ul{ font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; padding-left: 60px; padding-right: 20px; padding-bottom: 10px; font-size:13px; line-height: 17px; list-style:disc;}

#contentContainer #mainContent #bottomMainContent { background-image:url(images/BottomMainContent.jpg); height: 31px; }

a { font-family:Arial, Helvetica, sans-serif; color:#AA141D; text-decoration:none;}

a:hover { font-family:Arial, Helvetica, sans-serif; color:#AA141D; text-decoration:underline;}

#Btmnav { position: relative; top: 2px; text-align: center; }

#Btmnav .pagenav { margin: auto; }

#Btmnav ul li { margin: 0; padding: 0; margin-left: 12px; margin-right: 12px; }
.footerText p { position: relative; top: 35px; padding-bottom: 15px; }
#nav ul li { margin: 0; padding: 0; margin-left: 20px; margin-right: 20px; }