@charset "UTF-8";

/* CSS Document */
/* build for ######## by Creare */
/* reset */
* { margin: 0; padding:0; }

body { font: 62.5% Arial, Helvetica, sans-serif; }

p { color:#375d81; margin-bottom: 15px; font-size: 1.2em; line-height: 18px; }

img, img a { outline: none; border: none; }

h1, h2, h3 { font-size: 3em; color:#375d81; margin-bottom: 15px; text-shadow:0px 1px 1px #fff; }

h2, h3 { font-size: 2.5em; color:#375d81; margin-bottom: 15px; text-shadow:0px 1px 1px #fff; }

#container { width: 1000px; margin:0 auto; }

a { color: #b39c00; }

ul { color:#375d81; }

/* type + classes */
.logo { padding-top: 32px; }

.left { float:left; }

.right { float:right; }

.clear { clear:both; }

.clearleft { clear: left; }

.clearright { clear:right; }

.block { display:block; }

.gapleft { margin-left: 30px; }

.gapright2 { margin-right:30px; }

.gapright { margin-right: 10px; }

.gapright3 { margin-right: 20px; }

.gaptop { margin-top: 34px; }

.gapbottom { margin-bottom: 10px; }

.center { text-align:center; }

.titles { color:#375d81; margin-bottom: 15px; font-size: 3em; }

.inline { display:inline; }

/* header */
#headerwrap { background: #e5eafe url(images/head-back.jpg) repeat-x top; }

#headercontent { width:1000px; margin:0 auto; height:202px; background: url(images/head-background.jpg) no-repeat top; }

.telephone { font-size: 3em; color:#375d81; width: 650px; text-align: right; margin-top: -10px; }

/*NAVAGATION*/
#nav { width: 604px; float:right; margin-top: 24px; margin-right: 20px; height: 24px; }

#navigation { margin: 0; padding: 0; width: 604px; height: 24px; background-image:url(images/nav.png); }

#navigation li { margin: 0; padding: 0; display: inline; list-style-type: none; height: 24px; text-align:center; float: left; line-height: 24px; }

#navigation a { display: block; height: 24px; }

#navigation a:hover { background-image:url(images/nav.png); }

#nav-home { width: 57px; }

#nav-home a:hover { background-position: 0px bottom; }

#nav-skip { width: 94px; }

#nav-skip a:hover { background-position: -57px bottom; }

#nav-business { width: 115px; }

#nav-business a:hover { background-position: -151px bottom; }

#nav-builders { width: 112px; }

#nav-builders a:hover { background-position: -266px bottom; }

#nav-ground { width: 150px; }

#nav-ground a:hover { background-position: -378px bottom; }

#nav-contact { width: 75px; }

#nav-contact a:hover { background-position: -528px bottom; }

#navigation span, #linknav span, .buttonspan { display:none; }

/* MIDDLE */
#middle { background: url(images/middle-back.jpg) repeat top; border-top: 3px solid #b39c00; border-bottom: 3px solid #b39c00; }

#middlecontent { margin: 0 auto; width:1000px; padding: 10px 0 10px 0; overflow: auto; }

.slideshow { height: 245px; width: 718px; margin: 0 auto; background-color: #dee3f7; }

/*LINKS*/
#links { padding: 20px 0 20px 0; }

#linknav { margin: 0 auto; padding: 0; width: 1000px; height: 130px; background-image:url(images/link.png); }

#linknav li { margin: 0; padding: 0; display: inline; list-style-type: none; height: 131px; text-align:center; float: left; line-height: 131px; }

#linknav a { display: block; height: 131px; }

#linknav a:hover { background-image:url(images/link.png); }

#link-skip { width: 264px; }

#link-skip a:hover { background-position: 0 bottom; }

#link-business { width: 241px; }

#link-business a:hover { background-position: -264px bottom; }

#link-builders { width: 238px; }

#link-builders a:hover { background-position: -505px bottom; }

#link-contact { width: 257px; }

#link-contact a:hover { background-position: -743px bottom; }

/* content */
#contentwrap { border-top: 3px solid #b39c00; border-bottom: 3px solid #b39c00; background:url(images/content-back.jpg) top repeat-x #e3e8fc; }

#content { width:1000px; margin:0 auto; overflow: auto; }

.contentinner { width:730px; overflow: hidden; }

.contentinner2 { width:690px; overflow: auto; }

.leftcontent { margin-left: 30px; width: 210px; height: 690px; background: url(images/side-back.jpg) repeat; padding: 40px 10px 10px; text-align: center; }

.leftcontent2 { margin-left: 30px; width: 210px; background: url(images/side-back.jpg) repeat; padding: 10px 10px 10px; text-align: center; display: inline; }

.leftlist { text-align: left; display: block; overflow: auto; font-weight: bold; line-height: 30px; }

.middlelist { text-align: left; display: block; overflow: auto; line-height: 34px; }

.middle { width: 450px; padding-top: 40px; }

.rightcontent { width: 250px; padding-top: 40px; margin-bottom: 20px; position: relative; }

.side { background: #c4d7ed url(images/light.png) no-repeat center top; border-right: 1px solid #375d81; border-bottom: 1px solid #375d81; border-left: 1px solid #375d81; padding: 10px 20px; margin-right: 20px; margin-bottom: 20px; }

.blue { background: #375d81; height: 10px; margin-right: 20px; }

.cone { position: absolute; height: 141px; width: 80px; top: 380px; left: -40px; }

.newsbox { width: 210px; }

#content a, #content2 a { text-decoration:none; }

#content a:hover, #content2 a:hover, #footercontent a:hover { text-decoration: underline; }

/*CONTENT INTERNAL*/
#contentwrap2 { background:url(images/content-back.jpg) top repeat-x #e3e8fc; border-bottom: 3px solid #b39c00; }

#content2 { width:1000px; margin:0 auto; overflow: auto; background: #FFF; padding-top: 20px; border-top: 3px solid #b39c00; border-right: 2px solid #b39c00; border-left: 2px solid #b39c00; border-bottom-color: #b39c00; }

.middle2 { padding-top: 40px; overflow:hidden; }

.width { width:200px; }

.width2 { width:158px; }

.button { background: url(images/button.jpg); height: 50px; width: 250px; }

.button a { display: block; height: 50px; line-height: 50px; }

.button a:hover { background-image:url(images/button.jpg); background-position: 0 bottom; }

/* footer */
#footerwrap { background: #173051 url(images/footer.jpg) repeat-x; padding-top: 15px; }

#footercontent { width: 1000px; margin: 0 auto; padding-bottom: 15px; }

#footercontent p { color: #FFF; text-align: center; margin-bottom: 0px; }

#footercontent ul { text-align: center; margin-bottom: 15px; }

#footercontent li { display: inline; border-right: 1px solid #FFF; padding-right: 10px; padding-left: 10px; }

#footercontent a { color: #FFF; text-decoration: none; font-weight: bold; }