/*
 * Reset
 * Loosely based on Eric Meyer's CSS Reset http://meyerweb.com/eric/tools/css/reset/ 
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
fieldset, img { border: none; vertical-align: middle; }

/*
 * Margins
 */
p, ul, ol, dl, table, address, pre, fieldset { margin: 0 0 18px 0; }
p.extraspace { line-height:20px; font-style: italic;}

/*
 * Hyperlinks
 */
a { text-decoration: underline; overflow: hidden; color: #000; }
a:hover, a:focus { text-decoration: none; }

.more { margin-bottom: 18px; }
.more a { color: #80c02a; text-decoration: none; background: url(../images/more.gif) no-repeat 100% 50%; padding-right: 30px; }
.more a:hover, .more a:focus { text-decoration: underline; }

.left { float: left; display: inline; margin-right: 10px; } 
.right { float: right; display: inline; margin-left: 10px; } 
.hidden { display: none; }

/*
 * General Document Settings
 */
html { background: url(../images/background.gif) repeat 0 0; }
body { font: 12px/18px Arial, Helvetica, Verdana,  sans-serif; background: url(../images/background-x.png) repeat-x 0 0; }
#wrap { width: 1007px; background: #fff url(../images/top-gradient.png) repeat-x 0 0; margin: 0 auto; position: relative; }
#shadow { width: 1047px; height: 439px; position: absolute; top: 0; left: 50%; margin-left: -523.5px; background: url(../images/shadow.png) no-repeat 0 0; }

/*
 * Headings
 */
h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 0 0 9px 0; font-family: Arial, Helvetica, Verdana, sans-serif; }
h1 { font-size: 18px; font-weight: normal; color: #75bb35; }
h2 { font-size: 14px; font-weight: normal; text-transform: uppercase; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 12px; }

/*
 * Lists
 */
ul { margin-left: 2.2em; }
li ul, li ol { margin-top: 0; margin-bottom: 0; }
ol { margin-left: 2.2em; }
ol ul li { list-style: disc !important; }
ol li { list-style-type: decimal; }
ol li ol li { list-style-type: lower-alpha; }
ol li ol li ol li { list-style-type: upper-roman; }

ul.specialo { margin-left: 0em; }
ul.specialo li { margin-top: 0; margin-bottom: 2em; background-image: url(../images/bullit-li.gif); background-repeat: no-repeat; background-position:0px 4px; list-style: none; padding-left: 20px; font-weight: bold; font-style: italic; }
/*
 * Definition List
 */
dt { font-weight: bold; }
dd { margin-bottom: .5em; }

/*
 * Table
 */
table { border-collapse: collapse; border: 1px solid #999; width: 100%; }
table.special {  border: 1px solid #fff; background-color:#fff; padding: 0px; margin: 0px; width:600px; }
table.special td {  border: 1px solid #fff; }
caption, th, td { text-align: left; padding: 4px; }
th, td { border: 1px solid #999; }
caption, th { font-weight: bold; }

/*
 * Quotes
 */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
 * Code
 */
pre { border: 1px solid #999; }
code, pre { font-size: 1em; }

/*
 * Forms
 */
input, select, textarea, button { font-size: 1em; font-family: inherit; padding: .3em; }
fieldset { border: 1px solid #999; padding: 1em 2em; }

form ol { margin: 0; }  
form li { list-style: none; }  
form li label { display: block; }  
form .inline label { display: inline; }  
form .inline input { margin-right: 1em; } 

/*
 * Logo
 */
#logo { border-bottom: 5px solid #75bb35; padding: 55px 0 0 0; margin: 0; }
#logo a { display: block; width: 220px; background: url(../images/nonstop-logo.png) no-repeat 0 0; height: 38px; text-indent: -9999px; }

/*
 * Meta 
 */
#meta { position: absolute; top: 67px; right: 7px; background: url(../images/meta.png) no-repeat 0 0; margin: 0; text-transform: uppercase; padding-left: 18px; }
#meta li { float: left; margin: 0; list-style: none; background: url(../images/meta-separator.gif) no-repeat 0 50%; }
#meta li:first-child, #meta li.first-child { background: none; }
#meta a { float: left; line-height: 29px; padding: 0 20px; color: #000; text-decoration: none; }
#meta .active a, #meta a:hover, #meta a:focus { text-decoration: underline; }

/*
 * Nav
 */
#nav { border-top: 1px solid #c8e4ae; background: #000; color: #ccc; display: inline-block; overflow: hidden; padding-right: 7px; margin-bottom: 8px; }
#nav { display: block; }
#nav ul { float: right; margin: 0; }
#nav li { float: left; display: inline; list-style: none; margin: 0 0 0 -1px; background: url(../images/nav-separator.gif) no-repeat 0 50%; }
#nav li:first-child, #nav li.first-child { background: none; }
#nav a { color: #ccc; float: left; line-height: 31px; text-decoration: none; padding: 0 28px 0 27px; }
#nav .active a, #nav a:hover, #nav a:focus { text-decoration: underline; }

/*
 * Column
 */
#column { float: left; width: 196px; display: inline; margin-left: 8px; overflow: hidden; background: #ddd; line-height: 13px; color: #666; }
#column h2 { background: url(../images/subnav.gif) repeat-x 0 50%; color: #fff; padding: 12px; }
#column .content { padding: 0 11px; }

/*
 * Subnav
 */
#subnav { margin: 0; text-transform: uppercase; line-height: 18px; }
#subnav li { margin: 0; list-style: none; }
#subnav a { display: inline-block; padding: 6px 12px; background: url(../images/subnav.gif) repeat-x 0 50%; color: #fff; text-decoration: none; border-bottom: 1px solid #fff; }
#subnav a { display: block; }
#subnav .active a, #subnav a:hover, #subnav a:focus { text-decoration: underline; }

#subnav ul { margin: 0; background: #ccc; }
#subnav .active ul a { background: url(../images/subnav-2.gif) no-repeat 13px 50%; color: #666; text-decoration: none; padding-left: 30px; }
#subnav .active ul a:hover, #subnav .active ul a:focus, #subnav .active ul .active a { text-decoration: underline; }

/*
 * Content
 */
#content { float: right; width: 786px; display: inline; margin-right: 8px; overflow: hidden; position: relative; }
#inner { padding: 0 18px; }

/*
 * Banner
 */
#banner { position: relative; display: inline-block; color: #fff; text-align: right; margin-bottom: 10px; height: 150px; overflow: hidden; }
#banner { display: block; }
#banner .text { position: absolute; bottom: 0; left: 0; width: 786px; overflow: hidden; z-index: 100; }
#banner .text .background { background: #000; opacity: .4; filter:Alpha(opacity=40); position: absolute; top: 0; left: 0; width: 786px; height: 300px; }
#banner .text .content { position: relative; padding: 15px 25px; height: 50px; }
#banner .text .content .item { padding: 15px 25px; width: 736px; text-align: right; }
#banner h2 { font-size: 24px; line-height: 24px; margin: 0; font-weight: normal; }
#banner p { margin: 0; }
#banner .more a { background-image: url(../images/more-white.gif); }

#banner .list { margin: 0; position: absolute; top: 0; right: 0; text-transform: uppercase; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; z-index: 200; }
#banner .list li { list-style: none; }
#banner .list a { display: inline-block; height: 75px; line-height: 75px; background: url(../images/banner-list.png) no-repeat 100% 0; width: 130px; padding: 0 15px 0 45px; color: #fff; text-decoration: none; }
#banner .list a { display: block; }
#banner .list .ui-state-active a { background-image: url(../images/banner-list-active.png) !important; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/banner-list-active.png',sizingMethod='crop'); cursor: pointer; }
#banner .list .ui-state-hover a { background-image: url(../images/banner-list-hover.png); }

#slide { display: inline-block; position: relative; }
#slide { display: block; }

/*
 * Navpath
 */
#navpath { margin: 0 0 10px 0; display: inline-block; overflow: hidden; color: #999; text-transform: uppercase; font-size: 11px; }
#navpath { display: block; }
#navpath li { float: left; margin: 0; list-style: none; }
#navpath a { float: left; display: inline; color: #999; text-decoration: none; padding-right: 25px; margin-right: 15px; background: url(../images/navpath.gif) no-repeat 100% 50%; }
#navpath a:hover, #navpath a:focus { text-decoration: underline; }

/*
 * Footer
 */
#footer { clear: both; background: url(../images/footer.png) no-repeat 0 100%; height: 119px; text-align: center; }
#footer .content { background: #000; color: #999; line-height: 27px; padding: 0 15px; position: absolute; left: 8px; bottom: 8px; width: 961px; }
#footer a { color: #999; text-decoration: none; }
#footer a:hover, #footer a:focus { text-decoration: underline; }

/*
 * Home
 */
#home #column { min-height: 472px; _height: 472px; }

/*
 * Tabs
 */
#home #banner { text-align: left; height: 300px; overflow: hidden; position: relative; }
#home #banner h2 { color: #ccc; }
#home #banner .text { width: 626px; height: 150px; }
#home #banner .background { height: 150px; }

.tab { position: absolute; top: 0; left: 0; height: 300px; z-index: 150; overflow: hidden; }
#tab-0 { z-index: 160; }

.ui-tabs-hide { display: none; }

/*
 * Box
 */
#boxes { display: inline-block; overflow: hidden; position: relative; margin-left: -9px; }
#boxes { display: block; }
.box { float: left; display: inline; margin-left: 9px; width: 256px; height: 162px; position: relative; color: #666; line-height: 14px; }
.box h3 { line-height: 36px; background: #767676 url(../images/box-title.gif) repeat-x 0 50%; padding: 0 11px; color: #fff; font-weight: normal; margin: 0; }
.box img { display: block; }
.box .text { position: absolute; top: 47px; left: 9px; width: 238px; height: 105px; overflow: hidden; }
.box .background { position: absolute; top: 0; left: 0; width: 238px; height: 105px; background: #fff; opacity: .9; filter:Alpha(opacity=90); }
.box .content { position: relative; margin: 0 4px; top: 10px; height: 84px; overflow: hidden; }
.box p { margin: 0; }
.box .more a { background: none; }