/*
	1. imports
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
	8. Misc

Notes:

Colors Used In Site
*/

/* ------------------------ 1. imports ------------------------ */

@import url("resets.css");

/*  --------------------- 2. structure  --------------------- */
body {text-align: center;}
#masthead {
	background: #000000;
	height: 109px;
	}
	
#body {
	background: url(../images/body-gradient.gif) repeat-x top left;
	overflow: auto;
	}
	
#bodyHome {
	background: url(../images/body-gradient-home.gif) repeat-x top left;
	height: 334px; /* don't need once i add content */ 
	}

#wrapper {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	}
	
#container {
	background: url(../images/containerBg.gif) repeat-y center top;
	width: 900px;
	margin: 31px auto 0;
	}
	
#container .top {
	background: url(../images/containerTop.gif) no-repeat center top;
	width: 900px;
	height: 8px;
	}
	
#container .bottom {
	background: #202020 url(../images/containerBottom.gif) no-repeat center top;
	width: 900px;
	height: 57px;
	clear: both;
	padding-bottom: 15px;
	}

.homepageWrapper {	
	padding-top: 1px;
	margin-bottom: -31px;
	}
	
#homeContainerLeft, #homeContainerRight, #homeArenda, #homeZakaz {
	float: left;
	height: 448px;
	}
	
#homeContainerLeft, #homeArenda, #homeZakaz {
	width: 424px;
	position: relative;
	}
	
/* #homeContainerRight {
	width: 526px;
	} */
		
#seePlans {
	margin: 0 0 0 45px;
	position: absolute;
	bottom: 10px;
	height: 80px;
	background: url(../images/seeplans-bg.gif) no-repeat left bottom;
	}
	
#seePlans a:link, #seePlans a:visited {
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	width: 367px;
	height: 39px;
	background: url(../images/seeplans-button.gif) no-repeat 0 0;
	}

#seePlans a:hover {
	background: url(../images/seeplans-button.gif) no-repeat 0 50%;
	}
	
#seePlans a:focus, #seePlans a:active {
	background: url(../images/seeplans-button.gif) no-repeat 0 100%;
	}
			
#content {
	padding: 30px 40px 10px;
	overflow: hidden;
	}
	
#calloutOne, #calloutTwo, #calloutThree {
	float: left;
	width: 256px;
	height: 115px;
	background: url(../images/calloutBg.gif) no-repeat 0 0;
	padding: 30px 20px 0;
	}
	
#calloutOne {
	margin: 0 6px 0 24px;
	}
	
#calloutTwo {
	margin: 0 6px 0 0;
	}
	
#fullColumn, #fullColumnPage {
	width: 820px;
	margin: 0px 0 0 0;
	}
	
#columnOne, #columnTwo {
	float: left;
	}
	
#columnOne {
	width: 560px;
	margin: 36px 50px 0 0;
	}
	
#columnTwo {
	width: 210px;
	margin: 27px 0 0 0;
	}
	
#columnOneForms, #columnTwoForms {
	float: left;
	}
	
#columnOneForms {
	width: 408px;
	/* margin: 60px 25px 0 0; */
	margin: 36px 25px 0 0;
	}
	
#columnTwoForms {
	width: 387px;
	margin: 27px 0 0 0;
	}
	
#calloutGreen {
	background: url(../images/calloutGreenFooter.gif) no-repeat right bottom;
	padding-bottom: 42px;
	width: 387px;
	}
	
#calloutGray {
	background: url(../images/calloutGrayFooter.gif) no-repeat right bottom;
	padding-bottom: 42px;
	width: 387px;
	}
	
#calloutBilling {
	background: url(../images/billingCalloutbottom.gif) no-repeat left bottom;
	padding-bottom: 20px;
	width: 404px;
	margin-top: 20px;
	}
	
.columnTwoFeatures {
	margin-top: 0 !important;
	}
	
#footer {
	width: 900px;
	margin: 25px 24px 0 24px;
	padding-bottom: 50px;
	float: left;
	line-height: 22px;
	}
	
#screenshotsPanel {
	background: url(../images/screenshotsPanel.gif) no-repeat 0 0;
	width: 558px;
	height: 168px;
	line-height: 178px;
	}
	
#flashMovie {
	background-color: #202020;
	padding-bottom: 15px;
	}
	
#flashMovie p {
	display: none;
	}
	
#flashBanner p, #flashBanner h2 {
	display: none;
	}
	
#pricingPanel {
	background: url(../images/pricingPanelBg.gif) no-repeat left top;
	width: 826px;
	height: 196px;
	margin-left: -2px;
	}
	
#pricingPanelGreen {
	background: url(../images/pricingPanelBgGreen.gif) no-repeat left top;
	width: 826px;
	height: 48px;
	margin-left: -2px;
	margin-top: 15px;
	}
	
#planOne, #planTwo, #planThree {
	float: left;
	width: 230px;
	text-align: center;
	margin-top: 25px;
	}

#planOne {
	margin-left: 30px;
	margin-right: 30px;
	}
	
#planTwo {
	margin-right: 30px;
	position: relative;
	top: -22px;
	}
	
#featuresOne, #featuresTwo {
	float: left;
	width: 410px;
	margin-top: 25px;
	}
	
#overviewLeft, #overviewRight {
	float: left;
	}
	
#overviewRight {
	width: 250px;
	}
	
#webAddressTop {
	background: url(../images/webAddress-top.gif) no-repeat top left;
	width: 408px;
	height: 38px;
	margin-top: 20px;
	}
	
#webAddressBottom {
	background: url(../images/webAddress-bottom.gif) no-repeat top left;
	width: 408px;
	height: 33px;
	}
	
#webAddressBg {
	background: #ffffff url(../images/webAddress-bg.gif) repeat-y top left;
	}
	
#alignCenter {
	margin-left: 200px;
	width: 408px;
	}
	
#promo {
	background: url(../images/promoBg.gif) no-repeat 0 0;
	height: 55px;
	width: 408px;
	margin: 0 0 20px -4px;
	}
	
.promoImage {
	padding: 13px 25px 0 13px;
	float: left;
	}
	
#promo p {
	float: left !important;
	color: #ffffff !important;
	width: 270px;
	line-height: 1.4em !important;
	padding-top: 10px !important;
	}
		
/* ---------------------- 3. links and navigation ---------------------- */

.question {
	cursor: help;
	}

/* main navigation */
#mainNav {
	margin: 46px 0 0 0;
	width: 439px;
	float: left;
	}
	
#mainNav li {
	display: inline;
	}
	
#mainNav li a {
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	float: left;
	margin-right: 2px;
	}
	
#mainNav li a:hover {
	cursor: pointer;
	}

/* main nav - ovdering */
#mainNav li a.mainNavOrdering, #mainNav li a.mainNavOrdering:visited { background: url(../images/nav/ordering.gif) no-repeat 0 0; width: 98px; height: 63px; }
#mainNav li a.mainNavOrdering:hover { background: url(../images/nav/ordering.gif) no-repeat 0 50%; }
#mainNav li a.mainNavOrdering:active, #mainNav li.selected a.mainNavOrdering { background: url(../images/nav/ordering.gif) no-repeat 0 100% !important; }
/* main nav - services */
#mainNav li a.mainNavServices, #mainNav li a.mainNavServices:visited { background: url(../images/nav/services.gif) no-repeat 0 0; width: 93px; height: 63px; }
#mainNav li a.mainNavServices:hover { background: url(../images/nav/services.gif) no-repeat 0 50%; }
#mainNav li a.mainNavServices:active, #mainNav li.selected a.mainNavServices { background: url(../images/nav/services.gif) no-repeat 0 100% !important; }
/* main nav - price */
#mainNav li a.mainNavPrice, #mainNav li a.mainNavPrice:visited { background: url(../images/nav/price.gif) no-repeat 0 0; width: 65px; height: 63px; }
#mainNav li a.mainNavPrice:hover { background: url(../images/nav/price.gif) no-repeat 0 50%; }
#mainNav li a.mainNavPrice:active, #mainNav li.selected a.mainNavPrice { background: url(../images/nav/price.gif) no-repeat 0 100% !important; }
/* main nav - aboutus */
#mainNav li a.mainNavAboutus, #mainNav li a.mainNavAboutus:visited { background: url(../images/nav/aboutus.gif) no-repeat 0 0; width: 81px; height: 63px; }
#mainNav li a.mainNavAboutus:hover { background: url(../images/nav/aboutus.gif) no-repeat 0 50%; }
#mainNav li a.mainNavAboutus:active, #mainNav li.selected a.mainNavAboutus { background: url(../images/nav/aboutus.gif) no-repeat 0 100% !important; }
/* main nav - help */
#mainNav li a.mainNavHelp, #mainNav li a.mainNavHelp:visited { background: url(../images/nav/help.gif) no-repeat 0 0; width: 93px; height: 63px; margin-right: 0; }
#mainNav li a.mainNavHelp:hover { background: url(../images/nav/help.gif) no-repeat 0 50%; }
#mainNav li a.mainNavHelp:active, #mainNav li.selected a.mainNavHelp { background: url(../images/nav/help.gif) no-repeat 0 100% !important; }

/* auxiliary navigation */
#auxNav {
	margin: 35px 0 0 21px;
	width: 192px;
	float: left;
	}
	
#auxNav li {
	display: inline;
	}
	
#auxNav li a {
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	float: left;
	}
	
#auxNav li a:hover {
	cursor: pointer;
	}

/* main nav - login */
#auxNav li a.auxNavLogin, #auxNav li a.auxNavLogin:visited { background: url(../images/nav/login.gif) no-repeat 0 0; width: 81px; height: 74px; margin-right: 2px; }
#auxNav li a.auxNavLogin:hover { background: url(../images/nav/login.gif) no-repeat 0 50%; }
#auxNav li a.auxNavLogin:active, #auxNav li.selected a.auxNavLogin { background: url(../images/nav/login.gif) no-repeat 0 100% !important; }
/* main nav - interesting */
#auxNav li a.auxNavInteresting, #auxNav li a.auxNavTry:visited { background: url(../images/nav/interesting.gif) no-repeat 0 0; width: 108px; height: 74px; }
#auxNav li a.auxNavInteresting:hover { background: url(../images/nav/interesting.gif) no-repeat 0 50%; }
#auxNav li a.auxNavInteresting:active, #auxNav li.selected a.auxNavTry { background: url(../images/nav/interesting.gif) no-repeat 0 100% !important; }

/* Buttons - Callouts (Gray) */
a.buttonsCallout {
	display: block;	
	text-decoration: none;
	background: url(../images/buttonsCallout.gif) no-repeat 0 0;
	cursor: pointer;
	line-height: 26px;
	float: left;
	}
	
a.buttonsCallout:hover span {
	background: url(../images/buttonsCallout.gif) no-repeat 100% 50%;
	}
	
a.buttonsCallout:active span, a.buttonsCallout:focus span {
	background: url(../images/buttonsCallout.gif) no-repeat 100% 100%;
	}

a.buttonsCallout {
	font-size: 1.1em;
	color: #ffffff;
	}	
	
a.buttonsCallout span {
	display: block;
	line-height: 26px;
	padding: 0 13px 0 2px;
	white-space: nowrap;
	background: url(../images/buttonsCallout.gif) no-repeat right top;
	}

a.arrow {
	background: url(../images/buttonsCalloutArrow.gif) no-repeat 0 0; 
	padding-left: 22px; 
	}
	
a.arrow:hover {
	background: url(../images/buttonsCalloutArrow.gif) no-repeat 0 50%;
	}
	
a.arrow:active, a.arrow:focus {
	background: url(../images/buttonsCalloutArrow.gif) no-repeat 0 100%;
	}
	
/* Buttons - Columns (Green) */
a.buttonsColumn {
	display: block;	
	text-decoration: none;
	background: url(../images/buttonsColumn.gif) no-repeat 0 0;
	cursor: pointer;
	line-height: 25px;
	float: left;
	margin-top: 10px;
	}
	
input.buttonsColumn {
	display: block;	
	text-decoration: none;
	background: url(../images/buttonsColumn.gif) no-repeat 0 0;
	cursor: pointer;
	line-height: 25px;
	float: left;
	margin-top: 10px;
	}
input.buttonsColumn:hover span {
	background: url(../images/buttonsColumn.gif) no-repeat 100% 50%;
	}
	
input.buttonsColumn:active span, input.buttonsColumn:focus span {
	background: url(../images/buttonsColumn.gif) no-repeat 100% 100%;
	}

input.buttonsColumn {
	font-size: 1.1em;
	font-weight: bold;
	color: #ffffff;
	text-shadow: #005c00 0.1em 0.1em 0.1em;
	}	
	
input.buttonsColumn span {
	display: block;
	line-height: 23px;
	padding: 0 16px 2px 0;
	white-space: nowrap;
	background: url(../images/buttonsColumn.gif) no-repeat right top;
	}	
	
input.buttonsColumn span em {
	font-style: normal;
	}
	
input.buttonsColumnWhite {
	display: block;	
	text-decoration: none;
	background: url(../images/buttonsColumnWhite.gif) no-repeat 0 0;
	cursor: pointer;
	line-height: 25px;
	float: left;
	margin-top: 10px;
	margin-left: 54px;
	}
	
input.buttonsColumnWhite:hover span {
	background: url(../images/buttonsColumnWhite.gif) no-repeat 100% 50%;
	}
	
input.buttonsColumnWhite:active span, input.buttonsColumnWhite:focus span {
	background: url(../images/buttonsColumnWhite.gif) no-repeat 100% 100%;
	}

input.buttonsColumnWhite {
	font-size: 1.1em;
	font-weight: bold;
	color: #ffffff;
	text-shadow: #242424 0.1em 0.1em 0.1em;
	}	
	
input.buttonsColumnWhite span {
	display: block;
	line-height: 23px;
	padding: 0 16px 2px 0;
	white-space: nowrap;
	background: url(../images/buttonsColumnWhite.gif) no-repeat right top;
	}

input.buttonsColumnWhite span em {
	font-style: normal;
	}
	

/*------------------------------*/
a.buttonsColumn:hover span {
	background: url(../images/buttonsColumn.gif) no-repeat 100% 50%;
	}
	
a.buttonsColumn:active span, a.buttonsColumn:focus span {
	background: url(../images/buttonsColumn.gif) no-repeat 100% 100%;
	}

a.buttonsColumn {
	font-size: 1.1em;
	font-weight: bold;
	color: #ffffff;
	text-shadow: #005c00 0.1em 0.1em 0.1em;
	}	
	
a.buttonsColumn span {
	display: block;
	line-height: 23px;
	padding: 0 16px 2px 0;
	white-space: nowrap;
	background: url(../images/buttonsColumn.gif) no-repeat right top;
	}

a.left {
	background: url(../images/buttonsColumnLeft.gif) no-repeat 0 0; 
	padding-left: 16px; 
	}
	
a.left:hover {
	background: url(../images/buttonsColumnLeft.gif) no-repeat 0 50%;
	}
	
a.left:active, a.left:focus {
	background: url(../images/buttonsColumnLeft.gif) no-repeat 0 100%;
	}
	
a.buttonsColumn span em {
	font-style: normal;
	}
	
/* Buttons - Columns (Green on White) */
a.buttonsColumnWhite {
	display: block;	
	text-decoration: none;
	background: url(../images/buttonsColumnWhite.gif) no-repeat 0 0;
	cursor: pointer;
	line-height: 25px;
	float: left;
	margin-top: 10px;
	margin-left: 54px;
	}
	
a.buttonsColumnWhite:hover span {
	background: url(../images/buttonsColumnWhite.gif) no-repeat 100% 50%;
	}
	
a.buttonsColumnWhite:active span, a.buttonsColumnWhite:focus span {
	background: url(../images/buttonsColumnWhite.gif) no-repeat 100% 100%;
	}

a.buttonsColumnWhite {
	font-size: 1.1em;
	font-weight: bold;
	color: #ffffff;
	text-shadow: #242424 0.1em 0.1em 0.1em;
	}	
	
a.buttonsColumnWhite span {
	display: block;
	line-height: 23px;
	padding: 0 16px 2px 0;
	white-space: nowrap;
	background: url(../images/buttonsColumnWhite.gif) no-repeat right top;
	}

a.leftWhite {
	background: url(../images/buttonsColumnWhiteLeft.gif) no-repeat 0 0; 
	padding-left: 16px; 
	}
	
a.leftWhite:hover {
	background: url(../images/buttonsColumnWhiteLeft.gif) no-repeat 0 50%;
	}
	
a.leftWhite:active, a.leftWhite:focus {
	background: url(../images/buttonsColumnWhiteLeft.gif) no-repeat 0 100%;
	}
	
a.buttonsColumnWhite span em {
	font-style: normal;
	}
	
/* Footer */
#footer ul {
	float: left;
	margin-left: 5px;
	}
	
#footer ul li {
	display: inline;
	margin-right: 6px;
	}

#footer li {
	font-size: 1.1em;
	color: #8E8E8E;
	}
		
#footer li a {
	font-size: 1.1em;
	color: #8E8E8E;
	}
	
#footer li a:hover, #footer li a:active, #footer li a:focus {
	text-decoration: none;
	color: #ffffff;
	}
	
#footer p {
	float: right;
	font-size: 1.1em;
	color: #8E8E8E;
	margin-right: 5px;
	}
	
#footer p a {
	color: #A2A2A2;
	}
	
#footer p a:hover, #footer p a:active, #footer p a:focus {
	text-decoration: none;
	color: #ffffff;
	}
	
#useful ul {
	float: right;
	margin-left: 5px;
	}
	
#useful ul li {
	display: inline;
	margin-right: 6px;
	}

#useful li {
	font-size: 1.1em;
	color: #8E8E8E;
	}
		
#useful li a {
	font-size: 1.1em;
	color: #8E8E8E;
	}
	
#useful li a:hover, #footer li a:active, #footer li a:focus {
	text-decoration: none;
	color: #ffffff;
	}
	
#useful p {
	float: right;
	font-size: 1.1em;
	color: #8E8E8E;
	margin-right: 5px;
	}
	
#useful p a {
	color: #A2A2A2;
	}
	
#useful p a:hover, #footer p a:active, #footer p a:focus {
	text-decoration: none;
	color: #ffffff;
	}
	
a.changePlans:link, a.changePlans:visited {
	text-decoration: none;
	color: #919191;
	border-bottom: 1px dotted #919191;
	margin: 0 2px;
	}

a.changePlans:hover, a.changePlans:focus, a.changePlans:active {
	border-bottom: none;
	}

.faqs li a:link, .faqs li a:visited, a.greenLink:link, a.greenLink:visited {
	text-decoration: underline;
	color: #26a700;
	}
	
.faqs li a:hover, .faqs li a:active, .faqs li a:focus, a.greenLink:hover, a.greenLink:active, a.greenLink:focus {
	text-decoration: none;
	}

.jumpTop a:link, .jumpTop a:visited {
	text-decoration: none;
	font-size: .9em;
	color: #bababa;
	background: url(../images/icon-arrowUp.gif) no-repeat left top;
	padding: 0 0 0 19px;
	line-height: 13px;
	display: inline-block;
	margin-right: 5px;
	}

.jumpTop a:hover, .jumpTop a:focus, .jumpTop a:active {
	background: url(../images/icon-arrowUp.gif) no-repeat left bottom;
	color: #a3a3a3;
	}
	
/* Features Links */
	
#columnTwo li a {
	display: block;
	height: 60px;
	width: 125px;
	text-decoration: none;
	font-size: 1.2em;
	color: #202020;
	line-height: 60px;
	padding-left: 85px;
	}
	
#columnTwo li a:hover {
	cursor: pointer;
	}

/* projects */
#columnTwo li a.projects, #columnTwo li a.projects:visited { background: url(../images/features/projects.gif) no-repeat left top; }
#columnTwo li a.projects:hover, #columnTwo li a.projects:active, #columnTwo li.selected a.projects { background: url(../images/features/projects.gif) no-repeat left bottom !important; font-weight: bold; }

/* address */
#columnTwo li a.address, #columnTwo li a.address:visited { background: url(../images/features/address.gif) no-repeat left top; }
#columnTwo li a.address:hover, #columnTwo li a.address:active, #columnTwo li.selected a.address { background: url(../images/features/address.gif) no-repeat left bottom !important; font-weight: bold; }

/* contacts */
#columnTwo li a.contacts, #columnTwo li a.contacts:visited { background: url(../images/features/contacts.gif) no-repeat left top; }
#columnTwo li a.contacts:hover, #columnTwo li a.contacts:active, #columnTwo li.selected a.contacts { background: url(../images/features/contacts.gif) no-repeat left bottom !important; font-weight: bold; }

/* account */
#columnTwo li a.account, #columnTwo li a.account:visited { background: url(../images/features/account.gif) no-repeat left top; }
#columnTwo li a.account:hover, #columnTwo li a.account:active, #columnTwo li.selected a.account { background: url(../images/features/account.gif) no-repeat left bottom !important; font-weight: bold; }

/* dashboard */
#columnTwo li a.dashboard, #columnTwo li a.dashboard:visited { background: url(../images/features/dashboard.gif) no-repeat left top; }
#columnTwo li a.dashboard:hover, #columnTwo li a.dashboard:active, #columnTwo li.selected a.dashboard { background: url(../images/features/dashboard.gif) no-repeat left bottom !important; font-weight: bold; }

/* designs */
#columnTwo li a.designs, #columnTwo li a.designs:visited { background: url(../images/features/designs.gif) no-repeat left top; }
#columnTwo li a.designs:hover, #columnTwo li a.designs:active, #columnTwo li.selected a.designs { background: url(../images/features/designs.gif) no-repeat left bottom !important; font-weight: bold; }

/* development */
#columnTwo li a.development, #columnTwo li a.development:visited { background: url(../images/features/development.gif) no-repeat left top; }
#columnTwo li a.development:hover, #columnTwo li a.development:active, #columnTwo li.selected a.development { background: url(../images/features/development.gif) no-repeat left bottom !important; font-weight: bold; }

/* discussions */
#columnTwo li a.discussions, #columnTwo li a.discussions:visited { background: url(../images/features/discussions.gif) no-repeat left top; }
#columnTwo li a.discussions:hover, #columnTwo li a.discussions:active, #columnTwo li.selected a.discussions { background: url(../images/features/discussions.gif) no-repeat left bottom !important; font-weight: bold; }

/* documents */
#columnTwo li a.documents, #columnTwo li a.documents:visited { background: url(../images/features/documents.gif) no-repeat left top; }
#columnTwo li a.documents:hover, #columnTwo li a.documents:active, #columnTwo li.selected a.documents { background: url(../images/features/documents.gif) no-repeat left bottom !important; font-weight: bold; }

/* milestones */
#columnTwo li a.milestones, #columnTwo li a.milestones:visited { background: url(../images/features/milestones.gif) no-repeat left top; }
#columnTwo li a.milestones:hover, #columnTwo li a.milestones:active, #columnTwo li.selected a.milestones { background: url(../images/features/milestones.gif) no-repeat left bottom !important; font-weight: bold; }

/* search */
#columnTwo li a.search, #columnTwo li a.search:visited { background: url(../images/features/search.gif) no-repeat left top; }
#columnTwo li a.search:hover, #columnTwo li a.search:active, #columnTwo li.selected a.search { background: url(../images/features/search.gif) no-repeat left bottom !important; font-weight: bold; }

/* tasks */
#columnTwo li a.tasks, #columnTwo li a.tasks:visited { background: url(../images/features/tasks.gif) no-repeat left top; }
#columnTwo li a.tasks:hover, #columnTwo li a.tasks:active, #columnTwo li.selected a.tasks { background: url(../images/features/tasks.gif) no-repeat left bottom !important; font-weight: bold; }

/* timecard */
#columnTwo li a.timecard, #columnTwo li a.timecard:visited { background: url(../images/features/timecard.gif) no-repeat left top; }
#columnTwo li a.timecard:hover, #columnTwo li a.timecard:active, #columnTwo li.selected a.timecard { background: url(../images/features/timecard.gif) no-repeat left bottom !important; font-weight: bold; }

/* tools */
#columnTwo li a.tools, #columnTwo li a.tools:visited { background: url(../images/features/tools.gif) no-repeat left top; }
#columnTwo li a.tools:hover, #columnTwo li a.tools:active, #columnTwo li.selected a.tools { background: url(../images/features/tools.gif) no-repeat left bottom !important; font-weight: bold; }

		
/* Screenshots */
#screenshotsPanel ul {
	padding: 29px 0 0 15px;
	width: 540px;
	float: left;
	}

#screenshotsPanel li img {
	position: absolute;
	z-index: -1;
	visibility: collapse; /* so it will work in IE8 */
	}

#screenshotsPanel li {
	float: left;
	}

#screenshotsPanel li a {
	overflow: hidden;
	display: block;
	width: 166px;
	height: 121px;
	margin-right: 14px;
	}
	
#screenshotsPanel li a:hover {
	cursor: pointer;
	}

/* projects one */
#screenshotsPanel li a.projectsOne:link, #screenshotsPanel li a.projectsOne:visited { background: url(../images/screenshots/mini/temp.gif) no-repeat left top; }
#screenshotsPanel li a.projectsOne:hover, #screenshotsPanel li a.projectsOne:active, #screenshotsPanel li.selected a.projectsOne { background: url(../images/screenshots/mini/temp.gif) no-repeat left bottom; }

#screenshotsPanel li a.milestonesOne:link, #screenshotsPanel li a.milestonesOne:visited { background: url(../images/features/screenshots/mini/milestones-calendar.gif) no-repeat left top; }
#screenshotsPanel li a.milestonesOne:hover, #screenshotsPanel li a.milestonesOne:active, #screenshotsPanel li.selected a.milestonesOne { background: url(../images/features/screenshots/mini/milestones-calendar.gif) no-repeat left bottom; }

#screenshotsPanel li a.milestonesTwo:link, #screenshotsPanel li a.milestonesTwo:visited { background: url(../images/features/screenshots/mini/milestones-list.gif) no-repeat left top; }
#screenshotsPanel li a.milestonesTwo:hover, #screenshotsPanel li a.milestonesTwo:active, #screenshotsPanel li.selected a.milestonesTwo { background: url(../images/features/screenshots/mini/milestones-list.gif) no-repeat left bottom; }	

a.forgot:link, a.forgot:visited {
	color: #999999;
	font-size: 1.0em;
	}

a.forgot:hover, a.forgot:focus, a.forgot:active {
	text-decoration: none;
	}
	
a.black:link, a.black:visited {
	color: #242424;
	font-size: 1.0em;
	}

a.black:hover, a.black:focus, a.black:active {
	text-decoration: none;
	}
	
#calloutGreen a:link, #calloutGreen a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #375e1f; /* light green color #bbdea3 */
	color: #375e1f;
	}

#calloutGreen a:hover, #calloutGreen a:focus, #calloutGreen a:active {
	border-bottom: none;
	}
	
#calloutBilling a:link, #calloutBilling a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #b2cef9;
	color: #b2cef9;
	}

#calloutBilling a:hover, #calloutBilling a:focus, #calloutBilling a:active {
	border-bottom: none;
	}
	
#calloutGray a:link, #calloutGray a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #000000;
	color: #000000;
	}

#calloutGray a:hover, #calloutGray a:focus, #calloutGray a:active {
	border-bottom: none;
	}
	
/* ---------------------- 4. fonts ---------------------- */

#heading {
	border-bottom: 1px solid #d6d6d6;
	padding: 0 0 8px 0;
	}
	
#heading a {
	float: right;
	}
	
#heading a:link, #heading a:visited {
	color: #868686;
	font-size: 1.1em;
	text-decoration: none;
	margin: 9px 5px 0 0;
	line-height: 14px;
	}
	
#heading a:link span, #heading a:visited span {
	background: url(../images/icon-greenArrow.gif) no-repeat right top;
	padding: 2px 24px 0 0;
	height: 16px;
	display: inline-block;
	}
	
#heading a:active span, #heading a:focus span, #heading a:hover span {
	text-decoration: none !important;
	cursor: pointer;
	background: url(../images/icon-greenArrow.gif) no-repeat right bottom;
	}
	
#heading a span {
	color: #26a700;
	text-decoration: underline;
	cursor: pointer;
	}
	
/* Headings */
#heading h1 {
	font-size: 2.2em;
	font-weight: normal;
	color: #6f6f6f;
	float: left;
	width: 517px;
	height: 27px;
	}
	
h1.overview {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingOverview.gif) no-repeat 0 0;
	}
	
h1.help {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headerHelp.gif) no-repeat 0 0;
	}
	
h1.login {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingLogin.gif) no-repeat 0 0;
	}
	
h1.trial {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingTrial.gif) no-repeat 0 0;
	}

h1.signup {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingSignup.gif) no-repeat 0 0;
	}
	
h1.privacy {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingPrivacy.gif) no-repeat 0 0;
	}
	
h1.pricing {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingPricing.gif) no-repeat 0 0;
	}
	
h1.release {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingRelease.gif) no-repeat 0 0;
	}
	
h1.terms {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingTerms.gif) no-repeat 0 0;
	}
	
h1.password {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingPassword.gif) no-repeat 0 0;
	}
	
h1.tour {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingTour.gif) no-repeat 0 0;
	}
	
h1.support {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingSupport.gif) no-repeat 0 0;
	}
	
h1.receipt {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingReceipt.gif) no-repeat 0 0;
	}
	
h1.deleted {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingDeleted.gif) no-repeat 0 0;
	}
	
h1.featProjects {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingFeaturesProjects.gif) no-repeat 0 0;
	}
	
h1.featDash {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingFeaturesDash.gif) no-repeat 0 0;
	}
	
h1.featAdd {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingAdd.gif) no-repeat 0 0;
	}
	
h1.featPer {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingPer.gif) no-repeat 0 0;
	}
	
h1.featMile {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingMile.gif) no-repeat 0 0;
	}
	
h1.featTask {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingTask.gif) no-repeat 0 0;
	}
	
h1.featTime {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingTime.gif) no-repeat 0 0;
	}
	
h1.featDoc {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingDoc.gif) no-repeat 0 0;
	}
	
h1.featDes {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingDes.gif) no-repeat 0 0;
	}
	
h1.featDev {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingDev.gif) no-repeat 0 0;
	}
	
h1.featDis {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingDis.gif) no-repeat 0 0;
	}
	
h1.featSearch {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingSearch.gif) no-repeat 0 0;
	}
	
h1.featTools {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingTools.gif) no-repeat 0 0;
	}
	
h1.featCon {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/headingContacts.gif) no-repeat 0 0;
	}
	
#calloutOne h3, #calloutTwo h3, #calloutThree h3 {
	color: #ffffff;
	font-size: 1.9em;
	font-weight: normal;
	text-indent: -9000px;
	overflow: hidden;
	}
	
#calloutOne h3 {
	background: url(../images/callout1.gif) no-repeat 0 0;
	width: 233px;
	height: 20px;
	}
	
#calloutTwo h3 {
	background: url(../images/callout2.gif) no-repeat 0 0;
	width: 233px;
	height: 20px;
	}
	
#calloutThree h3 {
	background: url(../images/callout3.gif) no-repeat 0 0;
	width: 233px;
	height: 20px;
	}
	
#calloutOne p, #calloutTwo p, #calloutThree p {
	color: #ffffff;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 8px 0;
	}
	
/* Sub Headings */
#planOne h2, #planTwo h2, #planThree h2 {
	font-size: 1.7em;
	font-weight: normal;
	color: #6f6f6f;
	margin: 0 0 7px 25px !important;
	height: 26px !important;
	}
	
h2.planStartup {
	background: url(../images/planNames-startUp.gif) no-repeat 0 0;
	text-indent: -9000px;
	overflow: hidden;
	}
	
h2.planBusiness {
	background: url(../images/planNames-business.gif) no-repeat 0 0;
	text-indent: -9000px;
	overflow: hidden;
	}
	
h2.planEnterprise {
	background: url(../images/planNames-enterprise.gif) no-repeat 0 0;
	text-indent: -9000px;
	overflow: hidden;
	}
	
#featuresOne h2, #featuresTwo h2 {
	font-size: 1.7em;
	font-weight: bold;
	color: #6f6f6f;
	margin-bottom: 10px;
	height: 28px;
	text-align: left;
	}
	
#featuresOne a, #featuresTwo a, #fullColumnPage a {
	color: #6f6f6f;
	}
	
h2.featuresCustomize {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/featuresHeadingCustomize.gif) no-repeat 0 0;
	}
	
h2.featuresDesign {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/featuresHeadingDesign.gif) no-repeat 0 0;
	}
	
h2.featuresFeatures {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/featuresHeadingFeatures.gif) no-repeat 0 0;
	}
	
h2.featuresPermissions {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/featuresHeadingPermissions.gif) no-repeat 0 0;
	}
	
h2.featuresReports {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/featuresHeadingReports.gif) no-repeat 0 0;
	}
	
h2.featuresStorage {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/featuresHeadingStorage.gif) no-repeat 0 0;
	}
	
h2.featuresSupport {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/featuresHeadingSupport.gif) no-repeat 0 0;
	}
	
h2.featuresWorkflow {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/featuresHeadingWorkflow.gif) no-repeat 0 0;
	}
	
#fullColumn h2 {
	font-size: 1.7em;
	font-weight: normal;
	color: #6f6f6f;
	margin-bottom: 10px;
	height: 40px;
	text-align: center;
	}
	
h2.pricingSub {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/subHeadingPricingSub.gif) no-repeat 0 0;
	}
	
h2.plans {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/subHeadingPlans.gif) no-repeat 0 0;
	margin-top: 45px;
	margin-bottom: 0 !important;
	}
	
#columnOne h2, #columnOneForms h2 {
	font-size: 1.7em;
	font-weight: normal;
	color: #6f6f6f;
	margin-bottom: 25px;
	/* width: 500px; */
	height: 22px;
	}
	
h2.why {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/subHeadingWhy.gif) no-repeat 0 0;
	}
	
h2.features {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/subHeadingFeatures.gif) no-repeat 0 0;
	}
	
h2.faq {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/FAQ.gif) no-repeat 0 0;
	}
	
h2.first {
	margin: 30px 0 0 0;
	border-top: 1px solid #d6d6d6;
	padding-top: 30px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/subHeadingFirst.gif) no-repeat 0 100%;
	}
	
h2.cross {
	margin: 30px 0 0 0;
	border-top: 1px solid #d6d6d6;
	padding-top: 30px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/subHeadingCross.gif) no-repeat 0 100%;
	}
	
h2.screenshots {
	margin: 30px 0 0 0;
	border-top: 1px solid #d6d6d6;
	padding-top: 30px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/subHeadingScreenshots.gif) no-repeat 0 100%;
	}
	
h2.settings {
	text-indent: -9000px;
	overflow: hidden;
	margin: 30px 0 0 0;
	border-top: 1px solid #d6d6d6;
	padding-top: 30px;
	background: url(../images/subHeadingSettings.gif) no-repeat 0 100%;
	}
	
h2.admin {
	text-indent: -9000px;
	overflow: hidden;
	margin: 30px 0 0 0;
	border-top: 1px solid #d6d6d6;
	padding-top: 30px;
	background: url(../images/subHeadingAdmin.gif) no-repeat 0 100%;
	}
	
h2.billing {
	text-indent: -9000px;
	overflow: hidden;
	margin: 30px 0 0 0;
	border-top: 1px solid #d6d6d6;
	padding-top: 30px;
	background: url(../images/subHeadingBilling.gif) no-repeat 0 100%;
	}
	
h2.master {
	text-indent: -9000px;
	overflow: hidden;
	margin: 30px 0 0 0;
	border-top: 1px solid #d6d6d6;
	padding-top: 30px;
	background: url(../images/subHeadingMaster.gif) no-repeat 0 100%;
	}
	
h2.noImage {
	margin: 30px 0 0 0;
	border-top: 1px solid #d6d6d6;
	padding-top: 30px;
	margin-bottom: 12px !important;
	}
	
h2.faqHeader {
	margin: 27px 0 0 0;
	margin-bottom: 12px !important;
	line-height: 1.6em;
	height: auto !important;
	font-size: 1.4em !important;
	color: #313131 !important;
	}
	
h2.notesHeader {
	margin: 30px 0 0 0;
	border-top: 1px solid #d6d6d6;
	padding-top: 30px;
	line-height: 1.6em;
	height: auto !important;
	font-size: 1.4em !important;
	color: #313131 !important;
	}
	
h2.faqHeaderFirst {
	margin: 30px 0 0 0;
	border-top: 1px solid #d6d6d6;
	padding-top: 30px;
	margin-bottom: 12px !important;
	line-height: 1.6em;
	height: auto !important;
	font-size: 1.4em !important;
	color: #313131 !important;
	}
	

#columnOne p, #columnOne li, #columnOneForms p, #fullColumnPage p {
	font-size: 1.2em;
	line-height: 1.9em;
	color: #5C5C5C;
	}
	
#fullColumnPage h2 {
	text-align: center;
	font-size: 2.0em;
	font-weight: normal;
	color: #434343;
	margin: 0 20px 40px 0 !important;
	/* margin: -7px 20px 30px 0 !important;
	/* background: #d9f8c4;
	padding: 20px; */
	}
	
#fullColumnPage h2 a:link, #fullColumnPage h2 a:visited {
	color: #000;
	text-decoration: underline;
	}

#fullColumnPage h2 a:hover, #fullColumnPage h2 a:focus, #fullColumnPage h2 a:active {
	text-decoration: none;
	}
	
p.lineUnder {
	border-bottom: 1px solid #E0E0E0;
	padding: 0 0 15px 0;
	margin-bottom: -20px !important;
	}
	
p.followOn {
	margin-top: 28px;
	}
	
p.parFloat {
	margin: 12px 10px 0 0;
	float: left;
	color: #000000 !important;
	}
	
p.jumpTop {
	text-align: right;
	margin: 20px 0 20px 0;
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 13px;
	}
	
p.jumpTopLast {
	text-align: right;
	margin: 20px 0 0 0 !important;
	border-bottom: none !important;
	padding-bottom: 0 !important;
	}

/* Homepage text */
#homeContainerLeft h1 {
	font-size: 2.5em;
	font-weight: normal;
	color: #fff;
	height: 127px;
	width: 313px;
	background: url(../images/sloganphone.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -9000px;
	margin: 45px 0 22px 30px;
	}

#homeArenda h1 {
	font-size: 2.5em;
	font-weight: normal;
	color: #fff;
	height: 127px;
	width: 313px;
	background: url(../images/sloganphone2.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -9000px;
	margin: 45px 0 22px 30px;
	}	
	
#homeZakaz h1 {
	font-size: 2.5em;
	font-weight: normal;
	color: #fff;
	height: 127px;
	width: 313px;
	background: url(../images/sloganphone3.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -9000px;
	margin: 45px 0 22px 30px;
	}	
	
#homeContainerLeft h2 {
	margin: 0 12px 0 43px;
	font-size: 1.5em;
	font-weight: normal;
	color: #9F9F9F;
	line-height: 1.5em;
	}
#homeArenda h2 {
	margin: 0 12px 0 43px;
	font-size: 1.5em;
	font-weight: normal;
	color: #9F9F9F;
	line-height: 1.5em;
    }
#homeZakaz h2 {
	margin: 0 12px 0 43px;
	font-size: 1.5em;
	font-weight: normal;
	color: #9F9F9F;
	line-height: 1.5em;
    }
	
#homeContainerLeft h2 a:link, #homeArenda h2 a:link, #homeZakaz h2 a:link, #homeContainerLeft h2 a:visited, #homeArenda h2 a:visited, #homeZakaz h2 a:visited {
	color: #fff;
	text-decoration: underline;
	}

#homeContainerLeft h2 a:hover, #homeArenda h2 a:hover, #homeZakaz h2 a:hover, #homeContainerLeft h2 a:focus, #homeArenda h2 a:focus, #homeZakaz h2 a:focus, #homeContainerLeft h2 a:active, #homeArenda h2 a:active, #homeZakaz h2 a:active {
	color: #fff;
	text-decoration: none;
	}
	
#seePlans {
	margin: 0 0 0 45px;
	position: absolute;
	bottom: 10px;
	height: 80px;
	background: url(../images/seeplans-bg.gif) no-repeat left bottom;
	}
	
#seePlans a:link, #seePlans a:visited {
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	width: 233px;
	height: 39px;
	background: url(../images/seeplans-button.png) no-repeat 0 0;
	}

#seePlans a:hover {
	background: url(../images/seeplans-button.png) no-repeat 0 50%;
	}
	
#seePlans a:focus, #seePlans a:active {
	background: url(../images/seeplans-button.png) no-repeat 0 100%;
	}

	
/* Column Headings */
#fullColumn h3 {
	font-size: 1.4em;
	font-weight: normal;
	color: #313131;
	margin-bottom: 60px;
	text-align: center;
	}
	
#fullColumn h3 strong {
	color: #000000;
	}
	
#columnTwo h3 {
	font-size: 1.4em;
	font-weight: normal;
	color: #313131;
	margin-bottom: 10px;
	/* width: 190px; */
	height: 17px;
	}
	
h3.try {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/colHeadingTry.gif) no-repeat 0 0;
	}
	
h3.forum {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/colHeadingForum.gif) no-repeat 0 0;
	}
	
h3.blog {
	margin: 25px 0 0 0;
	border-top: 1px solid #d6d6d6;
	padding-top: 25px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/colHeadingBlog.gif) no-repeat 0 100%;
	}
	
h3.email {
	/*Use with panel above this one
	margin: 25px 0 0 0;
	border-top: 1px solid #d6d6d6;
	padding-top: 25px; */
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/colHeadingEmail.gif) no-repeat 0 100%;
	}
	
h3.test2 {
	margin: 25px 0 0 0;
	border-top: 1px solid #d6d6d6;
	padding-top: 25px;
	}
	
h3.action {
	margin: 25px 0 0 0;
	border-top: 1px solid #d6d6d6;
	padding-top: 25px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/colHeadingAction.gif) no-repeat 0 100%;
	}
	
h3.free {
	margin: 25px 0 0 0;
	border-top: 1px solid #d6d6d6;
	padding-top: 25px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(../images/colHeadingFree.gif) no-repeat 0 100%;
	}
	
h3.boldText {
	font-size: 1.4em;
	font-weight: normal;
	color: #313131;
	margin: 28px 0 8px 0;
	}
	
#columnTwo p {
	font-size: 1.1em;
	color: #5C5C5C;
	line-height: 1.6em;
	margin-left: 1px;
	}
	
#calloutGreen h2 {
	background: url(../images/calloutGreenHeader.gif) no-repeat right top;
	width: 342px;
	height: 28px;
	padding: 28px 0 0 45px;
	font-size: 1.6em;
	color: #ffffff;
	}
	
#calloutGreen h2 span {
	background: url(../images/icon-info.gif) no-repeat 0 1px;
	height: 15px;
	padding-left: 23px;
	}
	
#calloutGreen p {
	background: url(../images/calloutGreenBg.gif) repeat-y right top;
	width: 301px;
	padding: 20px 40px 0 46px;
	font-size: 1.2em;
	color: #ffffff;
	line-height: 1.4em;
	}
	
#calloutGreen p strong.headers {
	font-size: 1.2em;
	line-height: 2.0em;
	}
	
#calloutGreen p em {
	background: #88ba66;
	padding: 3px;
	font-style: normal;
	}
	
#calloutBilling h2 {
	background: url(../images/billingCalloutTop.gif) no-repeat left top;
	width: 374px;
	padding: 40px 0 0 30px;
	margin-bottom: 10px;
	font-size: 1.6em;
	color: #ffffff;
	font-weight: bold;
	}
	
#calloutBilling p {
	width: 334px;
	padding: 0 40px 20px 30px;
	font-size: 1.2em;
	color: #ffffff;
	line-height: 1.4em;
	}
	
#calloutBilling p strong.headers {
	font-size: 1.2em;
	line-height: 2.0em;
	}
	
#calloutBilling p em {
	background: #88ba66;
	padding: 3px;
	font-style: normal;
	}
	
#calloutGray h2 {
	background: url(../images/calloutGrayHeader.gif) no-repeat right top;
	width: 342px;
	height: 28px;
	padding: 28px 0 0 45px;
	font-size: 1.6em;
	color: #000000;
	}
	
#calloutGray h2 span {
	background: url(../images/icon-info-black.gif) no-repeat 0 1px;
	height: 15px;
	padding-left: 23px;
	}
	
#calloutGray p {
	background: url(../images/calloutGrayBg.gif) repeat-y right top;
	width: 301px;
	padding: 20px 40px 0 46px;
	font-size: 1.2em;
	color: #666666;
	line-height: 1.4em;
	}
	
#calloutGray p strong.headers {
	font-size: 1.2em;
	line-height: 2.0em;
	color: #000000;
	}
	
#calloutGray p em {
	background: #88ba66;
	padding: 3px;
	font-style: normal;
	}
	
em.highlight {
	font-style: normal;
	padding: 3px;
	background: #d9f8c4;
	}
	
#columnOne ol li {
	list-style: decimal;
	margin-left: 60px;
	}
	
#columnOne ul.terms li {
	list-style: disc;
	margin-left: 60px;
	}
	
#columnOne ul.faqs li {
	list-style: none;
	margin-left: 0;
	}

#pricingPanel p.projects {
	font-size: 1.2em;
	color: #5C5C5C;
	background: url(../images/planSeparator.gif) no-repeat center bottom;
	padding-bottom: 15px;
	line-height: 18px;
	}
	
#pricingPanel p.prices {
	font-size: 1.2em;
	color: #939393;
	margin-top: 13px;
	}
	
#pricingPanel p.prices strong {
	font-size: 1.8em;
	color: #76bc48;
	}
	
#pricingPanel p.prices strong span {
	font-weight: normal !important;
	}
	
#pricingPanelGreen p {
	text-align: center;
	line-height: 48px;
	color: #ffffff;
	font-size: 1.3em;
	}
	
#pricingPanelGreen p strong {
	background: url(../images/oval.gif) no-repeat top left;
	padding: 8px 25px 8px 15px;
	margin-left: 10px;
	}
	
ul.features li {
	float: left;
	width: 30%;
	font-size: 1.4em;
	color: #939393;
	background: url(../images/icon-bullet.gif) no-repeat left 5px;
	padding: 5px 0 2px 25px;
	margin-bottom: 12px;
	line-height: 1.4em;
	}
	
ul.whoUses li {
	float: left;
	width: 30%;
	padding: 5px 0 0 0;
	cursor: help;
	margin: 0 10px 5px 0;
	}
	
#planBottom {
	text-align: center;
	clear: both;
	margin: 0 0 0 0;
	padding-left: 180px;
	padding-top: 20px;
	}
	
#planBottom p {
	text-align: center;
	clear: both;
	font-size: 1.2em;
	color: #939393;
	padding-top: 20px;
	padding-bottom: 10px;
	float: left;
	margin: 0 10px 0 0;
	line-height: 5px;
	}
	
#planBottom p strong {
	color: #4F4F4F;
	}
	
#featuresOne p, #featuresTwo p {
       font: Arial;
       color: #5c5c5c;
       line-height: 150%;
       font-size: 1.2em;
	margin: 0 30px 0 5px;
	border-bottom: 1px solid #d6d6d6;
	padding: 0 0 25px 0;
	height: 280px;
	}
	
#featuresOne p.LastNoLine, #featuresTwo p.LastNoLine {
	border-bottom: none;
	}
	
#webAddressBg p {
	text-align: center;
	font-size: 1.5em;
	color: #333333;
	}
	
#webAddressBg a:link, #webAddressBg a:visited {
	text-decoration: underline;
	color: #26a700;
	font-size: 1.3em;
	line-height: 1.8em;
	}

#webAddressBg a:hover, #webAddressBg a:focus, #webAddressBg a:active {
	text-decoration: none;
	}

/* ---------------------- 5. images ---------------------- */

a.logo, a.logo:visited, a.logo:hover {
	width: 282px;
	height: 109px;
	background: #000000 url(../images/logo-movingcentre.gif) left top no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	float: left;
	}
	
.floatLeft {
	float: left;
	margin: 0 20px 0 0;
	}
	
.floatRight {
	float: right;
	margin: -25px 0 -20px 20px;
	}
	
.floatRightEm {
	float: right;
	margin: 10px 0 -20px 20px;
	}
	
.floatRightOv {
	float: right;
	margin: -80px -20px -10px 0;
	}
	
.floatRightOvNt {
	float: right;
	margin: -15px -15px 0 20px;
	}
	
.floatLeftOv {
	float: left;
	margin: 0 0 -10px -20px;
	}
	
.screenshotCenter {
	background: url(../images/screenshotsBg.gif) no-repeat top left;
	padding: 18px 19px 18px 18px;
	margin: 20px 0 0 30px;
	}
	
.iconNew {
	margin: -5px 0 0 5px;
	vertical-align: middle;
	}
	
.mostPop {
	/* margin: -36px 0 0 0; */
	position: relative;
	top: -13px;
	}
	
.featureScreens {
	margin-top: 40px;
	}
	
/* ---------------------- 6. tables ---------------------- */	
#expirLeft, #expirRight {
	float: left;
	}
	
#expirRight {
	margin-left: 5px;
	}

.tableSpace {
	padding: 20px 0;
	}

.error {
	background: url(../images/errorBg.gif) no-repeat left top;
	width: 404px;
	height: 42px;
	margin: 5px 0;
	}
	
p.errorText {
	font-size: 1.1em !important;
	color: #ffffff !important;
	line-height: 30px !important;
	text-align: center !important;
	}
	
p.errorText span {
	background: url(../images/icon-error.gif) no-repeat 0 1px;
	padding-left: 20px;
	}
	
.success {
	background: url(../images/successBg.gif) no-repeat left top;
	width: 404px;
	height: 42px;
	margin: 5px 0;
	}
	
p.successText {
	font-size: 1.1em !important;
	color: #ffffff !important;
	line-height: 30px !important;
	text-align: center !important;
	}
	
p.successText span {
	background: url(../images/icon-success.gif) no-repeat 0 1px;
	padding-left: 20px;
	}

#columnOneForms table {
	margin: 40px 0;
	}
	
#columnOneForms table td {
	padding-bottom: 4px;
	}

#columnOneForms td.label {
	text-align: right;
	vertical-align: middle;
	padding-top: 3px;
	width: 150px;
	}
	
#columnOneForms td.labelTop {
	text-align: right;
	vertical-align: top;
	width: 150px;
	padding-top: 7px;
	}
	
label {
	cursor:pointer;
	}
	
.marginTop {
	padding-top: 5px;
	}
		
.optional {
	color: #999999;
	}
	
#columnOneForms td label.formLabels {
	font-size: 1.2em;
	padding-right: 10px;
	color: #2B2B2B;
	}
	
#columnOneForms td label.formErrors {
	color: #c71313 !important;
	font-style: italic;
	}
	
#columnOneForms td.passForgot {
	padding-top: 30px;
	}	


/* ---------------------- 7. forms ---------------------- */

#columnOneForms td span.field {
	background: url(../images/formField.gif) left top no-repeat;
	width: 180px;
	height: 26px;
	display: block;
	cursor: text;
	}
	
#columnOneForms td span.field input {
	width: 160px;
	font-size: 1.4em;
	background: transparent;
	border: 0;
	font-family: arial, helvetica, sans-serif;
	color: #3e3e3e;
	margin: 5px 7px 0;
	}
	
#columnOneForms td span.fieldText {
	background: url(../images/formFieldTextarea.gif) left top no-repeat;
	width: 180px;
	height: 132px;
	display: block;
	cursor: text;
	}
	
textarea { /* Removes resize grippie in safari */
    resize: none;
    overflow: auto;
	}
	
#columnOneForms td span.fieldText textarea {
	width: 170px;
	height: 120px;
	font-size: 1.4em;
	background: transparent;
	border: 0;
	font-family: arial, helvetica, sans-serif;
	color: #3e3e3e;
	margin: 6px 7px 0;
	}
	
/* Form Buttons - Big with Arrow */
button.arrowButton span {
	display: block;	
	text-decoration: none;
	color: #fff;
	padding: 0 0 0 22px;
	background: url(../images/buttonsCalloutArrowWhite.gif) no-repeat left top;
	cursor: pointer;
	}

button.arrowButton {
	margin: 5px 0 0 0;
	padding: 0;
	border: none;
	cursor: pointer;
	text-align: left;
	background: none;
	height: 28px;
	}

button.arrowButton em {
	display: block;
	font-family: arial, helvetica, sans-serif;
	height: 26px;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
	line-height: 26px;
	padding: 0 13px 0 2px;
	white-space: nowrap;
	background: url(../images/buttonsCalloutWhite.gif) no-repeat right top;
	}
	
button.arrowButton:hover span {
	background: url(../images/buttonsCalloutArrowWhite.gif) no-repeat left center;
	}
	
button.arrowButton:hover em {
	background: url(../images/buttonsCalloutWhite.gif) no-repeat right center;
	}
	
button.arrowButton:active span {
	background: url(../images/buttonsCalloutArrowWhite.gif) no-repeat left bottom;
	}
	
button.arrowButton:active em {
	background: url(../images/buttonsCalloutWhite.gif) no-repeat right bottom;
	}
	
/* Form Buttons - Thin gray buttons */
button.greyButton span {
	display: block;	
	text-decoration: none;
	color: #fff;
	padding: 0 0 0 16px;
	background: url(../images/buttonsColumnWhiteLeft.gif) no-repeat left top;
	cursor: pointer;
	}

button.greyButton {
	margin: 10px 0 0 0;
	padding: 0;
	border: none;
	cursor: pointer;
	background: none;
	line-height: 25px;
	}

button.greyButton em {
	display: block;
	font-family: arial, helvetica, sans-serif;
	height: 25px;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	line-height: 23px;
	padding: 0 16px 0 0;
	white-space: nowrap;
	text-shadow: #242424 0.1em 0.1em 0.1em;
	background: url(../images/buttonsColumnWhite.gif) no-repeat right top;
	}
	
button.greyButton:hover span {
	background: url(../images/buttonsColumnWhiteLeft.gif) no-repeat left center;
	}
	
button.greyButton:hover em {
	background: url(../images/buttonsColumnWhite.gif) no-repeat right center;
	}
	
button.greyButton:active span {
	background: url(../images/buttonsColumnWhiteLeft.gif) no-repeat left bottom;
	}
	
button.greyButton:active em {
	background: url(../images/buttonsColumnWhite.gif) no-repeat right bottom;
	}
	
/* ---------------------- 8. misc ---------------------- */