* {
    margin:0;
    padding:0;
}

html, body { height:100%; }
a img, fieldset { border:0;  }
a:focus { outline:0; }

body {
    background:#0099df url(../images/header-background.gif) repeat-x;
    text-align:center;
    font:76% Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 { font-size:100%; }

/* Layout 
-----------------------------------------------------
-----------------------------------------------------
*/

#wrapper { 
    width:1024px;
    text-align:left;
    min-height:100%;
    margin:0 auto -38px;
    height:auto;
}

* html #wrapper { height:100%; }

#header {
    height:161px;
    margin:0 0 23px;
    /*background:url(../images/header-background.gif) repeat-x;*/
}

#logo a {
    display:block;
    width:348px; height:103px;
    background:url(../images/addmyfriends-logo.gif) no-repeat;
    margin:33px 0 0 20px;
    float:left;
    display:inline;
}

    #logo a span { position:absolute; left:-999em; } 

#nav {
	margin:40px 0 0 60px;
	float:left;
	overflow:hidden;
	display:inline;
    }
    #nav li {
	float:left;
	display:inline;
    }

    #nav li a {
	float:left;
	width:105px;
	height:115px;
	background-image:url(../images/nav.jpg);
	background-repeat:no-repeat;
	margin:0 10px 0 0;
	display:inline;
    }

    #nav li a:hover {
	background-image:url(../images/nav-over.jpg);
    }

    #nav li a span { position:absolute; left:-999em; }
	
	li#nav-home a { background-position: 0 0; }
	li#nav-features a { background-position: -115px 0; }
	li#nav-download a { background-position: -230px 0; }
	li#nav-purchase a { background-position: -345px 0; }
	li#nav-faq a { background-position: -460px 0; }

#content p {
    margin:0 0 10px;
}

#content h2 {
    font-size:1.4em;
    color:#fff;
    margin:0 0 15px 0;
}

/* Home 
-----------------------------------------------------
-----------------------------------------------------
*/

#main {
    width:985px;
    height:249px;
    background:url(../images/main.jpg) no-repeat;
    margin:0 auto;
    overflow:hidden;
}

#main #first {
    color:#b4b4b4;
    color:#666666;
}

#main #second {
    color:#222222;
}

#main #h2 {
    color:#2179d2;
}

#main #main-copy {
    float:left; display:inline;
    margin:25px 0 0 386px;
    width:310px;
}
    #main-copy ul { list-style:none; }
    #main-copy ul li { padding-left:5px; }

#buy-trial {
    width:205px;
    position:relative;
    height:220px;
    float:right;
    margin:16px 46px 0 0;
    display:inline;
}

span#or {
    width:48px; height:47px;
    background:url(../images/or.gif) no-repeat;
    position:absolute;
    top:87px; left:80px;
    text-indent:-999em;
}

a#trial-version { 
    margin:21px 0 0;
    display:block;
}

/* Homepage copy area */

#subcontent {
    margin:26px 0 0;
}

#side {
    float:left;
    display:inline;
    margin:0 0 0 20px;
}

#why-buy {
    width:249px;
    height:137px;
    padding:20px 0 0;
    background:url(../images/why-buy.gif) no-repeat;
}

    #why-buy-inset {
	float:left;
	clear:left;
    }

    #why-buy p {
	margin:0 15px 10px 32px;
	color:#f2f2f2;
    }

#instant-access {
    float:right;
    display:inline;
    width:349px;
    margin:0 25px 0 0;
}

    #instant-access form#special-report {
	width:349px;
	height:244px;
	background:url(../images/special-report-bg.gif) no-repeat;
    }

	form#special-report p {
	    text-align:center;
	    font-weight:bold;
	    padding:27px 0 0;
	    text-transform:capitalize;
	    font-size:1.2em;
	    color:#c0c0c0;
	    margin:0 20px 30px;
	}

	form#special-report label {
	    width:100px;
	    text-align:right;
	    font-size:1.2em;
	    color:#fff;
	    float:left;
	    display:inline;
	    font-weight:bold;
	    margin:4px 8px 0 0;
	}

	form#special-report input {
	    margin:0 0 17px;
	    padding:2px 0;
	    width:190px;
	}

	form#special-report div.button {
	    padding-left:106px;
	}
	form#special-report div.button input {
	    width:auto;
	}

#basic-edition {
    height:257px;
    width:349px;
    background:url(../images/basic-edition.gif) no-repeat;
    padding:24px 0 0; 
}
    #basic-edition h3 {
	margin:0 10px 9px;
	font-size:1.1em;
    }

    #basic-edition p {
	margin:0 8px 10px;
    }

    #basic-edition img {
	margin:0 auto;
	display:block;
    }

#key-features {
    float:left; display:inline;
    width:375px;
    margin:0 0 0 4px;
}

    #key-features-h2 {
	background:url(../images/key-features.gif) no-repeat;
	width:88px;
	height:17px;
    }

    #key-features h2 span { position:absolute; left:-999em; }
    #key-features ul {
	margin:10px 10px 0 20px;
	font-size:1.2em;
    }
    #key-features ul li {
	padding-bottom:15px;
    }

#footer {
    clear:both;
    height:38px;
    line-height:38px;
    text-align:center;
    background:url(../images/footer-background.gif) repeat-x;
}

/* features 
-------------------------------------------
------------------------------------------
*/

div.features {
    background:url(../images/features-background.gif) no-repeat;
    width:985px;
    height:384px;
    overflow:hidden;
    margin:0 0 27px;
}

div.features h3 {
    color:#0066cc;
}

    div.features div.feature {
	float:left;
	width:490px;
	overflow:hidden;
	padding:14px 0 0;
    }

div#content div.features h2 {
    margin:0 0 7px 10px;
    font-size:1.4em;
    color:#000;
}

div#content div.features h3, div.features p {
    margin:0 10px 5px;
}

div#content div.features ul {
    list-style:none;
    margin:0 0 8px;
}

div#content div.features ul li {
    margin:0 8px 0 10px;
    line-height:1.2;
    font-size:1em;
}

/*
------------------------
Download
*/

#download {
    text-align:center;
    font-size:1.3em;
    font-weight:bold;
}

#download p {
    width:430px;
    margin:0 auto 30px;
    text-align:center;
}

.white { color:#fff; }
.black { color:#000: }
.blue { color:#0066cc; }
.center { text-align:center; }
.bold { font-weight:bold; }

#requirements {
    background:url(../images/reqs.gif) no-repeat;
    width:350px;
    height:144px;
    padding:18px 0 0;
    margin:0 auto;
}

#requirements p { margin-left:0; margin-right:0; width:auto; }
#requirements p a { color:#404040; }

/*
-----------------------
Purchase
*/

.paypal img {
    display:block;
    margin:14px auto 0;
}


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

dl#faq {
    font-size:1.2em;
}

dl#faq dt {
    color:#333;
    font-weight:bold;
}

dl#faq dd {
    color:#fff;
    margin:0 0 20px;
}

h2#faq-h2 { 
    background:url(../images/faq-h2.gif) no-repeat;
    width:242px; height:18px;
    text-indent:-999em;
    margin-bottom:8px;
}
a#documentation {
    display:block;
    margin:0 0 10px;
}

#clear-footer {
height:38px;
clear:both;
}

#footer { color:#fff; }
#copyright { color:#333333; padding-right:.5em; }

body.help div#content p { 
    color:#fff;
}

body.help div#content h3 {
    font-size:1.2em;
    margin:0 0 10px;
}

body.help div#content h2 { margin-left:1em; }
body.help div#content ol li { margin-left:2.1em; }

#faq-buttons {
    width:309px;
    height:83px;
    background:url(../images/faq-btn-bg.gif) no-repeat;
    margin:0 auto 10px;
    list-style:none;
}

#faq-buttons ul { 
    margin:0 0 0 17px;
    padding:10px 0 0;
}

#faq-buttons ul li {
    display:inline;
    margin-right:5px;
}