@charset "utf-8";
/*----CSS reset code to remove default styles----*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0;outline:0; font-size:100%; vertical-align:baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/*----clearfix----*/
.clearfix:after {content: "."; display:block; height:0; clear:both;visibility:hidden;}
.clearfix {display:inline-table;}
/* backslash hack hides from IE mac \*/
.clearfix {display:block;}

/*----background wrapper----*/
body {background:url(../images/bg-body.png) repeat-x #000; margin:0; padding:0; width:100%;}
#wrap-outer {background:url(../images/bg-wrap-outer.jpg) no-repeat #000; margin:0 auto; width:1109px;}
#wrap-inner {background:url(../images/bg-wrap-inner.gif) repeat-x #5c605d; margin:0 auto; padding:0 20px 20px 20px; width:960px;}

/*----Header----*/
#header {height:104px; width:1000px; padding:24px 0 0 0;}
#header h1 {background:url(../images/bg-header-h1.gif) no-repeat; display:block; height:68px; margin:0 0 12px 14px; text-indent:-9999px; width:196px;}
#header .nav-primary {background:url(../images/bg-nav-primary.gif) repeat-x; height:43px; width:960px;}
#header .nav-primary ul {list-style-type:none;}

#header .nav-primary ul li {background:url(../images/right-tab.png) no-repeat right top; float:left;}
#header .nav-primary ul li:hover {background:url(../images/right-tab-on.png) no-repeat right top;}

#header .nav-primary ul li a {color: #fff; background:url(../images/left-tab.png) no-repeat left top; display:block; font: 0.916em "Trebuchet MS", Arial, Helvetica, sans-serif; padding:11px 50px 11px 18px; text-decoration:none; text-transform:uppercase;}
#header .nav-primary ul li a:hover {color:#FFF; background:url(../images/left-tab-on.png) no-repeat left top; padding:11px 50px 11px 18px;}

#header #subnav_content1, #header #subnav_content2, #header #subnav_content3  {background:#51584c; clear:both; height:30px; width:960px;}
#header #subnav_content1 ul, #header #subnav_content2 ul, #header #subnav_content3 ul {list-style-type:none;}
#header #subnav_content1 ul li, #header #subnav_content2 ul li, #header #subnav_content3 ul li {float:left;}
#header #subnav_content1 ul li a, #header #subnav_content2 ul li a, #header #subnav_content3 ul li a {color: #fff; display:block; font:0.75em "Trebuchet MS", Arial, Helvetica, sans-serif; padding:7px 10px 5px 18px; text-decoration:none; text-decoration:none;  text-transform:uppercase;}

#screenshot{position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff;}

/*----About----*/
#about {width:960px; background:#fff; clear:both; padding:20px 0 10px 0;}
#about h2 {color:#4476a3; font:1em "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 0 18px; letter-spacing:0.12em; text-transform:uppercase;}
#about p {color:#5c605d; font: 0.933em/1.75em "Palatino Linotype", "Book Antiqua", Palatino, serif; letter-spacing:0.06em; margin:0 18px 12px 18px;}
.pdf {background:url(../images/icon-pdf.gif) no-repeat left; padding: 0 0 0 22px;}

/*----Main----*/
#main {clear:both; width:960px; background:#fff;}
#main-paginate {margin:0 0 0 18px; position: relative; text-align:left; /*top:-30px;*/ top:354px; width:300px; z-index:10; }
.stepcarousel {clear:both; height:382px; overflow:scroll; position:relative; width:960px;}
.stepcarousel .belt{left:0; position:absolute; top:0;}
.stepcarousel .panel{float:left; margin:0; overflow:hidden; width:960px;}

#primary {float:left; width:504px;}
#primary .primary-top {background:#fff; height:155px;}
#primary h2 {color:#6f6f6f; font:0.833em "Trebuchet MS", Arial, Helvetica, sans-serif; margin:25px 0 0 18px; letter-spacing:0.12em; text-transform:uppercase;}
#primary h3 {color:#000; font:1.41em "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 18px 18px; letter-spacing:0.14em; text-transform:uppercase;}
#primary h4, #secondary h4 {/*color:#6f6f6f;*/ color:#4476a3; font:/*0.833em*/ 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; margin:24px 0 18px 18px; letter-spacing:0.12em; text-transform:uppercase;}
#primary .primary-top p {font-style:italic; color:#51584c; line-height: 1.55em; letter-spacing:0.048em;}
#primary p {color:#5c605d; font: 0.933em/1.75em "Palatino Linotype", "Book Antiqua", Palatino, serif; letter-spacing:0.06em; margin:0 18px 12px 18px;}
#primary .primary-bottom p, #secondary p {color:#5c605d; font: 0.933em/1.75em "Palatino Linotype", "Book Antiqua", Palatino, serif; letter-spacing:0.06em; margin:0 18px 12px 18px;}

#primary .primary-bottom {background:url(../images/bg-primary-bottom.gif) repeat-y; height:203px;}
#primary .primary-bottom ul {float:right; margin: 10px 0 0 0; width:115px;}
#primary .primary-bottom ul li a { color:#fff; font:0.75em "Trebuchet MS", Arial, Helvetica, sans-serif; margin:14px 17px 0 0; letter-spacing:0.12em;  text-decoration:none; text-transform:uppercase;}
#primary .primary-bottom ul li a:hover {text-decoration:underline;}

#secondary {float:right; width:456px; background:#fff; padding:25px 0 0 0;}

a.offsite {background:url(../images/bg-offsite.gif) no-repeat; color:#fff; display:block; font:0.75em "Trebuchet MS", Arial, Helvetica, sans-serif; float:right; margin:0 17px 0 0; letter-spacing:0.12em;  padding:4px 0 0 0; text-decoration:none; text-transform:uppercase; width:112px; height:25px;  text-align:center;}



/*----Footer----*/
#footer {clear:both;}