/*------------------------------------------------------------
	Window Cleaner Pro Main Stylesheet
	Copyright (c) Window Cleaner Pro. All Rights Reserved.
	Author: Ali Salem - http://alisalem.deviantart.com
------------------------------------------------------------*/
/*------------------------------------------------------------
	General
------------------------------------------------------------*/
body {
	background: #b4ccdb url(../images/bg-main.jpg) repeat-x;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	}
.clear {
	clear: both;
	}
/* 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: 279px;
		height: 50px;
		top: 130px;
		margin-left: 610px;}
	#star-link {
		width: 230px;
		height: 55px;
		top: 195px;
		margin-left: 645px; }
	#pda-link {
		width: 90px;
		height: 160px;
		top: 260px;
		margin-left: 770px; }
	#pda-link2 {
		width: 185px;
		height: 74px;
		top: 318px;
		margin-left: 585px;
}
/*------------------------------------------------------------
	Wraps
------------------------------------------------------------*/
#wrap {
	width: 902px;
	margin: 0 auto; }
#wrap-content {
	width: 900px;
	background: #fff;
	border: 1px solid #b8c4d0;
	border-top: none;
	overflow: hidden;
}
/*------------------------------------------------------------
	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;
}
/*------------------------------------------------------------
	Sub-Header
------------------------------------------------------------*/
#sub-header {
	width: 880px;
	height: 272px;
	margin: 0 auto;
	background: #437b9d url(../images/bg-subheader.jpg) no-repeat;
	overflow: hidden; }
	#sub-header h1 {
		margin: 30px 0 0 200px;
		font-size: 22px;
		font-weight: bold;
		line-height: 1em;
		color: #264c62;
		text-shadow: #c3d7e3 1px 1px 1px; /* Safari 3 & Opera 9.5 Only */ }
	#sub-header p {
		width: 400px;
		margin: 10px 0 0 200px;
		line-height: 1.5em;
		color: #fff; }
	#sub-header div.col1, #sub-header div.col2 {
		float: left;
		display: inline;
		width: 230px;
		list-style: none;
		line-height: 1em;
		color: #fff; }
	#sub-header div.col1 {
		margin: 43px 0 0 200px; }
	#sub-header div.col2 {
		margin: 43px 0 0 20px; }
	#sub-header div.col1 li, #sub-header div.col2 li {
		padding: 0 0 5px 15px;
		background: url(../images/list.gif) no-repeat left 6px; }
	/* 3 Main Links */
	#sub-header h1.download, #sub-header h1.order, #sub-header h1.help {
		float: left;
		margin: 13px 0 0 0; }
	#sub-header h1.download a, #sub-header h1.order a, #sub-header h1.help a {
		text-indent: -9999px;
		display: block; }
	#sub-header h1.download a {
		width: 172px;
		height: 74px;
		background: url(../images/download.jpg) no-repeat; }
		#sub-header h1.download a:hover {
			background: url(../images/download.jpg) -172px; }
	#sub-header h1.order a {
		width: 172px;
		height: 74px;
		background: url(../images/order.jpg) no-repeat; }
		#sub-header h1.order a:hover {
			background: url(../images/order.jpg) -172px; }
	#sub-header h1.help a {
		width: 182px;
		height: 74px;
		background: url(../images/help.jpg) no-repeat; }
		#sub-header h1.help a:hover {
			background: url(../images/help.jpg) -182px;
}
/*------------------------------------------------------------
	Sidebar
------------------------------------------------------------*/
#sidebar {
	float: left;
	display: inline;
	width: 239px;
	margin-left: 10px; }
	#sidebar h1 {
		margin: 15px 0 10px 10px;
		font-size: 18px;
		line-height: 1.4em;
		color: #ff6600; }
		#sidebar h1.testimonials {
			padding: 0 0 0 35px;
			background: url(../images/cloud-icon.gif) no-repeat left 5px; }
		#sidebar h1.newsletter {
			margin: 0 0 10px 10px;
			padding: 0 0 0 30px;
			background: url(../images/newsletter-icon.gif) no-repeat left 1px; }
	#sidebar div.box {
		width: 239px;
		margin-bottom: 20px;
		background: 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-testimonials {
			width: 239px;
			background: url(../images/bg-sidebar-box.gif) no-repeat;
			overflow: hidden; }
	#sidebar blockquote {
		width: 209px;
		margin: 0 auto;
		padding-bottom: 10px;
		border-bottom: 1px solid #e9e9e9;
		background: transparent url(../images/quote-top.gif) no-repeat 5px 10px; }
		#sidebar blockquote p {
			padding: 10px 20px 0 20px;
			background: transparent url(../images/quote-bottom.gif) no-repeat 195px bottom;
			line-height: 1.5em;
			color: #777; }
			#sidebar blockquote p span {
				color: #457ea0; }
	#sidebar form div.newsletter {
		margin: 0 15px; }
		#sidebar form div.newsletter p {
			margin: 0 0 3px 0; 
			font-weight: bold; font-size:11px;}
		#sidebar form div.newsletter input.name, #sidebar form div.newsletter input.e-mail {
			width: 200px;
			height: 16px;
			margin-bottom: 3px;
			border: 1px solid #ccc;
			font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
			color: #777; }
		#sidebar form div.newsletter div.buttons {
			float: right;
			margin: 10px 3px 0 0;
}
/*------------------------------------------------------------
	Main Content
------------------------------------------------------------*/
#content {
	float: right;
	width: 621px;
	margin-left: 20px;
	background: url(../images/pda-bottom.jpg) no-repeat top right;
	overflow: hidden; }
	#content h1 {
		margin: 15px 0 10px 0;
		font-size: 18px;
		line-height: 1.4em;
		color: #ff6600; }
	#content p {
		margin:5px 10px 8px 0px;
		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.boxes {
		width: 593px;
		margin-bottom:30px;
		margin-top: 20px;
		background: #fff url(../images/border-bg.gif) repeat-x;
		border: 1px solid #ccc;
		overflow: hidden; }
		#content div.boxes h1 {
			margin: 15px 0 0 15px;
			font-size: 16px; }
			#content div.boxes h1.learn-more {
				float: right;
				display: inline;
				width: 87px;
				height: 22px;
				margin: 0 15px 15px 0;
				background: url(../images/learn-more.gif) no-repeat;
				text-indent: -9999px; }
				#content div.boxes h1.learn-more a {
					display: block;
					width: 87px;
					height: 22px; }
		#content div.boxes h2 {
			margin: 0 0 0 15px;
			font-size: 11px;
			font-weight: bold;
			color: #ff6600; }
		#content div.boxes p {
			margin: 15px; height:130px; margin-top:10px; }
		#content div.boxes div.ulist {
			float: left;
			display: inline;
			margin: 15px;
			margin-top:10px;
			height:130px;
			list-style: none;
			line-height: 1.5em;
			color: #777; }
			#content div.boxes div.ulist li {
				padding: 0 0 5px 15px;
				background: url(../images/list.gif) no-repeat left 6px; }
			#content div.boxes div.box1 {
				float: left;
				width: 197px;
				background: #fff url(../images/bg-box1.jpg) no-repeat; }
				#content div.boxes div.box1 h1 {
					color: #6b97b0; }
			#content div.boxes div.box2 {
				float: left;
				width: 197px;
				margin-left: 1px;
				background: #fff url(../images/bg-box2.jpg) no-repeat; }
				#content div.boxes div.box2 h1 {
					color: #cfa15d; }
			#content div.boxes div.box3 {
				float: left;
				width: 197px;
				margin-left: 1px;
				background: #fff url(../images/bg-box3.jpg) no-repeat; }
				#content div.boxes div.box3 h1 {
					color: #7fb54c;
}
/*------------------------------------------------------------
	Main Content
------------------------------------------------------------*/
#footer {
	width: 902px;
	height: 68px;
	margin: 0 auto 30px auto;
	background: url(../images/bg-footer.jpg) no-repeat right;
	overflow: hidden; }
	#footer p {
		margin: 10px 0 0 20px;
		color: #516978; }
		#footer p a {
			text-decoration: underline;
			color: #516978; }
			#footer p a:hover {
				text-decoration: none;
}

#footer span.sep {
	margin-right:5px;
	margin-left:5px;
}