/* Global Styles
----------------------------------------- */
html { height: 100%; }
body { background-color: #2E3E79; }
body { margin-top: 5px; margin-bottom: 0px; }
body { background-image: url(images/body_bg2.jpg); background-repeat: repeat-x; }
ul, li { list-style: none; }
h2 { font-size: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 200; color:#D68003; }
img { border: none; }
.learnmore { color:#6a769c;}
a.learnmore:hover { color:#fff; text-decoration:none;}
a.directions {color:#D68003; text-decoration:underline;}
a.directions:hover {color:#333; text-decoration:none;}

/* Wrapper
----------------------------------------- */
#wrapper { width: 820px; text-align: left; }
#wrapper { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }

/* Header
----------------------------------------- */
#header1 { width: 755px; margin-top: 0; margin-right: auto; margin-bottom: 0px; margin-left: -40px; }

/* Rollover Navigation 
----------------------------------------- */
#navbar { height:100px; }
#navbar li { list-style:none; display:inline; }
#logo { width:292px; height:45px; float:left; margin: 0px 0 0px 0px; }
#navhome a { width:103px; height:44px; background:url("images/nav/home.gif") no-repeat; float:left; margin:0 1px; }
#navabout a { width:103px; height:44px; background:url("images/nav/about.gif") no-repeat; float:left; margin:0 1px;	}
#navservices a { width:103px; height:44px; background:url("images/nav/services.gif") no-repeat; float:left; margin:0 1px; }
#navcontact a { width:103px; height:44px; background:url("images/nav/contact.gif") no-repeat; float:left; margin:0 1px; }
#navbar a:hover { background-position: 0px -44px; }

/* Tier1
----------------------------------------- */
#tier1 { width: 720px; margin-top:-70px; }

/* Tier1 Column1
----------------------------------------- */
#tier1 .column1 { width: 180px; float: left; padding-left: 300px; padding-top:10px; }
.license_info { color:#6a769c; font-size: 10px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
.contacthead { color:#a16831; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* Tier1 Column3
----------------------------------------- */
#tier1 .column2 { width: 190px; float: right; padding: 0px; }
.contact_info { color:#ccc; text-align:right; font-size: 11px; font-family: Verdana, Arial, sans-serif;}


/* Tier2
----------------------------------------- */
#tier2 { width: 800px; padding: 0px 0 0px 0px; }
#tier2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */

/* Tier2 Column1
----------------------------------------- */
#tier2 .column1 { width: 519px; float: left; padding-right: 0px; }

/* Tier2 Column2
----------------------------------------- */
#tier2 .column2 { width: 206px; float: left;}
#tier2 .column2 img { float: right; }


/* Tier3
----------------------------------------- */
#tier3 { padding:0px 0px 0px 0px; }
#tier3:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */

/* Tier3 Column1
----------------------------------------- */
#tier3 .column1 { width: 250px; padding-left: 40px; float: left; }
#tier3 .column1 img { float: left; padding-left: 0px; }

/* Tier3 Column2
----------------------------------------- */
#tier3 .column2 { width: 250px; padding: 0px; float: left; }
#tier3 .column2 img { float: left; padding-left: 0px; }

/* Tier3 Column3
----------------------------------------- */
#tier3 .column3 { width: 250px; padding: 0px; float: left; }
#tier3 .column3 img { float: left; padding-left: 0px; }
 
/* Tier4
----------------------------------------- */
#tier4:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */
#tier4 .column1 { width: 750px; padding-top: 10px; }
  
 /* Content
----------------------------------------- */
#content { padding: 0px; }
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */
#content h2 { font-size: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 200; color:#D68003; }
#content p { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 200; color:#d4d0c8; }

/* Footer
----------------------------------------- */
#footer  { width: 730px; padding:0px; }

#where { float:left; width:342px; font-family:Verdana, Geneva, sans-serif; font-size:70%; color:#7B869A; padding: 20px 10px; border: solid 0px #D98200; }
#what { float:right; width:342px; font-family:Verdana, Geneva, sans-serif; font-size:70%; color:#7B869A; padding: 20px 10px; border: solid 0px #D98200; }

.footlist { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; text-align:center; color:#957f6d; margin-top: 150px; }
.footlist a { color:#957f6d; text-decoration:none; }
.footlist a:hover { color:#ffffff; text-decoration:underline; }
.copyright { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height: 0.7; font-weight:bold; text-align:center; color:#7B869A; }
.credit { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height: 0.7; text-align:center; color:#5e698b; }
.credit a:link, a:visited { color: #ccc; }
.credit a:hover, a:active { color: #fff; text-decoration:none; }

/* Content - Specific Pages
----------------------------------------- */
#faux { padding: 0px; width:740px;}

/* Left Column
----------------------------------------- */
#leftcolumn { float: left; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 200; color:#d4d0c8; margin: 10px; padding: 0px; width: 430px; display: inline; position: relative; }

/* Right Column
----------------------------------------- */
#rightcolumn { display: inline; margin: 10px; padding: 0px; width: 270px; float: right; text-align: right; }
#horizontal { display: inline; margin: 0px; padding: 0px; }

/* Contact Form
----------------------------------------- */
form { margin: 0; padding: 0; }
fieldset { padding: 0 0 10px 10px; margin: 0; border: 1px solid #3a5573; }
.cdt { float: left; width: 30%; text-align: right; padding: 5px 10px 0 0; }
label.last { font-weight: bold; text-align: left; padding-left: 10px; }
input, textarea, select { margin: 5px 0; border: 1px solid #a7a7a7; font-family: inherit; font-size: 1em; padding: 1px 3px; }
input.submit { margin: 0; padding: 3px; color: inherit; background-color: #a1b9d3; border: 1px solid #3a5573;}
.errorMessage { color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }

/* Images
----------------------------------------- */
img.logo { width:292px; height:93px; }
img.sections { width:126px; height:150px; margin: 10px; }
img.mast_head { width:737px; height:266px; }
img.award { width:300px; height:224px; }
img.remodeling { width:250px; height:297px; }
img.remodeling_title { width:161px; height:41px; }
img.foundations_title { width:161px; height:41px; }
img.flatwork_title { width:161px; height:41px; }
img.seemore { width:161px; height:22px; }
img.foundations_small { width:126px; height:150px; }
img.foundations_big { width:161px; height:191px; }
img.flatwork_small { width:126px; height:150px; }
img.flatwork_big { width:161px; height:191px; }
img.rickyoung { width:161px; height:191px; }
img.map { width:200px; height:200px; border: 1px solid #000; }

/* Self Cleared Floats
----------------------------------------- */
#wrapper:after,
#rightcolumn:after,
#clear:after,
#tier4:after,
#column1:after,
#where:after,
#what:after,
#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }