/*
   
   Author: Zach McDermott, zach [@] circlingthesundesigns.com
   Copyright © 2010 Excelsior Roofing Co.


   Filename:         efc.css
   Supporting Files: final.html, about.html, faqs.html, roofing.html, gutters.html, repairs.html,
                     history.html, quoteform.php, quoteform.php, feedbackform.php, feedbackreply.php,
                     contact.html

                     banner_.gif

*/

/* GENERAL LAYOUT */

html             { overflow-y: scroll; }
body             { height: 100%; margin:40px 0px; padding:0px; background-color: #DFD499; background-image:url('images/parch_back.jpg'); background-repeat: repeat; color: #3F3D2B; font-size: 12px; line-height: 1.6; }
.header          { color: #000000; font-size: 18px; font-weight: bold; }
#Content         { width:830px; margin:0px auto; font-size: small; font-family: verdana, helvetica, san serif; text-align:left; }
#Content         { border-style: solid; border-width: 1px; border-color: #6B5F4F; }
#Content {
-moz-border-radius-topleft:  25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
}
.banner          { margin: -20px 0px 0px -1px; }
.italic          { font-style: italic; }
.title           { font-weight: bold; }
#innerWrapper    { margin: 0px 340px 0px 10px; }
#preamble        { margin: 10px 435px 10px 10px; padding: 15px 0px; }
#webLinks        { margin-left: 60px; }


/* NAVIGATION */
.navigation      { margin-bottom: 40px; position: relative; top: -0px; }
.navigation ul   { margin: 0px 0px 0px 0px; padding: 0; list-style-type: none;  width: 100%;     border-top: 10px solid #000; }
.navigation li   { float: left; width: 10%; text-transform: uppercase; background-color: #990000; }

li.current       { background-color: #000000; }
.navigation a    { text-decoration: none; font-size: .8em;  text-decoration: none;
	                padding:	3px 6px 3px 6px;
	                display: block;
	                color:	#FFFFFF;
	                text-align:	center;
                 }
.navigation a:hover { background-color:	#000000;}


/* HOME PAGE */

#slideshow       { text-align: center; }
#fadeshow1       { float: right; margin: 55px 30px 0px 0px; border-style: ridge; border-width: 7px; border-color: #6B5F4F; }
#dates           { float: right; margin-right: 30px; color: #990000; }
#firstLetter     { float: left; color: #990000; font-size: 400%; font-family: lucida handwriting, monotype corsiva, serif; line-height: 0.6; font-weight: bold; margin-top: -3px; margin-right: 0.15em; }
.p1:first-line   { font-variant: small-caps; font-weight: bold; }
.p2:first-line   { font-variant: small-caps; font-weight: bold; }
.p3:first-line   { font-variant: small-caps; font-weight: bold; }


/* ABOUT PAGE COLUMNS */

#aboutUs     {margin: 0px 0px -5px 10px; }
.container {
height: 100%;
padding: 0px;
} 

.col_one    {margin: 10px 0px 0px 5px; 
width: 60%;
float: left;
padding: 1px 10px 1px 12px;}
 
.col_two    { margin: 20px 0px 0px 15px; 
width: 30%; 
float: left;
border-top-style: dotted; border-bottom-style: dotted; border-width: 1px;  border-color: #000; padding: 1px 10px 1px 12px;  background-image:url('images/parch_foot.jpg'); background-repeat: repeat; }

#mark       { margin: 0px 15px 0px 0px; border-color: #3F3D2B; }
#bill       { margin: 0px 15px 0px 0px; border-color: #3F3D2B; }
#monica     { margin: 0px 15px 0px 0px; border-color: #3F3D2B; }
#crewImg    { margin: 15px 0px 15px 72px; border-color: #3F3D2B; }  
#crew       { margin: 15px 0px 15px 72px; border-color: #3F3D2B; } 


/* FEEDBACK FORM */

.form            { border-style: solid; border-width: 1px; border-color: #FFFFFF; background-color: #DFDFDF; color: #FFFFFF; font-weight: normal; font-family: verdana, helvetica, san serif;}
.feedhead        { color: #990000; font-weight: bold; font-size: 12px; background-color: #CCCCCC; }
.form td         { color: #000000; }
legend           { color: #990000; font-weight: bold; }
#submitForm      { text-align: center; }
#header          { color: #000000; font-size: 18px; font-weight: bold; }
#Forms           { padding: 0px 10px 0px 10px; }
.required        { color: #990000; }
#return          { color: #990000; }


/* GUTTERS PAGE */

#gutterImg       {float: right; margin: 15px 100px; }


/* REPAIRS PAGE */

#repairsImg      {float: right; margin: 70px 40px; }


/* FAQs PAGE */

#news               { float: right; width: 30%; margin: 44px 20px 0px 0px; padding: 10px 10px 12px; border-top-style: dotted;  border-bottom-style: dotted; border-width: 1px; border-color: #3F3D2B; }
#news               { background-image:url('images/parch_foot.jpg'); background-repeat: repeat; }
.news a:link        { color: #990000; text-decoration: none;}
.news a:visited     { color: #990000; text-decoration: none; }
.news a:hover       { color: #990000; text-decoration: underline; }
.news a:active      { color: #6B5F4F; text-decoration: none;}
.other              { font-size: 12px; }
.other a:link       { color: #990000; text-decoration: none;}
.other a:visited    { color: #990000; text-decoration: none; }
.other a:hover      { color: #990000; text-decoration: underline; }
.other a:active     { color: #6B5F4F; text-decoration: none;}


/* HISTORY PAGE */

#gallery         { padding: 0px 10px 0px 10px; }
.historyTable    { text-align: center; }
.histable        { text-align: center; background-image:url('images/parch_foot.jpg'); background-repeat: repeat; }
.cells           { background-image:url('images/parch_back.jpg'); background-repeat: repeat;  }        


/* CONTACT PAGE */

#insLink         { float: right; width: 30%; margin: 44px 20px 0px 0px; padding: 10px 10px 12px; border-top-style: dotted;  border-bottom-style: dotted; border-width: 1px; border-color: #3F3D2B; }
#insLink         { background-image:url('images/parch_foot.jpg'); background-repeat: repeat; }
#trust           { line-height:130%; }
#contactus       { padding-left: 25px; }
#contactus td    { color: #990000; }
#contactus th    { text-align: left; }
#contactImg      { float: right; margin: 200px 20px; }

/* FOOTER */

#address         { margin-bottom: 0px; padding: 15px 0px 15px; color: #3F3D2B; font-size: 13px; text-align: center; font-family: georgia, helvetica, sans-serif; }
#address         { background-image:url('images/parch_foot.jpg'); background-repeat: repeat; }
#address {
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
-webkit-border-bottom-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
}
#bull               { color: #000000; }
#address a:link     { color: #990000; text-decoration: none; }
#address a:visited  { color: #6B5F4F; }
#address a:hover    { text-decoration: underline; }
#address a:active   { color: #6B5F4F; }
#copy               { color: #3F3D2B; font-size: 12px; font-style: italic; text-align: center; padding: 0px 0px 0px 0px; font-family: georgia, helvetica,  sans-serif; }
#copy a:link        { color: #6B5F4F; text-decoration: none;}
#copy a:visited     { color: #6B5F4F; text-decoration: none; }
#copy a:hover       { color: #990000; text-decoration: underline; }
#copy a:active      { color: #6B5F4F; text-decoration: none;}


/* BACK TO TOP NAVIGATION */

.link a:link        { color: #6B5F4F; text-decoration: none;}
.link a:visited     { color: #6B5F4F; text-decoration: none; }
.link a:hover       { color: #990000; text-decoration: underline; }
.link a:active      { color: #6B5F4F; text-decoration: none;}

.top    { text-align: left; margin: 0px 0px -5px 10px; }