body { text-align: center; background: #ffffff; font-family: "Lucida Sans Unicode", "Arial", "Tahoma"; font-size: 11pt; /*color: #4b4b4b;*/ /*line-height: 24px;*/}
p { padding-bottom: 5px; }
a {outline: none; color: #1c91ae; text-decoration: none; }
a:hover { text-decoration: underline; }
a.readmore { display: block; text-align: right; margin-top: 10px; }

div#top { width: 100%; height: 100px; background: #262626 url('../imgs/blue/top_bg.png') no-repeat center top; }
div#top div.inner { width: 960px; margin: 0 auto; text-align: left; /*padding-top: 18px;*/}
div#topspacer{ width: 960px; margin: 0 auto; text-align: left; }

/* NAVIGATION */
/* Login Skin Object */
#navitop { width: 695px; float: left; text-align: right; padding:10px 0 0 0; }

.navitoplnk { font-family: Tahoma,Verdana,Arial,Helvetica; font-size:15px; font-weight: normal; color: #ffffff; }
a.navitoplnk:link, a.navitoplnk:active, a.navitoplnk:visited { font-family: Tahoma,Verdana,Arial,Helvetica; font-size:15px; font-weight: normal; color: #ffffff; text-decoration: none; }
a.navitoplnk:hover { font-family: Tahoma,Verdana,Arial,Helvetica; font-size:15px; font-weight: normal; color: #cccccc; text-decoration: none; }

.navitoplnk a:link, .navitoplnk a:active, .navitoplnk a:visited { font-size:15px; font-weight: normal; color: #ffffff; text-decoration: none; }
.navitoplnk a:hover { font-size:15px; font-weight: normal; color: #cccccc; text-decoration: none; }


/* Logo POSITION */
#logohold { width:265px; float:left; border:0; margin:0; padding:0; }
.loginpos { padding:0; }
.loginbox { padding:0 8px; }
.loginbox input { width:95px; margin:0 4px; border: 0; background: transparent; border: 1px solid #ffffff; color:#ffffff; font-size: 12px; }

.logincss { border: 0; background: none; color: #005caf; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; }
.logincss input { }
.loginl { width: 100%; height: 20px; float: left; background: url(../media/loginl.jpg) no-repeat left; }
.logint { width: 100%; height: 20px; float: left; background: url(../media/logint.jpg) repeat-x; }
.loginr { width: 100%; height: 20px; float: right; background: url(../media/loginr.jpg) no-repeat right; }

.logintxt { color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; }
a.logintxt:link, a.logintxt:active, a.logintxt:visited { font-size:14px; font-family: Arial, Helvetica, sans-serif; color:#404040; text-decoration: underline; font-style: normal; font-weight: bold; } 
a.logintxt:hover { text-decoration:none; font-style: normal; font-weight: bold; } 

.logouttxt { color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; }
.logouttxt a.SkinObject:link, .logouttxt a.SkinObject:active, .logouttxt a.SkinObject:visited { font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#ffffff; text-decoration: none; font-style: normal; font-weight: bold; } 
.logouttxt a.SkinObject:hover { text-decoration:underline; font-style: normal; font-weight: bold; } 

#navigation { width: 660px; float: left; margin-right: 0; }
#navigation ul { float: right; margin: 0px; list-style: none; position: relative; top: 37px; }
#navigation li { display: inline;  margin: 0px;  padding: 0px; }
#navigation a { /*float: left;*/ margin: 0px 0px 0px 22px; text-decoration: none; cursor: pointer; font-size: 15px; color: #ffffff; }
#navigation li.current a { color: #ffffff; }
#navigation a:hover { color: #ffffff; }

/* Nina's Custom stuff */
.logo { /*padding-top: 15px;*/}
.normal {font-family: "Lucida Sans Unicode", "Arial", "Tahoma";/*color: #353535;*/ font-size: 11pt; }
.bannerholder { padding: 15px 0; width: 468px; height: 60px; }
.bannerholderhome { padding: 30px 0 0 0; width: 468px; height: 60px; }

/* Sidebar Navigation */
.sidebar-buttons { width: 100%; }
.sidebar-buttons a .sidebar_buttons:hover { background-position: 0px -50px; }
.sidebar-buttons a.sidebar_buttons { float: left; width: 283px; height: 50px; background: url('../imgs/buttons/arrow.png') left top; margin: 20px 20px 0px 0px; }

/* Vertical Links */
.vlinks { width: 100%; }
a.vlinks .vlinks:hover { background-position: 0px -50px; }
.vlinks a:hover { float: left; width: 283px; height: 50px; background: url('../imgs/buttons/sidebar-arrow.png') left top; margin: 20px 20px 0px 0px; }

div#subheader-left { width: 290px; float: left; }
div#subheader-right { width: 590px; float: right; }
div#subslogan { height: 100px; }
div#subslogan img{ border: none; }
div#subpageName {font-size: 26pt; margin-top: 20px; color:#ffffff; font-weight: bold; /*text-transform: uppercase;*/}
div#subpageTitle {font-size: 12pt; margin-top:10px; color: #f5f5f5; }
div#subpageDescription {font-size: 10pt; margin-top: 30px; color: #fefefe; }
/* end nina's custom stuff */
  
/* //NAVIGATION */
div#header { background: url('../imgs/blue/header_bg.png') repeat-x left top; height:328px; width:100%; }
div#header-sub { width: 100%; height: 124px; background: url('../imgs/red/header_bg_subpage.png') repeat-x left top; }
div#header-bg { width: 100%; background: url('../imgs/blue/header_light.png') no-repeat center top; height: 100%; }
div#featured-bg { width: 100%; height: 329px; background: url('../imgs/blue/featured_bg.png') no-repeat center top; }

div#header div.inner { width: 960px; margin: 0 auto; text-align: left; }
div#header-sub div.inner{ width: 960px; margin: 0 auto; text-align: left; }
div#header-left { width: 490px; float: left; }
div#slogan { height: 247px; }
div#slogan img{ border: none; }
div#slogan div.line { width: 100%; height: 2px; background: url('../imgs/blue/line.png') repeat-x center top; /*margin: 5px 0px 5px 0px;*/ font-size: 0px; line-height: 0px; }
div#header-right { width: 460px; float: right; }
div.slideshow { width: 410px; height: 255px; position: relative; top: 35px; left: 40px; }
div.slideshow img { width: 410px; height: 255px; z-index: 5; border: none; }
div#header-right img.featured { position: relative; z-index: 10; top: -229px; left: 355px; }

div#subcontent { width: 650px; }
div#maincontent { width: 960px; text-align: center; }

div#content { width: 100%; background: url('../imgs/blue/content_bg.png') repeat-x center top; margin-bottom: 30px; }
div#content div.inner { margin: 0 auto; text-align: left; width: 960px; padding:0; }
div.box { width: 290px; float: left; margin-right: 44px; }
div.blast { margin-right: 0px; }

#main { float: left; width: 650px; }
#main-sub { float: left; width: 960px; }

/* SIDEBAR */
#sidebarpane-lower { width: 237px; margin-left: 35px; }
div#sidebar { width: 283px; float: right; padding-top: 11px; }

div#sidebar-top { width: 283px; height: 21px; background: url('../imgs/blue/sidebar-top.png') no-repeat left top; }
div#sidebar-content { width: 283px; background: url('../imgs/blue/sidebar-bg.png') repeat-y left top; padding-bottom: 5px; }
div#sidebar-bottom { width: 283px; height: 15px; background: url('../imgs/blue/sidebar-bottom.png') no-repeat left top; }

ul#sidebar-navigation { list-style-type: none; margin: 0px 0px 20px 0px; padding: 0px; }
ul#sidebar-navigation li{ display: block; width: 223px; height: 50px; }
ul#sidebar-navigation li.current{ width: 229px; height: 50px; display: block; }
ul#sidebar-navigation li a { display: block; width: 223px; height: 50px; padding: 0px 0px 0px 25px; line-height: 50px; border-bottom: 1px solid #d7d7d7; position: relative; left: 29px; }
ul#sidebar-navigation li.current a{ display: block; width: 229px; height: 50px; padding: 0px 0px 0px 54px; line-height: 45px; background: url('../imgs/blue/sidebar-arrow.png') no-repeat left top; border: none; position: relative; left: 0px; color: #ffffff; }
ul#sidebar-navigation li a:hover{ color: #585858; text-decoration: none; }
ul#sidebar-navigation li.current a:hover{ color: #ffffff; text-decoration: none; }
div#sidebar div.sidebar-inner { width: 200px; color: #4b4b4b; font-size: 12px; margin-left: 53px; padding-bottom: 10px; }

/* //SIDEBAR */
/* SERVICES */
div.s-box { width: 300px; float: left; margin: 0px 20px 20px 0px; }
iv.sright { margin-right: 0px; }

/* PORTFOLIO */
div.p-box { width: 300px; float: left; margin: 0px 40px 40px 0px; }
div.pright { margin-right: 0px; }
div.portfolio-img { background: #ebebeb url('../imgs/blue/portfolio-img.png') repeat-x center bottom; margin: 10px 0px; border: none; }
div.portfolio-img img { padding: 10px; }

/* //PORTFOLIO */
#portfolio { width: 960px; margin: 0 auto; }

/* CONTACT FORM */
input.text { height: 15px; width: 330px; padding: 10px; background: #f5f5f5 url('../imgs/blue/input_bg.png') repeat-x left top; border: 1px solid #cecece; margin-bottom: 10px; font-size: 13px; color: #555555; }
textarea.message { height: 130px; width: 330px; padding: 10px; background: #f5f5f5 url('../imgs/blue/textarea_bg.png') repeat-x left top; border: 1px solid #cecece; margin-bottom: 10px; font-family: "Lucida Sans Unicode", "Arial", "Trebuchet MS"; font-size: 13px; color: #555555; }

input.submit { height: 35px; width: 100px; background: url('../imgs/red/submit_bg.png') no-repeat left top; border: none; cursor: pointer; margin-top: 10px; }

/* //CONTACT FORM */
div#bottom { width: 100%; background: #e6e6e6 url('../imgs/blue/bottom_bg.png') repeat-x center top; padding: 25px 0px 20px 0px; }
div#bottom div.inner{ width: 960px; margin: 0 auto; text-align: left; }
div#bottom div.b-box { font-size: 12px; width: 205px; float: left; margin-right: 25px; }
div#bottom div.blast { margin-right: 0px; }

div#footer { width: 100%; height: 75px; background: #262626; color: #dadada; }
.quicklinkstxt { color: #555555;font-size: 8pt; }

.footertxt { color: #606264; font-size: 10pt; }
a.footertxt:link, a.footertxt:active, a.footertxt:visited { color: #606264; /*border:1px solid #ffffff;*/ padding:0; margin:0; width: auto; }
a.footertxt:hover { color: #A01010; }

div#footer a { color: #dadada; }

div#footer div.inner { margin: 0 auto; text-align: left; width: 960px; }
div#footer div.left { height: 75px; line-height: 75px; float: left; }
div#footer div.right { height: 75px; line-height: 75px; float: right; }

/* BUTTONS */
div#buttons {width: 100%; }

div#buttons a.requestquote_red:hover { background-position: 0px -40px; }
div#buttons a.requestquote_red { float: left; display: block; width: 134px; height: 40px; background: url('../imgs/buttons/requestquote_red.png') left top; margin: 20px 20px 0px 0px; }

div#buttons a.viewportfolio_black:hover { background-position: 0px -40px; }
div#buttons a.viewportfolio_black { float: left; display: block; width: 134px; height: 40px; background: url('../imgs/buttons/viewportfolio_black.png') left top; margin: 20px 20px 0px 0px; }
div#buttons a.signup_blue:hover { background-position: 0px -40px; }

/* TITLES */

h1 { font-size: 18pt; color: #353535; /*margin-bottom: 10px;*/ margin: 5px 0px 5px 0px}
h2 { font-size: 16pt; color:#353535; margin-bottom: 10px; font-weight: bold; }
h3 { font-size: 14pt; color: #353535; margin: 10px 0px 5px 0px; }
h4 { font-size: 12pt; color: #353535; margin: 10px 0px 5px 0px; }
h5 { font-size: 11pt; color: #353535; margin: 10px 0px 5px 0px; font-style: italic; }
h6 { font-size: 10pt; color: #353535; margin: 10px 0px 5px 0px; font-style: normal; font-weight: normal; }

div.box h2 {margin-top: 15px; margin-bottom: 0px; }
div.s-box h2 { margin-bottom: 0px; }
div.b-box h2 { font-size: 18px; }
div#slogan h2 {color: #ffffff;padding-top: 12px;padding-bottom: 2px; }
div#SloganPane {color: #ffffff;padding-top: 10px; }
/* TEXT */


p.subheading { font-size: 12px; color: #6d6d6d; margin-bottom: 15px; }
div#slogan p { font-size: 10pt; color: #f5f5f5;#092b33; }
p.tagline { float: right; text-align: right; font-size: 14px; color: #092b33; padding-top: 50px; }
div#main p{ margin-bottom: 20px; }

p.t-right { text-align: right; margin-top: 10px; }
p.testimonial { background: url('../imgs/blue/quotes.png') no-repeat; background-position: 0px 10px; }

/* OTHER */
div.clear { clear: both; }

img { border: none; }
img#logo { float: left; margin: 0px; }
img.icon { float: right; margin-right: 10px; }
img.slogan-sub { float: left; }

img.normal { background: #ebebeb url('../imgs/blue/portfolio-img.png') repeat-x center bottom; padding: 10px; border: none; }
img.right { float: right; margin: 10px 0px 10px 10px; }
img.left {float: left; margin: 10px 10px 10px 0px; }
img.wide { margin: 10px 0px 10px 0px; }

div.portfolio-img img { padding: 10px; }

/* LIST */
ul { list-style-type: square; margin: 10px 0px 10px 0px; }

div#footer ul {list-style-type: none; margin: 0px; }
div#footer ul li { display: inline; margin: 0px 0px 0px 10px; }

#bottom ul { list-style-type: none; border-bottom: 1px solid #bababa; margin: 15px 0 0 0; padding: 0; }
#bottom li { border-top: 1px solid #bababa; list-style-type:none; padding: 0; margin: 0; }

a.bottomlnk:link, a.bottomlnk:active, a.bottomlnk:visited { padding: 0 8px; line-height: 26px; text-decoration:none; color: #4b4b4b; font-size: 12px; }
a.bottomlnk:hover { padding: 0 8px; line-height: 26px; color: #888888; text-decoration: none; }

#bottom p { font-size: 12px; padding: 0; margin: 0; }


#invsidemenu-Downloads A{ border: red 1px dotted; color: red!important; font-weight: bold; }

#invsidemenu-Downloads A:hover, #invsidemenu-Downloads A:active
{border: #434a4e 1px solid; color: white!important; font-weight: bold; }

.MoMenuHdr
{ padding-left: 5px; font-weight: bold; font-size: 11pt; padding-bottom: 2px; cursor: default; padding-top: 2px; font-family: Tahoma, verdana; }
 
.MoMenuItem HR
{ border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #999999; }

.MoMenuItem, .MoMenuItemMouseOver
{font-family:Tahoma; font-size: 11pt; font-weight: normal; padding-bottom: 1px; padding-top: 1px; border: white 1px solid; }
.MoMenuHdr A, .MoMenuHdr A:Active, .MoMenuHdr A:Hover, .MoMenuHdr A:Visited, .MoMenuHdr A:Link
{display: block; padding-bottom: 1px; width: 90%; cursor: pointer; color: black; padding-top: 1px; text-decoration: none; }

.MoMenuItem A, .MoMenuItem A:Active, .MoMenuItem A:Hover, .MoMenuItem A:Visited, .MoMenuItem A:Link
{font-family: Tahoma, verdana; font-size: 11pt; display: block; padding-left: 11px; padding-bottom: 1px; width: 90%; cursor: pointer; color: black; padding-top: 1px; text-decoration: none; }
 
.MoMenuItemMouseOver
{border: #404040 1px solid; background-color: #434a4e!important; padding-left: 11px; }

.MoMenuItemMouseOver A, .MoMenuItemMouseOver A:Active, 
.MoMenuItemMouseOver A:Hover, .MoMenuItemMouseOver A:Visited, .MoMenuItemMouseOver A:Link
{color: white; text-decoration: none;  width: 90%;  padding-top: 1px;  padding-bottom: 1px;  cursor: pointer; display: block; }




/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
 background:  #BDD2FF;
 height: 2.5em;
 padding-bottom: 2.5em;
 position:  relative;
}
.sf-navbar li {
 background:  #AABDE6;
 position:  static;
}
.sf-navbar a {
 border-top:  none;
}
.sf-navbar li ul {
 width: 44em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
 background:  #BDD2FF;
 position:  relative;
}
.sf-navbar li li ul {
 width: 13em;
}
.sf-navbar li li li {
 width: 100%;
}
.sf-navbar ul li {
 width: auto;
 float: left;
}
.sf-navbar a, .sf-navbar a:visited {
 border: none;
}
.sf-navbar li.current {
 background:  #BDD2FF;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
 background:  #BDD2FF;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
 background:  #D1DFFF;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
 background:  #E6EEFF;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
 left: 0;
 top: 2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
 top:  -999em;
}

.sf-navbar li li.current > a {
 font-weight: bold;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
 background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
 background: transparent;
 padding: 0;
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-topright: 0;
 -webkit-border-top-right-radius: 0;
 -webkit-border-bottom-left-radius: 0;
}