/* 
	Title:Cloud Planner 
	Date:10.02.2009
*/
body{
	font-family:  Arial ,Helvetica, Tahoma, Verdana, "Trebuchet MS", Georgia, Lucida, sans-serif;
	text-align:center;
	color:#3c5082;
	padding:0 0 81px 0;
	background: url(images/bg.jpg) repeat;	
}
*{
	margin:0; padding:0;
}
img,fieldset{
	border:0;
}
ul{
	list-style:none;
}
ol{
	list-style:decimal;
}	
a{
	color:#ff9135;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
p a{
	background:none;
}
.hide,a b{
     position: absolute;
     left: -9999px;
}
/*------------------------------Page Structure
*/
#outerwrap{
	background:url(images/topbg.gif) repeat-x;
}
#wrap{
	width:885px;
	margin:0 auto;
	text-align:left;
}
#header{
	width:885px;
	height:230px;
	background:url(images/banner.jpg) no-repeat;
}
#header ul{
	overflow:hidden;
	width:100%;
	padding:0 0 0 95px;
}
#header ul li{
	display:block;
	float:left;
}
#header ul li a{
	height:17px;
	display:block;
	float:left;
	margin-right:38px;
	display:inline;
	margin-top:17px;
}
html>body #header{
	position:relative;
}
html>body #logolink{
	position:absolute;
	width:387px;
	height:135px;
	display:block;
	left:0px;
	top:59px;
}
* html #logolink{
	width:387px;
	height:135px;
	display:block;
	margin:15px 0 0 0;
	float:left;
	display:inline;
}
.home{
	width:62px;
	background:url(images/home.gif) no-repeat;
}
.home:hover,.slcthome{
	background:url(images/homehover.gif) no-repeat;
}
.benefit{
	width:200px;
	background:url(images/benefit.gif) no-repeat;
}
.benefit:hover,.slctbenefit{
	background:url(images/benefithover.gif) no-repeat;
}
.free{
	width:122px;
	background:url(images/treal.gif) no-repeat;
}
.free:hover{
	background:url(images/trealhover.gif) no-repeat;
}
.pricing{
	width:87px;
	background:url(images/pricing.gif) no-repeat;
}
.pricing:hover,.slctpricing{
	background:url(images/pricinghover.gif) no-repeat;
}
#header ul li .faq{
	width:41px;
	margin:17px 27px 0 1px;
	background:url(images/faq.gif) no-repeat;
}
#header ul li .faq:hover,.slctfaq{
	background:url(images/faqhover.gif) no-repeat;
}
#header ul li .login{
	width:98px;
	height:35px;
	margin:7px 0 0 0;
	background:url(images/loginbtn.gif) no-repeat 0 0;
}
#header ul li .login:hover{
		background:url(images/loginbtn.gif) no-repeat 0 -35px;
}
#mainbody{
	width:880px;
	overflow:hidden;
	margin:40px 0 5px;
}
#left{
	width:600px;
	float:left;
	background:url(images/leftBoxbg.gif) repeat-x 0 45px;
	margin-right:10px;
}
.blog{
	padding:0 0 42px 0;
}
.blogArea{
	margin-bottom:21px;
	overflow:hidden;
    float:left;
    width:600px;
}
.blogArea h2 a{
	font-size:25px;
	font:normal 25px Arial;
	width:600px;
	line-height:29px;
	color:#3c5082;
	margin-bottom:20px;
	padding-bottom:20px;
}
.blogArea h2{
	font-size:25px;
	font:normal 25px Arial;
	width:600px;
	line-height:29px;
	color:#3c5082;
	border-bottom:1px dashed #b6c5e3;
	margin-bottom:20px;
	font-weight:normal;
	padding-bottom:20px;
}
.headerText{
	font-size:25px;
	font:normal 25px Arial;
	width:600px;
	line-height:29px;
	color:#3c5082;
	margin-bottom:20px;
	padding-bottom:20px;
}
.textArea{
	font-size:35px;
	color:#3c5082;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:40px;
}
.blogArea h2 span{
	width:24px;
	height:36px;
	font-size:19px;
	color:#ff9135;
	display:block;
	padding:0 2px 0 3px;
	font-weight:normal;
	float:left;
	line-height:25px;
	margin-right:10px;
	background:url(images/dateplace.gif) no-repeat;
}
.blogArea h2 span b{
	color:#fff;
	line-height:9px;
	font-size:11px;
	padding:0 0 0 3px;
	font-weight:normal;
	text-transform:uppercase;
}
* html .blogArea h2 span b{
	line-height:11px;
}
.blogArea img{
	border:1px solid #c8d4ea;
}
.aligncenter{
	margin:0 auto;
}
.alignleft{
	float:left;
}
.alignright{
	float:right;
}
 p{
	color:#3c5082;
	font-size:13px;
	line-height:18px;
}
.blogArea p{
	color:#3c5082;
	font-size:13px;
	line-height:18px;
	padding-bottom:25px;
}
.blogArea p a{
	color:#ff7501;
	text-decoration:underline;
}
.blogArea p a:hover{
	text-decoration:none;
}
.blogArea blockquote{
	font-size:13px;
	font-style:italic;
	color:#3c5082;
	border-left:1px solid #b6c5e3;
	padding-left:20px;
	margin-bottom:25px;
	line-height:18px;
}
.more{
	color:#ff7501;
	font-size:12px;
	font-weight:bold;
	background:url(images/arrow.gif) no-repeat right 5px;
	padding-right:15px;
	display:block;
	width:63px;
	float:left;
}
.textPart{
	font-size:35px;
	font-weight:bold;
	color:#3c5082;
	text-transform:uppercase;
	padding-bottom:40px;
}
.comment{
	width:598px;
	height:34px;
	margin-top:20px;
	display:block;
	background:#eff5fe url(images/commentbullet.gif) no-repeat 5px 9px;
	border:1px solid #b6c5e3;
	float:left;
}
.comment strong{
	font-size:12px;
	color:#333333;
	font-weight:normal;
	line-height:34px;
	float:left;
	padding-left:41px;
}
.comment strong a{
	color:#2b86ff;
	font-size:12px;
	font-weight:bold;
}
.add{
	background:url(images/addthis.gif) no-repeat;
	width:104px;
	height:16px;
	margin:9px;
	float:right;
	font-size:10px;
	text-transform:uppercase;
	padding-left:21px;
	display:block;
	color:#000000;
	line-height:16px
}
.add:hover{
	text-decoration:none;
	color:#666666;
}
.blogArea ul{
	margin-bottom:32px;
}
.blogArea ul li{
	background:url(images/listbullet.gif) no-repeat left 5px;
	color:#3c5082;
	font-size:13px;
	padding-left:19px;
}
.blogArea ol{
	padding:0 0 20px 19px;
}
.blogArea ol li{
	font-size:13px;
	color:#3c5082;
	display:list-item;
	list-style:decimal;
	line-height:19px;	
}
.postLink{
	width:600px;
	padding-top:20px;
	display:block;
	overflow:hidden;
	clear:both;
}
.postLink a{
	float:left;
	width:82px;
	height:25px;
	line-height:25px;
	background:url(images/orderpost.gif) no-repeat;
	font-size:11px;
	text-transform:uppercase;
	padding-left:17px;
	color:#FFFFFF;
}
.postLink a:hover{
	color:#fff;
	text-decoration:none;
	background:url(images/olderhover.gif) no-repeat;
}
.postLink b a{
	float:right;
	width:90px;
	font-weight:normal;
	padding-left:7px;
	background:url(images/pre.gif) no-repeat;	
}
.postLink b a:hover{
	background: url(images/prepost.gif) no-repeat;
}
.entry{
	padding-bottom:10px;
}
.entry a{
	background:none;
	color:#ff7f47;
	text-decoration:underline;
}
.entry a:hover{
	text-decoration:none;
}
.commentDetails{
	background:#eff5fe;
	border:1px dashed #b6c5e3;
	border-width:1px 0 1px 0;
	float:left;
	width:580px;
	margin-top:20px;
	padding:20px 10px;
}
.commentDetails .hdrText{
	font-size:12px;
	color:#3c5082;
	padding-bottom:22px;
	display:block;
}
.commentDetails span{
	font-size:13px;
	color:#3c5082;
}
.hdrText a{
	color:#ff7501;
	text-decoration:underline
}
.hdrText a:hover{
	text-decoration:none;
}
.leaveComment{
	width:598px;
	margin-top:20px;
	float:left;
}
.leaveComment span{
	font-size:12px;
	font-weight:bold;
	height:34px;
	margin-bottom:20px;
	width:590px;
	display:block;
	border:1px solid #b6c5e3;
	line-height:34px;
	font-weight:bold;
	color:#2b86ff;
	text-transform:uppercase;
	padding-left:8px;
	background:#eff5fe;
}
.blogArea .leaveComment ul li{
	background:none;
}
.leaveComment ul{
	float:left;
	margin:0 18px 0 -13px;
}
.leaveComment ul li input{
	width:279px;
	height:20px;
	border:1px solid #b6c5e3;
	font-size:13px;
	color:#3c5082;
	margin-bottom:10px;
	padding:3px 0 0 9px;
}
.leaveComment textarea,.commentadmin{
	width:273px;
	height:89px;
	border:1px solid #b6c5e3;
	float:left;
	display:inline;
	padding:7px 0px 0px 14px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#3c5082
}
.submit{
	float:left;
	clear:both;
	cursor:pointer;
	width:134px;
	height:36px;
	border:none;
	background:url(images/submit.gif) no-repeat;
	margin-top:-20px;
}
#submit{
	clear:both;
	float:left;
	margin-top:20px;
}
#right{
	width:260px;
	float:right;
}
.subscriber{
	border-bottom:1px solid #b6c5e3;
	overflow:hidden;
	width:260px;
	padding-bottom:12px
}
.subscriber img{
	float:left;
}
.subscriber span{
	background:url(images/readers.gif) no-repeat;
	width:88px;
	float:right;
	margin-top:37px;
	height:25px;
	display:block;
}
.rightHdr{
	 margin:9px 0 5px;
}
#right h2{
	font-size:18px;
	font-weight:bold;
	text-transform:lowercase;
	color:#2b86ff;
	margin:10px 0;
}
.inputArea li{
	float:left;
}
* html .inputArea li{
	margin-bottom:20px;
}
*+ html .inputArea li{
	margin-bottom:20px;
}
.inputArea .search{
	width:225px;
	height:23px;
	text-transform:uppercase;
	float:left;
	padding:5px 0px 0px 9px;
	border:1px solid #b6c5e3;
	border-width:1px 0 1px 1px;
	display:block;
	margin-bottom:20px;
	background:#eff5fe;
	font-size:12px;
	color:#3c5082;
}
.inputArea .email{
	width:25px;
	height:32px;
	float:left;
	margin-bottom:20px;
}
.leaveComment ul li input,.leaveComment textarea{
	background:#EFF5FE;
}
.leaveComment ul li input:focus,.leaveComment textarea:focus {
	background:#fff;
}
#right span .firstSquar{
	margin-right:6px;
}
#right span img{
	border:1px solid #b6c5e3;
	margin:0px 0px 20px 0px;
}
.rightList{
	margin-top:10px;
}
.rightList li{
	clear:both;
}
#right a,.rightList li a{
	color:#3c5082;
	font-size:13px;
}
#right a:hover,.rightList li a:hover{
	color:#ff7501;
}
.footer{
	margin-top:69px;
	width:850px;
	float:left;
}
.footer a{
	margin:0 9px 0 9px;
}
.footer a:hover{
	border-bottom:1px solid #166194;
}
.footer .leftlink{
	background:none;
}
.footer p{
	font-size:13px;
	line-height:21px;
	color:#323E63;
	padding:0 0 56px 0;
}
.footer a img{
	margin:0 0 2px 0;
}
.footer strong{
	margin-left:-9px;
}
.footer p a{
	background:none;
	margin:0;
	padding:0;
	color:#323E63;
}
.footer p a:hover{
	border-bottom:none;
}