@import "form_styles.css";

/* global */
	*{
		margin: 0;
	}
	
	body{
		background: #495561 url(../interface/bkgBody.gif) 0 0 repeat-x;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000;
	}
	
	td, th{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000;
	}
	
	p, hr{
		margin-bottom: 18px;
	}
	
	a{
		text-decoration: underline;
		outline: none;
		color: #FFF;
	}
	
	a:hover{
		text-decoration: none;
	}
	
	a img{
		border: none
	}
/* /global */

#MainWrapper{
	width: 730px;
	border: 1px solid #7F8B97;
	margin: 8px auto;
	background-color: #64707C;
}

/* header */
	#Header{
		width: 720px;
		height: 327px;
		position:relative;
		border: 1px solid #A9B5C1;
		border-bottom: none;
		margin: 4px auto 0px auto;
		background: #27333F url(../interface/bkgHeader.gif) 0 0 repeat-x;
		top:0px;
	}
	.yanks{width:194px; height:492px; position:relative; left:-200px; top:-6px; background:url(../images/yanks.jpg) top left no-repeat;}
	.yanks a{display:block; width:194px; height:492px; cursor:pointer; border:none;}
	#Header.minimized{
		height: 125px;
	}
	
	#Header h1{
		width: 161px;
		height: 63px;
		position: absolute;
		top: 34px;
		left: 31px;
		z-index:10
	}
	
	#Header h1 a{
		display: block;
		width: 161px;
		height: 63px;
		overflow:hidden;
		text-indent: -9999em;
		background: url(../interface/d4you.gif) 0px 0px no-repeat;
	}
		#Header .header_me{
		width: 161px;
		height: 63px;
		position: absolute;
		top: 34px;
		left: 31px;
		z-index:10
	}
	
	#Header .header_me a{
		display: block;
		width: 161px;
		height: 53px;
		overflow:hidden;
		text-indent: -9999em;
		background: url(../interface/d4you.gif) 0px 0px no-repeat;
	}
	
	#Header.minimized h1 a{
		background: url(../interface/d4you_s.gif) 0px 0px no-repeat;
	}
	
	/* top nav */
		ul#TopNav{
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			position: absolute;
			top:15px;
			left: 277px;
			width:443px;
			height: 61px;
			overflow:hidden;
		}
		
		ul#TopNav li{
			display: block;
			height: 61px;
			float: left;
			padding-left: 6px;
			background:url(../interface/nav/sep_topnav.gif) 0px 0px no-repeat;
		}
		
		ul#TopNav li a{
			display: block;
			height: 49px;
			padding: 0px 20px;
			text-indent: -9999px;
			background-position: 50% 0%;
			background-repeat: no-repeat;
		}
		
		ul#TopNav li a.index{width: 31px;background-image: url(../interface/nav/index.gif);}
		ul#TopNav li a.index_selected{width: 31px;background-image: url(../interface/nav/index_over.gif);}
		
		ul#TopNav li a.contact{width: 46px;background-image: url(../interface/nav/contact.gif);}
		ul#TopNav li a.contact_selected{width: 46px; background-image: url(../interface/nav/contact_over.gif);}
		
		ul#TopNav li a.signup{width: 40px;background-image: url(../interface/nav/signup.gif);}
		ul#TopNav li a.signup_selected{width: 40px;background-image: url(../interface/nav/signup_over.gif);}
		
		ul#TopNav li a.faq{width: 30px;background-image: url(../interface/nav/faq.gif);}
		ul#TopNav li a.faq_selected{width: 30px;background-image: url(../interface/nav/faq_over.gif);}
		
		ul#TopNav li a.testimonials{width: 78px; padding: 0px 14px; background-image: url(../interface/nav/testimonials.gif);}
		ul#TopNav li a.testimonials_selected{width: 78px; padding: 0px 14px;  background-image: url(../interface/nav/testimonials_over.gif);}
	/* /top nav */
	
	/* top second nav */
		ul#TopSecNav{
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			position: absolute;
			top:94px;
			left: 249px;
			width:471px;
			height: 61px;
			overflow:hidden;
		}
		
		ul#TopSecNav li{
			display: block;
			height: 31px;
			float: left;
			padding-right: 2px;
		}
		
		ul#TopSecNav li a{
			display: block;
			height: 31px;
			width:101px;
			text-indent: -9999px;
			background-position: 0% 0%;
			background-repeat: no-repeat;
		}
		
		ul#TopSecNav li a.portfolio{background-image: url(../interface/nav/portfolio.gif);}
		ul#TopSecNav li a.portfolio_selected{background-image: url(../interface/nav/portfolio_over.gif);}
		
		ul#TopSecNav li a.aboutus{background-image: url(../interface/nav/aboutus.gif);}
		ul#TopSecNav li a.aboutus_selected{background-image: url(../interface/nav/aboutus_over.gif);}
		
		ul#TopSecNav li a.affiliate{background-image: url(../interface/nav/affiliate.gif);}
		ul#TopSecNav li a.affiliate_selected{background-image: url(../interface/nav/affiliate_over.gif);}
		
		ul#TopSecNav li a.workprocedure{width: 141px; background-image: url(../interface/nav/order.jpg);}
		ul#TopSecNav li a.workprocedure_selected{width: 141px; background-image: url(../interface/nav/order1.jpg);}
	/* /top second nav */
		
	#hdrFlash{
		width: 250px;
		height: 240px;
		position:absolute;
		top:87px;
		left: 0px;
	}
	
	#hdrPortofolio{
		width:210px;
		height: 200px;
		position: absolute;
		top:125px;
		left:250px;
		border-top: 2px solid #9AA6B2;
		background: #586470 url(../interface/gfxPortofolio.gif) 50% 50% no-repeat
	}
	
	/* quote form */
		#hdrQuoteForm{
			width:260px;
			height: 200px;
			position: absolute;
			top:125px;
			left:460px;
			border-top: 2px solid #9AA6B2;
			background: #C2CFDB url(../interface/bkgHeaderQuoteForm.gif) 0 0 repeat-x;
		}
		
		#hdrQuoteForm h2{
			width:260px;
			height: 55px;
			overflow:hidden;
			text-indent: -9999em;
			background: url(../interface/formTitle.gif) 0 0 repeat-x;
		}
		
		#hdrQuoteForm table{
			margin: 10px 0px 0px 24px;
			color: #000
		}
	/* /quote form */

	#hdrTollFree{
		width:261px;
		height: 28px;
		position: absolute;
		top:96px;
		left:459px;
		background: url(../interface/gfxHeaderTollFree.gif) 0 0 repeat-x;
	}
/* /header */

.sepContent{
	width: 732px;
	height: 12px;
	overflow:hidden;
	background: url(../interface/sepV.gif) 0px 0px no-repeat;
	position:relative;
	margin-left: -1px;
}

#Content{
	width: 720px;
	margin: 0px auto 4px auto;
	border: 1px solid #A9B5C1;
	border-top: none;
	background: #9AA6B2 url(../interface/bkgContent.gif) 100% 0% repeat-y;
	position: relative;
}

#Content.singleCol{
	margin: 0px auto;
	width: 700px;
	padding: 10px;
	background: #c2cfdb
}

#co{
	width: 720px;
	margin: 0px auto 4px auto;
	border: 1px solid #A9B5C1;
	border-top: none;
	background: #9AA6B2 url(../interface/bkgContent.gif) 100% 0% repeat-y;
	position: relative;
}

#co.singleCol{
	margin: 0px auto;
	width: 700px;
	padding: 10px;
	background: #c2cfdb
}
.SideContent{
	width: 260px;
	float: left;
}

/* main content */
	.MainContent{
		width: 460px;
		float: left;
	}
	
	.MainContentCopy{
		padding: 20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #000000;
	}
	
	.MainContentCopy td, .MainContentCopy th{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #000000;
	}
	
	#Content h2{
		text-indent: -9999em;
		line-height: 24px;
	}
	
	#Content h2.hContact{
		background: url(../interface/hContact.gif) 0% 0% no-repeat;
	}
	
	#Content h2.hGetFreeQuote{
		background: url(../interface/hGetFreeQuote.gif) 0% 0% no-repeat;
	}
	
	#Content h2.hQuoteDetails{
		background: url(../interface/hQuoteDetails.gif) 0% 0% no-repeat;
	}
	
	#Content h2.hSmallBusinessPackage{
		background: url(../interface/sbp_ttl.jpg) 0% 0% no-repeat;
		line-height: 30px;
	}
	
	#Content h2.hTermsAndConditions{
		background: url(../interface/hTermsAndConditions.gif) 0% 0% no-repeat;
		text-indent: -9999em;
		line-height: 30px;
	}
	
	#Content h2.hAboutUs{
		background: url(../interface/hAboutUs.gif) 0% 0% no-repeat;
	}
	
	#Content h2.hMoneyBackGuarantee{
		background: url(../interface/hMoneyBackGuarantee.gif) 0% 0% no-repeat;
		line-height: 28px;
	}
	
	#Content h2.hFAQ{
		background: url(../interface/hFAQ.gif) 0% 0% no-repeat;
	}
	
	#Content h2.hWorkProcedure{
		background: url(../interface/hWorkProcedure.gif) 0% 0% no-repeat;
	}
	
	#Content h2.hTestimonials{
		background: url(../interface/hTestimonials.gif) 0% 0% no-repeat;
	}
	
	#Content h2.hAffiliate{
		background: url(../interface/hAffiliate.gif) 0% 0% no-repeat;
	}
	
	#Content h2.hSiteMap{
		background: url(../interface/hSiteMap.gif) 0% 0% no-repeat;
	}
	
	#Content h2.hWebsitesOfTheWeek{
		background: url(../interface/hWebsitesOfTheWeek.gif) 0% 0% no-repeat;
	}
	
	#Content h2.hLogosOfTheWeek{
		background: url(../interface/hLogosOfTheWeek.gif) 0% 0% no-repeat;
	}
	
	
	#co back{
		text-indent: -9999em;
		line-height: 24px;
	}
	
	#co back.hContact{
		background: url(../interface/hContact.gif) 0% 0% no-repeat;
	}
	
	#co back.hGetFreeQuote{
		background: url(../interface/hGetFreeQuote.gif) 0% 0% no-repeat;
	}
	
	#co back.hQuoteDetails{
		background: url(../interface/hQuoteDetails.gif) 0% 0% no-repeat;
	}
	
	#co h2.hSmallBusinessPackage{
		background: url(../interface/sbp_ttl.jpg) 0% 0% no-repeat;
		line-height: 30px;
	}
	
	#co h2.hTermsAndConditions{
		background: url(../interface/hTermsAndConditions.gif) 0% 0% no-repeat;
		text-indent: -9999em;
		line-height: 30px;
	}
	
	#co .back .hAboutUs{
		background: url(../interface/hAboutUs.gif) 0% 0% no-repeat;
	}
	
	#co .back.hMoneyBackGuarantee{
		background: url(../interface/hMoneyBackGuarantee.gif) 0% 0% no-repeat;
		line-height: 28px;
	}
	
	#co .back.hFAQ{
		background: url(../interface/hFAQ.gif) 0% 0% no-repeat;
	}
	
	#co .back.hWorkProcedure{
		background: url(../interface/hWorkProcedure.gif) 0% 0% no-repeat;
	}
	
	#co .back.hTestimonials{
		background: url(../interface/hTestimonials.gif) 0% 0% no-repeat;
	}
	
	#co .back.hAffiliate{
		background: url(../interface/hAffiliate.gif) 0% 0% no-repeat;
	}
	
	#co .back.hSiteMap{
		background: url(../interface/hSiteMap.gif) 0% 0% no-repeat;
	}
	
	#co back.hWebsitesOfTheWeek{
		background: url(../interface/hWebsitesOfTheWeek.gif) 0% 0% no-repeat;
	}
	
	#co .back.hLogosOfTheWeek{
		background: url(../interface/hLogosOfTheWeek.gif) 0% 0% no-repeat;
	}
	
	
/* /main content */

/* side content */
	.Over4000Websites{
		width:260px;
		height: 105px;
		overflow:hidden;
		background: url(../interface/over4000websites.gif) 0 0 no-repeat;
		text-indent: -9999em;
	}
	
	.SideTollFree{
		width:260px;
		height: 36px;
		overflow:hidden;
		background: url(../interface/gfxSideTollFree.gif) 0 50% no-repeat;
		text-indent: -9999em;
	}
	
	a.MoneyBackGuarantee{
		display:block;
		width:260px;
		height: 95px;
		overflow:hidden;
		background: url(../interface/gfxSideMoneyBackGuarantee.gif) 0 0 no-repeat;
		text-indent: -9999em;
	}
	
	.NoTemplates{
		width:260px;
		height: 85px;
		overflow:hidden;
		background: url(../interface/noTemplates.gif) 0 0 no-repeat;
		text-indent: -9999em;
	}
	
	.Paypal{
		width:260px;
		height: 131px;
		overflow:hidden;
		background: #A6B2BE url(../interface/garantatPaypal.gif) 50% 50% no-repeat;
		text-indent: -9999em;
	}
	
	.SideTestimonialsIframe{
		width:260px;
		height: 264px;
		background:#a6b2be
	}
	
	.HomeTestimonials a.readMore{
		background: url(../interface/sepDot.gif) 0px 0px repeat-x;
		padding: 5px 0px 0px 0px;
		display: block;
		color: #106bb1;
		text-decoration: none;
	}
/* /side content */

/* footer links */
	#FooterLinks{
		height: 35px;
		color: #FFF;
		background-color: #818D99;
		text-align:center;
		font: 12px/35px Arial, Helvetica, sans-serif;
	}
	
	#FooterLinks a{color:#FFF;text-decoration: none}
	#FooterLinks a:hover{text-decoration: underline}
/* footer links */

/* copyright */
	#Copyright{
		height: 40px;
		text-align:center;
		font: 12px/25px Arial, Helvetica, sans-serif;
		color: #919BA5;
	}
/* /copyright */

/* homepage */
	.CompleteWebsites{
		width:460px;
		height: 105px;
		overflow:hidden;
		background: url(../interface/completeWebsite.gif) 0 0 no-repeat;
		text-indent: -9999em;
	}
	
	h3.hhWebDesign, h3.hhSmallBusinessPackage, h3.hhLogoDesign{
		margin: 0px;
		width: 459px;
		height: 38px;
		text-indent: -9999px;
	}
	
	h3.hhWebDesign{background: url(../interface/hhWebDesign.gif) 0px 0px no-repeat}
	h3.hhSmallBusinessPackage{background: url(../interface/hhSmallBusinessPackage.gif) 0px 0px no-repeat}
	h3.hhLogoDesign{background: url(../interface/hhLogoDesign.gif) 0px 0px no-repeat}
	
	/* tblWebDesignOptions */
		table.tblWebDesignOptions{
			border: 8px solid #7A8895;
			border-top: none;
			border-bottom: none;
			font: 12px/12px Arial, Helvetica, sans-serif;
		}
		
		table.tblWebDesignOptions th{
			padding: 8px 4px 6px 4px;
			color: #A9B7C5;
		}
		
		table.tblWebDesignOptions tr.top{
			background: url(../interface/bkgHHDot.gif) 0% 100% repeat-x;
		}
		
		table.tblWebDesignOptions td{
			padding: 6px 4px 4px 4px;
			color: #FFF;
			font-weight: bold;
		}
		
		table.tblWebDesignOptions th.highlighted, table.tblWebDesignOptions td.highlighted{
			color: #FFF;
		}
		
		table.tblWebDesignOptions a{
			color: #FFCC00;
			text-decoration:none;
		}
		
		table.tblWebDesignOptions a:hover{
			text-decoration:underline;
		}
	/* /tblWebDesignOptions */
	
	/* tblSmallBusinessOptions */
		table.tblSmallBusinessOptions{
			border: 8px solid #7A8895;
			border-top: none;
			font: 12px/12px Arial, Helvetica, sans-serif;
		}
		
		table.tblSmallBusinessOptions th{
			padding: 8px 4px 6px 4px;
			color: #FFF;
		}
		
		table.tblSmallBusinessOptions td{
			padding: 4px 4px 4px 4px;
			color: #A9B7C5;
		}
		
		table.tblSmallBusinessOptions a{
			color: #FFCC00;
			text-decoration:none;
		}
		
		table.tblSmallBusinessOptions a:hover{
			text-decoration:underline;
		}
	/* /tblSmallBusinessOptions */
	
	/* tblLogoDesignOptions */
		table.tblLogoDesignOptions{
			border: 8px solid #7A8895;
			border-top: none;
			font: 12px/12px Arial, Helvetica, sans-serif;
			margin-bottom: 6px;
		}
		
		table.tblLogoDesignOptions th{
			padding: 8px 4px 6px 4px;
			color: #FFF;
		}
		
		table.tblLogoDesignOptions a{
			color: #FFCC00;
			text-decoration:none;
		}
		
		table.tblLogoDesignOptions a:hover{
			text-decoration:underline;
		}
	/* /tblLogoDesignOptions */
/* /homepage */

/* website of the week */
	.WebsiteOfTheWeek{
		width: 443px;
		padding: 8px;
		background-color: #54697C;
	}
	
	.WebsiteOfTheWeek img{
		border: 1px solid #9AA6B2;
		margin-bottom: 5px;
	}
	
	.WebsiteOfTheWeek td{
		font-weight: bold;
		color: #FFF
	}
	
	.WOWTestimonials{
		width: 441px;
		margin: 10px auto 50px auto;
	}
/* /website of the week */

/* logo of the week */
	.LogoOfTheWeek{
		width: 443px;
		padding: 8px;
		background-color: #54697C;
	}
	
	.LogoOfTheWeek img{
		border: 1px solid #2D3D4C;
		margin-bottom: 5px;
	}
	
	.LogoOfTheWeek p{
		font-weight: bold;
		color: #FFF;
		margin: 0px;
	}
/* /logo of the week */

/* portofolio */
	#Portofolio{
		width: 670px;
		padding: 25px 0px 48px 16px;
	}
/* /portofolio */

/* signup */
	.packagesTop{
		width:438px;
		margin-left: -8px;
		height: 7px;
		overflow:hidden;
		background: url(../interface/boxMainTopCorners.gif) 0px 0px no-repeat;
	}
	.packagesContent{
		width:410px;
		padding: 7px 13px;
		background: #6e7b86;
		margin-left: -8px;
		border-left: 1px solid #aab3bb;
		border-right: 1px solid #aab3bb
	}
	.packagesContent h3{
		font-family:Arial, Helvetica, sans-serif;
		font-size: 18px;
		margin: 0px;
		color: #ffc435;
	}
	
	.packagesContent .UpgradeOptions h3{
		color: #FFF;
		border-bottom: 1px solid #859099;
		padding: 0px 0px 5px 0px;
		margin: 0px 0px 5px 0px
	}
	
	.UpgradeOptions{
		margin: 20px 0px 0px 10px
	}
	
	.UpgradeOptions td{
		color: #FFF;
		font-size: 12px;
	}
	
	.packagesBtm{
		width:438px;
		margin-left: -8px;
		height: 7px;
		overflow:hidden;
		background: url(../interface/boxMainBtmCorners.gif) 0px 0px no-repeat;
	}

	.package_box, .package_box2{
		width: 409px;
		padding-top: 7px;
		background: url(../interface/boxTopCorners.gif) 0px 0px no-repeat;
	}
	.package_box2{
		background: url(../interface/box2TopCorners.gif) 0px 0px no-repeat;
		margin-left: 7px
	}
	.package_box .buttons{
		margin: 5px 10px 0px 20px;
		border-top: 1px solid #97a3ae;
		padding: 10px 0px 0px 16px;
	}
	
	.package_box .box_end, .package_box2 .box_end{
		height: 7px;
		overflow:hidden;
		background: url(../interface/boxBtmCorners.gif) 0px 0px no-repeat;
	}
	 .package_box2 .box_end{
		 background: url(../interface/box2BtmCorners.gif) 0px 0px no-repeat;
	 }
	
	
	.package_box table, .package_box2 table{
		border-left: 1px solid #a2abb2;
		border-right: 1px solid #a2abb2;
		background: #83919f
	}
	.nextStep{
		text-align: right;
		margin-top: 10px;
	}
	
	ol.PackageContent{
		margin: 5px 10px 10px 20px;
		padding: 5px 0px 5px 5px;
		border-top: 1px solid #97a3ae;
		/*border-bottom: 1px solid #97a3ae;*/
		list-style:none;
	}

	
	ol.PackageContent li{
		padding-left: 14px;
		background: url(../interface/bltRArrow.gif) 0px 5px no-repeat;
	}
	
	.SelectedPackage{
		background-color: #83919f;
		/*border-top: 5px solid #83919f;*/
	}
	
	.hidden{
		display: none
	}
	
	a.btnGetStartedNow{
		display: block;
		float: right;
		height: 38px;
		line-height: 38px;
		padding-left: 13px;
		background: url(../interface/bkgBtnGetStarted.gif) 0% 0% no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#1574cc;
		text-transform:uppercase;
		text-decoration: none;
		font-weight:bold;
		margin: 7px 1px 0px 0px;
		cursor: pointer
	}
	
	a.btnGetStartedNow span{
		display: block;
		height: 38px;
		line-height: 38px;
		background: url(../interface/bkgBtnGetStarted.gif) 100% 0% no-repeat;
		padding-right: 13px;
		cursor: pointer
	}
	
	a.btnGetStartedNow strong{
		font-size: 18px;
		color: #ff7800;
		cursor: pointer
	}
	
	a.btnGetStartedNow em{
		font-style: normal;
	}
	
	h3.hOtherPackages{
		color: #FFF;
		margin: 20px 0px 5px 23px;

	}
	
	.OtherPackages a{
		color: #000;
		font-weight: bold;
		text-decoration: none;
	}
	
	.OtherPackages a:hover{
		text-decoration: underline;
	}
	
	.OtherPackages .price{
		color: #FFF
	}
	
	.OtherPackages td{
		font-size: 12px;
	}
	
	.UpgradeTotal{
		text-align: right;
		color: #FFF;
		font-weight: bold;
		padding: 10px 5px 10px 5px;
		margin: 5px 0px 5px 0px;
		border-top:1px solid #859099;
		border-bottom:1px solid #859099;
		font-size: 12px;
	}
	
	.Total{
		text-align: right;
		color: #FFF;
		font-weight: bold;
		padding: 10px 5px 10px 5px;
		margin: 5px 13px 0px 13px;
		border-top:1px solid #97a3ae;
		border-bottom:1px solid #97a3ae;
		font-size: 12px;
	}
/* /signup */

/* work procedure */
	ol.WorkProcedure{
		margin-left: 30px; 
		padding-left: 0px;
	}
	
	ol.WorkProcedure li{
		margin-bottom: 10px; 
	}
	
	ol.WorkProcedure li li{
		margin-bottom: 2px; 
	}
/* /work procedure */

/* common */
	.hr{
		background: url(../interface/hr.gif) 0 0 repeat-x;
		height: 2px;
		overflow:hidden;
		clear:both;
		margin-bottom: 10px;
	}
	
	ul.arrList{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	
	ul.arrList li{
		padding-left: 30px;
		padding-bottom: 4px;
		background: url(../interface/bltArrow.gif) 20px 6px no-repeat;
	}
	
	ul.arrList li a{
		color: #414F5E;
	}
	
	ol.default{
		margin-left: 30px;
		padding-left: 0px;
	}
	
	ol.default li{
		margin-bottom: 10px;
	}
/* /common */

#faq ol{
	margin-bottom: 20px;
	padding-left: 35px;
	margin-left: 0px;
}

#faq ol li{
	padding-bottom: 6px;
}

#faq h4{
	font-size:13px;
	margin-top: 20px;
}

#faq P{
	margin-bottom: 0px;
	text-align:justify
}


#faq a{
	color: #000;
}

.quotePopup{
	position: absolute; 
	bottom: 20px; 
	left: -5px; 
	width: 160px; 
	visibility:hidden; 
	border: 1px solid #333; 
	background: #C2CFDB; 
	text-align:left; 
	z-index: 10; 
	padding: 5px;
}

/* Top 5 Reasons */
	.Top5Reasons{
		margin: 10px 1px 0px 1px;
		background: #3f566b;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFF;
	}
	
	.Top5Reasons img{
		margin-top: -7px;
	}
	
	.Top5Reasons h2{
		margin: 0px 0px 16px 0px;
		background: #106bb1 url(../interface/hTop5Reasons.gif) 12px 17px no-repeat;
		width:360px;
		height: 56px;
		tex-indent: -9999px;
	}
	
	.Top5Reasons ol{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	
	.Top5Reasons ol li{
		padding: 0px 0px 15px 42px;
	}
	
	.Top5Reasons ol li.li_1{background: url(../interface/ulTop5Reasons_1.gif) 0px 0px no-repeat;}
	.Top5Reasons ol li.li_2{background: url(../interface/ulTop5Reasons_2.gif) 0px 0px no-repeat;}
	.Top5Reasons ol li.li_3{background: url(../interface/ulTop5Reasons_3.gif) 0px 0px no-repeat;}
	.Top5Reasons ol li.li_4{background: url(../interface/ulTop5Reasons_4.gif) 0px 0px no-repeat;}
	.Top5Reasons ol li.li_5{background: url(../interface/ulTop5Reasons_5.gif) 0px 0px no-repeat;}
/* /Top 5 Reasons */

/* order confirmation */

	.OrderConfirmation{
		width: 669px;
		margin: auto
	}
	.ocBox1Top{
		width: 329px;
		height: 7px;
		overflow: hidden;
		background: url(../interface/boxS1Top.gif) 0px 0px no-repeat;
	}
	
	.ocBox1Content{
		border-left: 1px solid #d8e0e8;
		border-right: 1px solid #d8e0e8;
		background: #83919f;	
	}
	
	.ocBox1Btm{
		width: 329px;
		height: 7px;
		overflow: hidden;
		background: url(../interface/boxS1Btm.gif) 0px 0px no-repeat;	
	}
	
	.ocBox2Top{
		width: 329px;
		height: 7px;
		overflow: hidden;
		background: url(../interface/boxS2Top.gif) 0px 0px no-repeat;
	}
	
	.ocBox2Content{
		border-left: 1px solid #d8e0e8;
		border-right: 1px solid #d8e0e8;
		background: #7a8895;	
	}
	
	.ocBox2Btm{
		width: 329px;
		height: 7px;
		overflow: hidden;
		background: url(../interface/boxS2Btm.gif) 0px 0px no-repeat;	
	}
	
	.ocBox3Top{
		width: 669px;
		height: 7px;
		overflow: hidden;
		background: url(../interface/boxSTop.gif) 0px 0px no-repeat;
	}
	
	.ocBox3Content{
		border-left: 1px solid #d8e0e8;
		border-right: 1px solid #d8e0e8;
		background: #b3c3d1;	
	}
	
	.ocBox3Btm{
		width: 669px;
		height: 7px;
		overflow: hidden;
		background: url(../interface/boxSBtm.gif) 0px 0px no-repeat;	
	}
	
	.ocBox1Content, .ocBox2Content{
	color: #FFF;
	height: 190px;
	}
	
	.ocBox1Content h3, .ocBox2Content h3{
		color: #FFF;
		font-size:18px;
		margin: 0px;
		padding: 5px 0px 0px 20px
	}
	
	.ocBox1Content ul, .ocBox2Content ul{
		margin: 0px;
		padding: 5px 10px 5px 15px;
		list-style:none;
	}

	
	.ocBox1Content ul li, .ocBox2Content ul li{
		padding: 5px 0px 5px 14px;
		background: url(../interface/bltRArrow.gif) 0px 10px no-repeat;
	}
	
	ol.PackageSummary{
		padding: 0px 0px 0px 0px;
		margin: 5px 0px 10px 30px;
	}
	
	.projectDuration{
		width: 220px;
		float: left;
		color: #FFF;
		text-align:left;
		font-weight: normal
	}
/* PORTFOLIO V2 */

#Portofolio_v2 .title {
	height: 57px;
	width: 720px;
	background-image: url(../images/portfolio_title.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#Portofolio_v2 .footer {
	height: 53px;
	width: 720px;
	background-image: url(../images/portfolio_bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#Portofolio_v2 .item {
	height: 250px;
	width: 702px;
	background-image: url(../images/portfolio_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 5px auto;
}
#Portofolio_v2 .pagination {
	height: 36px;
	margin-right: 50px;
	position: relative;
	padding-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
#Portofolio_v2 .pagination a {
	text-decoration:none  !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
#Portofolio_v2 .pagination a {
	text-decoration:underline !important;
}
#Portofolio_v2 {
	position: relative;
}
.pagination table {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
#Portofolio_v2 .item h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #252d36 !important;
	font-weight: normal;
	display: block;
	margin-top: 10px;
	margin-left: 45px;
}
#Portofolio_v2 .item img {

}

.quote_options .text { padding:10px; }
.quote_options .text label { display:block; padding:0 0 2px 0; font-size:12px; color:#333; }
.quote_options .text td { padding:6px 8px; vertical-align:top; }
.quote_options .text th { padding:6px 8px; vertical-align:top; background:#EDEDED; color:#000; font-size:12px; text-align:left; }
.quote_options .text .important { display:block; padding:2px 0 0 0; }
.quote_options .text .inputText { border:1px solid #C8C8C8; padding:3px 4px; font-size:11px; color:#666; }
.quote_options .text select { border:1px solid #C8C8C8; padding:2px; font-size:11px; color:#666; }
.quote_options .text textarea { border:1px solid #C8C8C8; padding:4px; font-size:11px; color:#666; font-family:Arial, Helvetica, sans-serif; width:300px; height:80px; overflow:auto; }
.quote_options .text .inputBig { width:300px; }
.quote_options .text .inputMedium { width:150px; }
.quote_options .text .inputSmall { width:50px; }

.inputText { padding:3px 4px; border:1px solid #824300; width:142px;  }
.inputText, textarea  { border:1px solid #544B3B; padding:2px; }

.inputBig { width:300px; }
.inputMedium { width:200px; }
 .inputSmall { width:80px; }
 #free_quote .title { text-align:right; height:40px; padding:10px; }