/*------------------------------------------------------------
	Window Cleaner Pro Inner Stylesheet
	Copyright (c) Window Cleaner Pro. All Rights Reserved.
	Author: Ali Salem - http://alisalem.deviantart.com
------------------------------------------------------------*/
/*------------------------------------------------------------
	General
------------------------------------------------------------*/
/* Links */
#logo-link, #package-link, #price-link,
#star-link, #pda-link, #pda-link2 {
	display: block;
	position: absolute;
	text-indent: -9999px; }
	#logo-link {
		width: 250px;
		height: 50px;
		top: 23px;
		margin-left: 22px; }
	#package-link {
		width: 117px;
		height: 138px;
		top: 152px;
		margin-left: 55px; }
	#price-link {
		width: 125px;
		height: 85px;
		top: 140px;
		margin-left: 617px; }
	#star-link {
		width: 125px;
		height: 128px;
		top: 87px;
		margin-left: 765px; }
	#pda-link {
		width: 90px;
		height: 160px;
		top: 260px;
		margin-left: 770px; }
	#pda-link2 {
		width: 185px;
		height: 74px;
		top: 318px;
		margin-left: 585px;
}
body {
	background: #b4ccdb url(../images/bg-main.jpg) repeat-x;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	}
.clear {
	clear: both;
	}
.dropdown {
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #777;
	}
/*------------------------------------------------------------
	Wraps
------------------------------------------------------------*/
#wrap {
	width: 902px;
	margin: 0 auto;
	}
#wrap-content {
	width: 900px;
	background: #fff;
	border: 1px solid #b8c4d0;
	border-top: none;
	overflow: hidden;
	}
#wrap-bg {
	width: 880px;
	margin: 10px auto 0 auto;
	background: #fff url(../images/bg-inner-content.jpg) repeat-x;
	}
/*------------------------------------------------------------
	Header
------------------------------------------------------------*/
#header {
	width: 902px;
	margin: 0 auto;
	height: 86px;
	background: url(../images/bg-header.jpg) no-repeat; }
	#header p.call {
		float: right;
		padding-top: 5px;
		border-top: 5px solid #d8e5ed;
		font-size: 12px;
		font-weight: bold;
		color: #ff6600;
		text-shadow: #fff 1px 1px 1px; /* Safari 3 & Opera 9.5 Only */ }
		#header p.call span {
			color: #354c5e;  }
	#header div.live-chat {
		float: right;
		margin-top: 10px;
}
/*------------------------------------------------------------
	Content Header
------------------------------------------------------------*/
#content-header {
	width: 880px;
	overflow: hidden; }
	#content-header h1 {
		display: inline;
		float: left;
		margin: 20px 0 20px 20px;
		font-size: 18px;
		line-height: 1.9em;
		color: #ff6600; }
		#content-header h1.faq {
			padding-left: 50px;
			background: url(../images/faq-icon.gif) no-repeat left 1px; }
		#content-header h1.tutorials {			
			padding-left: 40px;
			background: url(../images/info-icon.gif) no-repeat left 2px; }
		#content-header h1.contact {
			padding-left: 30px;
			background: url(../images/letter-icon.gif) no-repeat left 5px; }
		#content-header h1.order {
			padding-left: 40px;
			background: url(../images/cart-icon.gif) no-repeat left 0; }
		#content-header h1.pda {
			padding-left: 50px;
			background: url(../images/pda.gif) no-repeat left 1px; }
		#content-header h1.download {
			padding-left: 50px;
			background: url(../images/download.gif) no-repeat left 1px; }
		#content-header h1.comingsoon {
			padding-left: 50px;
			background: url(../images/underconstruction.gif) no-repeat left 1px; }
			#content-header h1.compass180 {
			padding-left: 50px;
			background: url(../images/compass180.gif) no-repeat left 1px; }
		h1.forum {
			padding-left: 50px;
			background: url(../images/forum.gif) no-repeat left 1px; }
		#content-header h1.features {
			padding-left: 50px;
			background: url(../images/features.gif) no-repeat left 1px; }
	#content-header h2.order-now {
		float: right;
		margin: 20px 20px 0 0;
		width: 194px;
		height: 36px;
		background: url(../images/click-to-order.gif) no-repeat;
		text-indent: -9999px; }
		#content-header h2.order-now a {
			width: 194px;
			height: 36px;
			display: block;
}
/*------------------------------------------------------------
	Main Content
------------------------------------------------------------*/
#content {
	float: left;
	width: 621px;
	overflow: hidden; }
	#content a {
		color: #ff3300;
		text-decoration: underline; }
	#content a:hover {
		text-decoration: none; }
	#content h1 {
		margin: 0 0 20px 20px;
		font-size: 18px;
		line-height: 1.4em;
		color: #ff6600; }
		#content h1.tutorials {
			color: #354c5e; }
	#content p {
		margin: 20px 20px 0 20px;
		line-height: 1.5em;
		color: #777; }
	#content div.ulist {
		float: left;
		display: inline;
		margin: 20px 0 0 20px;
		list-style: none;
		line-height: 1em;
		color: #777; }
		#content div.ulist li {
			padding: 0 0 5px 15px;
			background: url(../images/list.gif) no-repeat left 6px; }
	#content div.faq-deflist {
		width: 621px;
		float: left;
		display: inline;
		margin: 0 0 0 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #ccc;
		list-style: none;
		line-height: 1em; }
		#content div.faq-deflist dt {
			padding: 5px 0 5px 0;
			font-size: 12px;
			font-weight: bold;
			color: #354c5e; }
		#content div.faq-deflist dd {
			padding: 0 0 5px 10px;
			font-size: 11px;
			color: #777; }
	#content div.faq-questions {
		width: 621px;
		float: left;
		display: inline;
		margin: 15px 0 15px 20px;
		list-style: none;
		line-height: 1em; }
		#content div.faq-questions dt {
			padding: 5px 0 0 15px;
			background: url(../images/list.gif) no-repeat left 11px;
			font-size: 16px;
			color: #354c5e; }
		#content div.faq-questions dd p {
			margin: 20px;
			font-size: 11px;
			color: #777; }
	#content div.contact-form {
		float: left;
		margin: 20px; }
		#content div.contact-form p {
			margin: 0;
			padding-bottom: 5px;
			text-align: right; }
				#content div.contact-form p.submit {
					display: inline;
					margin: 10px 0 0 118px;
					float: left; }
		#content div.contact-form label {
			vertical-align: top; }
			#content div.contact-form label sup {
				line-height: 1em;
				color: #ff3300; }
		#content div.contact-form input.box,
		#content div.contact-form textarea.message {
			width: 420px;
			height: 16px;
			margin: 0 0 0 10px;
			border: 1px solid #ccc; }
		#content div.contact-form textarea.message {
			height: 200px; }
		#content div.tut {
			display: inline; }
			#content div.tut li {
				text-decoration: none;
				list-style: none; }
				#content div.tut li p.step {
					font-weight: bold;
					color: #ff3300; }
				#content div.tut li p.image {
					width: 520px;
					background: #f5f5f5;
					border: 1px solid #ccc;
					padding: 20px;
}
/*------------------------------------------------------------
	Sidebar
------------------------------------------------------------*/
#sidebar {
	float: right;
	display: inline;
	width: 239px;
	margin-left: 20px; }
	#sidebar h1 {
		margin: 15px 0 10px 10px;
		font-size: 18px;
		line-height: 1.9em;
		color: #ff6600; }
		#sidebar h1.tutorials {
			margin: 0 0 10px 10px;
			padding: 0 0 0 40px;
			background: url(../images/info-icon.gif) no-repeat left 2px; }
		#sidebar h1.online-help {
			margin: 0 0 10px 10px;
			padding: 0 0 0 40px;
			background: url(../images/profile-icon.gif) no-repeat left 3px; }
	#sidebar div.box {
		width: 239px;
		margin-bottom: 20px;
		background: #fff url(../images/bg-sidebar-box.gif) no-repeat;
		overflow: hidden; }
		#sidebar div.box p {
			margin: 15px;
			line-height: 1.5em;
			color: #777; }
			#sidebar div.box p span {
			font-weight: bold;
			color: #354c5e; }
		#sidebar div.box h1.learn-more {
			float: right;
			display: inline;
			width: 87px;
			height: 22px;
			margin: 0 15px 0 0;
			background: url(../images/learn-more.gif) no-repeat;
			text-indent: -9999px; }
			#sidebar div.box h1.learn-more a {
				display: block;
				width: 87px;
				height: 22px; }
		#sidebar div.box div.live-chat {
			display: inline;
			float: right;
			margin-right: 20px; }
		#sidebar div.box div.tutorial-list {
			margin: 20px; }
			#sidebar div.box div.tutorial-list a {
				color: #777;
				text-decoration: underline; }
				#sidebar div.box div.tutorial-list a:hover {
					color: #777;
					text-decoration: none; }
			#sidebar div.box div.tutorial-list sup {
				line-height: 2em;
				color: #ff3300; }
			#sidebar div.box div.tutorial-list dt {
				padding: 3px 0 5px 15px;
				background: url(../images/list.gif) no-repeat left 11px;
				font-size: 12px;
				font-weight: bold;
				color: #354c5e; }
				#sidebar div.box div.tutorial-list dd p {
					margin: 0 15px 5px 25px;
					font-size: 11px;
					color: #777;
}
/*------------------------------------------------------------
	Footer
------------------------------------------------------------*/
#footer {
	width: 902px;
	height: 68px;
	margin: 0 auto 30px auto;
	background: url(../images/bg-footer.jpg) no-repeat right;
	overflow: hidden; }
	#footer p {
		margin: 20px 0 0 20px;
		color: #516978; }
		#footer p a {
			text-decoration: underline;
			color: #516978; }
			#footer p a:hover {
				text-decoration: none;
}