/*
	Image2Markup.com - Professional PSD Slicing
	info@image2markup.com
*/

/* -- Default "_RESET_" Rules -- */

* { margin: 0px; padding: 0px; }

body {
	background: #FAFCFC url(../images/body.gif) top left repeat-x;
	color: #000;
	font: normal normal 12px/100% Arial,sans-serif;
	text-align: center;
}

a { color: #68bcef; text-decoration: none; outline: none; }
a img { text-decoration: none; border: none; cursor: pointer; }

table { border-collapse: collapse; border-spacing: 0; }

h3 { color: #68bcef; }

/* -- Standard Helpers -- */

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

.fl { float: left; }
.fr { float: right; }
.fn { float: none; }

.fw { width: 100%; }

.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }

fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/* -- Your Site Starts Here -- */

.wrapper { width: 944px; text-align: left; margin: auto; }

.header {
	height: 120px;
	padding: 0 20px;
}
	.header .logo {
		float: left;
		margin: 35px 0 0;
	}
	.header .client_login {
		float: right;
		margin: 40px 0 0;
	}
		.header .client_login .text {
			border: 1px solid #4099cf;
			color: #d9d9d9;
			float: left;
			font-size: 12px;
			margin-left: 10px;
			padding: 6px 6px 7px;
			width: 120px;
		}
		.header .client_login .image {
			float: left;
			margin-left: 10px;
		}
		.header .client_login legend {
			color: #65654d;
			font-size: 12px;
			padding: 0 0 5px 10px;
		}
		.header .client_login a {
			color: #679ea2;
			font-size: 11px;
			padding: 5px 0 0 10px;
			text-decoration: none;
		}

#content {
	margin: 10px 0;
}
.intro {
	background: url(../images/intro.jpg) top left no-repeat;
	color: #fff;
	padding: 20px 24px;
}
	.i-left {
		float: left;
		width: 500px;
	}
	.i-right {
		float: left;		
		text-align: center;
		width: 396px;
	}
		.intro .i-right {
			padding: 47px 0 0 0;
		}
	.intro h1 {
		font: normal normal 24px/32px Arial, sans-serif;
		padding: 0 0 20px 0;
	}
	.intro p {
		font: normal normal 14px/18px Arial, sans-serif;
		padding: 0 0 10px 0;
		width: 500px;
	}
	.order-button {
		background: url(../images/order_now.png) top left no-repeat;
		display: block;
		height: 60px;
		text-indent: -9999px;
		width: 166px;
	}
		.intro .order-button { margin-left: 115px; }
		.order-now .order-button { float: right; margin-right: 105px; }
	
	.holder-middle {
		background: #fff url(../images/holder_middle.gif) top center repeat-y;
		padding: 0 3px 0 1px;
	}
	.bg-white {
		color: #3f3f3f;
		background: #fff url(../images/white.gif) top left repeat-x;
		padding: 20px;
	}
	
	.bg-blue {
		background: #f7fafc url(../images/blue.gif) top left repeat-x;
		padding: 20px;
	}
	
	.hiw-column {
		float: left;
		padding-right: 15px;
		width: 290px;
	}
		.hiw-column h3, .features h3 {
			color: #df7237;
			font: normal bold 16px/22px verdana, arial, sans-serif;
			margin-bottom: 12px;
		}
		.hiw-column p {
			font: normal normal 13px/18px arial;
		}
		.how-it-works .hiw-step3 { padding-right: 0; }
		
	.order-now {
		padding: 20px 15px;
	}
		.order-now .i-left {
			font-size: 14px;
			padding: 10px 0 0 0;
		}
	
	.content-end {
		background: #fff url(../images/content_end.gif) top left no-repeat;
		height: 11px;
	}
	
	.features h3 {
		width: 200px;
	}
	.features .fl {
		width: 610px;
	}
	
	ul.ul-features {
		width: 650px;
	}
		ul.ul-features li {
			background: url(../images/star.gif) center left no-repeat;
			float: left;
			font-size: 13px;
			list-style-type: none;
			padding: 10px 0 10px 24px;
			width: 280px;
		}
	.features .supported {
		float: left;
		margin: 25px 0 0 0;
	}
	
	ul.stars li {
			background: url(../images/star.gif) center left no-repeat;
			font-size: 13px;
			list-style-type: none;
			line-height: 20px;
			padding: 10px 0 10px 24px;
			text-align: left;
		}
	
	h3.pt {
		padding: 30px 0 0;
	}

#footer {
	color: #999;
	font-size: 10px;
	padding: 10px 20px 50px;
}
	.footer-bottom {
		
	}

/* forms */
label {
	color:#4F4F4F;
	display:block;
	font-size:13px;
	font-weight:bold;
	padding-bottom:4px;
}
input.text {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #4099cf;
	color:#6F6F6F;
	font-size:12px;
	margin-bottom:16px;
	padding:6px 6px 7px;
	width:330px;
}
input.text2 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #4099cf;
	color:#6F6F6F;
	font-size:12px;
	margin-bottom:16px;
	padding:6px 6px 7px;
	width:160px;
}
textarea.textarea {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #4099cf;
	color:#6F6F6F;
	font-size:12px;
	height:280px;
	margin-bottom:12px;
	padding:6px 6px 7px;
	width:330px;
}

/* -- MESSAGES -- */
.fail {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.orange_success {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #ffee9f url(../images/new-sticker.gif) 562px 75px no-repeat;
	border: 2px solid #ffb32f; 
	font: normal normal 13px/160% Arial,sans-serif;
	margin-bottom: 25px;
	padding: 10px; 
}
	.orange_success .small {
		color: #5e5e4d;
		display: block;
		font-size: 11px;
	}
	.orange_success a { color: #285E83; }