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

1.0 UNIVERSAL RESETS
2.0 GENERIC CLASSES
3.0 LAYOUT
4.0 HEADER & FOOTER
5.0 NAVIGATION
6.0 PAGE SPECIFIC STYLES

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

/*
*********************************************
1.0 UNIVERSAL RESETS: 
*/
	* { 
		padding: 0px; 
		margin: 0px; 
		font-family: verdana, helvatica,geneva,sans-serif;
 		font-size: 12px;
		color: #000;
	}
	body {
		background: #e8eef7;
		color: #000;
	}
	a {
		color: #009;
	}
	img {
		border: 0px;
	}

/*
*********************************************
2.0 GENERIC CLASSES: 
*/

	/* 
		2.1 CLEAR ALL FLOATS 
		--------------------------------------------*/
		div.clearboth {
			clear: both;
		}
	
		
/*
*********************************************
3.0 LAYOUT: 

*/
	div#bgBodyTop {
		background: url(search/images/bg_body_top_2.png) no-repeat top left;
		height: 21px;
		width: 990px;
		margin: 20px auto 0px auto;
	}
	#wrapper { 
 		margin: 0 auto 20px auto;
		padding: 10px 0 0 0;
 		width: 990px;
		background: url(search/images/bg_body_main_2.png) no-repeat bottom left;
	}
	#contentwrapper {
		margin: 0px;
		padding: 0px;
		clear: both;
	}
	#main-content {
		padding: 8px 0px;
		margin: 0px;
	}

	#left-side {
		float: left;
		width: 440px;
		margin-top: 0px;
	}
	#right-side {
		float: right;
		width: 517px;
		margin-top: 0px;		
		padding-top: 20px;
	}

/*
*********************************************
4.0 HEADER: 

*/
	
	/*	4.1 HEADER 
		--------------------------------------------*/
		div#logoHeader {
			margin: 0px;
			height: 75px;
		}
		
		div#logoHeader div#logo-left {
			float: left;
			display: inline;
			padding: 0px 5px 10px 35px;
		}
		
		div#logoHeader div#logo-right {
			float: right;
			display: inline;
			padding: 0px 15px 10px 0px;
			margin-top: 10px;
		}

		div#logoHeader div#logo-right {
			padding: 35px 22px 0px 0px;
		}
		
	/*	4.3 FOOTER 
		--------------------------------------------*/
		#footer {
			margin: 10px 0px 20px 0px;
			font-size: 11px;
			color: #999;
			text-align: center;
		}
		#footer a {
			font-size: 11px;
			color: #999;
			margin: 0px 2px;
		}
		

/*
*********************************************
5.0 NAVIGATION: 
*/
	
	/*  
		5.1 PRIMARY (TOP) NAVIGATION 
		--------------------------------------------*/
			div#topNav {
				clear: both;
				background: #acbbd9;
				width: 987px;
				margin: 0 2px;
				height: 10px;
			}
			div#topNav ul {
				padding: 5px 0px 0px 20px;
				margin: 5px 10px 0px 20px;
				
				display: inline;
				float: right;
			}
			div#topNav li {
				text-indent: -3000px;
				display: inline;
				float: left;
				margin-right: 6px;
			}
			div#topNav li img {
				display:block;
			}
			div#topNav li a {
				display:block;	
				text-decoration: none;
			}
			div#topNav li#download a, div#topNav li#download a:link, div#topNav li#download a:visited, div#topNav li#download {
				width: 95px;
				height: 27px;
				background:url(search/images/nav_download.gif) 100% -27px no-repeat;
			}
			div#topNav li#download a:hover, div#topNav li#download a:active, div#topNav li#download {
				background:url(search/images/nav_download.gif) 100% 0px;
			}
			
			div#btnDownload {
				clear: both;
				margin: 0px 20px 0px 60px;
				width: 200px;
				height: 75px;
				text-indent: -5000px;

			}
			div#worksWith {
				position: relative;
				left: 81px;
				bottom: 5px;
			}
			div.btnMessage {
				font-size: 13px;
				font-weight: bold;
				margin: 0 0 0 56px;
			}
			div#btnDownload a, div#btnDownload a:link, div#btnDownload a:visited {
				width: 250px;
				height: 75px;
				display: block;
				background:url(search/images/btn_download_now.gif) 100% 0px no-repeat;
			}
			div#btnDownload a:hover, div#btnDownload a:active {
				background:url(search/images/btn_download_now.gif) 100% -64px;
			}
	

/*
*********************************************	
6.0  	PAGE SPECIFIC STYLES
*/
	
	/* 
	6.1  Home Page 
	--------------------------------------------*/
	
	ul#main-points {
		margin: 20px 10px 8px 20px;
		padding-left: 30px;
	}
	div#left-side2 a, ul#main-points li, ul#main-points li a, ul#main-points em {
		font-size: 14px;
		line-height: 18px;
		padding-bottom: 15px;
		color: #0055a5;
	}
	ul#main-points li strong {
		font-size: 14px;
		font-weight: bold;
		line-height: 18px;
		padding-bottom: 15px;
		color: #0055a5;
	}

	div#main-screenshot {
		width: 512px;
		height: 422px;
		border: 1px solid #ccc;
		background: #fff;
		margin: 0px 0px 0px -20px;
	}
	
	div#small-screenshots a img{
		margin: 4px auto;
		border: 1px solid #00c;
	}
	
	p.large-text {
		font-size: 14px;
		color: #999;
		padding: 10px;
		line-height: 20px;
	}

	div#downloadBtnContainer {
		margin-left: 35px;
	}
	#demoStepDesc2, #demoStepDesc3, #demoStepDesc4, #demoStep2, #demoStep3, #demoStep4 {
		display: none;
	}
	p.stepDesc {
		height: 50px;
	}
	div#small-screenshots img {
		margin: 4px 3px;
		border: 2px solid #ccc;
		cursor: pointer;
	}
	div#small-screenshots img.currThumbnail {
		border: 2px solid #FE5D33;
	}

	div#testimonialHeading {
		font: bold 13px verdana, helvatica,geneva,sans-serif;
		color: #0055a5;
		margin: 0px 0px 10px 36px;
	}
	p#xippeeHeading {
		font: 19px verdana, helvatica,geneva,sans-serif;
		font-style: bold;
		text-align: center;
		color: #0055a5;
	}
	p#xippee {
		font: 13px verdana, helvatica,geneva,sans-serif;
		color: #0055a5;
		margin: 10px 0px 15px 30px;
	}
	p#testimonial {
		font: 13px verdana, helvatica,geneva,sans-serif;
		font-style: italic;
		color: #0055a5;
		margin: 0px 38px 0px 38px;
	}
	p#testimonial a {
		font-style: normal;
	}
	p#testimonial strong {
		color: #0055a5;
	}
	p#testAuthor {
		color: #0055a5;
		margin: 0px 20px 10px 50px;
	}