/* Architecture
---------------------------------------------*/

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { font-family: Trebuchet, Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; }


/* Rules & Geometry
---------------------------------------------*/

hr { background-color: #ddd; border: 0; clear: both; color: #ddd; height: 1px; margin: 20px 0 20px 0; max-width: 861px; }
hr.separator { background: #d7eff6; color: #d7eff6; }
hr.inline { margin: 8px 0 8px 0; }
hr.divider { background: #eee; border: 0; clear: both; color: #eee; height: 1px; margin: 30px 0 30px 0; width: 100%; }

/* @Font-Face
---------------------------------------------*/
@font-face {
	font-family: 'MuseoSans';
	src: url('fonts/museosans-webfont.eot');
	src: local('Museo Sans 500'), local('MuseoSans-500'), url('fonts/museosans-webfont.woff') format('woff'), url('fonts/museosans-webfont.ttf') format('truetype'), url('fonts/museosans-webfont.svg#webfontbGB5C561') format('svg');
}

/*
@font-face {
	font-family: 'MuseoSansItalic';
	src: url('fonts/museosansitalic-webfont.eot');
	src: local('Museo Sans 500'), local('MuseoSans-500Italic'), url('fonts/museosansitalic-webfont.woff') format('woff'), url('fonts/museosansitalic-webfont.ttf') format('truetype'), url('fonts/museosansitalic-webfont.svg#webfont7ExCByTx') format('svg');
}
*/


/* Headlines
---------------------------------------------*/
h1, h2, h3, h4, h5 { font-family: 'MuseoSans', Trebuchet, Tahoma, Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; }
h1 { display: inline-block; color: #d05320; font-size: 30px; line-height: 30px; margin: 0 0 10px 0; }
h2 { color: #2783a6; font-size: 22px; margin: 0 0 5px 0; }
h3 { color: #2783a6; font-size: 16px; margin: 0 0 10px 0; }
h4 { color: #2783a6; font-size: 14px; line-height: 16px; margin: 0 0 5px 0; }
h5 { font-size: 13px; line-height: 15px; }


/* Navigation
---------------------------------------------*/

#nav a:link, #nav a:visited { color: #fff; font-family: 'MuseoSans', Trebuchet, Tahoma, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; }
#nav a:active, #nav a:hover { color: #3a627b; }


/* Body Text
---------------------------------------------*/

body { color: #444; }
p { font-size: 12px; line-height: 17px; margin: 0 0 18px 0; }
p.intro { font-size: 14px; line-height: 20px; margin: 0 0 40px 0; width: 500px; }
.grid_item p { font-size: 12px; line-height: 16px; }
#features_grid .grid_item p { font-size: 12px; line-height: 18px; }
#masonry_grid div h4 img { margin: 0 0 0 10px; vertical-align: -3px; }
small { font-size: 11px; }
ol li { list-style: decimal; }

.ital { font: 65% Georgia, serif; font-style: italic; }

#bottom_message { font-size: 15px; }
#bottom_message a:link, #bottom_message a:visited { color: #2783a6; }
#bottom_message a:active, #bottom_message a:hover { color: #3a627b; }


/* Header
---------------------------------------------*/

#login { color: #fff; }
#site_login .textfield { color: #555; }
#site_login label { color: #fff; font-size: 15px; font-weight: normal; text-shadow: 1px 1px 1px #1c86a7; }
#site_login #forgot { color: #fff; font-size: 15px; text-shadow: 1px 1px 1px #1c86a7; }
#site_login #forgot:hover { color: #3a627b; }

/* Footer
---------------------------------------------*/

#footer { color: #fff; }
#copyright { color: #b7eafa; font-size: 10px; }
#copyright a { color: #fff; }
#copyright a:hover { color: #3a627b; }
#footer_nav ul li a { color: #fff; font-size: 11px; font-weight: normal; }
#footer_nav ul li a:hover { color: #3a627b; }
#footer_signup a:link, #footer_signup a:visited { color: #d05320; font-weight: bold; }
#footer_signup a:active, #footer_signup a:hover { color: #3a627b; }


/* Pricing
---------------------------------------------*/
#pricing_cols .title,
#pricing_cols .subtitle,
#pricing_cols .price,
#pricing_cols .mo { font-family: 'MuseoSans', Trebuchet, Tahoma, Helvetica, Arial, sans-serif; }
#pricing_cols .title { color: #d05320; display: block; font-size: 22px; line-height: 34px; }
#pricing_cols .subtitle { color: #2783a6; display: block; font-size: 13px; }
#pricing_cols .price { color: #444; font-size: 22px; }
#pricing_cols sup { color: #444; font-size: 12px; vertical-align: 7px; }
#pricing_cols .mo { color: #bbb; font-size: 10px; }
#pricing_cols .signup {  }
#pricing hr { margin: 30px 0 30px 0; }


/* On Sale
---------------------------------------------*/
#spotlight_grid #labels span { color: #99d4e7; font-family: Trebuchet, Tahoma, Helvetica, Arial, sans-serif; font-size: 11px; }
#spotlight_grid .name,
#spotlight_grid .code,
#spotlight_grid .value { font-size: 15px; font-family: 'MuseoSans', Trebuchet, Tahoma, Helvetica, Arial, sans-serif; }
#spotlight_grid .name { }
#spotlight_grid .code {  }
#spotlight_grid .value { font-size: 22px; }


/* Forms
---------------------------------------------*/

label { color: #333; font-size: 12px; font-weight: bold; }
.textfield { color: #333; font-size: 13px; }
.note { color: #aaa; font-size: 12px; }
#special p { color: #d05940; font-size: 13px; }


/* Links
---------------------------------------------*/

a { text-decoration: none; }
a:link, a:visited { color: #d05940; }
a:active, a:hover, #header #nav a.selected { color: #3a627b; }

a.signup, .btn { color: #fff; cursor: pointer; display: block; font-size: 13px; font-weight: bold; height: 30px; line-height: 30px; padding: 0 8px 0 8px; text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #d05320;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #da7050), color-stop(1, #d05940));
	background: -moz-linear-gradient(top, #da7050, #d05940);
	text-shadow: 1px 1px 1px #9d1b00;
	-moz-box-shadow: 0px 2px 2px #ccc;
	-webkit-box-shadow: 0px 2px 2px #ccc;
	box-shadow: 0px 2px 2px #ccc;
}

a.signup:hover, .btn:hover {
	background: #e7997d;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eea88a), color-stop(1, #e0896e));
	background: -moz-linear-gradient(top, #eea88a, #e0896e);
}

.btn { font-size: 11px; font-weight: bold; height: 25px; line-height: 25px; }
form .btn { font-size: 13px; height: 30px; line-height: 30px; }

#header a:link, #header a:visited { color: #fff; }
#header a:active, #header a:hover { color: #3a627b; }