/**
 * Basic
 */
body { font-family:Georgia, serif; color:#444; background:#fff url(../img/bg_body.png) repeat-x; font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif; color:#333; line-height:160%; }

/*
a { color: #000; text-decoration: underline; }
a:hover { color: #ff4b33; text-decoration: none; }
*/
a { text-decoration:none; color:#b40000; }
a:hover { color:#999; }
p { line-height:25px; font-size:15px; }
p + p { margin:20px 0 0; }
pre { margin:10px 0; padding:20px; font-family:Courier, monospace; }
h1 { font-family:Arial, sans-serif; font-size:34px; color:#222; }
h2 { font-family:Arial, sans-serif; font-size:40px; margin:0 0 20px; color:#222; }
h3 { font-family:Arial, sans-serif; font-size:20px; margin:0; color:#222; }
blockquote { margin:20px 0; padding:20px 50px; }
blockquote p { font-size:16px; font-style:italic; }
blockquote p cite { text-align:right; display:block; }
div.paging { text-align:center; margin:30px; }

/* #wrapper { border-top: 10px solid #444; } */

/**
 * Form
 */
form { margin:10px 0 0; }
form label { display:block; font-weight:bold; }
form .input { margin:0 0 10px; }
form .text input,form .password input,form .textarea textarea { width:300px; }
form .error-message { color:#ee4b33; }

/**
 * Header
 */
#header { height:142px; position:relative; }

/*
#header h1 { margin: 50px 0px 10px 0px; }
#header h1 a { text-decoration: none; }
*/
#header h1 { position:absolute; float:left; left:0; top:70px; font-size:36px; height:50px; line-height:50px; margin:0; }
#header h1 a { float:left; height:50px; line-height:50px; color:#333; }
#header h1 img { height:100px; margin-top:-22px; }
#header .site-tagline { color:#666; font-style:italic; font-size:13px; }
#header p { margin:0 60px 0 0; height:48px; line-height:48px; position:absolute; top:0; color:#fff; font-size:18px; }
#phone { left:0; }
#login { right:0; }
#login span { float:left; }
#login a { float:left; width:158px; height:30px; line-height:30px; background:url(../img/bg_btn2.png) no-repeat 0 0; color:#fff; text-align:center; margin-left:5px; margin-top:9px; }
#header ul,#header ul li { margin:0; padding:0; list-style:none; }
#header ul { height:50px; position:absolute; top:70px; right:60px; }
#header ul li { float:left; display:inline; height:70px; line-height:70px; padding:0 0 0 30px; }
#header ul li a { float:left; display:inline; height:55px; line-height:55px; font-size:13px; color:#333; text-transform:uppercase; font-size:18px; }
#header ul li a:hover { color:#aaa; }

/**
 * Navigation (with dropdown)
 */

/*
#nav { border-bottom: 1px solid #ccc; margin-bottom: 40px; margin-top: 50px; height: 37px; }
#nav ul li,
#nav ul li a { float: left; display: block; background: #fff; }
#nav ul li:first-child a { border-left: 1px solid #ccc; }
#nav ul li a { color: #666; padding: 10px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-decoration: none; }
#nav ul li a:hover { background: #f7f7f7; }
#nav ul li a.selected { border-bottom: 1px solid #fff; }
#nav ul li a.selected:hover { background: #f7f7f7; border-bottom: 1px solid #ccc; }
*/

.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none;  background-color: #fff;}
.sf-menu { line-height:1.0; }
.sf-menu ul { position:absolute; top:-999em; width:10em; }
.sf-menu ul li { width:100%; }
.sf-menu li:hover { visibility:inherit; }
.sf-menu li { float:left; position:relative; }
.sf-menu a { display:block; position:relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left:0; top:2.5em; z-index:99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:10em; top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:10em; top:0;}

div.menu ul li { margin:0; padding:0; list-style: none;}

/*
#nav ul li:first-child ul { margin: -3px 0px 0px 0px; }
#nav ul li ul { margin: -3px 0px 0px -1px; }
#nav li li:first-child a { border-top: 1px solid #ccc; }
#nav li li a { background: #f7f7f7; border-top: 0px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
#nav li li a:hover { color: #ff4b33; }

#nav li li li:first-child { margin: 2px 0px 0px -1px; border-left: 0px solid #ccc; }
#nav li li li { margin: 0px 0px 0px -1px; }
*/

/**
 * Main
 */
.message { border:2px dashed #eee; padding:10px; margin:0 0 10px; }
.nodes .node h2 { font-size:26px; }
.node { margin:0 0 50px; }
.node h2 a { text-decoration:none; display:block; }
.node h3 { margin:15px 0 10px; }
.node .node-info,.node .node-more-info { font-size:13px; color:#666; font-style:italic; display:block; }
.node .node-info a,.node .node-more-info a { font-style:normal; }
.node .node-body { margin:20px 0 15px; }
.node .node-body ul,.node .node-body ol { margin:10px; }
.node .node-body ul li { list-style-type:disc; margin:0 0 0 25px; }
.node .node-body ol li { list-style-type:decimal; margin:0 0 0 25px; }
.comments h3 { margin:50px 0 10px; }
.comments .comment { border-top:1px solid #f7f7f7; }
.comments .comment .comment { margin:0 0 0 40px; }
.comments .comment .comment-body { line-height:20px; }
.comment .comment-info { border-top:1px solid #fff; background:#f7f7f7; display:block; height:39px; }
.comment .avatar { float:left; }
.comment .avatar img { padding:3px; }
.comment .name { float:left; padding:8px 0 8px 10px; font-weight:bold; color:#000; }
.comment .date { float:left; padding:8px; color:#666; }
.comment .comment-body { clear:both; font-size:13px; padding:10px 0 3px; }
.comment .comment-reply { padding:10px 5px 10px 0; }
.comment .comment-reply a { font-size:11px; text-transform:lowercase; color:#000; background:#f7f7f7; padding:5px; text-decoration:none; }
.comment .comment-reply a:hover { background:#464646; color:#fff; }
.comment-form h3 { margin:50px 0 10px; }
.form .comment-form h3 { margin:0 0 10px; }
.comment-form p { padding:10px 0 20px; }
.comment-form #recaptcha_widget_div { margin:0 0 10px; }
.block { margin:0 0 30px; font-size:13px; }
.block h3 { margin:0 0 10px; font-size:20px; }
.block .block-body { line-height:25px; }
.block ul li { list-style-type:disc; margin:0 0 0 25px; }
.block-search input[type=text] { width:200px; float:left; margin:2px; }

/**
 * Footer
 */

/*
#footer { border-top: 1px solid #ccc; margin-top: 50px; padding: 20px 0px 20px 0px; font-size: 11px; }
#footer .right { text-align: right; }
*/
#homecopy { text-align:left; }
#footer { border-top:1px solid #ccc; margin-top:50px; padding-top: 10px; }
#footer .left { text-align:left; }
#footer .right { text-align:right; }
#footer p { margin:0; padding-top:20px; }
#footer a { text-decoration:underline; }
#footer a:hover { color:#aaa; text-decoration:underline; }
#footer ul { float:right; padding:0 60px 0 0; margin:0; }
#footer li { display:inline; margin:0 0 0 10px; padding:0; list-style:none; }
#debug-kit-toolbar ul li.panel-tab { display:none; }
#debug-kit-toolbar ul li.icon { display:inline; }
.graphic,#intro a.more { margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; }
#intro { height:215px; position:relative; background:#fff url(../img/bg_intro.png) no-repeat 0 0; margin:0 1px; }
#intro h2 { margin:0 0 .5em 278px; padding-top:40px; font-size:30px; width:300px; color:#b40000; }
#intro p { margin:0 0 0 365px; font-size:16px; width:211px; color:#555; line-height:150%; }
#intro p a { display:block; float:right; margin-top:1em; }
#intro p.alt { margin:0; position:absolute; top:20px; left:621px; width:263px; color:#fff; }
#intro a.more { float:right; width:164px; height:28px; background:url(../img/btn_learn.gif) no-repeat 0 0; }
#intro p.alt a { display:block; width:263px; height:41px; line-height:41px; background:url(../img/bg_btn.png) no-repeat 0 0; color:#fff; font-size:20px; text-align:center; }
#steps,#steps li { list-style:none; }
#steps { background:url(../img/bg_steps.gif) no-repeat 1px 0; }
#steps div {padding:15px 0; color:#fff; margin:0; }
#steps div h3,#steps div p { color:#fff; margin:0 30px 0 90px; line-height:120%; }
#steps div.one { background:url(../img/bg_step1.gif) no-repeat 1px 0; }
#steps div.two { background:url(../img/bg_step2.gif) no-repeat; }
#steps div.three { background:url(../img/bg_step3.gif) no-repeat; }
#page { margin-top:80px; }