/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
table {border-collapse:collapse;border-spacing:0;}
ul,ol { list-style: none; }

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}

#top { position: absolute; top:0; }
#main {position: relative; }
#content {position: relative; color:#333; padding: 18px 50px; }
#breadcrumb {clear:both; font-size: 10px; color:#686868; margin: 18px auto; text-align: center; }

/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }
.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }

#globalheader:after, #globalfooter:after, #container:after, .container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after, .box:after, .sidebox:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
#globalheader, #globalfooter, #container, .container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col, .box, .sidebox { zoom: 1; }

/* TYPOGRAPHY */
body, body#tinymce { font: 12px/18px "Lucida Grande", Arial, Verdana, sans-serif; background-color: #fff; color: #333; }
h1 { font-size: 24px; font-weight: bold; line-height: 36px; margin-bottom: 18px; }
h2 { font-size: 16px; font-weight: bold; line-height: 18px; margin-bottom: 18px; }
h3 { font-size: 1em; font-weight: bold; line-height: 18px; }
h4 { font-size: 10px; font-weight: bold; line-height: 18px; }
p { margin-bottom: 18px; }
p.intro { font-weight: bold; }
p.subtitle { color: #888; font-size: 14px; font-weight: normal; line-height: 1.5em; text-align: center; margin-bottom: 2em; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.btn-image { vertical-align: text-bottom; margin: 2px 0 0 10px; }

.more { text-align: right; }

a { color: #1259c7; }
a:link, a:visited, a:active {text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
a.more { white-space: nowrap; padding-right: 10px; background: url(/images/arrows/blue_arrow_right4x8.gif) no-repeat 100% 50%; zoom: 1; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }

ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }

ul.links li { background: url(/images/bullet-black.gif) no-repeat 0 7px; padding: 0 0 8px 15px; }

.last { margin-bottom: 0; }

.description { font-size: 16px; color: #666; }

.gotop { padding: 0.5em 15px 0.5em 0; background: url(/images/arrows/up.gif) no-repeat right center; }
p.gotop { text-align: right; margin: 0; }
p.gotop a { color: #666; }

/* PIPED LINKS */
.piped { display: block; zoom: 1; }
.piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.piped li { float: left; display: inline; }
.piped a, .piped em { border-left: 1px solid #797c80; padding: 0 0 0 0.75em; margin-left: 0.75em; }
.piped a.first, .piped em.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }
.piped.noborder a { border: none; margin: 0; padding: 0; }

.replaced { display: block; height: 10px; width: 10px; overflow: hidden; text-indent: -9999px; outline: none; background: transparent no-repeat 0 0; }
.replaced span { display: none; }

a.replaced.download { background-image: url(/images/download/download-btn.gif); width: 83px; height: 22px; }

a.replaced.action { display: block; outline: none; overflow: hidden; width: 16px; height: 16px; margin: 0 5px 0 0; padding: 0 5px 0 0; background: transparent no-repeat 0 0;}
ul.piped a.replaced.action { background-position: 5px 0; }
a.replaced.action.edit { background-image: url(/images/buttons/edit16x16.png); }
a.replaced.action.delete { background-image: url(/images/buttons/delete16x16.png); }
a.replaced.action.password { background-image: url(/images/buttons/lock16x16.png); }
a.replaced.action.mail { background-image: url(/images/buttons/mail16x16.png); }
a.replaced.action.connected { background-image: url(/images/buttons/qb-valid.png); }
a.replaced.action.disconnected { background-image: url(/images/buttons/qb-invalid.png); }
a.replaced.action.switch { background-image: url(/images/buttons/switchuser.png); }

/* FORM */
.red { color: #FF1A00; }
.green { color: #33cc33; }

.success, .info, .error, .notice { margin-bottom: 18px; padding: 0.25em 0.5em; border-style: solid; border-width: 2px; }
.success { background: #DEFFDD; border-color: #20BC00; }
.info { background: #F0F0FF; border-color: #1860AC; padding: 0.5em 1em; }
.error { background: #F1AEA3; border-color: #BC3C1F;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}

/* LAYOUT */
body#inlineBody { background: #fff; }

.box { background: #FFF url(../images/box-full-sprite.gif) repeat-y -1000px top; margin: 0; padding: 0 2px; width: 980px; position: relative; }
.boxcap.topcap { background: url(../images/box-full-sprite.gif) no-repeat 0 0; top: 0; }
.boxcap.bottomcap { background: url(../images/box-full-sprite.gif) no-repeat -2000px 0; position: relative; bottom: 0; margin: -7px -2px 0; }
.boxcap { font-size: 1px; left: 0; position: absolute; width: 984px; z-index: 5; height: 7px; }
.rounded { padding: 3px; text-align: left; background: white;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.45) 0 1px 3px;
}

.padder { padding: 10px; }

.fullItem { clear: both; padding-bottom: 18px; border-bottom: 1px solid #eee; margin-bottom: 18px; }
.fullItem.last { border: none; }
.fullItem .icon { float: left; width: 70px; }
.fullItem .body { margin-left: 90px; }
.fullItem h1 { font-size: 24px; }

a.x-button, div.x-button { cursor: pointer; background: url(/images/buttons/x-button-right.gif) no-repeat right center; display: inline; font-size: 12px; padding: 5px 0; text-align: center; text-decoration: none; zoom: 1;}
a.x-button span, div.x-button input { background: url(/images/buttons/x-button-left.gif) no-repeat left center; border:none; color: #333; display: inline; font-size: 1em; padding: 5px 18px; text-shadow: #E7E6E6; zoom: 1;}
a.x-button:focus, div.x-button:focus, a.x-button:active, div.x-button:active, a.x-button.blue, div.x-button.blue { background-image: url(/images/buttons/x-button-blue-right.gif); }
a.x-button:focus span, div.x-button:focus input, a.x-button:active span, div.x-button:active input, a.x-button.blue span, div.x-button.blue input { background-image: url(/images/buttons/x-button-blue-left.gif); color: #FFF; }
div.x-button input { margin: -4px 0 0 !important; vertical-align: inherit !important; }

tr.breadcrumbs td { border: none; }
ul.breadcrumbs { margin: 0; }
body#tinymce p { margin-bottom: 5px; }

.container { width: 980px; position: relative; margin: 0 auto; }

.header.main { border-bottom: 1px solid #eee; margin: 0 50px; padding: 50px 0 0; }
.header.main h1 { margin: 0; text-align: left; }

.rightnav { font-size: 11px; position: absolute; right: 0; bottom: 0; margin: 0; }
.rightnav li { display: block; float: left; margin: 1px 0 -10px 30px; }
.rightnav li a { color: #969696; display: block; margin: 0; padding: 0 0 13px; text-decoration: none; }
.rightnav li a:hover { color: #08c; text-decoration: none; }
.rightnav li a.selected { color: #000; cursor: default; background: url(/images/up-triangle.gif) no-repeat center bottom; }

/* SIDEBOX */
.sidebox { width: 280px; position: relative; background: #f0f0ff; margin: 0 0 18px; padding: 0;}
.sidebox .boxcap.topcap { background: url(/images/sidebox-top.gif) left top; }
.sidebox .boxcap.bottomcap { clear:both; background: url(/images/sidebox-bottom.gif) left bottom; margin: 0; padding: 0; position: absolute; left: 0; bottom: 0; }
.sidebox .boxcap { width: 280px; }
.sidebox.lightblue { background: #E9EAF2; }
.sidebox.lightblue .boxcap.topcap { background-image: url(/images/sidebox-e9eaf2-top.gif); }
.sidebox.lightblue .boxcap.bottomcap { background-image: url(/images/sidebox-e9eaf2-bottom.gif); }


/* HEADER */
#globalheader { position: relative;  padding: 3px 0 0; color: #999; }
#globalheader .container { height: 56px; border-bottom: 5px solid #008C00; }
#globalheader h1 { position: absolute; margin: 0; width: 248px; bottom: 0px; left: 0; }
#logo a.replaced { background-image: url(../images/logo.png); width: 100%; height: 36px; }

#globalheader ul.piped { margin: 0; }
ul#usernav { font-size: 10px; margin: 0; position: absolute; right: 10px; top: 5px; }
ul#usernav a { color: #999; }
ul#usernav a:hover, ul#usernava a:focus { color: #000;}

ul#globalnav { font-weight: bold; position: absolute; right: 0; bottom: 0px; zoom: 1;}
ul#globalnav:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
ul#globalnav li { margin-left: 3px; }
ul#globalnav li a { color: #999; font-weight: bold; padding: 2px 10px 3px; margin: 0; border: none; float: left; }
ul#globalnav li a:hover { color: #000; text-decoration: none; }
ul#globalnav li a:focus, ul#globalnav li.selected a, ul#globalnav li.selected a:hover { cursor: default; color: #fff; background: #008C00; text-decoration: none; }

/* FOOTER */
#globalfooter { position: relative; color: #999; font-size: 10px; color: #888; }
#globalfooter .container { border-top: 5px solid #008C00; }
#globalfooter a { color: #333; }
#globalfooter a:hover { color: #000; text-decoration: underline; }
#globalfooter .container { padding: 18px 0 32px; }
#globalfooter p { margin: 0; }
#globalfooter p#tagline {float: left; font-weight: bold; margin: 0 0 9px 3px; width: 50%; }
#globalfooter ul.shortlinks { float: right; margin: 0 3px 9px 0; font-weight: bold; }
#globalfooter span.reg { font-size: 80%; position: relative; left: 1px; top: 1px; }
#globalfooter .copyright { clear: both; border-top: 1px solid #ccc; padding: 9px 3px 0; }

/* CONTENT */
#container { background: #FFF; position: relative;}
#container .container { padding: 18px 0; }

/* SLIDER */
.slider-content { position: relative; clear: both; overflow: hidden; height: 530px; padding: 0 50px; margin-top: 20px; }

#tourContent { position: absolute; width: 880px; height: 530px; }
#tourContent .caption { position:absolute; color: #797c80; font-size: 11px; left: 0; text-align: center; bottom: 2em; width: 100%; }

.caption h4 { color: #333; }
.caption p { margin: 0; }

.sliderPanel { height: 120px; margin-bottom: 0; padding: 0; position: relative; width: 980px; background: url(../images/slider-bg.gif) repeat-x; }
.sliderDiv { width: 880px; overflow: hidden; display: inline-block; height: 123px; clear: left; position: relative; margin: 0 50px; }
.sliderDiv ul { margin:0; padding:0; position: absolute; width: 9999px; top: 0; }

.back, .forward { overflow: hidden; text-indent: -9999px; position: absolute; width: 50px; height: 120px; top: 0; background-image: url(../images/slider-arrows.png); background-repeat: no-repeat; }
.back { left: 0; background-position: 0 0; }
.forward { right: 0; background-position: 0 -246px; }
a.back:hover { background-position: 0 -123px; }
a.forward:hover { background-position: 0 -369px; }

.sliderDiv li { float: left; text-align: center; width: 176px; height: 120px; }
.sliderDiv li a { float: left; text-align: center; width: 176px; height: 107px; padding-top: 10px; padding-bottom: 1px; }
.sliderDiv li a.active { background: url(/images/slider-selected.gif) repeat-x; }

h1.replaced.thanks { background-image: url(/images/header/head-thanks.gif); width: 178px; height: 36px; }
h1.replaced.successful { background-image: url(/images/header/head-success.gif); width: 134px; height: 36px; }
h1.replaced.sorry { background-image: url(/images/header/head-sorry.gif); width: 98px; height: 36px; }

#pageheader { position: relative; padding: 0 0 0.2em; overflow: hidden; width: 980px; margin: 0 auto; }
#pageheader h1, #pageheader h2 { margin: 1px 0 8px 6px; float: left; line-height: 32px; }
#pageheader h1 a, #pageheader h2 a { height: 32px; background-position: 0 0; background-repeat: no-repeat; color: #000; display: block; line-height: 32px; text-decoration: none; cursor: default; font-size: 28px; }

#pageheader ul { margin: 0; position: absolute; right: 10px; bottom: 5px; }
#pageheader ul.piped li a { color: #333; float: left; padding: 0; text-decoration: none; margin: 0 0 0 30px; border: none; }
#pageheader ul li a:hover { color: #0088cc; }
#pageheader ul li a.selected { color: #999; }
#pageheader ul li a.selected:hover { color: #999; }
#pageheader ul.piped li a.replaced.download { background-image: url(../images/header/head-download-btn.gif); width: 84px; height: 23px; }
#pageheader ul.piped li a.replaced.buynow { background-image: url(../images/header/head-buynow-btn.gif); width: 84px; height: 23px; margin-left: 15px; }

#pageheader h2 a.replaced.hero { background-image: url(../images/header/quickbuild-title.png); width: 162px; height: 25px; }

body, #container {  background: url(/images/texture-paper.png) left center repeat;  }

/* INFO PAGE */
#info #container { margin: 45px auto 20px; }

#addthis-wrapper { margin: 18px 0; }
#addthis-wrapper .padder { padding-left: 30px; }
#addthis-wrapper.box { background-color: #e7e7e7; }
.addthis_toolbox a { color: #666; }
.at300bs { margin-right: 4px; }

.light-text { font-size: 11px; color: #666; }
.light-text a { color: #666; text-decoration: underline; }