/*	-------------------------------------------------------------
	
	SOFGEM SOFTWARE

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Desc:			Base cascading style sheet
	Nom:			screen.css
	Version:		1.0
	Date:			4 April 2008
	By:				Simon Bouchard (www.simonbouchard.com)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

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


/*	-------------------------------------------------------------
	BODY 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	/* Start Overrides */
	body {
		font: 				normal 75%/140% Tahoma, Arial, Verdana, sans-serif;
		color: 				#404040;
		margin: 			0;
		padding: 			0;
		height:				100%;
		text-align: 		center;
		background: 		#fff url(../images/bg_body.gif) repeat-x; }

	form,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	img,
	embed,
	object {
		margin:				0;
		padding:			0; }
		
	ul,
	ol {
		list-style-type:	none;
		padding:			0 5px 5px 5px; }

	ul li,
	ol li {
		margin:				7px 0 7px 0; }

	ul li.get {
		margin:				7px 0 7px 0;
		background:			url("../images/icon_package_get.png") no-repeat 0 0;
		text-indent:		20px; }
	
	img { 
		border: 			none; }
	/* End Overrides */

/*	-------------------------------------------------------------
	LINKS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	a { 
		text-decoration: 	none;
		outline: 			0; /* prevent dotted border in Firefox */
		background: 		transparent; }

	a:link, a:visited, a:active  {
		color: 				#1d7fb1;
		text-decoration: 	none;
		outline: 			0; /* prevent dotted border in Firefox */ }
		
	a:hover {
		color: 				#404040;
		text-decoration: 	none;
		outline: 			0; /* prevent dotted border in Firefox */ }

	a.learnmore {
		width:				126px;
		height:				36px;
		display:			block;
		background:			url("../images/button_learnmore.gif") no-repeat left top; }
	
		a.learnmore:hover {
			width:				126px;
			height:				36px;
			display:			block;
			background: 		url("../images/button_learnmore.gif") no-repeat -126px top; }
	
		a.learnmore strong { 
			position:			absolute; 
			left:				-9999px; }

	a.download {
		width:				126px;
		height:				36px;
		display:			block;
		background:			url("../images/button_download.gif") no-repeat left top; }
	
	a.download:hover {
		width:				126px;
		height:				36px;
		display:			block;
		background: 		url("../images/button_download.gif") no-repeat -126px top; }

		a.download strong { 
			position:			absolute; 
			left:				-9999px; }
	
/*	-------------------------------------------------------------
	COMMON
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.clear {
		clear:				both;
		display:			block;
		height:				1px;
		overflow:			hidden;
		margin:				0;
		padding:			0; }

	.clearspace {
		clear:				both;
		display:			block;
		height:				20px;
		overflow:			hidden;
		margin:				0;
		padding:			0; }

/*	-------------------------------------------------------------
	TYPOGRAPHY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	p {
		color: 				#404040;
		line-height: 		1.7em;
		margin: 			0 8px 15px 0;
		padding: 			0; }

	h1 {
		color: 				#1d7fb1;
		font-family:		Georgia, Times, serif;
		font-size: 			2.1em;
		font-weight:		lighter;
		line-height: 		2em;
		margin: 			0;
		padding: 			0; }

	h2 {
		color: 				#1d7fb1;
		font-family:		Georgia, Times, serif;
		font-size: 			1.7em;
		font-weight:		lighter;
		line-height: 		2em;
		margin: 			0;
		padding: 			0; }

	.notice {
		color:#990000;
		font-size:9px;
		font-weight:lighter;
		vertical-align:super;
		padding-left:5px;
		text-transform:uppercase; }	

/*	-------------------------------------------------------------
	INTERFACE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#container {
		margin: 			0 auto;
		padding: 			0;
		width: 				100%;
		height: 			100%;
		background: 		transparent; }

	#wrapper {
		text-align: 		left;
		margin: 			0 auto;
		padding: 			0;
		width: 				753px;
		background: 		transparent; }

	#header {
		width: 				753px;
		height: 			150px;
		border:				none;
		border-bottom:		3px solid #ccc;
		background: 		transparent url("../images/bg_inner-header.png") no-repeat top center; }

	/* LOGO */
	#logo {
		width: 				133px;
		height: 			66px;
		float:				left; }

	#logo img {
		position:			relative;
		top: 				45px;
		left: 				0px; }

	/* TOP NAVIGATION */
	#menu-top {
		position:			relative;
		top:				70px;
		right:				0;
		float:				right; }

	#menu-top ul {
		margin: 			0; 
		padding: 			0; }
	
	#menu-top li { 
		float: 				left; 
		list-style-type: 	none; 
		margin: 			0 5px; 
		padding: 			0; }
	
	#menu-top li a, #menu-top li a:link, #menu-top li a:visited, #menu-top li a:active { 
		margin: 			0; 
		padding: 			10px; 
		text-decoration: 	none; }
			
	#menu-top a.home {
		width:				27px;
		height:				12px;
		display:			block;
		background:			transparent url("../images/menu_home.png") no-repeat center center; }

		#menu-top li a.home:hover { 
			text-decoration: 	none;
			background:			#e5e5e5 url("../images/menu_home.png") no-repeat center center; }
			
		a.home strong { 
			position:			absolute; 
			left:				-9999px; }
		
	#menu-top a.homeselected {
		width:				27px;
		height:				12px;
		display:			block;
		background:			transparent url("../images/menu_home_selected.png") no-repeat center center; } 

		#menu-top li a.homeselected:hover { 
			text-decoration: 	none;
			background:			#e5e5e5 url("../images/menu_home_selected.png") no-repeat center center; }
		
		a.homeselected strong { 
			position:			absolute; 
			left:				-9999px; }

	#menu-top a.about {
		width:				35px;
		height:				12px;
		display:			block;
		background:			transparent url("../images/menu_about.png") no-repeat center center; }

		#menu-top li a.about:hover { 
			text-decoration: 	none;
			background:			#e5e5e5 url("../images/menu_about.png") no-repeat center center; }
		
		a.about strong { 
			position:			absolute; 
			left:				-9999px; }

	#menu-top a.aboutselected {
		width:				35px;
		height:				12px;
		display:			block;
		background:			transparent url("../images/menu_about_selected.png") no-repeat center center; }

		#menu-top li a.aboutselected:hover { 
			text-decoration: 	none;
			background:			#e5e5e5 url("../images/menu_about_selected.png") no-repeat center center; }
		
		a.aboutselected strong { 
			position:			absolute; 
			left:				-9999px; }

	#menu-top a.products {
		width:				55px;
		height:				12px;
		display:			block;
		background:			transparent url("../images/menu_products.png") no-repeat center center; }

		#menu-top li a.products:hover { 
			text-decoration: 	none;
			background:			#e5e5e5 url("../images/menu_products.png") no-repeat center center; }
		
		a.products strong { 
			position:			absolute; 
			left:				-9999px; }

	#menu-top a.productsselected {
		width:				55px;
		height:				12px;
		display:			block;
		background:			transparent url("../images/menu_products_selected.png") no-repeat center center; }

		#menu-top li a.productsselected:hover { 
			text-decoration: 	none;
			background:			#e5e5e5 url("../images/menu_products_selected.png") no-repeat center center; }
		
		a.productsselected strong { 
			position:			absolute; 
			left:				-9999px; }

	#menu-top a.support {
		width:				48px;
		height:				12px;
		display:			block;
		background:			transparent url("../images/menu_support.png") no-repeat center center; }

		#menu-top li a.support:hover { 
			text-decoration: 	none;
			background:			#e5e5e5 url("../images/menu_support.png") no-repeat center center; }
		
		a.support strong { 
			position:			absolute; 
			left:				-9999px; }

	#menu-top a.supportselected {
		width:				48px;
		height:				12px;
		display:			block;
		background:			transparent url("../images/menu_support_selected.png") no-repeat center center; }

		#menu-top li a.supportselected:hover { 
			text-decoration: 	none;
			background:			#e5e5e5 url("../images/menu_support_selected.png") no-repeat center center; }
		
		a.supportselected strong { 
			position:			absolute; 
			left:				-9999px; }

	#menu-top a.contacts {
		width:				56px;
		height:				12px;
		display:			block;
		background:			transparent url("../images/menu_contacts.png") no-repeat center center; }

		#menu-top li a.contacts:hover { 
			text-decoration: 	none;
			background:			#e5e5e5 url("../images/menu_contacts.png") no-repeat center center; }
		
		a.contacts strong { 
			position:			absolute; 
			left:				-9999px; }

	#menu-top a.contactsselected {
		width:				56px;
		height:				12px;
		display:			block;
		background:			transparent url("../images/menu_contacts_selected.png") no-repeat center center; }

		#menu-top li a.contactsselected:hover { 
			text-decoration: 	none;
			background:			#e5e5e5 url("../images/menu_contacts_selected.png") no-repeat center center; }
		
		a.contactsselected strong { 
			position:			absolute; 
			left:				-9999px; }

	/* CONTENTS */
	#contents {
		text-align: 		left;
		margin: 			0 auto;
		padding: 			0;
		width: 				753px;
		background: 		transparent; }

	/* MAIN HEADER  */
	#main-header {
		width: 				753px;
		height: 			242px; }

	#main-header #datasafebackup {
		width: 				753px;
		height: 			242px;
		background:			transparent url("../images/bg_main-header_datasafebackup.gif") no-repeat left top; }

		#main-header #learnmore {
			position:			relative;
			top:				150px;
			left:				465px; }
	
		#main-header #download {
			position:			relative;
			top:				114px;
			left:				595px; }

	#subpage #main-header {
		width: 				753px;
		height: 			150px; }
	
	/* SUBPAGES */
	#single-col {
		float:				left;
		width:				753px;
		height:				100%;
		padding:			0;
		text-align:			left; }

	#left-col {
		float:				left;
		width:				463px;
		padding:			0 20px 0 10px;
		margin:				0;
		text-align:			left;
		border:				none;
		border-right:		1px solid #ccc; }

	#right-col {
		float:				right;
		width:				208px;
		padding:			0 10px;
		margin:				0 0 0 20px;
		text-align:			left;  }
			
/*	-------------------------------------------------------------
	FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#footer {
		font-size:			0.9em;
		margin: 			22px 0 20px 0;
		width: 				753px; }

	#footer-wrapper {
		width: 				733px;
		margin: 			0 auto;
		padding: 			18px 10px;
		border-top:			1px solid #ccc; }

	#footer p {
		color:				#666;
		background: 		transparent; }

	#footer-left {
		float:				left;
		margin:				0;
		padding:			0;
		text-align:			left; }
	
	#footer-right {
		float:				right;
		margin:				0;
		padding:			0;
		text-align:			right; }