@charset "utf-8";
/* =========================================General CSS Document Starts========================================= */
body,div,h1,h1,h3,h4,p,ul,iframe,br {
	padding:0;
	margin:0;
}

html {
	min-height:100%;
	padding-bottom:1px;
}

a {
	text-decoration:none;
	outline:none;
}

img {
	border:0;
}

body {
	background:#15344E;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
}

ul {
	list-style:none;
}

.spacer {
	padding:0;
	margin:0;
	line-height:0;
	font-size:0;
	clear:both;
}

.noborder {
	border-bottom:none !important;
}

.noborderright {
	border-right:none !important;
}

.noborderleft {
	border-left:none !important;
}

.nobordertop {
	border-top:none !important;
}

.noborderbottom {
	border-bottom:none !important;
}

.nopaddingrt {
	padding-right:0 !important;
}

.nomargin {
	margin:0 !important;
}

.notopbotborder {
	border-bottom:none !important;
	border-top:none !important;
}

.full-width {
	width:100% !important;
}

.full-width1 {
	width:800px !important;
}

/* =========================================General CSS Document Ends========================================= */

/* =========================================Header CSS Document Starts========================================= */

#header {
	background:url(images/body-bg.gif) repeat-x 0 155px;
}

#header-inner {
	background:url(images/header-bg.jpg) no-repeat 50% 0;
}

#header-inner-container {
	margin:0 auto;
	width:902px;
/*	padding:0 0 36px;*/
}

#header-inner-container ul {
	margin:0 auto;
	width:676px;
	padding:21px 0 0;
}

#header-inner-container ul li {
	float:left;
	padding:0 15px;
	width:auto;
}

#header-inner-container ul li a {
	font-size:20px;
	color:#BED6E7;
	background-color:inherit;
	text-decoration:none;
}

#header-inner-container ul li a:hover {
	color:#fff;
	background-color:inherit;	
}

#header-inner-container ul li span {
	color:#fff;
	background-color:inherit;
	font-size:20px;		
}

#header-inner-container #logo {
	margin:51px auto 0;
	width:340px;
}

#header-inner-container h1 {
	background:#E53689;
	color:#fff;
	font-size:30px;
	line-height:39px;
	margin:36px auto 0 ;
	width:762px;
	font-weight:normal;
	text-align:center;
}

#header-inner-container p {
	background-color:inherit;
	color:#AECCE1;
	font-size:20px;
	line-height:35px;
	margin:26px auto 0 ;
	width:851px;
	font-weight:normal;
	text-align:center;
}

#header-inner-container p a {
	background-color:inherit;
	color:#AECCE1;
}

#header-inner-container p a:hover {
	text-decoration:underline;
}

#header-example {
	margin:0 auto;
	width:902px;
	position:relative;
	height:40px;
}

#header-example #project {
	position:absolute;
	left:16px;
	top:30px;
	font-size:22px;
}

#header-example div#tabContainer {
	position:absolute;
	right:10px;
	top:30px;
	font-size:18px;
	display:block;
	background:url(images/example-top-rt-bg.gif) no-repeat 50% 50%;
}

#header-example div#tabContainer div {
	float:left;
	width:auto;
	text-transform:uppercase;
	
}

#header-example div#tabContainer div span {
	margin:0 12px;
	display:block;
	cursor:pointer;
}

#header-example div#tabContainer div.tabs_off {
	color:#B3E7FA;
	background-color:inherit;
}

#header-example div#tabContainer div.tabs_on {
	color:#fff;
	background-color:inherit;
}

/* =========================================Header CSS Document Ends=========================================== */

/* =========================================Content CSS Document Starts========================================= */
#content {
	background:url(images/body-bg.gif) repeat-x 0 41px;
}

#content-inner-container {
	margin:36px auto 0;
	width:902px;
	padding:0 0 20px;
	background:url(images/scissors.gif) no-repeat 98% 31px;
	position:relative;
}

#content-inner-container img {
	position:absolute;
	right:17px;
	top:32px;
}

#green-round {
	margin:0 auto;
	width:675px;
}

#green-round #left {
	background:url(images/mid-grn-lt-curve-bg.gif) no-repeat 0 0;
	width:17px;
	float:left;
	height:84px;
}

#green-round #middle {
	background:url(images/mid-grn-mid-bg.gif) repeat-x 0 0;
	width:auto;
	float:left;
}

#green-round #middle h2 {
	background-color:inherit;
	color:#fff;
	font-size:30px;
	font-weight:normal;
	text-align:center;
	padding:3px 0 0 !important;
	margin:0 !important;
}

#green-round #middle h2 span {
	padding:9px 0 !important;	
	font-size:25px;
	display:block;
	text-align:center;
	margin:0 auto;
}

#green-round #middle h2 span a {
	background-color:inherit;
	color:#EDFF71;

}

#green-round #middle h2 span a:hover {
	background-color:inherit;
	color:#2E4302;
}

#green-round #right {
	background:url(images/mid-grn-rt-curve-bg.gif) repeat-x 0 0;
	width:17px;
	float:left;
	height:84px;
}

#three-column-area-holder {
	width:898px;
}

.three-column-area {
	width:286px;
	float:left;
	padding:38px 0 0;
}

.three-column-area-margin {
	margin:0 20px 0 0;	
}

.three-column-area h2 {
	width:241px;
	float:left;
	border-bottom:1px solid #294B63;
	border-top:1px solid #294B63;
	margin:0;
	font-size:25px;
	line-height:42px;
	font-weight:normal;
	color:#AECCE1;
	background-position:7px 7px;
	background-repeat:no-repeat;
	background-color:inherit;
	padding:0 0 0 44px;
}

.three-column-area h2.service {
	background-image:url(images/heading-bg-service.gif);
}

.three-column-area h2.rockers {
	background-image:url(images/heading-why-rockers-bg.gif);
}

.three-column-area h2.testimonials {
	background-image:url(images/heading-testimonial-bg.gif);
}

.three-column-area ul {
	padding:8px 0 0 5px;
}

.three-column-area ul li {
	background:url(images/bullet.gif) no-repeat 0 6px;
	padding:0 0 11px 15px;
	color:#fff;
	line-height:18px;
	background-color:inherit;
	font-size:13px;
}

.three-column-area p {
	background-color:inherit;
	color:#fff;
	font-size:15px;
	font-weight:normal;
	line-height:24px;
	padding:8px 0 0 8px;
}

.three-column-area p span {
	background-color:inherit;
	color:#FFFACD;
}

.three-column-area p span.quoteopen, .three-column-area p span.quoteclose {
	font-size:26px !important;
	padding:8px 0 0;
}

#grow-business {
	padding:0;
	margin:0;
}

#grow-business h2 {
	width:890px;
	margin:0 auto;
	font-weight:normal;
	font-size:30px;
}

#grow-business h2 span {
	color:#AECCE1;
	background-color:inherit;
	font-size:25px;
}

#turkey-holder {
	background:url(images/turnkey-bg.gif) repeat-y 50% 0 #FEF1E2;
	color:#333;
	margin:6px 0 0;
}

#turkey-column-holder {
	width:900px;
	margin:0 auto;
}

.turkey-column {
	width:248px;
	float:left;
	padding:26px;
}

.turkey-column h3 {
	color:#E53689;
	background-color:inherit;
	font-size:22px;
	font-weight:normal;
}

.turkey-column p {
	color:#333;
	background-color:inherit;
	font-size:12px;
	line-height:18px;
	padding:8px 0 0;
}

.turkey-column p img {
	float:left;
	display:block;
	margin:0 10px 0 0;
}

.turkey-column a {
	color:#1E3000;
	background-color:inherit;
	font-size:15px;
	margin:25px 0 0;
	display:block;
	width:240px;
}

.turkey-column a span.left {
	background:url(images/turnkey-link-lt-curve-bg.gif) no-repeat 0 0;
	width:7px;
	float:left;
	height:22px;
}

.turkey-column a span.middle {
	background:url(images/turnkey-link-mid-bg.gif) repeat-x 0 0;
	width:226px;
	text-align:center;
	float:left;
	height:22px;
	line-height:20px;
}

.turkey-column a span.right {
	background:url(images/turnkey-link-rt-curve-bg.gif) no-repeat 0 0;
	width:7px;
	float:left;
	height:22px;
}

.turkey-column a:hover {
	color:#000;
	background-color:inherit;
}

#get-started {
	margin:0 auto;
	width:902px;
	padding:29px 0 0;
}

#get-started {
	margin:0 auto;
	width:902px;
	padding:29px 0 0;
}


#get-started-holder {
	padding:30px 0 0;
}

.get-started-column {
	width:202px;
	float:left;
}

.get-started-column .imgholder {
	margin:0 auto;
	width:82px;
}

.get-started-column h4 {
	color:#D7EFFF;
	background-color:inherit;
	font-size:16px;
	text-align:center;
	padding:13px 0;
}

.get-started-column p {
	color:#fff;
	background-color:inherit;
	font-size:12px;
	line-height:18px;
	text-align:center;
	padding:0 15px;
}

.get-started-add {
	background:url(images/icon-add.gif) no-repeat 0 0;
	width:30px;
	height:32px;
	float:left;
	margin:30px 0 0;
}

#contact-sales p {
	padding:31px 0 0;
	font-size:30px;
}

#contact-sales p a {
	font-size:25px;
	line-height:35px;
	color:#fff;
	padding:2px 5px 4px;
	background:#E43588;
}

#contact-sales p a:hover {
	color:#fff;
	background:#15344D;
}

/*inner pages start*/
#content-innerpage {
	background:url(images/scissors.gif) no-repeat 100% 31px;
	margin:0 auto;
	width:870px;
	padding:40px 0 0;
}

#content-examplepage {
	background:url(images/scissors.gif) no-repeat 97% 31px;
	width:1020px;
	padding:40px 0 0;
	margin:0 auto;
}

#content-innerpage h2 {
	color:#AECCE1;
	font-size:25px;
	background-color:inherit;
	font-weight:normal;
	padding:0 0 10px;
	margin:0;
	position:relative;
}

#content-innerpage h2 span.note {
	position:absolute;
	display:block;
	right:0;
	top:10px;
	font-size:12px;
	color:#fff;
	background-color:inherit;
}

#content-innerpage h2 a.pricing {
	padding:2px 0 4px 30px;
	color:#aecce1;
	background-color:inherit;
	display:block;
	width:840px;
}

#content-innerpage h2 a.pricing .statusicon {
	position:absolute;
	top:5px;
	left:0;
	border:none;
}

#content-innerpage h2 a.pricing span {
	font-size:18px;
}

#content-innerpage .tableholder {
	width:704px;
	border:1px solid #2a465d;
	background:#1b3b54;
	color:#aecce1;
	margin:25px auto 20px;
	padding:10px;
}

.tableholder table {
	border-left:1px solid #234159;
	border-top:1px solid #234159;
	background:#183750;
	color:#fff;
}

.tableholder table td, .tableholder table th {
	border-right:1px solid #234159;
	border-bottom:1px solid #234159;
	text-align:left;
	vertical-align:top;
	font-size:12px !important;
	padding:12px 0 16px 12px;
}

.tableholder table th.nopage, .tableholder table td.toplvl   {
	width:auto;
	text-align:center;
	padding:12px 0 !important;
}


.tableholder table td.num {
	text-align:center;
	padding:12px 0 15px;
}

.tableholder table td.nopad {
	padding:0 !important;
}

.tableholder table td.blank {
	background:url(images/pricing-blank-bg.gif) repeat-x 0 0;
}

.tableholder table th {
	color:#fff;
	background-color:inherit;
}

.tableholder table th.big {
	font-size:18px !important;
	color:#aecce1;
	background-color:inherit;
}

.tableholder table th.big span {
	font-size:24px !important;
	color:#fff;
	background-color:inherit;
}

.tableholder table th.center, .tableholder table td.center {
	text-align:center !important;
	padding-left:0 !important;
	width:33%;
}

.tableholder table th.patterned {
	background:url(images/pricing-blank-bg.gif) repeat-x 0 0;
}

.tableholder table th.patterned1, .tableholder table td.patterned1 {
	background:url(images/pricing-blank-bg.gif) repeat-x 0 0;
	font-size:18px !important;
	color:#aecce1;
	background-color:inherit;
}

.tableholder table td p.details {
	text-align:center;
	font-size:14px;
	color:#fef1e2;
	background-color:inherit;
	padding:0 20px !important;
}


.tableholder table td ul {
	padding:5px 20px 0;
	font-size:14px;
}	

.tableholder table td ul li{
	background:url(images/bullet.gif) no-repeat 0 8px;
	padding:0 0 5px 15px;
	line-height:22px;
}

.tableholder table td ul li a{
	color:#fff;
	background-color:#e43588;
	padding:0 3px;
	font-size:16px;
	font-weight:bold;
}

.tableholder table td ul li a:hover{
	text-decoration:underline;
	background-color:#15344e;
	color:#fff;
}

.tableholder table td ul li.nobotpad{
	padding:0 0 0 15px !important;
}

.tableholder table td ul li span{
	display:block;
	font-weight:bold;
}	

.tableholder p {
	font-weight:bold;
	font-size:13px !important;
	padding:13px 0 0 !important;
	margin:0 !important;
}

.tableholder p span {
	color:#fff;
	background-color:inherit;
}

div.awesome {
	width:600px;
	margin:0 auto 40px;
	text-align:center;
}

div.awesome p {
	font-size:30px;
	font-weight:normal !important;
	color:#fff;
	background:#15344d;
}

div.awesome a {
	display:block;
	background:#e43588 !important;
	font-size:25px !important;
	color:#fff;
	line-height:40px;
	text-decoration:none !important;
	font-weight:normal !important;
	margin:15px 0 0;
	padding:0 10px;
}

div.awesome a:hover {
	background:#15344d !important;
	color:#fff;
}

div.awesome input.awsubmit {
	background:#e43588 !important;
	font-size:25px !important;
	color:#fff;
	width:563px !important;
	height:40px;
	font-weight:normal !important;
	margin:25px 0 0 !important;
	padding:0 10px !important;
	border:0;
	cursor:pointer;
}

#content-innerpage .innerpage-dataholder {
	padding:30px 0 0;
}

#content-innerpage .paraholder {
	border-bottom:1px solid #294B63;
	border-top:1px solid #294B63;
	padding:0 0 20px;
}

.paraholder p {
	padding:20px 20px 0;
	font-size:14px;
	line-height:22px;
}

.paraholder p.nopad {
	padding:0 20px;
	font-size:14px;
	line-height:22px;
}

.paraholder p a {
	color:#fff;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
}

.paraholder p a:hover {
	text-decoration:underline;
}

.paraholder ul {
	padding:20px 20px 0;
	font-size:14px;
}	

.paraholder ul li{
	background:url(images/bullet.gif) no-repeat 0 8px;
	padding:0 0 22px 15px;
	line-height:22px;
}

.paraholder ul li a{
	color:#fff;
	background-color:inherit;
}

.paraholder ul li a:hover{
	text-decoration:underline;
}

.paraholder ul li.nobotpad{
	padding:0 0 0 15px !important;
}

.paraholder ul li span{
	display:block;
	font-weight:bold;
}

.example-holder {
	width:750px;
	margin:0 auto;
	padding:10px 0 0;
}

iframe {
	width:1020px;
	height:500px;
	border:2px solid #0C87D5;
	overflow:auto;
	background:#fff;
	color:#000;
}

.example-column {
	width:221px;
	float:left;
	padding:12px 42px 0 0;
}

.example-column p {
	text-align:center;
	width:222px;
	padding:0;
	margin:0;
}

.example-column p a {
	color:#AECCE1;
	background-color:inherit;
	font-size:16px;
	text-decoration:none !important;
}

.example-column p a:hover {
	color:#fff;
	background-color:inherit;
}

.example-div {
	padding:30px 0 10px;
	width:1000px;
	margin:0 auto;
	position:relative;
}

.example-sub-div {
	padding:30px 0 0;
	width:1020px;
	margin:0 auto;
}

.code-top-holder {
	padding:30px 0 0;
	width:1016px !important;
}

.code-holder {
	width:994px;
	margin:0 auto;
	height:460px;
	background:#E3FAFF;
	color:#545454;
	white-space:normal;
	border:3px solid #0C87D5;
	font-size:11px;
	padding:30px 10px 10px;
	overflow:auto;
	font-weight:bold;
	line-height:19px;
}

.code-holder p span.doctype {
	background-color:inherit;
	color:#350652;
}

.code-holder p span.maintags {
	background-color:inherit;
	color:#961F16;
}

.code-holder p span.quote {
	background-color:inherit;
	color:#2C499B;
}

.code-holder p span.title {
	background-color:inherit;
	color:#000;
}

.code-holder p span.comment {
	background-color:inherit;
	color:#4B1707;
	font-weight:bold;
	font-size:12px;
}

/*order now form starts*/
form.order {
	width:870px;
	margin:0 auto;
}

form.order div.note span {
	color:#ff57a7;
	background-color:inherit;
	font-size:16px;
}

form.order div.panelt {
	width:314px;
	float:left;
	padding:23px 0 23px 64px;
}

form.order div.panelt1 {
	width:354px;
	float:left;
	padding:23px 0 23px 64px;
}

form.order div.panert {
	width:340px;
	float:left;
	padding:23px 0 23px 110px;
}

form.order div.panert1 {
	width:340px !important;
	float:left;
	padding:23px 0;
	position:relative;
	margin:0 0 0 70px;
}

form.order div.panelt label, form.order div.panert label, form.order div.panert1 label {
	font-size:14px;
	padding:0 0 7px;
}

form.order div.panert1 label span.aesterix, form.order div.panelt label span.aesterix, form.order div.panert label span.aesterix, #content-innerpage h2 span.note span.aesterix {
	font-size:16px;
	color:#ff57a7;
	background-color:inherit;
}

.projectLabel{
	padding-top:10px !important;
	
}

form.order select.projectList, form.order select {
	height:24px;
	width:344px !important;
	margin:4px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:#15344e;
	border:1px solid #57768d;
	color:#adcce2;
}

form.order select {
	width:105px !important;
}

form.order div.panert1 label.upload {
	padding:0 0 0 40px !important;
	line-height:24px;
}

form.order div.hiring-type {
	font-size:14px;
	padding:0 8px 7px 0;
	width:auto !important;
	text-align:right;
	float:left !important;
}

form.order div.hiring-type label.duration {
	font-size:14px;
	padding:14px 0 7px !important;
	width:104px !important;
	float:left !important;
	display:block !important;
	line-height:25px !important;
	text-align:right;
}

form.order div.duration input {
	width:62px !important;
	height:22px;
	margin:8px 10px 0;
	float:left;
}

form.order div.duration select {
	width:135px !important;
	height:22px;
	margin:12px 0 0;
	float:left;
}

form.order input, form.order textarea {
	width:312px;
	height:24px;
	padding:8px 0 0 !important;
	border:1px solid #57768d;
	font-size:15px !important;
	background-color:#15344d;
	color:#aecce1;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:4px 0 0;
}

form.order label.returning {
	display:block !important;
}

form.order input.orderchkbox {
	width:16px !important;
	height:16px !important;
	margin:8px 4px 0 0 !important;
	padding:0 !important;
	border:none !important;
	float:left;	border:0;
}

form.order span.retclients {
	padding:6px 0 0 !important;
	margin:0 !important;
	display:block;
	float:left;
	width:auto;

}

form.order textarea {
	width:728px;
	padding:8px 0 0;
	height:150px;
	overflow:auto;
}

form.order textarea.instruction {
	background:url(images/textarea-instructions.gif) no-repeat 5px 8px;
	padding:8px 0 0 35px !important;
}

form.order textarea.sales {
	padding:8px 0 0 4px !important;
	width:720px;
}

form.order input.name {
	background:url(images/input-name.gif) no-repeat 3px 3px;
	padding:8px 0 0 30px !important;
}

form.order input.email {
	background:url(images/input-email.gif) no-repeat 3px 7px;
	padding:8px 0 0 30px !important;
}

form.order input.deadline {
	background:url(images/input-deadline.gif) no-repeat 3px 5px;
	padding:8px 0 0 30px !important;
}

form.order input.source {
	background:url(images/input-source.gif) no-repeat 3px 5px;
	padding:8px 0 0 30px !important;
	margin:0 0 20px 0;
}

form.order input.pages {
	background:url(images/input-pages.gif) no-repeat 3px 5px;
	padding:8px 0 0 30px !important;
}

form.order div.phone {
	font-size:14px;
	color:#57768d;
	background-color:inherit;
	line-height:34px;
}

form.order div.phone span.signs {
	display:block;
	width:18px;
	text-align:center;
	float:left;
}

form.order div.phone span.signs strong {
	font-size:20px;
	padding:3px 0 0;
	display:block;
}

form.order div.duration {
	width:220px !important;
}

form.order div.phone input.first {
	width:62px;
	font-size:14px;
	float:left;
}

form.order div.duration input.first {
	width:62px;
	font-size:14px;
	float:left;
	margin:8px 10px 0 0;
}	

form.order div.phone input.second {
	width:130px;
	font-size:14px;
	float:left;
}

form.order div.chkbox-holder {
	width:512px;
	font-size:14px;
	float:left;
	padding:4px 0 0;
}

form.order div.chkbox-holder input.chkbox {
	border:none;
	width:16px;
	height:16px;
	padding:0 !important;
	margin:0 0 15px !important;
	float:left;
}

form.order div.chkbox-holder span {
	display:block;
	float:left;
	font-size:14px;
	line-height:12px;
	width:auto;
	padding:0 5px;
	margin:0 0 15px;
}

form.order div.cabinet {
	background:url(images/browse.gif) no-repeat 0 0;
	display: block;
	cursor: pointer;
	position:relative;
}

form.order input.submit {
	background:#e43588;
	width:161px;
	height:39px;
	border:0;
	padding:0 0 3px !important;
	text-align:center;
	font-size:25px !important;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	float:right;
	margin:0 42px 0 0;
	cursor:pointer;	
}

form.order p.privacy {
	width:auto;
	height:39px;
	text-align:center;
	font-size:25px !important;
	font-family:Georgia, "Times New Roman", Times, serif;
	float:right;
	margin:-13px 0 0 !important;
}
/*order now form ends*/


/*inner pages end*/
	
/* =========================================Content CSS Document Ends========================================= */

/* =========================================Footer CSS Document Starts========================================= */
#footer {
	background:url(images/footer-bg.gif) repeat-x 0 0 #000;
	color:#C0C0C0;
	padding:34px 0 10px;
	margin:28px 0 0;
}

#footer p {
	font-size:30px;
	color:#D7EFFF;
	margin:0 auto;
	width:431px;
	background-color:inherit;
}

#footer #footer-logoholder {
	width:179px;
	margin:10px auto 0;
}

#footer ul#footer-nav {
	width:535px;
	margin:0 auto;
	padding:27px 0 0;
}

#footer ul#footer-nav li {
	float:left;
	width:auto;
	line-height:14px;
	border-right:1px solid #fff;
	padding:0 10px;
	font-size:12px;
}

#footer ul#footer-nav li.noborder {
	border-right:none;
}

#footer ul#footer-nav li a {
	color:#C0C0C0;
	background-color:inherit;
}

#footer ul#footer-nav li a:hover {
	color:#AFF21F;
	background-color:inherit;
}

#footer ul#footer-nav li span {
	color:#AFF21F;
	background-color:inherit;
}

#footer p.copyright {
	font-size:12px;
	color:#C0C0C0;
	background-color:inherit;
	width:357px;
	margin:11px auto 0;
}

#footer p.footxt {
	font-size:12px;
	color:#aff21f;
	background-color:inherit;
	width:557px;
	margin:11px auto 0;
}

#footer ul#xhtml {
	width:325px;
	margin:0 auto;
	padding:15px 0 0;
}

#footer ul#xhtml li {
	float:left;
	width:auto;
	line-height:14px;
	border-right:1px solid #fff;
	padding:0 10px;
	font-size:12px;
}

#footer ul#xhtml li.noborder {
	border-right:none;
}

#footer ul#xhtml li a {
	color:#FEF1E2;
	background-color:inherit;
}

#footer ul#xhtml li a:hover {
	color:#AFF21F;
	background-color:inherit;
}

/* =========================================Footer CSS Document Ends========================================= */