/* Global Styles
----------------------------------------- */

html { height: 100%; margin-bottom: 1px; }
body { text-align: center; background: #666 url(images/bkgd.gif) repeat-x top left; font-family: arial, helvetica, sans-serif; font-size: .8em; color: #333; }
body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, dd, dt, address { margin: 0; padding: 0; }
ul, li { list-style: none; }
img { border: none; }
h1 { color: #900; font-weight: bold; font-size: 130%; }
h2 { color: #900; font-weight: bold; font-size: 110%; }
h3 { color: #333; font-weight: bold; font-size: 100%; }
p { margin: 1em 0; line-height: 1.4; }
a:link { color: #900; }
a:visited { color: #933; }
a:hover { text-decoration: none; color: #900; }

/* -- Reuseable Classes -- */

.border { padding: 3px; border: 1px solid #999; background: #FFF; margin: 1em 0; }
.inset_right { padding: 3px; border: 1px solid #999; background: #FFF; margin: 1em; float: right; }
.photos { margin-top: 1em; }
.photos img { padding: 3px; border: 1px solid #999; background: #FFF; margin: 0 5px 10px 0; }
.list { margin: 1em 0; line-height: 1.4; }
.list li { margin: 0 10px 5px 10px; background: url(images/bullet.gif) no-repeat 0 3px; padding-left: 14px; }
.form_response { background: #CCFFCC url(images/email-open-green.gif) no-repeat 10px 10px; padding: 10px 10px 10px 30px; border: 1px solid #006600; color: #060; }
.errorMessage { background: #FFCCCC url(images/icon_x.gif) no-repeat 10px 12px; padding: 10px 10px 10px 25px; border: 1px solid #C00; color: #C00; }
.top a:link, .top a:visited { padding: 0 0 0 13px; background: url(images/bullet_top.gif) no-repeat 0 50%; color: #999; text-decoration: none; font-size: 85%; }
.top a:hover, .top a:active { color: #999; text-decoration: underline; }

/* Wrapper
----------------------------------------- */		

#wrapper { width: 750px; margin: 0 auto; text-align: left; background: #FFF; border: 1px solid #300; border-bottom-width: 3px; border-top-width: 3px; }

/* Header
----------------------------------------- */	

#header { width: 750px; height: 101px; background: url(images/header.gif) no-repeat; }
#header h1 { text-indent: -9999px; font-size: 1px; height: 1px; display: block; }

/* Main Navigation
----------------------------------------- */	
	
ul#nav { width: 575px; height: 29px; margin: 0; padding: 0 0 0 175px; background: url(images/nav_back.gif) no-repeat 0 0; list-style: none; overflow: hidden; }
ul#nav li { margin: 0; padding: 0; list-style: none; display: block; float: left; text-indent: -9999px; }
ul#nav li a { border: 0; display: block; text-decoration: none; height: 29px; }
#nav li a:hover { background-position: 0 -29px; }
#nhome a { width: 79px; background: url(images/nav_home.gif) no-repeat bottom left; }
#nabout a { width: 109px; background: url(images/nav_about.gif) no-repeat bottom left; }
#nservices a { width: 105px; background: url(images/nav_services.gif) no-repeat bottom left; }
#ncontact a { width: 123px; background: url(images/nav_contact.gif) no-repeat bottom left; }

/* -- Active States -- */

#home #nhome a, #about #nabout a, #services #nservices a, #contact #ncontact a { background-position: 0 0; }

/* Content
----------------------------------------- */

#content { padding: 30px 40px; }
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */
#services #content { padding-left: 25px; }

/* Column1
----------------------------------------- */
	
#column1 { width: 420px; float: left; }

/* -- About Page -- */

#about #column1 { width: auto; }

/* -- Services Page -- */

#services #column1 { width: 180px }
#services p.sidebar { font-size: 90%; background: url(images/nav_head_bkgd2.gif) no-repeat 0 0; color: #FFF; font-weight: bold; padding: 5px 10px; margin: 0; }
#services ul.sidebar { font-size: 90%; background: url(images/nav_bottom_bkgd.gif) no-repeat left bottom; padding-bottom: 8px; margin-bottom: 20px; border-top: 1px solid #FFF; width: 180px; }
#services .sidebar li a { display: block; background: #DDD url(images/nav_bullet.gif) no-repeat 10px 10px; padding: 5px 10px 5px 20px; border-bottom: 1px solid #FFF; font-weight: bold; text-decoration: none; width: 150px; color: #900; }
#services .sidebar li a:hover { background-color: #CCC; }
html>body #services .sidebar li a { width: auto; }
#services .sidebar li a.active { background-image: url(images/nav_bullet_red.gif); }

/* -- Contact Page -- */

#contact_form dd { margin-bottom: 10px; }
#contact_form dt { margin-bottom: 3px; }
#contact_form textarea, #contact_form .field { width: 300px; border: 1px solid #999; background: url(images/field_bkgd.gif) no-repeat 0 0; }
input.submit { background: url(images/submit_bkgd.gif) no-repeat; border: 1px solid #300; color: #FFF; font-weight: normal; font-size: 90%; padding: 3px; }

/* Column2
----------------------------------------- */	
	
#column2 { width: 220px; margin-left: 445px; }

/* -- Index Page -- */

#home ul.sidebar { font-size: 90%; background: #E9E9E9 url(images/sidebar_bottom_bkgd.gif) no-repeat left bottom; padding: 10px 0 15px 0; margin-bottom: 20px; }
#home h2.sidebar { font-size: 90%; background: url(images/sidebar_head_bkgd2.gif) no-repeat 0 0; color: #FFF; font-weight: bold; padding: 5px 10px; }
#home .sidebar li { margin: 0 10px 5px 10px; background: url(images/bullet.gif) no-repeat 0 2px; padding-left: 14px; }
h2.contact_side { color: #666; margin-left: 10px; font-size: 100%; }
#contact_side { font-size: 85%; background: none; margin: 10px 0 0 10px; padding: 0; color: #666; }
#contact_side dt { color: #666; background: none; margin: 0; padding: 0; font-weight: bold; }
#contact_side dd { background: none; margin: 0 0 8px 0; padding: 0; }
#contact_side a { color: #666; }

/* -- Services Page -- */

#services #column2 { width: 470px; margin-left: 205px; }

/* -- Contact Page -- */

#contact h2.sidebar { font-size: 90%; background: url(images/sidebar_head_bkgd2.gif) no-repeat 0 0; color: #FFF; font-weight: bold; padding: 5px 10px; }
#contact dl.sidebar { font-size: 90%; background: #E9E9E9 url(images/sidebar_bottom_bkgd.gif) no-repeat left bottom; padding: 10px 0 15px 0; margin-bottom: 20px; }
#contact .sidebar dt { font-weight: bold; margin: 0 10px; }
#contact .sidebar dd { margin: 0 10px 8px 10px; /* background: url(images/bullet.gif) no-repeat 0 2px; padding-left: 14px; */ }
#contact .sidebar dd.pdf { background: url(images/pdf_icon.gif) no-repeat 0 0; padding-left: 17px; }
.reader { font-size: 85%; color: #666; margin: 0 10px; }
.reader a { color: #666; font-weight: bold; }

/* Footer
----------------------------------------- */	

#footer { background: #C2C2C2 url(images/footer.gif) repeat-x top left; padding: 10px 40px; text-align: center; font-size: 85%; }
#footer a:link, #footer a:visited { color: #333; }
.footer_links { font-size: 115%; }