* { margin: 0; padding: 0; }

html,body { height: 100%; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666; }
h1 { float: left; width: 100%; font-size: 24px; color: #C5E545; padding: 10px 0; }
a { color: #F48120; }

.topHR { float: left; height: 2px; width: 100%; margin: 3px 0; background: #808080; }
.bottomHR { float: left; height: 7px; width: 100%; margin: 3px 0; background: #808080; }
.error { background: #FFCACB; }

/* Layout */

#wrapper { width: 800px; margin: 0 auto; }

#header { float: left; width: 800px; height: 85px; background: url(images/header.jpg) top left no-repeat; border-bottom: 5px solid #E6E6E6; }
#header #logo { float: left; margin: 20px }
#header #utilNav { float: right; margin-top: 15px; background: #fff; list-style: none; }
#header #utilNav li { float: left;  }
#header #utilNav a { padding: 3px 10px; width: 75px; color: #666; font-weight: bold; font-size: 11px; text-decoration: none; text-align: center; display: block; }
#header #utilNav a:hover { background: #F48120; color: #FFF; }
#header #utilNav .active a { background: #F48120; color: #FFF; cursor: default; }

#mainNav { float: left; width: 800px; height: 50px; list-style: none; padding-top: 5px; }
#mainNav li { float: left; }
#mainNav a { width: 116px; height: 20px; padding-top: 5px; display: block; text-align: center; text-decoration: none; color: #999; font-size: 11px; background: url(images/tab.jpg) 0 -25px no-repeat; }
#mainNav a:hover { background-position: 0 0; color: #000; font-weight: bold; }

#footer { float: left; width: 800px; padding: 60px 0; text-align: center; color: #999999; }


/* Pages */

#home { float: left; width: 800px; }
#home #flash800w { float: left; width: 800px; height: 250px; }
#home #leftColumn { float: left; width: 224px; padding-right: 50px; font-size: 18px; line-height: 24px; text-align: justify; color: #B2B2B2; border-right: 2px solid #E6E6E6; }
#home #rightColumn { float: left; width: 474px; padding-left: 50px; font-size: 12px; text-align: justify; line-height: 25px; }

#about { float: left; width: 800px; }
#about a { font-size: 14px; font-weight: bold; color: #F48120; }
#about a:hover { text-decoration: none; }
#about #flash800w { float: left; width: 800px; height: 250px; }
#about #leftColumn { float: left; width: 349px; padding-right: 50px; text-align: justify; line-height: 20px; border-right: 2px solid #E6E6E6; }
#about #rightColumn { float: left; width: 349px; padding-left: 50px; text-align: justify; line-height: 20px; }

#contact { float: left; width: 800px; }
#contact #map_canvas { float: right; }
#contact #map_canvas .mapCap { width: 220px; text-align: center; }
#contact #map_canvas .mapCap .title { font-size: 14px; padding-bottom: 10px; color: #F48120; font-weight: bold; }
#contact #leftColumn { float: left; width: 280px; font-size: 12px; line-height: 24px; color: #666; }
#contact #leftColumn ul { list-style: none; }
#contact #leftColumn li { float: left; width: 260px; margin-bottom: 20px; padding: 10px; background: #F2F2F2; }
#contact #leftColumn li .empty { background: #F2F2F2; }
#contact #leftColumn li img { float: left; }
#contact #leftColumn li div { float: left; padding-left: 15px; }
#contact #leftColumn strong { color: #333; }
#contact #leftColumn .form { float: left; display: none; width: 260px; background: #F2F2F2; padding: 10px; }
#contact #leftColumn .form label { float: left; width: 70px; height: 16px; margin: 0 15px 5px 0; text-align: right; line-height: 14px; }
#contact #leftColumn .form input, #contact #leftColumn .form textarea  { float: left; width: 170px; height: 16px; margin-bottom: 5px; border: 1px solid #b2b2b2; }
#contact #leftColumn .form textarea  { height: 75px; }
#contact #leftColumn .form #captcha { float: left; height: 50px; margin-bottom: 5px; }
#contact #leftColumn .form .submit { float: left; clear: both; width: 75px; height: 28px; margin: 0 0 5px 182px; cursor: pointer; }
#contact #leftColumn .form .errorMsg { float: left; display: none; width: 240px; padding: 10px; background: #FFCACB; }

#media { float: left; width: 800px; }
#media #leftColumn { float: left; width: 290px; margin-right: 30px; }
#media #leftColumn h1 { float: left; width: 100%; padding-bottom: 0; font-size: 22px; color: #C5E545; }
#media #leftColumn h2 { float: left; width: 100%; padding-bottom: 15px; font-size: 16px; color: #B2B2B2; }
#media #leftColumn h2 img { position: relative; top: 4px; }
#media #leftColumn p { float: left; width: 100%; height: 220px; padding-right: 10px; font-size: 11px; line-height: 18px; text-align: justify; color: #868686; overflow-x: hidden; overflow-y: auto; }
#media #rightColumn { float: left; width: 480px; }
#media #rightColumn #flash480w { float: left; width: 480px; height: 270px; }
#media #thumbs { float: left; width: 775px; padding: 15px 0 5px 25px; margin-top: 25px; background: #E6E6E6; }
#media #thumbs ul { list-style: none; }
#media #thumbs li { float:left; padding: 0 8px 8px 0; cursor: pointer; }
#media #thumbs a { text-decoration: none; }
#media #thumbs img { float: left; opacity:0.35; filter: alpha(opacity=35); }
#media #thumbs .imgROV { opacity: 1; filter: alpha(opacity=100); }
#media #thumbs label { float: left; width: 100px; height: 15px; margin: 35px 0 0 -100px; color: #666; font-weight: bold; text-align: center; overflow: hidden; display: block; background: #FFF; opacity:0.15; filter: alpha(opacity=15); }
#media #thumbs .labelROV { color: #FFF; font-size: 11px; background: #000; opacity:0.75; filter: alpha(opacity=75); }
#media #thumbs .client, #media #thumbs .title, #media #thumbs .desc { display: none; }