/*  design and CSS: Nikola Mircic                                                     */



/* Common tags */



html {
	width:100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 17px;
	color: #535551;
	width:100%;
	background: #8cd4e7 url(../images/bgrTile.jpg) repeat-x left top;
}
/*#preloadImages {

	width: 0px;

	height: 0px;

	display: inline;

	background-image: url(../images/bgrTile.jpg);

}

*/

.mainColumn ul {
	padding:20px;
}

.mainColumn ul li {
	padding:0 25px;
}

.mainColumn ul li {
	background: url(../images/bullet-gray.gif) no-repeat  3px 7px;
}

.mainColumn ul li.blue {
	background: url(../images/bullet-blue.gif) no-repeat 3px 7px;
}

.mainColumn ul li.done {
	background: url(../images/check.gif) no-repeat 0 4px;
}







#header h1 {
	background: url(../images/logo.gif) no-repeat left top;
	width:341px;
	height:97px;
	float:left;
	margin-top:34px;
}
#header h1 a {
	text-indent:-9999em;
	overflow: hidden;
	display:block;
	width:341px;
	height:97px;
}
code {
	font: 13px "Courier New", Courier, monospace;
	color: #5c9d2f;
}
/* Layout */





#wrapper {
	width:100%;
	background: url(../images/bgr-empty.jpg) no-repeat center top;
}
#content {
	width:870px;
	margin:0 auto;
}
#header {
	height:165px;
}
#edit {
	width:726px;
	padding:93px 72px;
	margin:0 auto;
	background-color:#fff;
}
#features #edit {
	width:726px;
	padding:58px 72px 93px;
	margin:0 auto;
	background-color:#fff;
}
.sideColumn {
	float:left;
	width:168px;
	text-align: right;
}
.mainColumn {
	margin: 0 0 0 168px;
	padding-left:36px;
	position:relative;
}
#footer {
	width:726px;
	padding:0 72px 42px;
	margin:0 auto;
	background-color:#fff;
	margin-bottom:80px;
}
/* Page Elements */



.mainNavigation {
	float:right;
	margin-top:34px;
	width:500px;
	height:26px;
}
.mainNavigation li {
	display: block;
	float: right;
	height: 26px; /* Image height */
	margin-right: 6px;
	padding-right: 10px;/*Image Width*/
}
.mainNavigation li a {
	display: block;
	line-height: 26px; /* Image Height */
	height: 16px;
	padding: 4px 0 6px 10px;
	text-decoration:none;
	color:#fff;
	font: bold 15px Arial, Helvetica, sans-serif;
}
.mainNavigation li:hover {
	background: transparent url(../images/right.gif) no-repeat right top;
	display: block;
	float: right;
	height: 26px; /* Image height */
	margin-right: 6px;
	padding-right: 10px;/*Image Width*/
}
.mainNavigation li:hover a {
	background: transparent url(../images/corners.gif) no-repeat left top;
	display: block;
	line-height: 26px; /* Image Height */
	height: 16px;
	padding: 4px 0 6px 10px;
	text-decoration:none;
	color:#89d5e6;
	font: bold 15px Arial, Helvetica, sans-serif;
}
/* Edit zone */

/* mainColumn */



.mainColumn p, .mainColumn table {
	padding-bottom:24px;
	font: 13px/18px Arial, Helvetica, sans-serif;
	color: #535551;
}
.mainColumn ul {
	padding-bottom:24px;
}
.mainColumn ul li {
	font: 13px/18px Arial, Helvetica, sans-serif;
	color: #535551;
	padding-bottom:4px;
}
.mainColumn table em {
	padding-bottom:24px;
	font: 11px/18px Arial, Helvetica, sans-serif;
	color: #535551;
	text-transform: uppercase;
}
.mainColumn p a, .mainColumn table a, .mainColumn h1 a, .mainColumn h2 a, .mainColumn ul li a {
	color:#989793;
	color:#867a73;
	text-decoration:underline;
}
.mainColumn p a:hover, .mainColumn ul li a:hover, .mainColumn table a:hover, .mainColumn h1 a:hover, .mainColumn h2 a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#8cd4e7;
}
.mainColumn h1 {
	color:#69c2d0;
	font: bold 29px/29px Arial, Helvetica, sans-serif;
	padding-bottom:0px;
}
.mainColumn h2 {
	color:#69c2d0;
	font: bold 17px/19px Arial, Helvetica, sans-serif;
	padding-bottom:0px;
}
.mainColumn img {
	padding-bottom:24px;
}
.mainColumn table.allfeatures th {
	padding-right:35px;
}
.mainColumn table.allfeatures td, .mainColumn table.allfeatures th {
	vertical-align:top;
	width:222px;
	padding-bottom:20px;
}
/* sideColumn */



#contact .sideColumn h2 {
	text-indent:9999em;
	overflow: hidden;
	display:block;
	background: url(../images/h2Contact.gif) no-repeat left top;
	width:168px;
	height:400px;
}
#features .sideColumn h2.h2Features {
	text-indent:9999em;
	overflow: hidden;
	display:block;
	background: url(../images/h2Features.jpg) no-repeat left top;
	width:168px;
	height:266px;
	margin-top:360px;
}
#pricing .sideColumn h2.h2Pricing {
	text-indent:9999em;
	overflow: hidden;
	display:block;
	background: url(../images/h2Pricing.gif) no-repeat left -25px;
	width:168px;
	height:400px;
}
#features .sideColumn h2.h2Install {
	text-indent:9999em;
	overflow: hidden;
	display:block;
	background: url(../images/install.gif) no-repeat left top;
	width:168px;
	height:135px;
	margin-top:60px;
}
#features #edit h2.todolista {
	text-indent:9999em;
	overflow: hidden;
	display:block;
	background: url(../images/h2ToDoList.gif) no-repeat left top;
	width:168px;
	height:43px;
	margin-top:90px;
}
/* Contact form */



form {
	background-color:#c7f0f8;
	padding:36px;
	margin:40px 0 5px;
}
form fieldset .soYouWantTo {
	background: url(../images/h3SoYouWantTo.gif) no-repeat left top;
	height:73px;
	width:452px;
	text-indent:-9999em;
	overflow: hidden;
	display:block;
}
form fieldset p label {
	line-height:23px;
}
form fieldset p label input {
	position:relative;
	top:2px;
	width:28px;
}
form .data input {
	color: #535551;
	height:18px;
	width:266px;
	display:block;
	border:2px #fff solid;
	margin-bottom:13px;
	padding:5px 9px;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
form .data input:focus {
	border:2px #feca00 solid;
}
form .data textarea {
	font: 13px/18px Arial, Helvetica, sans-serif;
	color: #535551;
	height:140px;
	width:429px;
	display:block;
	border:2px #fff solid;
	margin-bottom:13px;
	font-size: 13px;
	line-height: 18px;
	padding:5px 9px;
	overflow:hidden;
	margin-bottom:20px;
}
form .data textarea:focus {
	border:2px #feca00 solid;
}
form a.submit {
	color: #535551;
	background: url(../images/submit.gif) no-repeat left top;
	width:164px;
	height:37px;
	font: bold 16px Arial, Helvetica, sans-serif;
	letter-spacing: -0.04em;
	border:none;
	outline:none;
	display:block;
	height:19px;
	width:164px;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	padding: 10px 0 8px;
}
form a.submit:active {
	background: url(../images/submit.gif) no-repeat left -37px;
}
.status_message {
	padding-left:37px;
}
/* Footer */



#footer table td, #footer table th {
	border-left:1px solid #eee;
	width:180px;
	font: 10px/14px Arial, Helvetica, sans-serif;
	padding:5px 0 5px 14px;
	vertical-align:top
}
#footer table th {
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}
#footer table a {
	font: 10px/14px Arial, Helvetica, sans-serif;
	color: #535551;
	text-decoration:none;
}
#footer table a:hover {
	text-decoration:underline;
}
#footer table th a {
	margin-right:5px;
	margin-top:5px;
	width:16px;
	height:16px;
	display:block;
	float:left;
	text-decoration:none;
}
#footer table th a:hover {
	border-bottom: none;
	text-decoration:none;
}
.iconFacebook {
	background: url(../images/socialIcons.gif) 0px 0px;
}
.iconDigg {
	background: url(../images/socialIcons.gif) -21px 0px;
}
.iconTwiter {
	background: url(../images/socialIcons.gif) -43px 0px;
}
.iconDelicious {
	background: url(../images/socialIcons.gif) -65px 0px;
}
.iconRss {
	background: url(../images/socialIcons.gif) -86px 0px;
}
hr {
	border:none;
	border-bottom:3px #ebebeb solid;
	height:0;
	margin:25px 0;
}
small {
	font: bold 11px/28px Arial, Helvetica, sans-serif;
}
h2.freePlan, h2.oneSitePlan, h2.resellerPlan {
	text-indent:-9999em;
	overflow: hidden;
	display:block;
	position:absolute;
	left:-168px;
	width:168px;
	height:66px;
}
h2.freePlan {
	background: url(../images/h2FreePlan.gif) no-repeat left top;
}
h2.oneSitePlan {
	background: url(../images/h2OneSitePlan.gif) no-repeat left top;
}
h2.resellerPlan {
	background: url(../images/h2ResellerPlan.gif) no-repeat left top;
}
#pricing #edit .mainColumn p {
	padding-bottom:0;
}
.mainColumn a.specialLink {
	background-color:#fff;
	color:#69c2d0;
}
.mainColumn a.specialLink:hover {
	background-color:#69c2d0;
	color:#fff;
	text-decoration:none;
}
small {
	font: 13px/17px Arial, Helvetica, sans-serif;
	color: #999;
	padding-bottom:10px;
	display:block;
}