/* xpandedreports.com   |   screen.css */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;}

ol, ul { list-style: none; }

blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none; } 

/* remember to define focus styles! */:focus { outline: 0; } 

/* remember to highlight inserts somehow! */ins { text-decoration: none; }

del { text-decoration: line-through; } 

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0; }

body {
	background: #A1A9AC url(../images/bg.jpg) 0 0 repeat-x;
	font: 62.5% Arial, Helvetica, sans-serif; 
	color: #333; 
	text-align: center; 
	margin: 0; 
	padding: 0;
	line-height: 1;
	}
#wrap-home {

	width: 972px; 
	text-align: left; 
	margin: 0px auto 0px; 
	background:none;
	position:relative;
	background:url(../images/cbg.jpg) 0 90px no-repeat;
	}	
#wrap {
	width: 972px; 
	text-align: left; 
	margin: 0px auto 0px; 
	background:none;
	position:relative;
	background:url(../images/cbg.jpg) 0 90px no-repeat;
	z-index:1000;
	position:relative;
	}
	
#wrap-video {
	width: 980px; 
	text-align: left; 
	margin: 0px auto 0px; 
	background:none;
	position:relative;
	z-index:1000;
	position:relative;}
	
h1 {
	float: left;
	text-indent: -9999em;
	}
	
#header {
	width: 960px;
	height: 100px; 
	background:none;
	margin: 0 6px;
	text-align:left;
	position:relative;
	}


	
#nav {
	float: right;
	margin: 0 0 0 0;
	padding: 0px;
	height:42px
	}

	
#nav li { 

    margin-bottom: 0px;
    list-style: none;
    padding: 0;
	display:block;
	float:left;
	height:42px;
    }
	
#nav li a {
	display:block;
	height: 42px;
	font-size:14px;
	font-weight:600;
	float:left;
	text-decoration:none;
	padding:12px 15px 0px 15px;
	color:#ffffff;
	background:url(../images/nav-bg.jpg) 0 0 repeat-x;	
	}
#nav li#home , #nav li#about , #nav li#products , #nav li#support {border-right:1px solid #722f09; height:42px;}
#nav.contact li{border-right:none;}
#nav .home {background:url(../images/nav-home.jpg) top left no-repeat;}
#nav .about-us {background:url(../images/nav-contact.jpg) top right no-repeat; border-right:none;}
#nav .home:hover, #nav .home.active{background:url(../images/nav-home-h.jpg) top left no-repeat;}
#nav .about-us:hover, #nav .about-us.active {background:url(../images/nav-contact-h.jpg) top right no-repeat; border-right:none;}
	
#nav li a:hover, #nav li a.active {
	background:url(../images/nav-bg-hover.jpg) 0 0 repeat-x;
	color:#4f5b5b;
	}
	
.header-contact {width:580px; height:40px; float:right;}
.header-contact p {font-size:14px; margin:10px 0px; font-weight:bold; line-height:16px; color:#333333; text-align:right;}	

#logo {
	float: left;
	margin: 35px 0 0 0px;
	border: 0;
	}
	
#print-logo { display: none; }
#content-home {
	width: 972px;
	padding: 0px 0px 0px 6px;
	margin-top:32px;
	background:url(../images/cbg-interior.jpg) 0 570px no-repeat;
	z-index:-5;
	min-height:630px;
	}


	
	ul#pics { z-index:5000; }
	#rotatebox li {}
	
	#fader {background:url(../images/fader-bottom.jpg) bottom right no-repeat; padding-bottom:21px; height:262px; width:646px; float:right;}
	
	ul#news {
	float:right;
	height: 272px;
	overflow: hidden;
	margin: 0px 0px 0px 0px; 
	width: 646px; 
	text-align: left;  
	position:relative;
	z-index:5000;
	
	}

#news li {
	list-style: none;
	font-size: 26px;
	color: #fff;
	width: 646px;
	height: 272px;
	text-align:left;
	color:#FFFFFF; 
	line-height:2em; 
	margin-right:0px; 
	z-index:0; 
	
	}
	
#news .title {
	font-size: 61px;
	font-variant: small-caps;
	}
	
#news .text {
	clear: both;
	width: 630px;
	}

#news li {font-family: arial, helvetica, sans-serif;}
	
#news li.rotator-01 { background: url(../images/hp-image-01.jpg) 0 0 no-repeat; }

#news li.rotator-01 .text { float: left; margin: 210px 0 0 20px;}

#news li.rotator-02 { background: url(../images/hp-image-02.jpg) 0 0 no-repeat; }

#news li.rotator-02 .text { float: left; margin: 210px 0 0 20px;}

#news li.rotator-03 { background: url(../images/hp-image-03.jpg) 0 0 no-repeat; }

#news li.rotator-03 .text { float: left; margin: 210px 0 0 20px;}

#news li.rotator-04 { background: url(../images/hp-image-04.jpg) 0 0 no-repeat; }

#news li.rotator-04 .text { float: left; margin: 210px 0 0 20px;}



.welcome {
float:right;
width:620px;
padding:10px 25px 20px 0px;
margin-top:0px;
}	
.welcome h2 {
	color: #CD6601;
	font-size: 28px;
	margin-bottom: 15px;
	font-weight: bold;
	}
	
.welcome h3	{
	color: #96bd5e;
	font-size: 2.5em;
	margin-bottom: 15px;
	font-weight: normal;
	}
	
.welcome h3 a { 
	color: #96bd5e;
	text-decoration: none; 
	}
	
.welcome h3 a:visited { color: #96bd5e; }

.welcome h3 a:hover { text-decoration: underline; }

h3 { font-size: 1.3em; }
	
.welcome p {
	font-size: 1.4em;
	line-height: 1.6em;
	margin: 10px 0px 0px 0px;
	color:#333333;
	}
.welcome ul {margin:0px; padding:0px;}
	
.welcome li {margin:3px; padding:0px;font-size: 1.4em;line-height: 2em;}
	
.welcome img {float:right; margin:0px; padding:0px;}
.learn-more {color:#96bd5e; font-weight:bold; padding:0px 15px 2px 0px; background:url(../images/arrow.jpg) center right no-repeat; text-decoration:none; width: 100px;}

.welcome .button {background:#cc6600; color:#ffffff; padding:5px 8px 8px 8px; text-decoration:none;font-size:13px; }
.welcome .button:hover {background:#8E4800;}

#images-home {
	width: 600px;
	margin: 0px 0 10px 50px;
	text-align: center;
	float:left;
	}
	
#images-home img { margin-right: 30px; }

#magnets {float:left; margin:0px 0px 0px -10px; width:300px; padding:0px;}

.magnet1 {background:url(../images/magnet-bottom-1.jpg) bottom left no-repeat #cc6600; width:300px; float:left; margin:0px; padding-bottom:32px;}

.magnet2 {background:url(../images/magnet-bottom-2.jpg) bottom left no-repeat #4c5c60; width:300px; float:left; margin:0px; padding-bottom:32px;}

.magnet3 {background:url(../images/magnet-bottom-3.jpg) bottom left no-repeat #96bd5e; width:300px; float:left; margin:0px; padding-bottom:30px;}

.magnet1 h3, .magnet2 h3, .magnet3 h3 {color:#ffffff; font-size:2.2em; margin:20px 0px 0px 20px; font-weight:100; text-decoration:none;}
.magnet1 h3 a, .magnet2 h3 a, .magnet3 h3 a {color:#ffffff; font-weight:100; text-decoration:none;}
.magnet1 p, .magnet2 p, .magnet3 p {color:#ffffff; font-size:1.2em; margin:10px 20px; line-height:1.4em; padding-bottom:10px;}
.magnet1 a, .magnet2 a, .magnet3 a {color:#ffffff; text-decoration:underline;}
.magnet1 a:hover, .magnet2 a:hover, .magnet3 a:hover {color:#f2f2f2; text-decoration:none;}

.magnet1 img, .magnet2 img, .magnet3 img {float:right; border:none; margin:0px 20px 20px 10px;}
	
#footer {
	clear: both;
	width: 972px;
	background: url(../images/footer.jpg) left top no-repeat;
	text-align: left;
	padding-bottom: 10px;
	}
	

#footer .address {float:left; width:270px;}
#footer .address p {
	color: #ffffff;
	padding: 10px 0px 0px 30px;
	line-height:1.6em;
	font-size: 12px;
	}
	
#footer .address a {text-decoration:none; color: #fff; font-weight: bold; }
#footer .address a:visited { color: #fff; }
#footer .address a:hover {text-decoration: underline; color: #fff;}
#footer .address a.twitter { display:block; width: 85px; height: 30px; background: url(../images/twitter-logo.png) right top no-repeat; color: #fff; text-decoration: none; font-size: 1.2em; margin: 0 0 0 30px; padding-top: 3px; }
#footer .address a.twitter:visited { color: #fff; }
#footer .address a.twitter:hover { text-decoration: underline; }
#footer a.kinetic { color: #fff; font-size: 1.2em; font-weight: normal; margin: 0 0 0 30px; }
#footer a.kinetic:visited {color: #fff; }
#footer a.kinetic:hover { text-decoration: underline; }	


#footer form {float:right; margin: 10px 25px 0 0;}
#footer form .button {background:#cc6600; color:#ffffff; padding:3px 5px; border:1px solid #909090; text-decoration:none;font-size:13px;}
#footer form .button:hover {background:#8E4800;}
#footer .affiliate { display: block; width: 180px; float: left; margin: 30px 0 0 130px; }
#footer .affiliate .button {background:#cc6600; color:#ffffff; padding:5px; border:1px solid #909090; text-decoration:none;font-size:13px; margin: 2px 0 2px 27px;}
#footer .affiliate .button:visited { color: #fff; }
#footer .affiliate .button:hover {background:#8E4800;}
#footer .enews {padding:5px 0px 0px 0px;}
#footer .enews-home {padding:10px 0px 0px 0px;}
	
/*  INTERNAL   */
#content {
	width: 972px;
	padding: 0px 20px 0px 0px;
	margin-top:32px;
	background:url(../images/cbg-interior.gif) 0 575px no-repeat;
	z-index:-5000;
	}
	
#content .with-sidebar {float:left; width:620px;}
	
#content h2	{
	color: #96bd5e;
	font-size: 3em;
	margin-bottom: 30px;
	font-weight: normal;
	}
	
#content h3 {font-size:1.6em;
font-weight:bold;
color:#4c5c60;
margin:15px 0px 10px 0px;
}

#content h4 {
	font-weight: bold;
	font-size: 1.3em;
	color: #cc6600;
	margin-bottom: 10px;
	}
	
#content p {
	font-size: 1.3em;
	line-height: 20px;
	margin: 5px 0px;
	color:#333333;
	padding-bottom:10px;
	}
	
#content p.policy { 
	font-size: 1.0em; 
	line-height: 16px;
	margin: 0;
	padding-bottom: 8px;
	}

#content a {color:#cc6600;}

#content a:hover {color:#cc6600; text-decoration:none;}

#content a:visited {color:#cc6600;}

#content .button {background:#8E0C25; color:#ffffff; padding:3px 5px; border:1px solid #240000; margin:10px 5px 10px 0px; text-decoration:none;}
#content .affiliate.button {background:#cc6600; color:#ffffff; padding:5px; border:1px solid #909090; text-decoration:none;font-size:.7em; margin: 2px 0 2px 0px;}
#content .affiliate.button:visited { color: #fff; }
#content .affiliate.button:hover {background:#8E4800;}

#content .learn-more-interior {color:#7fa04e; padding:0px 15px 2px 0px; background:url(../images/arrow-2.jpg) right 2px no-repeat; margin:0px; text-decoration:none;}

#content a:visited.learn-more-interior {color:#7fa04e; }

#sidebar {float:left; margin:0px 20px 22px -4px; width:300px; padding:0px;}
#sidebar ul.download { margin: 0 15px 10px 0; }
#sidebar .sidebar {background:#cc6600; width:300px; float:left; margin:0px; padding-bottom:0px;}
#sidebar .sidebar h3 {color:#ffffff; font-size:2em; margin:20px 0px 10px 20px; font-weight:100;}

#sidebar .sidebar p {color:#ffffff; font-size:1.2em; margin:10px 20px; line-height:1.8em; padding:0px;}
#sidebar .sidebar a {color:#ffffff; text-decoration:none;}
#sidebar .sidebar a:visited {color:#ffffff;}
#sidebar .sidebar a:hover {color:#999999; text-decoration:none;}
#sidebar .sidebar a.active {color: #fcc433; font-weight: bold;}
#sidebar .sidebar li {color:#ffffff;}
#sidebar img {padding:0px; margin:0px;}

#sidebar .sidebar img {float:right; border:none; margin:0px 20px 20px 10px;}
#sidebar img.conference-logo { float: left; margin: 10px 0 10px 80px; }
#images-interior {
	width: 170px;
	clear: both;
	margin: 10px 0 10px 70px;
	text-align: center;
	}
	
#images-interior img { margin-bottom: 10px; }

#content ul li
{
list-style-type: none;
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left:15px;
}

#content li li { font-size: 1.0em; }

#content ol li
{
list-style-type:decimal;
margin-left:35px;
}


#content ol li li
{
list-style-type:lower-alpha;
font-size:1em;
margin-left:20px;
}

#content ol.faq li
{
list-style-type:decimal;
margin-left:35px;
font-weight:bold;
}

#content ol.faq li li
{
list-style-type:none;
margin-left:35px;
font-weight:100;
}	

img.right {
	float: right;
	margin: 0 0 15px 15px;
	padding: 3px;
	border: #CC6600 solid 1px;
	}
	
img.left {
	float: left;
	margin: 0 35px 15px 0;
	padding: 3px;
	border: #CC6600 solid 1px;
	}
	
img.no-float {	margin: 10px 0px 15px 0;
	padding: 3px;
	border: #CC6600 solid 1px;
	}
	

	
.bios {height:170px; width:900px; margin:10px 0px; float:none;}
img.bio {
	float:left;
	margin:0px 15px 15px 0px;
	padding:3px;
	border: #240000 solid 1px;
	display:block;
	}	
ul { margin: 0 0 10px 15px; }

li {
	list-style: disc;
	padding-bottom: 8px;
	font-size: 1.2em;
	line-height: 18px;
	}
#clients { margin:0px auto;}
.client-col {width:270px; float:left; margin:10px 12px 20px 0px; background:#066C6E; padding:10px; border:1px solid #000000;}
.client-col-last {width:270px; float:left; margin:10px 0px 20px 0px; background:#066C6E; padding:10px; border:1px solid #000000;}
#clients h4 {font-size:2em;
font-weight:bold;
color:#240000;
text-align:center;
margin:30px 0px 10px 10px;}
#clients p {color:#ffffff;margin:5px 10px 0px 10px; font-size:1.3em;}

ul.pdf { margin: 0; }

ul.pdf li { 
    list-style: none;
    padding-bottom: 20px;
    font-size: 1.0em;
    }

ul.pdf li a {
    background: url(../images/pdf.png) 0 0 no-repeat;
    padding: 5px 0 5px 30px;
    }
    
a.pdf {
    background: url(../images/pdf.png) 0 0 no-repeat;
    padding: 5px 0 5px 30px;
    float: left;
    width: 610px;
    margin: 0 0 20px 0;
    }
	
.error {font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#AA0000; padding-left:10px;}
	
* html a.pdf { width: 590px; }
    
.free-trial a{
	background:url(../images/free-trial-button.jpg) top left no-repeat;
	padding:0px;
	text-indent:-9999px;
	margin:0px 0px 0px 10px;
	position:absolute;
	width:120px;
	height:42px;
	left: 380px;
	top: 35px;
}
.free-trial a:hover {background:url(../images/free-trial-button-hover.jpg) top left no-repeat;}

#content a.buy-now  {
	background:url(../images/buy-now-button.jpg) top left no-repeat;
	padding:15px 50px;
	text-indent:-9999em;
	margin:10px 0px 10px 0px;
	width:99px;
	height:35px;
}
#content a.buy-now:hover {background:url(../images/buy-now-button-hover.jpg) top left no-repeat;}
.button2 {background-color:#CC6600; padding:3px 5px; color:#ffffff; border:1px solid #333333;} 


	
.help-service tr { background: #eee; }
.help-service tr.head {
	background: #96bd5e;
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
	}	
.help-service td { border:1px solid #333333; padding:10px;}

.help-service tr.dark {background: #d8d8d8; }

.movie { float: right; margin: 0 0 10px 10px; }

.clear { clear: both; }
#content .questions-comments form { background-color: #eee; border: #ccc solid 1px; padding: 10px; width: 600px; margin-bottom: 25px; font-size: 1.3em; line-height: 16px;}

.questions-comments form td { padding: 5px; }
#content .questions-comments form td.label { width: 150px; }
#content .questions-comments form .note { font-size: 0.8em; }
#content .questions-comments input { width: 300px; }

form#download { background-color: #eee; border: #ccc solid 1px; padding: 10px; width: 310px; margin-bottom: 25px; }

#download label { font-size: 1.2em; }

#download input { width: 305px; margin: 5px 0 10px 0;  border: #aaa solid 1px;}

#download select { width: 305px; margin: 5px 0 10px 0; border: #aaa solid 1px; color: #aaa; }

#download input.button {background-color:#cc6600; color:#fff; padding:3px 5px; border:0; text-decoration:none; width: 100px; margin-left: 205px;}
#content .questions-comments input.button {background-color:#cc6600; color:#fff; padding:3px 5px; border:0; text-decoration:none; width: 100px; margin-right: 0;}
#download input.button:hover, #content .questions-comments input.button:hover {background-color:#8E4800;}

.video { width: 600px; margin-bottom: 25px; clear: both; float: left; }
.video object { float: left; margin: 0 20px 0 0; }
.video p { float: left; width: 240px; }

.smallbox {font-size:70%;border-color:blue;}
.hint_display {color:#000;}

.note {
	width: 604px;
	background-color: #eee;
	padding: 1px 8px 8px 8px;
	margin: 20px 0;
	}
	
.note img.first { margin-right: 20px;}
