/* Global Styles 
------------------------ */
* { margin:0; padding:0; }
body { background-image:url(../images/background.jpg); font-family:Verdana, Geneva, sans-serif; font-size:0.7em; }
img { border:0; }

/* Content Wrapper
------------------------ */
#contentwrap { margin:20px auto; width:780px; }

/* Header
------------------------ */
#header { height:139px; width:778px; background:url(../images/headerbg.jpg) 0 0 no-repeat; border-left:1px solid #FFF; border-right:1px solid #FFF; border-top:1px solid #FFF; }
#header a { display:block; left:21px; position:relative; top:24px; width:250px; height:91px; }

/* Navigation
------------------------ */
#nav { background:url(../images/navandfootbg.gif) 0 0 repeat-x #000; border:1px solid #FFF; color:#FFF; height:26px; margin-bottom:1px; width:778px; }
#nav li { display:inline; }
#nav ul { display:block; list-style:none; width:778px; }
#nav a { background-position:0 0; background-repeat:no-repeat; display:block; float:left; height:26px; overflow:hidden; text-indent:-10000px; }
#nav a:hover { background-position:0 -26px; }
#home { background-image:url(../images/navhome.gif); margin-left:53px; width:45px; }
#whatis { background-image:url(../images/navwhatis.gif); margin-left:86px; width:173px; }
#services { background-image:url(../images/navservices.gif); margin-left:90px; width:101px; }
#contactus { background-image:url(../images/navcontact.gif); margin-left:88px; width:86px; }
.home #nav #home, .whatis #nav #whatis, .services #nav #services, .contactus #nav #contactus { background-position:0 -26px; }

/* Content Container
------------------------ */
#content { background-color:#FFF; color:#000; margin-bottom:1px; padding:30px 25px; }

/* Main Content
------------------------ */
#maincontent { float:left; padding:0 25px 25px 0; width:393px; background:url(../images/contentdotborder.gif) top right repeat-y; }
#maincontent strong { display:block; font-size:0.9em; }
#maincontent p, #maincontentfull p { background-color:#FFF; color:#333; font-size:1.2em; line-height:1.4em; padding:15px 0 0 0; }
#maincontent ul, #maincontentfull ul { background-color:#FFF; color:#82151b; font-size:1.28em; font-weight:bold; margin-top:30px; }
#maincontent li, #maincontentfull li { margin-left:60px; }

/* Sub Content
------------------------ */
#subcontent { float:left; padding:0 0 0 32px; width:280px; }
#subcontent em { background-color:inherit; clear:both; color:#333; display:block; font-size:1.1em; padding-top:10px; }
#subcontent h2 { background-color:inherit; color:#9d0a0a; font-size:1.7em; font-weight:normal; margin:50px 0 2px 0; } 
#subcontent h3 { font-size:1.2em; margin-bottom:2px; }
#subcontent h4 { font-size:1.2em; margin-bottom:15px; }
#subcontent p { background-color:inherit; color:#666; font-size:1.1em; font-weight:bold; line-height:1.6em; }
#subcontent p a { background-color:inherit; color:#666; font-size:0.9em; text-decoration:none; }
#subcontent p a:hover { background-color:inherit; color:#333; }
#subcontent p b { background-color:inherit; color:#333; }
.beforeafter span { display:block; margin-bottom:15px; text-align:right; }
.before { float:left; padding-right:20px; text-align:right; }
.after { float:left; }

/* Gallery
------------------------ */
.gallery h3 { font-size:1.2em; margin-bottom:2px; }
.gallerybefore { float:left; width:345px; margin:30px 40px 0 0; }
.galleryafter { float:left; width:345px; margin:30px 0 0 0; }

/* Footer
------------------------ */
#footer { background:url(../images/navandfootbg.gif) 0 0 repeat-x #000; border:1px solid #FFF; color:#999; font-weight:bold; padding:6px 0 8px 0; text-align:center; }

/* Sub Footer
------------------------ */
#subfooter { background-color:inherit; color:#4d4d4d; font-size:0.8em; font-weight:bold; padding:10px 0 0 0; text-align:center; }
#subfooter a { background-color:inherit; color:#5d5d5d; text-decoration:none; }
#subfooter a:hover { background-color:inherit; color:#777; }

/* Self Clearing Floats
------------------------ */
#content:after, .beforeafter:after, .gallery:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
