/* -----------------------------------------------------

1.0 UNIVERSAL RESETS
2.0 GENERIC CLASSES
3.0 LAYOUT OR PAGE STRUCTURE
4.0 HEADER
5.0 NAVIGATION
6.0 PAGE ELEMENTS
7.0 FOOTER
8.0 OVERLAY (overlay.js)

/*
*********************************************
1.0 UNIVERSAL RESETS: THESE HAVE BEEN SET IN THE RESET.CSS FILE
*/

/*
*********************************************
2.0 GENERIC CLASSES:
*/
    /*
    2.1 HEADINGS
    -------------------------------------------------------- */
	h1 {}
	h2 { color: #888; font: rounded bold 18px  arial narrow, arial, serif; text-transform: uppercase; margin-bottom: 10px; }
	h3 { color: #888; font: bold 20px arial narrow, arial, serif; text-transform: uppercase; margin-bottom: 10px; }
	h3 span { color: #4796ba; }
	h4 {color: #888; font: bold 16px arial narrow, arial, serif; text-transform: uppercase; margin: 15px 0 5px 0; }
	h5 {color: #555; font: bold 13px arial narrow, arial, serif; margin: 10px; }
	

	 /*
    2.2 FLOATS AND CLEAR FLOATS
    -------------------------------------------------------- */
	.floatleft 		{ float: left; display: inline; }
	.floatright 	{ float: right;	display: inline; }
	div.clear 		{ clear: both; }
	div.clearleft 	{ clear: left; }
	div.clearright 	{ clear: right; }
	.onload-hide 	{ display: none; }
	
	/*
    2.3 LINKS (SMALL)
    -------------------------------------------------------- */
    a.small 	{  font-size: 11px !important;  }
	span.small 	{ font-size: 11px; }
	
	
/*
***************************************************
3.0	LAYOUT OR PAGE STRUCTURE 
*/
	
	body 				{ background: #173542 url(images/bg.png) repeat-x center top; color: #fff; text-align: center; }
	body#inner 			{ background: url(images/bg_body_inner.png) no-repeat; }
	div#content-wrapper { width: 990px;	margin: 0 auto; text-align: left; }
	div#main-content 	{	}
	
/*
*********************************************
4.0 HEADER: 
*/	

	div#header 			{ min-height: 118px; }
	div#header h1 		{ float: left; display: inline; }
	div#header h1 a 	{ display: block; width: 320px; height: 70px; text-indent: -9999px; }

/*
*********************************************
5.0 NAVIGATION:
*/

	div#top-navigation 					{ float: right; display: inline; margin: 35px 0; }
	div#top-navigation ul li 			{ float: left; display: inline; padding: 6px 6px; }
	div#top-navigation ul li a 			{ display: block; padding: 7px 14px; color: #eee; font-size: 14px; font-family: "Arial Rounded MT Bold", sans-serif; }
	div#top-navigation ul li a:hover  	{ text-decoration: none; background: url(images/bg_tab.png) repeat-x; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 10px #2c99cf; -webkit-box-shadow: 0 0 10px #2c99cf; box-shadow:  0 0 10px #2c99cf;}
   
/*
*********************************************
6.0 PAGE ELEMENTS:
*/
	/*
	6.1 BANNER
	-------------------------------------------------- */
	
	div#banner 					{ clear: both; background: url(images/bg_banner.png) no-repeat left bottom; padding: 30px 0 0 500px; min-height: 338px; }
	div#banner h2 				{ background: url(images/bg_h2_unleash.png) no-repeat; height: 35px; width: 467px; text-indent: -9999px; }
	div#banner ul 				{ margin: 15px 0 0 65px; }
	div#banner ul li			{ background: url(images/bullet.png) no-repeat 0 3px; padding: 0 40px 5px 30px; line-height: 16px; font-size: 11px; }
	div#banner ul li h4			{ font: bold 18px arial narrow, arial, serif; color: #4796ba; text-transform: uppercase; margin: 3px 0; }
	a#download-now				{ display: block; background: url(images/bg_download_btn.png) no-repeat 0 -90px; text-indent: -9999px; height: 90px; width: 279px; margin-left: 85px; }
	a#download-now:hover			{ background: url(images/bg_download_btn.png) no-repeat; }
	div#banner p img			{ vertical-align: middle; margin: 0 3px 0 5px; }
	#banner p				{ color: #22a0e5; font-size: 11px; margin-left: 10px; }
	#banner p a				{ color: #22A0E5; text-decoration: none; }
	#banner p a:hover			{ text-decoration: underline } 

	
	/*
	6.2 TAKE A TOUR
	-------------------------------------------------- */

	div#tour				{ min-height: 475px; margin:0 20px 0; } 
	div#tour div#tourvideo 	{ background: url(images/bg_video.png) no-repeat left center; float: left; display: inline; padding-right: 45px; padding-top: 20px;}
	div#tour div#tourvideo embed, div#tour div#tourvideo object { margin: 0 auto; padding: 0; }
	div#tour div#tourvideo div#btn-screenshots { margin-top: 15px; width: 512px;}
	div#tour div#tourvideo div#btn-screenshots a { float: right; display: inline; background: url(images/btn_screenshots.png) no-repeat; width: 105px; height: 20px; text-indent: -9999px; display: block; outline: none; }
	div#tour div#latest		{ width: 360px; float: left; display: inline; padding-left: 29px; background: url(images/seperator.png) no-repeat left center; }
	div#tour ul				{ margin: 10px 0 0 20px; line-height: 18px; height: 250px; overflow: hidden;}
	div#tour ul	li			{ padding: 5px 0px; border-bottom: 1px dotted #666; font-style: italic; color: #666; }
	div#tour ul	li a		{ font-weight: bold; color: #4796ba; display: block; font-style: normal; }
	
	/*
	6.3 TESTIMONIALS
	----------------------------------------------------*/
	
	div#testimonials				{ min-height: 215px; margin-top: 0px; padding-left: 30px;}
	div#testimonials h3				{ color: #fff; }
	div#testimonials blockquote		{ float: left; display: inline; width: 31%; margin: 1%; line-height: 18px; color: #000; font-style: italic; background: url(images/bg_quote.png) no-repeat; text-indent: 20px; padding-top: 5px;} 
	div#testimonials blockquote	p	{ font-weight: bold; color: #333; margin-top: 10px; font-style: normal;}
	
	/*
	6.4 SEARCH
	---------------------------------------------------*/
	
	div.search				{ padding: 20px 0 0 0; } 
	div.search form			{ background: url(images/bg_search.png) no-repeat; display: block; height: 55px; padding: 15px 0; width: 360px; text-align: center; }

/* 
***************************************************************
7.0 FOOTER
*/
	
	div#footer 			{ background: url(images/logo_footer.png) no-repeat right 25px; margin-top: 20px; min-height: 100px; padding-left: 30px; }
	div.footer-links	{ float: left; display: inline; }
	div.footer-links ul li { float: left; display: inline; line-height: 18px; color: #999; font-weight: bold; font-size: 11px; }
	div.footer-links ul li ul li { float: none; display: block; width: 150px; }
	div.footer-links ul li a { color: #ddd; font-weight: normal; }	
	#footer p { color: #888; font-size: 11px; text-align: right; }

/* 
***************************************************************
8.0 OVERLAY (overlay.js)
*/
	
#TB_window {
	color: #333333;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a: focus{color: #666666;}

#TB_overlay {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

#TB_window {
	position: fixed;
	z-index: 102;
	display: none;
	left: 50%;
	right: 0;
}

#TB_closeWindow{
	height:25px;
	float:right;
}

#TB_ajaxContent{
	clear:both;
	overflow:hidden;
}

#TB_load{
	position: fixed;
	display: none;
	height: 790px;
	width: 200px;
	z-index: 103;
}

#TB_HideSelect{
	z-index:99;
	position: fixed;
	top: 0;
	left: 0;
	border: none;
	height: 100%;
	width: 100%;
}