@import 'lib/reset.css';
@import 'lib/typography.css';

/* Global
-------------------------------------------------------------- */

#header { height: 91px;}
#header .logo { float: left; margin: 15px 0 0 0;}
#header .tryitfree { float: left; margin-left: 300px; margin-top: 25px;}
#navigation span { float: left;}
#navigation { padding-bottom: 30px;}
#navigation .help { margin-left: 105px;}
#navigation .rightcol { float: right;}
#navigation .leftcol { float: left;}

.container { width: 776px; margin: 0 auto;}

.introduction { width: 446px;}
.tryfree { width: 248px; padding-top: 30px; padding-left: 66px;}

#footer { text-align: center; padding: 60px 0 0 0;}
#footer ul { margin: 15px 0 60px 0;}
#footer ul li { display: inline; margin-right: 15px; list-style-type: none;}
#footer ul li a { color: #ff6600; text-decoration: none;}
#footer ul li a:hover { text-decoration: underline;}

.column { float: left; margin-right: 16px;}

div.last { margin-right: 0; }

.clear { display: inline-block; }   
.clear:after, .container:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;}
* html .clear { height: 1%; }
.clear { display: block; }

/* Homepage
-------------------------------------------------------------- */

#home #content #slideshow1 { width: 380px; height: 251px; padding: 0; background: url(images/screenshot.jpg) 0 0 no-repeat; margin-bottom: 15px;}
#home #content .screenshot img {}
#home #content .introduction { width: 380px; margin-right: 0;}
#home #content .introduction p { margin-bottom: 15px;}
#home #homepage-features { width: 100%; background: #3e6f87; border-top: 3px solid #ccc; border-bottom: 3px solid #ccc;  color: white;}
#home #homepage-features .wrapper { width: 776px; padding-top: 20px; margin-top: 15px; margin: 0 auto; color: white; background: url(images/blueprint-bg.jpg) 0 1px no-repeat; *background: url(images/blueprint-bg.jpg) 0 15px no-repeat;}
#home #homepage-features .column { width: 248px; margin-bottom: 30px; color: white;}
#home #homepage-features .column p { margin-top: 10px;}
#home #homepage-features .features { margin: 0 auto; width: 272px; margin-bottom: 20px;}

/* Features
-------------------------------------------------------------- */

#features .try { text-align: center; padding-top: 30px;}
#features #content .introduction { width: 446px;}
#features #content .tryfree { width: 248px; padding-top: 50px; padding-left: 66px;}
#features .row { margin-top: 30px;}
#features .column { width: 248px;}
#features .column p { margin-top: 10px;}

#easy { background: url(images/icon-easy.png) 7px 0 no-repeat;}
#landscaper { background: url(images/icon-hardhat.png) 0 0 no-repeat;}
#professional { background: url(images/icon-professional.png) 7px 0 no-repeat;}
#unlimited { background: url(images/icon-unlimited.png) 7px 0 no-repeat;}
#seo { background: url(images/icon-seo.png) 7px 0 no-repeat;}
#star { background: url(images/icon-star.png) 7px 0 no-repeat;}
#address { background: url(images/icon-address.png) 7px 0 no-repeat;}
#secure { background: url(images/icon-secure.png) 7px 0 no-repeat;}
#email { background: url(images/icon-email.png) 7px 0 no-repeat;}
#photos { background: url(images/icon-photos.png) 7px 0 no-repeat;}
#support { background: url(images/icon-support.png) 7px 0 no-repeat;}
#reports { background: url(images/icon-reports.png) 7px 0 no-repeat;}
#mailing { background: url(images/icon-mailing.png) 7px 0 no-repeat;}
#store { background: url(images/icon-store.png) 7px 0 no-repeat;}
#seo { background: url(images/icon-seo.png) 7px 0 no-repeat;}
#you { background: url(images/icon-tools.png) 7px 0 no-repeat;}

/* Pricing
-------------------------------------------------------------- */

#pricing .title { width: 248px; margin: 0 0 15px 0;}
#pricing .tagline { width: 446px; margin: 7px 0 15px 0; padding-left: 66px;}
#pricing .table { width: 446px; background: url(images/plans-bg.jpg) 0 0 no-repeat; margin: 0; *margin-top: 15px;}
#pricing .table .try { margin: 30px 0 0 120px;}
#pricing .table .proplan {margin: 15px 0 0 50px;}
#pricing .chart { width: 350px; margin: 5px 0 0 50px;}
#pricing .chart img { margin: 0; padding: 0;}
#pricing .chart p { border-bottom: 1px solid #d1cebc; padding: 5px; background: white; margin-bottom: 5px;}
#pricing .chart .left  { font-weight: bold; width: 170px; float: left;}
#pricing .chart .right { font-weight: bold; color: #2c4c61; width: 160px; float: left; text-align: right;}
#pricing .chart .right img { float: right;}
#pricing .faqs { width: 314px; *margin-top: 15px;}
#pricing .faqs p { margin-top: 15px;}

/* Try Landscaperoo Free
-------------------------------------------------------------- */

#signup form { margin: 0 0 0 15px;}
#signup .row { margin: 0 0 15px 0;}
#signup form .center { text-align: center;}
#signup h2.email { margin: 15px 0 0 305px;}
#signup h2.address { margin: 15px 0 0 305px;}
#signup h1{ margin-left: 140px;}
#signup .border { border-top: 1px solid #DFD8BD; margin-right: 15px; padding: 15px 0 0 0;}
#signup .leftcolumn { float: left; width: 300px; text-align: right; font-weight: bold; color: black; margin-right: 5px;}
#signup .rightcolumn { float: left; width: 300px;}
#signup .rightcolumn p { margin: 0 0 5px 0;}
#signup .rightcolumn .small { font-size: 11px; color: #666; margin: 0 0 5px 0;}

/* Landscaperoo Terms
-------------------------------------------------------------- */

#terms p { margin: 0 0 15px 0;}
#terms h2 {}

/* FAQ
-------------------------------------------------------------- */

#faq ol { margin-top: 15px;}
#faq li { margin: 0 0 15px 0;}

/* Sample Websites
-------------------------------------------------------------- */

#samples .row { width: 512px; padding-left: 132px; padding-right: 132px;}
#samples .tryfree { width: 512px; padding-left: 132px; padding-right: 132px; text-align: center;}
#samples .screenshot { float: left;}

/* Contact Us
-------------------------------------------------------------- */

#contact p { margin-bottom: 1em;}
#contact .push { padding-left: 198px;}
#contact .left { width: 182px; font-weight: bold; text-align: right;}
#contact .right { margin-right: 0; width: 578px;}

/* Contact Us
-------------------------------------------------------------- */

#login p { margin: 0 0 15px 0;}

/* IE PNG FIX
-------------------------------------------------------------- */

 img, div { behavior: url(iepngfix.htc) }
 
 
 /* Slideshow
-------------------------------------------------------------- */
 
#rotator
{
	overflow: hidden;
	margin: 25px auto 10px;
	position: relative;
	width: 319px;
	height: 193px;
}