/* CSS Document */
body { background:url(../images/bg-img.jpg) repeat-x; font: 12px Verdana, Geneva, sans-serif; margin: 0; padding: 0; background-color: #d7d6d6; colour:#333;}
p { margin: 12px 0 11px; letter-spacing: 180%; }
.clearFloat { clear: both; height: 1px; font-size: 1px; }
a { color: #2a6ba3; text-decoration: none; }
a:hover { color: #F00; text-decoration: none; }
table {padding: 10px 0 0;}
a img {border: none;}
ol {padding: 20px 20px 20px 50px;}
li h2{ font-size: 12px; color: #333; margin: 20px 0; }
.logo-margin {margin: 0 0 0 30px; float:left;}
.video-left {margin: 0 0 0 20px;}
.fla-margin {margin: 0 5px;}
tr.header{ background-color:#d73317; font-weight: bold;}
tr.body1{ background-color: #fff;}
tr.body2{ background-color: #FFF4FB} 
.lightgrey {color:#999;}
.red {color:#F00;}
.smallprint { font-size:10px;}
#fla {margin: 0 5px;}
#privacy {margin: 10px;}
#privacy h1 { font-size: 14px; color:#666; }
#video {margin: 0 0 0 20px;}

#wrapper { width: 810px; height: auto; margin: 0 auto; background:url(../images/container-bg-img.png) repeat-y; }

#header { width: 810px; height: 142px; padding: 5px 10px 10px 0; }
#header h1 { width: 800px; font-size: 15px; color: #2d4271; margin: 0 0 10px; text-align:right; vertical-align:text-bottom; }
#header h2 { width: 810px; font-size: 14px; color: #2d4271; margin: 0; }
#header span { color: #2d4271; text-align:right; }
#header p { width: 800px; font-size: 8px; margin: 0 0 10px; text-align:right; vertical-align: text-top; }
#header p img {padding: 0 5px; }

ul.topnav {
	list-style: none;
	padding: 8px 5px 0 5px;
	margin: 0;
	float: left;
	width: 800px;
	height: 22px;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 25px 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 0px 5px;
	color: #d73317;
	display: block;
	text-decoration: none;
	float: left;
}

ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 25px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}

#red-line {width: 800px; height: 8px; margin: 0 5px; float: left; background: #d73317; }
#black-line {width: 700px; height: 1px; margin: 0; background: #CCC ; margin: 0 55px;}

/*ul, li { margin:0; padding:0; list-style:none;}
.the_menu { top:25px; display:none; width:165px; }
.the_menu li { background-color: #8bb8df; float:none;}
.the_menu li a { color:#FFFFFF;text-decoration:none; padding:10px; display:block;}
.the_menu li a:hover { padding:10px; color: #05335c; text-decoration:underline;}*/

#nav {
	width: 800px;
	height: 32px;
	margin: 0 5px;
	
	background: url(../images/nav-bg.jpg) repeat-x;
}
#nav a { color:#002765;}
#nav a:hover {color:#d73317;}

/*#nav-menu li a{ height: 2em; line-height: 2em; float: left; width: 12em; display: block; color: #fff; text-decoration: none; text-align: center;}
#nav-menu ul{ position:absolute; list-style: none; padding: 0; margin: 0;}
#nav-menu li{float: left; margin: 0 0.15em;}

.menu_class { float: none;}*/


#nav .home { width: 50px; height: 25px; float: left; }
#nav .home a { width: 50px; height: 25px; float: left; padding: 0 0 0 20px; background: url(../images/nav/home-off.gif) no-repeat;}
#nav .home a:hover { width: 50px; height: 25px; float:left; background: url(../images/nav/home-on.gif) no-repeat;}

#nav .download { width: 80px; height: 25px; float: left }
#nav .download a { width: 80px; height: 25px; float: left;; padding: 0 0 0 20px; background: url(../images/nav/download-off.gif) no-repeat;}
#nav .download a:hover { width: 80px; height: 25px; float:left; background: url(../images/nav/download-on.gif) no-repeat;}

#nav .visual { width: 90px; height: 25px; float: left; }
#nav .visual a { width: 90px; height: 25px; float: left; padding: 0 0 0 20px; background: url(../images/nav/visual-off.gif) no-repeat;}
#nav .visual a:hover { width: 90px; height: 25px; float: left; background: url(../images/nav/visual-on.gif) no-repeat;}

#nav .video { width: 110px; height: 25px; float: left; }
#nav .video a { width: 110px; height: 25px; float: left; padding: 0 0 0 20px; background: url(../images/nav/video-off.gif) no-repeat;}
#nav .video a:hover { width: 110px; height: 25px; float: left; background: url(../images/nav/video-on.gif) no-repeat;}

#nav .network { width: 120px; height: 25px; float: left; }
#nav .network a { width: 120px; height: 25px; float: left; padding: 0 0 0 20px; background: url(../images/nav/network-off.gif) no-repeat;}
#nav .network a:hover { width: 120px; height: 25px; float: left; background:url(../images/nav/network-on.gif) no-repeat;}


.top-img { width: 800px; margin: 0 0 0 5px; }

#data-content {width: 790px; padding: 10px; float: left; height: auto;}

#reportcontent {
	width: 785px;
	height: 800px;
	float: left;
	padding: 10px;
}
#reportcontent p{ padding: 0 25px; }
#reportcontent h1 { font-size: 14px; color: #2d4271; margin: 0 0 10px; padding: 0 25px; }
#reportcontent h2 { margin: 0; padding: 0 0 12px; font-size: 14px; font-weight: bold; }

#maincontent {
	width: 525px;
	height: auto;
	float: left;
	padding: 10px;
}
#maincontent p{ padding: 0 25px; }
#maincontent h1 { font-size: 14px; color: #2d4271; margin: 0 0 10px; padding: 0 25px; }
#maincontent h2 { margin: 0; padding: 0 0 12px; font-size: 14px; font-weight: bold; }
#maincontent h2 em { font-size: 10px; font-weight: normal; }
#maincontent table { margin: 0 25px; }
#maincontent table .left { margin: 0 0px !important; }

#bar { width: 3px; height: 409px; float:left; margin: 10px 0px; background: url(../images/bar.jpg) no-repeat; }

#news {
	width: 239px;
	height: auto;
	float:left;
	padding: 10px;
}
#news h1 { font-size: 14px; color: #fff; margin: 0 0 10px; padding: 5px 0 0 10px; }
#news p em{ margin: 0; padding: 0; font-size: 10px; font-weight: bold; color: #FFF}
#news p.right { align: right !important; }
#featurebox-header { width:239px; height:30px; background:url(../images/feature-box-bg.jpg); }
#featurebox-content { background-color:#fff; border: 1px solid #ccc;}
#featurebox-content p{ padding: 0 10px;}
#featurebox-content .icon{ padding: 15px 15px 5px 5px; float: left;}


#download {width: 220px; height: auto; float:left; margin: 10px; padding: 0 10px; background:url(../images/feature-box-bg.jpg) no-repeat;}
#download h1 { font-size: 14px; color: #fff; margin: 0 0 10px; padding: 5px 0 0 10px; }
#download p { margin: 20px 0; padding: 0; color: #333}
#download p.right { align: right !important; }

#footer { width: 810px; height: 60px; padding: 1px 0 0; clear: both;  position:relative; }
#below-footer {width: 810px; height:30px; margin: 0 auto; background: url(../images/footer-img.png) no-repeat;}

#footer p { width: 810; font-size: 10px; float: left; margin: 10px 25px; padding: 10px 15px;}
#footer p.right { position:absolute; right: 0px; }

/*about me page*/
#equal_bg2 { width: 843px; height: auto; float: left; background: url(../images/maincontent_equal_bg2.jpg) repeat-y; }
#photobox {width: 160px; height: auto; float:left; padding: 0 20px 0 0;}
#my_content {width: 426px; height:auto; float: left;}
/*#my_content h2 a:hover { color: #09F; text-decoration: underline; }*/

#sidebox {width: 148px; height: auto; float:left; padding: 20px; }
#sidebox h1 { margin: 15px 0 10px; padding: 0;}
#sidebox p { color: #3399ff;}
#sidebox span { color: #99ccff;}
#sidebox a { color: #99ccff;}

/*work page*/
#work_bg { width: 843px; height: auto; float: left; background: url(../images/work_bg.jpg); }
#work_bg a:hover img  { border: 5px solid #210142; }
#work_bg a img {border: 5px solid transparent; }
#work_bg table td{ padding: 0px 5px 5px;}

/*random page*/
#random_bg { width: 843px; height: auto; float: left; background: url(../images/random_bg.gif); }
#random_bg a:hover img  { border: 5px solid #210142; }
#random_bg a img {border: 5px solid transparent; }
#random_bg table td{ padding: 0px 5px 5px;}
#random_bg h1 { margin: 5px 0 0px; padding: 0; }

/*contact page*/
#contact_bg { width: 783px; height: auto; float: left; background:url(../images/contact_bg.gif); padding: 30px;}
#contact_content { width: 750px; height: auto; padding: 19px;}
#contact_content h1 { font-size: 15px; color: #2d4271; margin: 0 0 10px; padding: 0; }
.form_style { border: 1px solid #CCC; width: 185px; font: 12px Verdana, Geneva, sans-serif;
padding: 0.2em; }
.option_style { border: 1px solid #CCC; width: 193px; font: 12px Verdana, Geneva, sans-serif;
padding: 0.2em; }
.textarea_style { border: 1px solid #CCC; width: 400px; font: 12px Verdana, Geneva, sans-serif;
padding: 0.2em; } 
.button_style { border: 1px solid #CCC; font: 12px Verdana, Geneva, sans-serif;
padding: 0.2em; }
.error { width: 185px; height: auto; border: 1px solid #D55151; color: #404040; background-color: #FFDADA;		padding: 0.4em 1px 0.4em 5px; margin: 0 0 1em 25px; }

/*visual report page*/

/*preload classes*/
#my-gallery {width: 800px; height: 400px; background-color:#000; margin: 0 5px; }

.svw {width: 50px; height: 20px; background: #000; margin: 0 5px;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
border: 5px solid #999;  
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0 5px;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #000;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #ccc;
color: #000;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #000;
color: #fff;
border: 5px solid #dedede;
}