/* ::::: http://hubshout.com/css/global_home.css ::::: */

* { margin: 0pt; padding: 0pt; text-decoration: none; font-size: 1em; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; font-size-adjust: inherit; font-stretch: inherit; -x-system-font: none; font-size: 1em; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: medium none ; }
caption, th, td, center { text-align: left; vertical-align: top; }
table { border-spacing: 1px; }
body { background: white none repeat scroll 0% 0%; line-height: 1; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: black; }
ul, ol, dir, menu { list-style-type: none; list-style-image: none; list-style-position: outside; }
a { color: inherit; }
body { margin: 0pt; background: rgb(234, 233, 217) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(51, 51, 51); font-family: Arial,Helvetica,sans-serif; font-size: 62.5%; line-height: 1.4em; }
a:link, a:visited, a:active { color: rgb(25, 103, 135); text-decoration: underline; }
a:hover { color: rgb(135, 130, 25); text-decoration: underline; }
b, strong, .b { font-weight: bold; }
h2 { margin: 0.5em 0pt; color: rgb(25, 103, 135); font-size: 1.8em; font-weight: bold; letter-spacing: -0.02em; line-height: 1.2em; }
h3 { border-top: 1px solid rgb(25, 103, 135); margin: 1.2em 0pt; color: rgb(52, 72, 97); font-size: 1.3em; font-weight: bold; letter-spacing: -0.01em; padding-top: 1.2em; }
p, ul { line-height: 1.4em; margin-bottom: 1.6em; }
.inside { margin: 0pt auto; width: 970px; }
#header { background: rgb(53, 72, 97) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#logo { float: left; width: 420px; }
#logo h1 a { margin: 10px; background: transparent url('logo_t.png') no-repeat scroll 0% 0%; overflow: hidden; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; display: block; height: 100px; text-indent: -100em; width: 319px; }
#links { float: right; }
#navigation { margin: 25px 0pt 20px; }
#navigation ul { margin: 0pt auto; width: 480px; }
#navigation li a { overflow: hidden; background-position: 0pt 6px; background-repeat: no-repeat; height: 35px; text-indent: -100em; }
#nav_home { background-image: url('nav_home_t.png'); width: 49px; }
#nav_services { background: transparent url('nav_services_t.png') repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 72px; }
#nav_resources { background-image: url('nav_resources_t.png'); width: 91px; }
#nav_about { background: transparent url('nav_about_t.png') repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 80px; }
#loginbox { padding: 15px 0pt 0pt; background: transparent url('bg_login.png') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-weight: bold; font-size: 1.3em; height: 36px; width: 550px; }
#loginbox form { display: block; text-align: center; }
#loginbox h2 { border-right: 1px solid rgb(52, 72, 97); padding: 0.2em 1em 0.2em 0pt; color: rgb(25, 103, 135); display: inline; font-weight: bold; font-size: 1.2em; letter-spacing: 0pt; }
#loginbox input[type="password"] { border: 1px solid rgb(25, 103, 135); padding: 0.2em; background: rgb(234, 233, 217) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; margin-right: 10px; width: 100px; }
#loginbox input[type="submit"] { border: 1px solid rgb(52, 72, 97); padding: 0.2em 1em; background: rgb(25, 103, 135) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(255, 255, 255); font-weight: bold; }
#loginbox input[type="text"] { border: 1px solid rgb(25, 103, 135); padding: 0.2em; background: rgb(234, 233, 217) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 100px; }
#loginbox label { margin: 0pt 2px 0pt 10px; color: rgb(52, 72, 97); }
#infographic { background: rgb(39, 87, 116) url('infobg.png') repeat-x scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-size: 1.2em; }
#infographic .inside { margin: -13px auto -10px; background: transparent url('infographic_clean.png') no-repeat scroll 0pt 0pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 984px; }
#content { border-top: 5px solid rgb(135, 130, 25); padding: 1.5em; background: rgb(234, 233, 217) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#content .inside .left { float: left; font-size: 1.4em; width: 635px; }
#content .inside .left ul li { margin: 0pt 0pt 0pt 1.5em; padding: 0pt 0pt 0pt 0.5em; font-size: 1em; line-height: 1.8em; list-style-type: disc; }
#content .inside .home ul li { margin: 0pt 0pt 1em; padding: 0pt 0pt 0pt 2em; background: transparent url('megaphone.png') no-repeat scroll left 6px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-size: 1.2em; list-style-type: none; }
#content .inside .right { float: right; margin-right: -5px; width: 310px; }
#footer { border-top: 5px solid rgb(135, 130, 25); padding: 2em 0pt 0.5em; background: rgb(53, 72, 97) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(186, 183, 128); font-size: 1.2em; font-weight: bold; text-align: center; }
#footer a:link, #footer a:visited, #footer a:active { padding: 0.3em 1.3em; color: rgb(255, 255, 255); text-decoration: none; }
#footer a:hover { background: rgb(135, 130, 25) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#footer ul { margin: 0pt 0pt 2em; }
#footer ul li { border-right: 1px solid rgb(135, 130, 25); margin: 0pt 0pt 0pt -0.3em; padding: 0.3em 0pt; display: inline; font-size: 1.3em; }
#footer ul li.last { border-right: medium none; }
#content:after, #contactform:after, #header:after, .blogpost:after, .split:after, .vcard div:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
/* ::::: http://hubshout.com/css/lavalamp_home.css ::::: */

#lavaLampBasicImage { overflow: hidden; position: relative; }
#lavaLampBasicImage li { margin: 0pt; float: left; list-style-type: none; list-style-image: none; list-style-position: outside; }
#lavaLampBasicImage li.back { background: transparent url('lava.png') no-repeat scroll right -35px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 9px; height: 35px; z-index: 8; position: absolute; }
#lavaLampBasicImage li.back .left { background: transparent url('lava.png') no-repeat scroll left top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; height: 35px; margin-right: 9px; }
#lavaLampBasicImage li a { margin: 1px 13px; overflow: hidden; font-weight: bold; font-size: 2em; text-decoration: none; color: rgb(255, 255, 255); outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; text-align: center; text-transform: uppercase; letter-spacing: 0pt; line-height: 35px; z-index: 10; display: block; float: left; height: 35px; position: relative; }
#lavaLampBasicImage li a:hover, #lavaLampBasicImage li a:active, #lavaLampBasicImage li a:visited { border: medium none ; color: rgb(255, 255, 255); }
/* ::::: http://hubshout.com/css/jquery.jcarousel.css ::::: */

.jcarousel-container { position: relative; }
.jcarousel-clip { margin: 0pt; padding: 0pt; overflow: hidden; z-index: 2; position: relative; }
.jcarousel-list { margin: 0pt; padding: 0pt; overflow: hidden; z-index: 1; position: relative; top: 0pt; left: 0pt; }
.jcarousel-list li, .jcarousel-item { float: left; list-style-type: none; list-style-image: none; list-style-position: outside; width: 75px; height: 75px; }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }
/* ::::: http://hubshout.com/css/jcarousel_skin.css ::::: */

.jcarousel-skin-tango .jcarousel-container { border: 0px solid rgb(52, 111, 151); background: rgb(234, 233, 217) none repeat scroll 0% 0%; -moz-border-radius-topleft: 23px; -moz-border-radius-topright: 23px; -moz-border-radius-bottomright: 23px; -moz-border-radius-bottomleft: 23px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.jcarousel-skin-tango .jcarousel-container-horizontal { margin: 18px 16px; padding: 19px 38px; width: 872px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { margin: 0px 10px; width: 850px; height: 245px; }
.jcarousel-skin-tango .jcarousel-item { width: 850px; height: 245px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 10px; }
.jcarousel-skin-tango .jcarousel-next-horizontal { background: transparent url('next-horizontal.png') no-repeat scroll 0pt 0pt; position: absolute; top: 125px; right: 5px; width: 32px; height: 32px; cursor: pointer; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -32px 0pt; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0pt; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { background: transparent url('prev-horizontal.png') no-repeat scroll 0pt 0pt; position: absolute; top: 125px; left: 5px; width: 32px; height: 32px; cursor: pointer; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -32px 0pt; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0pt; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0pt; }
/* ::::: http://hubshout.com/css/fancy.css ::::: */