body {background:#000 url(../img/bodybg2.jpg) repeat-x; font-family:Arial, Sans-Serif; font-size:62.5%; color:#444;}

noscript p {display:block; font-size:1.2em; color:#833; border:solid 1px #ccc; border-top:none;}

h3 {border-bottom:solid 1px #ddd; font-weight:bold; line-height:20px; font-size:1.3em; text-align:left; margin:0 6px; padding:0 6px;}
p {padding:6px 12px; font-size:1.2em;}
p a {color:#555;}
p a:hover {color:#222;}
.to-right {float:right;}

div.clearing {clear:both;}

div#wrapper {margin:0 auto; width:920px; background:#000 url(../img/contentbg2d.jpg) no-repeat;}
div#content {padding-top:38px;/*84px for large header*/ width:898px; margin-left:11px; margin-right:11px;}
div#content-body {margin:0; padding:0; width:898px;  background:#fff;
   min-height:310px; height:auto !important; height:310px;} /* dustin-diaz min-height fast hack for IE6 */
div#inner-content {margin:0; padding:0; width:898px; background:#fff;}

div#header {}
div#header h1 {position:absolute; margin-top:-1000px;}
div#header h2 {margin:2px 10px 7px 10px; text-align:right; margin-left:315px; color:#bdf; font-size:1.1em; font-weight:bold;}
div#header h2 a {color:#bdf; font-weight:bold; text-decoration:none; outline:none;}
div#header h2 a:hover {text-decoration:underline;} 

div#footer {position:relative; clear:both; margin:0; padding:0; height:120px; background:transparent url(../img/content-base2.jpg) no-repeat; font-size:1.1em;}
div#footer a {color:#777; text-decoration:none;}
div#footer a:hover {color:#444; text-decoration:underline;}
div#footer div.legal {clear:both; padding:0 10px; color:#bbb; text-align:left; border-top:solid 1px #ccc; text-align:right;}
div#footer div.legal a {font-weight:bolder;}

#movie {clear:both; position:relative; height:175px; width:898px;}
.m-home {background:#f6f6f6 url(../img/home-mv.jpg) no-repeat;}
.m-contact {background:#f6f6f6 url(../img/customer-mv.jpg) no-repeat;}
.m-about {background:#f6f6f6 url(../img/about-mv.jpg) no-repeat;}
.m-error {background:#f6f6f6 url(../img/error-mv.jpg) no-repeat;}
.m-thanks {background:#f6f6f6 url(../img/thanks-mv.jpg) no-repeat;}

ul#nav {display:block; padding:0; clear:both; float:left; list-style:none outside; width:100%; border-bottom:solid 1px #555; background:#ddd url(../img/navbg.jpg) repeat-x;}
ul#nav li {float:left; border-left:solid 1px #e8e8e8; border-right:solid 1px #555;}
ul#nav li a {float:left; display:block; text-decoration:none; outline:none; padding:0px 20px; line-height:24px; color:#333;
   font-family:arial, verdana, san-serif; font-size:1.1em; font-weight:bold;}
ul#nav li a:hover, ul#nav li a.selected {background:#eee url(../img/navbg-light.jpg) repeat-x; color:#000;}
ul#nav li#home {border-left:solid 1px transparent;}
ul#nav li#request {float:right; margin:0; padding:3px 10px; border:none;}
ul#nav li#request a {line-height:normal; padding:1px 12px; text-decoration:none; background:transparent; 
   border:solid 1px #888; border-top-color:#eee; border-left-color:#fff;}
ul#nav li#request a:hover {color:#000; background:#d0d7dd;}

.home {float:left;}
.home #left-col {float:left; padding:0; margin:0; width:584px;}
.home #right-col {float:left; padding:0; margin:0; width:292px; }

.e404, .msg {float:left;}
.e404 div, .msg div {font-size:2.0em; margin:40px;}

.contact {float:left;}
.contact a {color:#333;}
.contact #contact-header {margin:0 20px; padding:20px 0; color:#555; font-size:2em; font-family:Sans-Serif; /*border-bottom:solid 1px #ccc;*/}
.contact #contact-footer {clear:both; margin:0 20px; padding:20px 0; color:#555; font-size:1.2em; /*border-top:solid 1px #ccc;*/}
.contact #left-col {clear:left; float:left; padding:0; margin:20px 0; width:50%; border-right:solid 1px #ccc;}
.contact #right-col {float:left; padding:0; margin:20px 0; width:49%;}
.contact ul {margin:0 70px; font-size:1.2em; font-weight:bold; text-align:center;}
.contact ul li a {display:block; background:#f7f7f7 url(../img/navbg-sel.jpg) repeat-x bottom; margin:20px 0; line-height:40px; color:#333;
   border:solid 1px #999; -moz-border-radius:8px; -webkit-border-radius:5px; outline:none; text-decoration:none;}
.contact ul li a:hover {background:#f7f7f7 url(../img/navbg-sel.jpg) repeat-x top; text-decoration:underline;}

div.contact-form, div.project-form {float:left;}
div.contact-form .form {width:500px;}
div.project-form .form {width:650px;}
div.form {margin:40px auto; background:#f7f7f7;}
div.form .header {font-weight:bold; font-size:1.2em; padding:6px 0; text-align:center; border:solid 1px #ccc; 
   background:#ddd url(../img/navbg-sel.jpg) repeat-x; 
   -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px;
   -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px;}
div.form .footer {text-align:center; border:solid 1px #ccc; padding:4px 10px; background:#eee;
   -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px;
   -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px;}
div.form .footer input {font-size:1.1em;}
div.form .body {border-left:solid 1px #ccc; border-right:solid 1px #ccc; padding:20px 0;}
div.form table {margin:0; width:100%; font-family:Arial, Verdana, Sans-Serif; font-size:1.1em;}
div.form table td {padding:2px 0;}
div.form table input, div.form table textarea, div.form table select {color:#444; font-family:Arial, Verdana, Sans-Serif; font-size:1em;}
div.form table td.prompt {text-align:right; vertical-align:top; padding-top:3px;}
div.form table td.value {padding-left:8px; text-align:left;}
div.form table td.desc {text-align:left; padding:0px 20px 10px 20px;}
div.form table td.desc span {display:block; border-top:solid 1px #ddd; padding-bottom:3px;}
div.form table td.misc {text-align:center; padding:3px 0;}
div.form table td.flow {text-align:left; padding:0 20px 10px 80px;}
div.form table td.subheader {text-align:center; padding:0 10px; vertical-align:top; width:60px; font-weight:bold; font-size:1.2em; border-right:solid 1px #ddd;}
div.form table td.separator div {margin-top:11px; margin-bottom:12px; height:1px; padding:0; border-top:solid 1px #ddd;}

.accordian {margin:20px 10px; padding:0; font-family:Arial, Sans-Serif;}
.accordian li {padding-bottom:10px; border:none;}
.accordian h3, #blogItems h3, #about h3 {margin:0; padding:2px 8px; display:block; border:solid 1px #ccc; color:#444; font-size:1.1em; 
   background:#ddd url(../img/navbg-light.jpg) repeat-x;
   -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;
   -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}
.accordian li.clp h3 {-moz-border-radius:5px; -webkit-border-radius:5px;}
.accordian li.exp h3, #blogItems.hover h3 {color:#222; border-color:#ccc; background:#eee url(../img/navbg-light.jpg) repeat-x; 
   -moz-border-radius:0px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;
   -webkit-border-radius:0px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}
.accordian li.hover h3, #blogItems.hover h3 {background:#eee url(../img/navbg-sel.jpg) repeat-x center;}
.accordian div, #blogItems ul, #about div {margin:0; background:#fafafa; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #ccc; height:130px;
   -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;
   -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}

#blogItems {margin-top:20px; margin-left:10px; background:#fafafa;}
#blogItems ul {height:auto; padding:2px 0 1px 0; list-style:none;}
#blogItems ul li {margin:0 4px; padding:1px;}
#blogItems ul li a {display:block; margin-bottom:1px; padding:2px 5px; text-decoration:none; color:#444; font-size:1.1em; border:solid 1px #fafafa;}
#blogItems ul li a:hover {color:#000; border:solid 1px #aaa; -moz-border-radius:5px; -webkit-border-radius:5px;
   background:#e0e7ee url(../img/navbg-light.jpg) repeat-x;}

div#about {position:relative; padding:40px 100px;}
div#about h3 {margin:30px 30px 0 30px; background:#ddd url(../img/navbg-sel.jpg) repeat-x;}
div#about h3.first {margin-top:0;}
div#about p {margin-bottom:15px; padding:0 20px;}
div#about div {height:inherit; margin:0 30px; padding-top:10px;}

/* known issues

  IE6 Issues
---------------------------------------------------------------------------------------------------------------------
 - There is an annoying white flash during page load for all pages. This may be, in part, due to having the accordian
   fully expanded.  If possible, detect the presence of javascript early and pre-collapse the accordian.
 - There is a hover issue w/the blog items list.  The h3 element only gets it's hover state when an li is not being
   hovered.  
 - Only the textual portion of the blog items in the blog item list trigger hover behavior.   
 - Only the central portion of the main menu items trigger hover behavior.

*/