/*
css developed 9-17-08 by Adrienne Raymond
*/

/* GENERAL STYLING */
body {margin:0; padding:0; background-color:#fff; background: url(../images/bodyBG.jpg) repeat-x; font-size:.7em;
	    font-family:Arial; color:#333333; text-decoration: none; }
#wrapper {width:900px; height:auto; margin-left:auto; margin-right:auto; }

/* ------------- HEAD PORTION ----------------------- */	
#head {width:892px; height:160px; border-left:4px solid #636363; border-right:5px solid #636363; }
	
/* HTML HEADER */
#header {height:160px; background:url(../images/roofHeader2_main.gif); background-repeat:no-repeat; }
		 #bg1 {width:145px; float:left; padding:20px 0px 0px 20px; }
		 #title {width:501px; padding-top:40px; float:left; }
		 				 .companyName {font-size:26px; font-weight: bold; font-family: Arial;
						 						  color: #fff; }
		 				 .slogan {font-size:14px; font-style:italic; font-weight: bold;
						 				  font-family: Arial;	color: #fff;}
		 #ccbinfo {width:144px; float:right; padding:50px 20px 0 0; text-align:right; }
		 				 #ccb a {font-size:1.5em; font-family: Arial;	
						 			   color: #fff; font-weight:bold;	text-decoration:none; }
		 				 #ccb a:hover {text-decoration:underline; }

		 				 #roofnum {font-size:1.1em; font-weight:bold; color:#fff; }
					 
/* -------------------- MAIN CONTENT AREA - BELOW HEAD ----------------*/
#mainContent {border-left:4px solid #7f5e40; border-right:5px solid #7f5e40; width:892px; 
						  overflow:hidden; height:100%; background: url(../images/stucco.jpg) repeat-y; }

/* NAVIGATION BAR */  
#navbar {height:28px; width:892px; color:#fff; background-color:#333333; border-top:1px solid #999999; }
#tabs { }
.sbar {width:10px; float:left; font-weight:bold; padding-top:5px; }
#home {width:110px; padding-top:5px; text-align:right; padding-right:15px; float:left; }
#services {width:160px; padding-top:5px; float:left; text-align:center; }		
#projects {width:80px; padding-top:5px; float:left; text-align:center; }	
#estimate {width:80px; padding-top:5px; float:left; text-align:center; }	
#about {width:80px; padding-top:5px; float:left; text-align:center; }	
#test {width:115px; padding-top:5px; float:left; text-align:center; }	
#contact {width:80px; padding-top:5px; text-align:left; float:left; padding-left:15px; }

a.menu {font-size:1.1em; font-family: Arial; color: #fff; font-weight: bold;
						text-decoration: none; }
a.menu:hover {font-size:1.1em; font-family: Arial; color: #64FEFC; font-weight: bold;
						 text-decoration: none; }
a.menu:active {font-size:1.1em; font-family: Arial; color: #fff; font-weight: bold;
							text-decoration: none; }	
/* ABOVE SIDE BAR AND BELOW NAV BAR */
#stuccotop {height:22px; background: url(../images/stucco-top.jpg); background-repeat:none; }

/* SIDE BAR LEFT */
#sidecontainer {position:relative; float:left; width:211px; height:auto; }
#sbBar {position:relative; top:0; left:0; height:15px; width:211px; color:#636363; 
			  font-size:1.3em; text-align:center; padding-top:15px; font-weight:bold; } 
#sidebarleft {padding-top:10px; text-align:center; }
/*all styling inside the sbBar and sidebarleft divs*/
			#address {font-size:1.1em; font-weight:bold; color:black; padding-top:5px; }
			#address a {text-decoration:none; color: #464646; }
			#address a:hover {color:#64FEFC; }
			#links {padding-top:30px; }
					a.linkmenu {font-size: 1.2em; font-family: Arial; color: #000000; font-weight: bold;
					 text-decoration: none; }
					a.linkmenu:hover {font-size: 1.2em; font-family: Arial; color:#64FEFC; font-weight: bold;
								 text-decoration: none; }
					a.linkmenu:active {font-size: 1.2em; font-family: Arial; color: #000000; font-weight: bold;
									text-decoration: none; }
			#lbi {padding-top:30px; font-size:1.8em; font-weight:bold; text-align:left; color:#000; }
			#a {padding-left:30px; } /* licensed */
			#b {padding-left:60px; } /* bonded */
			#c {padding-left:90px; } /* insured */
			#free {padding-top:0px; }
			#free a {text-decoration:underline; color:#000; }
			#free a:hover {text-decoration:none; color:#64FEFC; }

/*BELOW NAV BAR - MAIN AREA TO THE RIGHT */ 
#addContent {width:589px; float:left; padding-bottom:20px; }

/* formatting common to all the individual pages */
.winTop {height:26px; background: url(../images/mainWinTop_bg.jpg); background-repeat:none; }
.acBoxTitle {padding-left:30px; } /*this is either an h2 or h3 element */
p.acBoxWords {padding:0 30px 0 30px; font-size:1.15em; text-align:justify; line-height:1.5em; }
.welcome {padding-left:30px; font-size:2em; font-weight: bold; color: #333333; }
.winBot {height:30px; background: url(../images/mainWinBot_bg.jpg); background-repeat:none; }

/* for each individual page - formatting varies */
/* INDEX.PHP */
.acBox1 {margin-top:40px; background: url(../images/mainWin_bg.jpg) repeat-y; position:relative; }
/*.imgs {padding-left:30px; }*/
span#moves {font-weight:bold; font-family: Arial, sans-serif; text-decoration:underline; }

/* INDEX.PHP --------------table */
.imgs {width:575; text-align:center;}
.imgs img {border: 3px solid #7f5e40;}

/*
.img {padding:2px; }
.imgs a img {border: 3px solid #7f5e40; }
.imgs a:hover img {border: 3px solid #64FEFC; }
*/

/* SERVICES.PHP */
.acBox3 {margin-top:40px; background: url(../images/mainWin_bg.jpg) repeat-y; position:relative; }
ul#list1 {float:left; font-size:1.4em; font-weight:bold; line-height:1.8em; }
ul#list2 {float:right; font-size:1.4em; font-weight:bold; line-height:1.8em; }
ul#list1 li {list-style-type:circle; }
ul#list2 li {list-style-type:circle; }
ul.list3 {font-size:1.1em; font-weight:bold; line-height:1.8em; }
ul.list3a {float:left; font-size:1.1em; font-weight:bold; line-height:1.8em; }
ul.list3b {float:right; font-size:1.1em; font-weight:bold; line-height:1.8em; }
#offering {padding:0px 30px 0 30px; width:500px; }
.acBox3 p#serviceP1 {padding:0px 30px 0 30px; font-size:1.15em; clear:both; text-align:justify; line-height:1.5em; }
span#movesService {font-weight:bold; font-style:italic; font-size:1.2em; font-family: Arial, sans-serif; text-decoration:none; }
ol.list3 {font-size:1.1em; font-weight:bold; line-height:1.8em; }


/* PROJECTS.PHP */
.acBox4 {margin-top:40px; background: url(../images/mainWin_bg.jpg) repeat-y; position:relative; }

#img1 {padding:2px; }
#img2 {padding:2px; }
#img1 a img {border: 3px solid #000; }
#img1 a:hover img {border: 3px solid #64FEFC; }

#img2 a img {border: 3px solid #000; }
#img2 a:hover img {border: 3px solid #64FEFC; }

/* ESTIMATE.PHP */
.acBox5 {margin-top:40px; background: url(../images/mainWin_bg.jpg) repeat-y; position:relative; }
.acBox5 p#serviceP1 {padding:0 30px 0 30px; font-size:1.2em; text-align:justify; }


/* ABOUT.PHP */
.acBox2 {margin-top:40px; background: url(../images/mainWin_bg.jpg) repeat-y; position:relative; }

/* TESTIMONIALS.HTML */
.acBox7 {margin-top:40px; background: url(../images/mainWin_bg.jpg) repeat-y; position:relative; }

/* CONTACT.PHP */
.acBox6 {margin-top:40px; background: url(../images/mainWin_bg.jpg) repeat-y; position:relative; }
.groupPic {padding:0 11px 0 17px; }
.acBox6 h2 {float:left; color:#000; padding-top:10px; }
#contactInfo {padding-left:5px; padding-right:30px; font-family:"times new roman", serif; 
						  font-weight:bold; text-align:right;  }
span#contactCo {font-size:2em; font-weight:bold; color:#000; }
span#contactAd {font-size:1.5em; line-height:1.5em; color:#000; }
		a.inacBox6 {color:#000; font-weight:bold; text-decoration: underline; }
		a.inacBox6:hover {color:#64FEFC; font-weight:bold;
									  text-decoration: none; }
		a.inacBox6:active {color:#000; font-weight:bold;
										 text-decoration: underline; }
p#name {position:relative; top:2px; left:120px; clear:both; font-size:2.1em; 
			  font-style:italic; font-family:"times new roman", serif; color:#000; }

/* AWARDS.PHP */
.acBox8 {margin-top:40px; background: url(../images/mainWin_bg.jpg) repeat-y; position:relative; }
ol.awards {padding:0 30px 0 30px; font-size:1.1em; font-weight:bold; line-height:1.8em; }

/* FOOTER */

#footer {clear:both; width:892px; height:60px; font-size:1.1em; background-color:#636363; color:#cccccc; 
				border-left:4px solid #636363; border-right:5px solid #636363; border-bottom:2px solid #636363; }
.spacer {width:891px; background-color:#464646; height:7px; text-align:center; }
#footer1 {clear:both; font-size:1.1em; text-align:center; }
#footer2 {height:60px; font-size:1.1em; }
.footer {float:right; padding-right:15px; }



/*MISC. ??? */
.date {
	font-size: 11px;
	font-family: Arial;
	color: #FFFFFF;
}

.quote {
	font-size: 11px;
	font-family: Arial;
	color: #000000;
}

/*links on various pages*/

a.inmenu {font-family:Arial; color:#000000; font-weight:bold;
	text-decoration: underline; }
a.inmenu:hover {font-family:Arial; color:#64FEFC; font-weight:bold;
	text-decoration: none; }
a.inmenu:active {font-family:Arial; color:#000000; font-weight:bold;
	text-decoration: underline; }
	
a.inmenu2 {font-size:.9em; font-family:Arial; color:#000000; font-weight:bold;
	text-decoration: none; }
a.inmenu2:hover {color:#64FEFC; font-weight:bold;	text-decoration: underline; }
a.inmenu2:active {font-size:.9em; font-family:Arial; color:#000000; font-weight:bold;
	text-decoration: none; }