/******super-dooper main***/
body {padding: 0; margin: 0; background: #3399cc}
body, p, td {font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #006699}



/******attic***/
.attic {
background: #ffaa00; height: 190px; text-align: center;
border-bottom: 4px solid #ffd400;
}
.attic_block {width: 770px; margin: 0 auto; text-align: left; position: relative}
.description {position: absolute; top: 130px; left: 230px; font: 10px Verdana, Arial; color: #805500}
.hitlens-logo {float: left; padding-left: 40px}
.slogan {float: left; margin-top: 40px; margin-left: 45px}
.slogan p {margin: 10px 0; font-size: 18px; font-style: italic; color: #990000}
.slogan span {color: #dd0000}




/******body***/
.body-container {
text-align: center;
background: url(images/body-container-bg.gif) repeat-x #3399cc
}
.body {width: 770px; margin: 0 auto; background: #ffffff}

/*-----menu--*/
.main-menu {
padding: 0 0 0 10px; background: #2b91c4; height: 30px; text-align: left;
font-size: 18px; color: #ffd400; vertical-align: bottom
}
.main-menu a {display: block; padding: 0 10px 3px 10px; float:left; margin-right: 5px}
.main-menu a:link {color: #ffd400}
.main-menu a:visited {color: #d9b500}
.main-menu a:active {color: #ccaa00}
.main-menu a:hover {color: #ffd400; background: #31a4de}
/*class and id work on different menu.php files. id for reports, 'cause it has submenu*/
.active-tab {background: #ffffff; color: #d9b500}
a.active-tab:link {background: #ffffff; color: #d9b500}
a.active-tab:hover {background: #ffffff}
#active-tab {background: #fff5de; color: #d9b500}
a#active-tab:link {background: #fff5de; color: #d9b500}
a#active-tab:hover {background: #fff5de; color: #ffd400}
.report_menu {
	clear: both; text-align: center; font-size: 12px; color:#006699;
	padding: 5px 0; font-weight: bold; background: #fff5de
}
.report_menu a {padding: 5px 9px; margin: 5px 0;}
.report_menu a:hover {position: relative; top: 2px}
.report_menu a.active-tab:hover {top: 0; color: #ffd400}
.report_menu a:visited {color: #006699}
/*tour*/
#tour .attic {display: none}
#tour td.content h1 {position: relative; width: 100%}
#tour td.content h1 div {position: absolute; width: 42px; height: 320px; left: -60px;
	background: url(images/hitlens_logo_tour.png) no-repeat; display: inline}
#tour td.content p {font-size: 80%; float: right; width: 165px; margin: 0}
.tour_nav {background: #fff5de; padding: 5px 0}
.tour_nav a {margin: 0 5px; padding: 0 5px 5px 5px}
.tour_nav_disabled {margin: 0 5px; padding: 0 5px 5px 5px; color: #cccccc}
.tour_nav a:hover {position: relative; top: 2px}
.tour_nav a.active-tab:hover {top: 0; color: #ffd400}
.tour_nav a:visited {color: #006699}
.tour_shot {/*margin: 0 0 10px 90px*/margin: 0 15px 10px 5px; float: left}

/*-----content--*/
.content {padding: 0 10px 10px 10px; text-align: left}
.mission {border-left: 2px solid #006699; padding: 10px; width: 515px; background-color: #cceeff}
.img_display {padding: 50px}
.img_display img {margin: 0 auto}
.img_display a:link, .img_display a:visited {color: #00334d}
.img_display a:hover {color: #66ccff}
.right_col {float: right; width: 200px; margin: 0 0 0 10px}
.download_block {border-width: 0; margin-bottom: 10px}
.block {background: #cceeff url(images/block-top.gif) top no-repeat; margin-bottom: 10px}
.block td {padding: 0 10px; background: url(images/block-bottom.gif) bottom no-repeat}
.block p {font-size: 11px; margin: 0 0 10px 0}
.block h2 {color: #73bfe5; margin: 10px 0 10px 0; padding: 0;
	text-align: center; border-bottom: 2px solid #99ddff; border-left-width: 0}
.block img {float: left; margin: 0 10px 10px 0}
.testimonial {background: #cceeff url(images/block-tl.gif) left top no-repeat}
.testimonial .header {text-align: center; padding: 10px 10px 0 10px;
	background: url(images/block-tr.gif) right top no-repeat}
.testimonial h2 {color: #73bfe5; margin: 0; border-bottom: 2px solid #99ddff; border-left-width: 0; padding: 0}
.testimonial .user {padding: 0 15px; text-align: center;
	background: url(images/block-bl.gif) left bottom no-repeat}
.testimonial_content {background: url(images/block-br.gif) right bottom no-repeat; padding-right: 10px}

/*-----basement--*/
.basement {text-align: center; margin: 0 auto; width: 770px; height: 50px; background: #61c2f2}
.basement a:link {color: #00334d}
.basement a:active {color: #006699}
.basement a:visited {color: #006699}
.basement a:hover {color: #000000}




/******headings***/
h1 {font-size: 26px; border-left: 5px solid #006699; margin-left: -10px; padding-left: 10px}
h2 {font-size: 20px; color: #ffaa00; border-left: 5px solid #ffaa00; margin-left: -10px; padding-left: 10px}
h3 {font-size: 16px; color: #ffaa00}
h1, h2, h3 {margin-top: 15px; margin-bottom: 15px}

/******lists***/
li {margin-bottom: 15px}

/******body mark-up***/
.item {font-weight: bold; font-style: italic; color: #006699}
.website {font-style: italic}
/*.important {font-weight: bold; color: #ffaa00}/*in the campaign.php*/
.report_thumb {
display: block; padding: 20px 20px 30px 20px; margin: 10px 20px 10px 30px;
float: right; border-top: 1px solid #ffaa00; background: #e5f7ff
}
.report_thumb:hover {border-top: 1px solid #006699}
.report_thumb img {border: 1px solid #888888}
.float-left {display: inline}

a:link {color: #006699}
a:visited {color: #45b0e5}
a:hover {color: #00334d; /*position: relative; bottom: 1px*/}