/* Global Reset From Yahoo *****************************************************/
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;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/* General Classes *****************************************************/
.left{float:left;}
.right{float:right;}
.cleaner{clear:both;height:0px;font-size:0px;}
li.cleaner{float:none !important;clear:both;height:0px !important;width:auto !important;font-size:0.1px !important;line-height:0px !important;background-image:none !important;}
.innerpad{padding: 15px;}
p.group{display:block;margin:15px 0;padding:15px;border:1px solid;}
p.red{border-color:#e31c1f;background-color:#fbddde;}
p.rp{border-color:#a80f83;background-color:#f2dbed;}
p.ora{border-color:#ff8500;background-color:#ffedd9;}
p.oy{border-color:#fc0;background-color:#fff6d9;}
p.yg{border-color:#cf0;background-color:#f6ffd9;}
p.gre{border-color:#1fa101;background-color:#ddf1d9;}
p.wg{border-color:#9ce08d;background-color:#f0faee;}
dl.faq{}
dl.faq dd{margin-bottom:15px;}
strong.contact{display:inline-block;width:70px;}

/* General Display and Body *****************************************************/
body{margin:0;padding:0;background:#4d4d4d url(../images/bg.jpg) center top repeat-x;}
#wrapper { float: left; width: 100%; background: url(../images/nav-bg.png) no-repeat center 188px; min-height: 500px; }
#container{width:995px;margin:0 auto;}
#header{height:234px;position:relative; }

/* Logo *****************************************************/
#logo{width:213px;height:213px;position:absolute;left:0;top:61px;}
#logo h1{margin:0;padding:0;}
#logo a{display:block;width:213px;height:213px;margin:0;padding:0;background:url(../images/logo.jpg) -7px top no-repeat; text-indent:-10000px;}

#phone { float: left; text-align: right; width: 300px; position:absolute; left: 687px; top: 150px; color: #93b5e6; font-size: 13px; }
#phone span { font-style: italic; font-family: georgia, serif; }

#social { float: left; width: 300px; position:absolute; left: 687px; top: 73px; }
#social ul { float: right; margin: 0; padding: 0; }
#social ul li { padding: 0; list-style-type: none; float: left; margin: 0 0 0 10px; }
#social ul li a { float: left; width: 32px; height: 32px; }
#social ul li a span { display: none; }
#social #facebook a { background: url(../images/social-facebook.png) no-repeat 0 0; }
#social #twitter a { background: url(../images/social-twitter.png) no-repeat 0 0; }
#social #linkedin a { background: url(../images/social-linkedin.png) no-repeat 0 0; }
#social ul li a:hover { background-position: 0 bottom!important; }

#topbanner{margin-top:79px;z-index:10;}
#staff{width:904px;height:29px;left:35px;bottom:15px;visibility:hidden;position:relative;}

.content{}
.content .left{padding-top:112px;}
#main{float:right;padding:50px 35px 20px 0;margin-bottom:50px;width:680px;background:url(../images/dot.gif) left bottom no-repeat;}

.news_item{padding-bottom:30px;}
.news_item_bg{padding-bottom:50px;margin-bottom:50px;background:url(../images/dot.gif) left bottom no-repeat;}

#home {padding: 0px 0px 0px 8px;}

#home-left { float: left; width: 600px; padding: 20px 0; }
#home-right { float: right; width: 335px; padding-top: 30px; padding-right: 8px; }

#footer { float: left; width: 979px; padding: 20px 0 45px 0; border-top: solid 1px #5e5e5e; margin-left: 8px; margin-top: 0px; }
#footer p { margin: 0; padding: 2px 0; font-weight: 300; }
#footer .left { background: url(../images/footer-logo.gif) no-repeat 0 0; padding-left: 85px; text-transform: uppercase; }

/* ---------------------------------------------------------------------------------
   HOMEPAGE
--------------------------------------------------------------------------------- */

#slider { float: left; width: 979px; height: 369px; position: relative; left: 0; top: 0; }
#screens { float: left; width: 979px; height: 369px; float: left; overflow: hidden; background: #000; padding: 0!important; margin: 0 0 0 8px; z-index: 100; }
#screens p { font-size: 1.05em; line-height: 1.45em; }
#slider-corners { float: left; width: 984px; height: 374px; background: url(../images/slider-corners-shadow.png) no-repeat 0 0; position: absolute; top: 0px; left: 8px; z-index:50; }

.panel { float: left; width: 979px; height: 369px; z-index: 10; position: relative; }
/*
.panel-text { float: right; width: 295px; padding: 15px 20px; background: url(../images/slider-panel-bg.gif) repeat-x 0 0 #02193c; position: absolute; top: 250px; left: 644px; }
.panel-text p { margin: 0; font-size: 13px!important; }
*/
.panel-text { float: left; width: 255px; padding: 15px 30px; position: absolute; top: 130px; left: 0px; }
.panel-text p { margin: 0; font-size: 18px!important; color: #000; text-shadow: none; font-weight: 700; }

#banner-01 .panel-text { width: 210px; }
#banner-02 .panel-text {  }
#banner-02 .panel-text p { color: #fff; }
#banner-03 .panel-text { width: 300px; left: 400px; top: 50px; }
#banner-03 .panel-text p { text-shadow: 1px 1px 3px #fff; }

.stripViewer { /* This is the viewing window */
    position: relative;
    overflow: hidden;
    margin: auto;
    width: 979px; /* Also specified in  .stripViewer .panelContainer .panel  below */
    height: 369px;
    clear: both;
    z-index: 100;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
    position: relative;
    left: 0; top: 0;
    width: 100%;
    list-style-type: none;
    z-index: 100;
    /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripNav { display: none; }

.coda-nav-left a, .coda-nav-right a { display: none; }
.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; display: block; position: absolute; top: 325px; left: 909px; z-index: 999; width: 80px!important; margin: 0; padding: 0; z-index: 999;  }
.coda-nav ul li { display: inline }
.coda-nav ul li a { background: url(../images/slider-inactive.png) no-repeat 0 0; width: 9px; height: 9px; display: block; float: left; margin-right: 6px; outline: none; }
.coda-nav ul li a.current { background: url(../images/slider-active.png) no-repeat 0 0; }

#home-right p { font-size: 13px; line-height: 20px; }

.home-box { float: left; width: 335px; background: url(../images/home-box-btm.gif) no-repeat 0 bottom #5e5e5e; margin: 0 0 30px 0; }
.home-box-top { float: left; width: 295px; padding: 15px 20px; background: url(../images/home-box-top.jpg) repeat-x 0 0 #353636; }
.home-box-btm { float: left; width: 295px; padding: 15px 20px 5px 20px; }

.home-box p { margin: 0 0 22px 0; }
.home-box h2 { font-size: 20px; margin: 0; }
.home-box h3 { font-size: 14px; line-height: 20px; margin: 0 0 10px 0; color: #fff; }
.home-box .date { color: #fff; font-size: 11px; text-transform: uppercase; }
.home-box .thumb { float: right; margin-left: 10px; }

.icon-news { background: url(../images/icon-news.png) no-repeat right center; }
.icon-twitter { background: url(../images/icon-twitter.png) no-repeat right center; }

.tweet { font-style: italic; margin: 0 0 10px 0!important; }
.tweet a { font-weight: 700; font-style: normal; }
.tweet-links { font-size: 11px!important; color: #d2d2d2; margin: 0 0 10px 0!important; }
.tweet-links a { color: #d2d2d2; text-decoration: none; }
.tweet-links a:hover { text-decoration: underline; color: #fff; }
#twtr-widget-1 .twtr-hd, #twtr-widget-1 .twtr-ft{ display:none; }
#twtr-widget-1 .twtr-bd{ padding:0; }
#twtr-widget-1 .twtr-tweet-wrap{ padding:0; }
#twtr-widget-1{ padding-bottom:15px; }