/*-----------------------------------------------------------------------
Pixmenage Style Sheet (http://www.pixmenage.com)

version:	1.0
date:		9th March 2008
author:		Sam Brown
email:		sam@massiveblue.com
website:	http://www.massiveblue.com
/*-------------------------------------------------------------------- */

/* !Global Reset */
/*-------------------------------------------------------------------- */
* {font-size: 100.01%; margin: 0; padding: 0;}
html {font-size: 62.5%;}
h1, h2, h3, h4, h5, h6, p, blockquote, form, fieldset, table, ul, ol {
	margin: 0 0 1em;
}

/* !Base Elements */
/*-------------------------------------------------------------------- */
a, a:link, a:visited, a:active {color: #0e6ad3; text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}
abbr, acronym {font-style: normal; border-bottom: dotted 1px #666; cursor: help;}
blockquote {border-left: .25em solid #e3e3e3; margin-left: 1.5em; padding-left: 1.5em;}
body {
	background: #528694;
	color: #333;
	font: 12px/1.75em "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}
code {font: 1.1em monaco, courier, monospace;}
h1 {display: none;}
h2 {font-size: 1.5em; font-weight: normal;}
h3 {font-size: 1.2em;}
hr {border: none; height: 1px; background: #eee; margin: 1em 0;}
img {border: 0;}
ol, ul {margin-left: 2em;}

/* !Structure */
/*-------------------------------------------------------------------- */
#wrap 			{margin: 0 auto; width: 950px;}
#masthead 		{}
#contentarea	{}
#content 		{}
#sidebar 		{}
#footer			{}

/* !Wrap */
/*-------------------------------------------------------------------- */
#wrap {}

/* !Masthead */
/*-------------------------------------------------------------------- */
#masthead {color: #d5ddc5;}
#masthead a, #masthead a:link, #masthead a:visited, #masthead a:active {color: #d5ddc5; text-decoration: none;}
#masthead a:hover {color: #fff; text-decoration: none;}

#logonav {float: left; width: 600px;}
#options {float: right; margin-right: 30px; width: 300px;}

#logo {padding: 20px;}

#languages {margin-top: 1em; text-align: right;}
#languages #selected {color: #fff;}

ul#nav {list-style: none; font-size: 14px; margin: 0 0 5px 30px;}
ul#nav li {display: inline; margin-right: 15px;}
ul#nav li a {padding: 8px 16px 8px 6px;}

ul#nav li#on {background: url('../i/tab-left.gif') top left no-repeat; padding: 8px 0 8px 10px;}
ul#nav li#on a {background: url('../i/tab-right.gif') top right no-repeat; color: #4c727f;}

#loginbox {font-size: 12px; margin-top: 1em;}
#loginbox td {padding-bottom: .5em;}
#loginbox td strong {color: #fff;}
#loginbox td label {padding-right: 5px;}
#loginbox td #email, #loginbox td #password {padding: 1px;}
#loginbox #email {width: 175px;}
#loginbox #password {width: 125px;}

/* !Content */
/*-------------------------------------------------------------------- */
#contentarea	{background: #fff;}
#content {}

/* !Homepage */
#mainfeatures {margin: 0 auto; width: 890px;}
#mainfeatures-left {float: left; width: 360px;}
#mainfeatures-right {float: right; width: 500px;}

#mainfeatures h2 {color: #4c727f; font: normal 36px Georgia, serif; margin: 0; padding-left: 95px; padding-top: 10px; text-transform: uppercase;}
#mainfeatures p {color: #bfc7a0; font-size: 13px; font-weight: bold; line-height: 0; margin: 0; padding-left: 95px; text-transform: uppercase;}

.feature {margin-bottom: 2em; height: 75px;}
.feature a:hover {text-decoration: none;}
.feature a:hover h2 {color: #2e454d !important;}
.feature a:hover p {color: #8e9476 !important;}
/*.fone {background: url('../i/icon-mainfeature1.jpg') top left no-repeat;}*/
/*.ftwo {background: url('../i/icon-mainfeature2.jpg') top left no-repeat;}*/
/*.fthree {background: url('../i/icon-mainfeature3.jpg') top left no-repeat;}*/
/*.ffour {background: url('../i/icon-mainfeature4.jpg') top left no-repeat;}*/
.signup a {
	background: #fffbb0;
	border-bottom: 2px solid #fde038;
	color: #4c727f;
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 1em 0;
	text-align: center;
	margin-bottom: 10px;
}
.signup a:hover {
	color: #000;
}

#benefits {
	background: #d5ddc5;
	color: #4c727f;
	font-size: 13px;
	font-weight: bold;
	line-height: 26px;
}
#benefits ul {
	list-style: none;
	margin-left: 65px;
	padding: .5em 0;
}
#benefits ul li {
	background: url('../i/bullet-benefit.gif') left no-repeat;
	text-indent: 5em;
}

#subfeatures {margin: 0 auto; padding-top: 1em; width: 890px;}
#subfeatures-left {float: left; width: 430px;}
#subfeatures-right {float: right; width: 430px;}

.box {min-height: 100px; margin-bottom: 1em;}
.box strong {color: #4c727f; font-size: 14px;}
.box a {color: #333; display: block;padding-left: 100px;}
.box a:hover {color: #666; text-decoration: none;}
.box a:hover strong {color: #bfc7a0;}

.sf-upload {background: url('../i/icon-upload.gif') left no-repeat;}
.sf-organize {background: url('../i/icon-organize.gif') left no-repeat;}
.sf-search {background: url('../i/icon-search.gif') left no-repeat;}
.sf-export {background: url('../i/icon-export.gif') left no-repeat;}
.sf-share {background: url('../i/icon-share.gif') left no-repeat;}
.sf-build {background: url('../i/icon-build.gif') left no-repeat;}
.sf-hosting {background: url('../i/icon-hosting.gif') left no-repeat;}

/* !Testimonials */
#testimonials {margin: 0 auto; width: 890px;}
#testimonials a, #testimonials a:link, #testimonials a:visited, #testimonials a:active {color: #8e9476; text-decoration: none;}
#testimonials a:hover {color: #333; text-decoration: underline;}
#testimonials h2 {color: #4c727f; font: normal 28px Georgia, serif; margin-bottom: 0.5em;}
#testimonials hr {background: #f3f5ee; color: #f3f5ee;}
#testimonials p.details {color: #bfc7a0; font-size: 13px; font-weight: bold; line-height: 0; margin: 0;text-transform: uppercase;}

/* !Subpage */
#subpage {margin: 0 auto; width: 890px;}
#subpagesidebar {float: left; width: 360px;}
#subpagemain {background: #f9f9f9; float: right; width: 500px;}
#subpage h2 {color: #4c727f; font: normal 28px Georgia, serif; margin-bottom: 2px; text-transform: uppercase;}
#subpage p.details {color: #bfc7a0; font-size: 13px; font-weight: bold; line-height: 0; text-transform: uppercase;}

/* !Blog */
#theblog {margin: 0 auto; width: 890px;}
#theblog a, #theblog a:link, #theblog a:visited, #theblog a:active {color: #4c727f; text-decoration: none;}
#theblog a:hover {color: #8e9476; text-decoration: underline;}
#theblog h2 {color: #4c727f; font: normal 28px Georgia, serif; margin-bottom: 2px; text-transform: uppercase;}
#theblog p.details {color: #bfc7a0; font-size: 13px; font-weight: bold; line-height: 0; text-transform: uppercase;}
#theblog h3 {border-bottom: 1px solid #d5ddc5; color: #d5ddc5; font: normal 18px Georgia, serif; margin-top: 1em; padding-bottom: 5px;}
#theblog h4 {border-bottom: 1px solid #f6f6f6; color: #4c727f; font: normal 14px Georgia, serif; margin-top: 1em; padding-bottom: 5px;}
#theblog hr {margin: 2em 0;}

#blog-content {float: left; width: 575px;}
#blog-sidebar {float: right; width: 255px;}

#blog-sidebar ul {color: #d5ddc5;}
p#feed {background: url('../i/rss.gif') left no-repeat; margin-bottom: 2.5em; text-indent: 2em;}

/* !Forms */
form {font-size: 11px; padding: 10px;}
form fieldset {border: 1px solid #d6d6d6; padding: 1em;}
form fieldset legend {color: #801d0b; font-size: 11px; font-weight: bold;}
form fieldset label {font-weight: bold;}
form fieldset p em {color: #999;}
form #totalprice {font-size: 1.25em; font-weight: bold;}
form .inpbox {padding: 2px; width: 98%;}
form textarea {height: 75px; padding: 2px;width: 98%;}

/* !Sidebar */
/*-------------------------------------------------------------------- */
#sidebar {}

/* !Footer */
/*-------------------------------------------------------------------- */
#footer {clear: both;}
#footer p {
	color: #4c727f;
	padding-top: 30px;
	text-align: right;
}
#baseline {text-align: center;}

/* !Other */
/*-------------------------------------------------------------------- */
.clear {clear:both;}