/* =MAIN LAYOUT
---------------------------------------------------- */
* {
    padding: 0;
    margin: 0;
    }


/*body { 
	background:#f6d9ae url(../images/bodybg01.jpg) top center repeat-x fixed; 
	text-align: left; 
	color:#000; 
	font: normal 12px/18px "Lucida Grande", arial, verdana, helvetica, sans-serif;
	border-top:20px solid #000;
	 }*/
	 
	 #header {
	background: url(template/header-bg.png) top center no-repeat;
	height: 122px;
}


body {
    color: #000;
    text-align: left;
    font: normal 12px "Lucida Grande", arial, verdana, helvetica, sans-serif;

			background: #fbf5de url(template/page-bg.png) 0 0 repeat-x;
	}
    
	
#grid {
    background: url(../images/grid.gif);
    z-index: 100;
    position: absolute;
    width: 100%;
    height: 1500px;
    }
#wrap {
    background: #F5F8ED url(../images/bg_wrap.jpg) top left repeat-x;
    }
#header {
    height: 126px !important;
    position: relative;
    width: 864px;
    margin: 0 auto;
    }
p#login-text {
    float: right;
    color: #999;
    font-size: 11px;
    margin: 18px 0 0 0;
    }
p#login-text a {
    text-decoration: none;
    }
h1#logo {
    position: absolute;
    bottom: 0;
    left: 0;
	text-indent: -9999px;    
    }
h1#logo a, h1#logo a:hover {
    display: block;
    width: 234px;
    height: 105px;
    background: url(../images/h1_logo.gif) no-repeat;
    float: left;
    }
#main {
	width: 864px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 65px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
    }
div.sidebar {
    float: right;
    width: 282px;
    }
div.content {
    float: left;
    width: 556px;
    color: #000;
    }
	#contentContainer {	
	clear: both;
	background: url(template/content-bg.png) 0 0 no-repeat;
	min-height: 520px;
	height: auto !important;
	height: 520px;
}			
p.screenshot {
    margin: 0;
    }
div.maincol {
    clear: both;
    }
#fbf {
    background: url(../images/bg_fbf-middle.gif) repeat-y;
    width: 864px;
    margin: 18px auto;
    }
#fbf-2 {
    background: url(../images/bg_fbf-top.gif) top no-repeat;
    }
#fbf-3 {
    padding: 18px 18px 0 18px;
    background: url(../images/bg_fbf-bottom.gif) bottom no-repeat;
    }
#fbf div.col-1, #fbf div.col-2 {
    width: 170px;
    float: left;
    font-size: 11px;
    color: #000;
    }
#fbf div.col-2 {
    margin: 0 0 0 36px;
    display: inline;
    }
#footer {
    text-align: left;
    font-size: 10px;
    color: #666;
    width: 864px;
    margin: 18px auto 36px auto;
    }
div.feature {
    float: left;
    width: 289px;
    font-size: 11px;
    margin: 0 6px 6px 0;
    color: #000;
    }
div.feature.right {
    margin-right: 0;
    }
div.feature p.learnmore {
    margin: -10px 0 5px 0;
    }

div.module {
    float: left;
    width: 248px;
    margin: 0 25px 18px 0;
    font-size: 11px;
    color: #000;
    }
div.module img.left {
    margin: 0 18px 9px 0;
    }
	
	
div.structure {
    float: left;
    width: 248px;
    margin: 0 29px 55px 0;
    font-size: 18px;
    color: #000;
    }
div.structure img.left {
    margin: 0 55px 9px 0;
    }

/* Blog */

div.post {
	padding: 18px 0;
	}
div.post h3 {
	font-size: 18px;
	color: #fff;
	}
div.comment {
	margin: 0 0 9px 0;
	border-bottom: #333 solid 1px;
	padding: 9px 18px 1px 18px;
	}
p.commenter {
	margin: 0 0 9px 0;
	color: #3399cc !important;
	}
p.commenter strong {
	color: #3399cc !important;
	}
p.commenter a {
	color: #3399cc;
	}
a.comments {
	background: url(../images/icon_comment.png) left no-repeat;
	padding: 0 0 0 21px;
	}

div.video-box {
	margin: 0 0 18px 0;
	padding: 3px 3px 1px 3px;
	background: #333;
	}
	
div.announcement {
	text-align: center;
	font-size: 14px;
	padding: 9px;
	margin: 0 0 18px 0;
	border-top: #222 solid 1px;
	color: #ccc;
	background: #000 url(../images/bg_wrap.jpg) 0 -36px repeat-x;
	}
div.announcement p {
	margin: 0;
	}
	
/* Pricing & Signup */

div.plan {
	width: 147px;
	float: left;
	margin: 0 9px 18px 0;
	color: #999;
	background: #000;
	padding: 9px;
	}
div.plan h3 {
	font-size: 18px;
	color: #3399cc;
	}
div.plan h3 a {
	color: #3399cc;
	display: block;
	}
div.plan ul {
	margin: 0 0 18px 0;
	list-style: none;
	}
div.plan p.price {
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	}

/* NAV
---------------------------------------------------- */

#nav {
    position: absolute;
    right: 0;
    bottom: 9px;
    }
#nav ul li {
    display: inline;
    float: left;
    margin: 0 0 0 36px;
    padding: 0 0 18px 0;
    }
#nav ul li.active {
    background: url(../images/bg_nav-li-active.gif) bottom center no-repeat;
    }
#nav ul li a {
    color: #795A30;
    font-weight: bold;
	font-size:14px;
    text-decoration: none;
    }
#nav ul li a:hover {
	color: #003300;
    }
#nav ul li.active a {
    color: #D1AE0C;
    }
#nav ul li a:active {
	color: #D1AE0C;
    }


/* Subnav */

ul.subnav {
    font-size: 14px;
    margin: 0 0 9px 0;
    background: #FF6405;
    border-top: #999 solid 1px;
    border-right: #333 solid 1px;
    border-bottom: #333 solid 1px;
    border-left: #666 solid 1px;
    }
ul.subnav li {
    list-style: none;
    display: inline;
    }
ul.subnav li a {
    display: block;
    text-decoration: none;
    padding: 9px 0 9px 45px;
    color: #000;
    background-position: 18px 50%;
    background-repeat: no-repeat;
    }

ul.subnav li a.dashboard {background-image: url(../images/icon_dashboard.gif);}
ul.subnav li a.design {background-image: url(../images/icon_design.gif);}
ul.subnav li a.files {background-image: url(../images/icon_files.gif);}
ul.subnav li a.hosted-application {background-image: url(../images/icon_hosted-application.gif);}
ul.subnav li a.projectmain {background-image: url(../images/icon_modules.gif);}
ul.subnav li a.pages {background-image: url(../images/icon_pages.gif);}
ul.subnav li a.people {background-image: url(../images/icon_people.gif);}
ul.subnav li a.sites {background-image: url(../images/icon_sites.gif);}
ul.subnav li a.settings {background-image: url(../images/icon_settings.gif);}
ul.subnav li a.calc {background-image: url(../images/icon_calc.gif);}
ul.subnav li a.about {background-image: url(../images/icon_about.gif);}

ul.subnav li.active a.dashboard {background-image: url(../images/icon_dashboard-active.gif);}
ul.subnav li.active a.design {background-image: url(../images/icon_design-active.gif);}
ul.subnav li.active a.files {background-image: url(../images/icon_files-active.gif);}
ul.subnav li.active a.hosted-application {background-image: url(../images/icon_hosted-active.gif);}
ul.subnav li.active a.projectmain {background-image: url(../images/icon_modules-active.gif);}
ul.subnav li.active a.pages {background-image: url(../images/icon_pages-active.gif);}
ul.subnav li.active a.people {background-image: url(../images/icon_people-active.gif);}
ul.subnav li.active a.sites {background-image: url(../images/icon_sites-active.gif);}
ul.subnav li.active a.settings {background-image: url(../images/icon_settings-active.gif);}
ul.subnav li.active a.calc {background-image: url(../images/icon_calc-active.gif);}
ul.subnav li.active a.about {background-image: url(../images/icon_about-active.gif);}

ul.subnav li a:hover {
    color: #fff !important;
    }
ul.subnav li a:active {
    color: #FF6405;
    }
ul.subnav li.active a {
    background-color: #DF5400;
    font-weight: bold;
    color: #fff;
    text-shadow: 3px 3px 2px #222;
    }
ul.subnav li a.main {
    background: #C14800;
    text-transform: uppercase;
    color: #fff;
    padding-left: 18px;
    }
ul.subnav li ul {
    font-size: 12px;
    margin: 0;
    }
ul.subnav li ul li a {
    padding: 4px 0 5px 66px;
    background-repeat: no-repeat;
    background-position: 45px 50%;
    background-color: #FF6405 !important;
    color: #000 !important;
    text-shadow: none !important;
    font-weight: normal !important;
    }
ul.subnav li ul li a.project {background-image: url(../images/icon_blog.gif);}
ul.subnav li ul li a.photo-gallery {background-image: url(../images/icon_photo-gallery.gif);}
ul.subnav li ul li a.video-gallery {background-image: url(../images/icon_video-gallery.gif);}
ul.subnav li ul li a.custom-module {background-image: url(../images/icon_custom-module.gif);}

ul.subnav li ul li.active a.project {background-image: url(../images/icon_blog-active.gif);}
ul.subnav li ul li.active a.photo-gallery {background-image: url(../images/icon_photo-gallery-active.gif);}
ul.subnav li ul li.active a.video-gallery {background-image: url(../images/icon_video-gallery-active.gif);}
ul.subnav li ul li.active a.custom-module {background-image: url(../images/icon_custom-module-active.gif);}

ul.subnav li ul li.active a {
    background-color: #DF5400 !important;
    color: #fff !important;
    text-shadow: 3px 3px 2px #222 !important;
    font-weight: bold !important;
    }

ul.blog li.title {
    background: #000;
    text-transform: uppercase;
    color: #999;
    display: block;
    padding: 9px 18px;
    }
ul.blog li a {
    display: block;
    text-decoration: none;
    padding: 9px 18px;
    color: #ccc;
    }
ul.blog li a.active {
    background-color: #333 !important;
    color: #fff !important;
    text-shadow: 3px 3px 2px #222 !important;
    font-weight: bold !important;
    }

/* HEADERS
---------------------------------------------------- */

h2.graphic {
    text-indent: -9999px;
    }
h2.slogan {
    background: url(../images/h2_slogan.gif);
    height: 43px;
    margin: 0 0 11px 0;
    }
h2.feature-graphic {
    text-indent: -9999px;
    background-repeat: no-repeat;
    height: 30px;
    margin:0 0 6px 0;
    }
h2.dashboard {background-image: url(../images/h2_dashboard.png);}
h2.modules {background-image: url(../images/h2_modules.png);}
h2.hosted {background-image: url(../images/h2_hosted.png);}
h2.files {background-image: url(../images/h2_files.png);}
h2.pages {background-image: url(../images/h2_pages.png);}
h2.design {background-image: url(../images/h2_design.png);}
h2.custom {background-image: url(../images/h2_custom.png);}
h2.people {background-image: url(../images/h2_people.png);}
h2.settings {background-image: url(../images/h2_settings.png);}
h2.sites {background-image: url(../images/h2_sites.png);}
h2.features {background-image: url(../images/h2_features.png);}
h2.video-gallery {background-image: url(../images/h2_video-gallery.png);}
h2.photo-gallery {background-image: url(../images/h2_photo-gallery.png);}
h2.blog {background-image: url(../images/h2_blog.png);}
h2.reflect-blog {background-image: url(../images/h2_reflect-blog.png);}
h2.pricing {background-image: url(../images/h2_pricing.png); width: 576px;}
h2.signup {background-image: url(../images/h2_signup.png); width: 576px;}

h2 {
    margin: 0 0 18px 0;
    font-size: 22px;
    font-weight: normal;
    color: #fff;
    }
h2 span {
    color: #999;
    }
h3 {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    color: #577700;
    margin: 0 0 8px 0;
    padding: 0 0 9px 0;
    border-bottom: #444 solid 1px;
    }
div.feature h3, div.module h3 {
    margin: 0;
    padding: 0;
    border: 0;
    }
h3 a {
    text-decoration: none;
    }
h4 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    }
	
h5 {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    color: #fff;
    margin: 0 0 8px 0;
    padding: 0 0 9px 0;
    border-bottom: #444 solid 1px;
    }
div.feature h5, div.module h5 {
    margin: 0;
    padding: 0;
    border: 0;
    }
h5 a {
    text-decoration: none;
    }

/* LISTS
---------------------------------------------------- */

ul {
    margin: 0 0 18px 36px;
    list-style-type: circle;
    }
ol {
    margin: 0 0 18px 36px;
    }

/* LINKS
---------------------------------------------------- */

a {
	outline: none;
	color: #577700;
    }
a:hover {
	color: #3D5300;
    }

/* IMAGES
---------------------------------------------------- */

img { behavior:url(/javascripts/iepngfix.htc); }

img.thumb {
    border: #fff solid 5px;
    padding: 0px;
    margin-top: 6px;
	margin-right: 3px;
    }
img.learnmore-big {
    margin: -7px 0 0 -7px;
    }
a img {
    border: 0;
    }
img.screenshot {
    border-top: #999 solid 1px;
    border-right: #333 solid 1px;
    border-bottom: #333 solid 1px;
    border-left: #666 solid 1px;
    }
img.left {
    float: left;
    margin: 9px 18px 9px 0;
    }
img.right {
    float: right;
    margin: 9px 0 9px 18px;
    }
#footer img.right {
    margin: 0 0 9px 18px;
    }
#footer img.left {
    margin: 0 18px 9px 0;
    }

/* TEXT
---------------------------------------------------- */

p {
    margin: 0 0 18px 0;
    line-height: 16px;
    }
small {
    font-size: 10px;
    color: #999;
    }
div.figure-left {
    float: left;
    color: #888;
    font-size: 10px;
    line-height: 16px;
    margin: 0 18px 18px 0;
    }
strong {
    color: #fff;
    }
.clear {
    clear: both;
    }
    
blockquote {
	margin: 0 0 18px 18px;
	padding: 9px 0 9px 15px;
	border-left: #333 solid 3px;
	}

/* FORMS
---------------------------------------------------- */
input, textarea {
    font: normal 12px/18px "Lucida Grande", arial, verdana, helvetica, sans-serif;
    padding: 1px;
    border-top: #fff solid 1px;
    border-right: #000 solid 1px;
    border-bottom: #000 solid 1px;
    border-left: #ccc solid 0px;
    background: #eee;
    }
input:focus, textarea:focus {
    background: #fff;
    }
input.title {
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0;
    vertical-align: middle;
    }
input.submit-image {
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    }
    
fieldset {
	border: 0;
	padding: 18px 18px 9px 18px;
	background: #222;
	margin: 0 0 36px 0;
	border-top: #333 solid 1px;
	border-left: #333 solid 1px;
	}
fieldset legend {
	border: #333 solid 1px;
	padding: 5px 10px;
	background: #000;
	font-size: 14px;
	font-weight: bold;
	}
dl.form dt {
	font-weight: bold;
	color: #fff;
	float: left;
	white-space: nowrap;
	}
dl.form dd {
	margin: 0 0 9px 0;
	padding: 0 0 0 126px;
	clear: right;
	}
.req {
	color: #999;
	font-style: italic;
	font-weight: normal;
	font-size: 11px;
	}
.error {
	color: #cc3300;
	}
	
dl.signup-form dt {
	font-weight: bold;
	color: #fff;
	}
dl.signup-form dd {
	margin: 0 0 18px 0;
	}
	
.errorExplanation {
	background: #fff;
	color: #000;
	padding: 18px;
	margin: 0 0 18px 0;
	a
	}
.errorExplanation h2 {
	color: #cc0000;
	}
	
.errorExplanation a:hover {
	color: #000 !important;
    }
.errorExplanation a:active {
    color: #000;
	}

.errorExplanation a {
    display: block;
    padding: 9px 0 0px 19px;
    color: #000;
    background-position: 18px 50%;
    background-repeat: no-repeat;
    }
	

.curb {
	background: #fff;
	color: #000;
	padding: 18px;
	margin: 0 0 18px 0;
	a
	}
.curb h2 {
	color: #cc0000;
	}
	
.curb a:hover {
	color: #000 !important;
    }
.curb a:active {
    color: #000;
	}

.curb a {
    display: block;
    padding: 1px 0 0px 1px;
    color: #000;
    background-position: 18px 50%;
    background-repeat: no-repeat;
    }

/* SELF-CLEARING FLOATS
---------------------------------------------------- */
#header:after,
#main:after,
div.maincol:after,
#fbf-3:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/* trigger hasLayout and target ie5+6/win only */
* html #header,
* html #main,
* html div.maincol,
* html #fbf-3 {
	height: 1%;
	}

/* trigger hasLayout and target ie7/win only */
*:first-child+html #header,
*:first-child+html #main,
*:first-child+html div.maincol,
*:first-child+html #fbf-3 {
	min-height: 1px;
	}