/* HRPP */

html {}
body {margin: 0; padding: 0; font-size: .9em; font-family: verdana, arial, sans-serif; background: #fff url(../images/bg.png) repeat-x;}

/* page layout */
.wrap {}
#header {height: 130px; overflow: hidden; clear: both; margin-bottom: 1em; padding: 0; background: url(../images/bg-header.png) no-repeat .25em 0;}

/* navigation */
#navigation {position: relative; top: -71px; float: right; border-left: 1px solid #CFC7A8; border-right: 1px solid white; margin: 0 25px 0 0; padding: 0;}
#navigation ul {margin: 0; padding: 0; list-style: none;}
#navigation li {float: left; margin: 0; padding: 0;}
#navigation li a {display: block; margin: 0; padding: 8px 18px 5px 18px; font-weight: bold; color: #6F6953; border-bottom: none; text-decoration: none; border-left: 1px solid white; border-right: 1px solid #CFC7A8; text-transform: uppercase; text-shadow: 1px 1px 0px #fff; font-size: 80%; font-family: helvetica, arial, sans-serif;}
#navigation li a:hover {color: #012C41;}
#navigation li a.on {color: #012C41;}
#nav-home a.on {color: #6F6953 !important;}
#nav-home a.on:hover {color: #012C41 !important;}

/* tagline */
#tagline-wrap {margin-bottom: .5em; background: #E0EFEC url(../images/bg-tagline.gif) repeat-x bottom left; border-top: 1px solid #B5CFCA; border-bottom: 2px solid #f0f0f0; border-bottom: 1px solid #B5CFCA;}
#tagline {padding-top: 1.2em; padding-bottom: 1.2em; overflow: hidden; background: url(../images/bg-frame.gif) no-repeat 98px bottom;}
    #slideshow {width: 500px; height: 270px; background: white; margin: 0; padding: 6px; border-bottom: 2px solid #B5CFCA; border-right: 2px solid #B5CFCA;}
    #slideshow img {fl/oat: left; width: 490px; height: 270px; }
#tagline h2 {font-size: 33px; line-height: 38px; margin-bottom: .5em !important; font-family: helvetica, arial, sans-serif; font-weight: bold; letter-spacing: -1px; border-bottom: 0; text-shadow: 1px 1px 0px #fff;}

ul.sign-up {margin: 0; padding: 0; height: 38px; list-style: none;}
ul.sign-up li {float: left; margin-right: .5em; padding: 0;}
ul.sign-up li.text {line-height: 38px; font-size: 82%;}

#content {margin-bottom: 1.2em; overflow: hidden; line-he/ight: 1.6;}
.left {width: 580px; float: left; margin-right: 10px;}
.right {width: 210px; float: left;}
	.right hr {display: none;}

#footer {text-align: center; padding-top: .5em; overflow: hidden; border-top: 3px double #C8C3B0;}
#footer p {padding: .5em 1.2em; font-size: 80%;}

#home-middle {}
	#home-middle p {margin-bottom: 1.2em;}
	.continue {font-size: 100%;}
	#meta {margin: 0 0 5px 0; font-size: 90%; color: #666;}
#home-how {}
.step {clear: both; margin-bottom: .5em; overflow: auto;}
.base {float: left; text-indent: -9999px; overflow: hidden; text-align: center; font-weight: bold; font-size: 110%; height: 64px; width: 70px; color: #fff; background: transparent url(../images/base.png) no-repeat 0 0; margin-left: 5px; margin-right: 10px;}
	.first {background-position: 0 0;}
	.second {background-position: 0 -64px;}
	.third {background-position: 0 -128px;}
	.homeplate {background: transparent url(../images/homeplate.png) no-repeat 0 0;}
.desc {float: left; width: 295px; clear: right; padding-top: 4px;}
sup {vertical-align:top;}
#home-twitter {}
	#home-twitter p {font-size: 80%;}
	#home-twitter .tweet-date a {color: #666 !important;}
	h3.birdy {background: url(../images/tweetbird.png) no-repeat 68px 1px !important;}
	
.subscribe a:link, .subscribe a:visited, .follow-us a:link, .follow-us a:visited {margin: 0 0 20px 0; /*display: block; color: #012C41 !important; font-weight: normal;*/ font-size: 90%; /*text-decoration: none; padding: 4px 4px 4px 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: #D9EBE8;*/}
.subscribe a:hover, .follow-us a:hover {/*background: #012C41 !important; color: white !important;*/}

/* links */
a {outline: 0;}

a:link {color: #012C41; text-decoration: underline;}
a:visited {color: #012C41; text-decoration: underline;}
a:hover, a:active {color: #666; text-decoration: underline;}

a img {border: 0;}
a.button {border: 0 !important;}

h1 a  {margin: 0; display: block; height: 120px; width: 220px; text-indent:-9999px; border-bottom: none !important;}
h1 a:hover {border-bottom: none !important;}

h1 {font-size: 180%; margin: 0 0 .5em 0; padding: 0; font-family: arial, helvetica, sans-serif;}
h2 {font-size: 180%; margin: 0 0 .5em 0; color: #012C41; font-family: helvetica, arial, sans-serif; font-weight: bold; border-bottom: 1px solid #ddd;}
h2.blog-headline {border-bottom: none;}
h3 {font-size: 130%; margin: 0 0 .5em 0; padding: .15em 0; font-family: helvetica, arial, sans-serif; font-weight: bold; color: #012C41; color: #012C41; border-bottom: 1px solid #ddd; /*text-transform: uppercase;*/}
h3 a:link, h3 a:visited {text-decoration: none !important;}
h3 a:hover {text-decoration: underline !important;}
h3 img {vertical-align: middle;}
h4 {font-size: 100%; font-weight: normal; color: #012C41;}
h4.home-blog-title {margin-bottom: 0; font-size: 100%; padding-bottom: 2px;}
h4 span {font-size: 75%; display: inline; float: right; padding: .5em;}
h5 {font-size: 120%; margin: 0 0 .25em 0; padding: 0; color: #508F83; font-family: helvetica, arial, sans-serif;}
h2 span, h3 span, h4 span, h5 span, h6 span {color: #999;}

.center {text-align: center;}

p {margin: 0 0 1.6em 0;}
blockquote {font-style: normal; background: transparent url(../images/open-quote.png) no-repeat 0 2px; margin: .5em 0 2em; }
blockquote cite {font-style: italic;}
blockquote > p:first-child {text-indent: 24px; font-size: 14px; margin-bottom: 0.75em; color: #333;}
span.last-word {padding: 0 22px 0 0; background: transparent url(../images/close-quote.png) no-repeat right 50%;}
.home-quote {font-size: 16px !important; color: #012C41 !important; font-family: georgia, serif;}
hr {margin: 0 0 1.2em 0; background: #ddd; border: none; width: 100%; height: 1px;}
img {border: 0; padding: 0;}
img.profile {border: 6px solid #ccc;}
ul, ol {margin: 0 0 1.5em 2em; padding: 0;}
ol {padding-left: .75em;}
li {margin: .25em 0; padding: 0;}

.padding {padding-left: 10px; padding-right: 10px;}
.top-padding {padding-top: 20px;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.italics {font-style: italics;}

code, abbr {font-family: monaco, courier, monospace; color: #0066ff;}
dl, dt {margin: 0; padding: 0;}
dl {margin-bottom: .25em;}
dd {margin: 0; padding: 0 0 .25em 0;}

fieldset {margin: 1.2em 0; padding: 1em 1.2em; border: 1px dotted #CFCDB5;}
legend {font-size: 120%; padding: 0 .25em; color: #012C41;}
*html legend {margin-bottom: 1em;} /* ie fix */
legend span {font-weight: normal; font-size: 80%; color: #000;}
label {line-height: 2;}
label.required {font-weight: bold;}
label.error {color: #cc0000; font-weight: bold;}
label span {font-weight: normal; font-size: 85%; color: #666;}
form {margin: 0;}
input, textarea {padding: .25em; font-size: 100%;}
input.textfield {padding: .4em; border: 1px solid #999; border-top: 2px solid #666; border-left: 2px solid #666;}
input.error {background: #FFDFDF;}
select {padding: 1px; font-size: 100%;}

table.table {margin: 1.2em auto; width: 20em; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; /*width: 100%;*/ font-size: 88%;}
table.table caption {}
table.table th {padding: .25em; text-align: center; color: #012C41; border-left: 1px solid #ccc; border-top: 1px solid #ccc; background: #f1f1f1; font-weight: bold; /*line-height: 1.5;*/}
table.table tr.grey {background: #f1f1f1;}
table.table td {padding: .25em; border-left: 1px solid #ccc; border-top: 1px solid #ccc; text-align: center; width: 50%;}
table.table td.center {text-align: center;}
table.table td.total {border-top: 1px solid #333; font-weight: bold;} /* checkout page */
table.table td ul {margin: .25em; padding: 0;}
table.table td li {margin: 0 0 .5em 0; list-style: none;}
table.table td li span {font-size: 80%; display: block;}
table.table p {margin-bottom: .4em;}

/* error messaging */
#error {margin: 1.2em 0; padding: .25em 0; background: #FFDFDF; color: #cc0000; border: 1px solid #EFA4A4;}
#error ul {margin: 0; padding: .25em 2em; font-weight: bold;}
#action {margin: 1.2em 0; padding: .25em 0; background: #EDFFDF; color: #009900; border: 1px solid #B6EFA4;}
#action ul {margin: 0; padding: .25em 2em; font-weight: bold;}

/* blog */

#blog-navigation ul {margin-left: 0 !important; list-style: none;}
#blog-navigation ul li {}
#blog-navigation hr {display: none;}