@charset "UTF-8";

/* Created by Dave Bissel of bisseltitus.com.com */

/* Reset CSS Import */

@import url("reset.css");

html {  }
body { font-family:Verdana, Tahoma, "Lucida Grande", sans-serif; font-size:11px; letter-spacing:.03em; color:#444; text-align:center; background:#001426 url(../images/global/page_bg.gif) repeat-x 0 0; margin:0; }

.clear { width:inherit; height:0px; clear:both; line-height:0px; font-size:0px; }
.none { display:none; }

.splitwrap { width:inherit; clear:both; }

.splitwrapnews { width:inherit; clear:both; border-bottom:1px solid #dae5eb; padding:0 0 5px 0; margin:0 0 5px 0; }

p br { line-height:normal; padding:0; margin:0; }

/*  Layout 
============================================================================================ */
#wrapper { width:866px; text-align:center; margin:8px auto 0 auto; }

#wrapper .topround { width:866px; height:22px; background:url(../images/global/top_round.png) no-repeat 0 0; clear:both; }
#wrapper .btmround { width:866px; height:84px; background:url(../images/global/btm_round.png) no-repeat 0 0; clear:both; }

#wrapper .btmround .splitwrap { width:755px; padding:2px 22px 0 89px; }
#wrapper .btmround .links { width:587px; padding-top:13px; float:left; }
#wrapper .btmround p.copy { font-size:9px; color:#bcbcbc; }
#wrapper .btmround p.addr { color:#6892b0; font-size:10px; }
#wrapper .btmround p { line-height:11px; padding-bottom:5px; }
#wrapper .btmround .social { width:158px; height:32px; padding-top:10px; float:right; }
#wrapper .btmround .social .btn { width:32px; height:32px; background-color:red; float:left; margin:0 10px 0 0; }
#wrapper .btmround .social .btnomega { width:32px; height:32px; background-color:red; float:left; margin:0; }

#wrapper .btmround .social .btn a.facebook span,
#wrapper .btmround .social .btn a.flickr span,
#wrapper .btmround .social .btn a.linkedin span,
#wrapper .btmround .social .btnomega a.youtube span { display:none; }
#wrapper .btmround .social .btn a.facebook { width:32px; height:32px; background:url(../images/global/social.png) no-repeat 0 0; float:left; display:inline; left:0; top:0; }
#wrapper .btmround .social .btn a.flickr { width:32px; height:32px; background:url(../images/global/social.png) no-repeat -42px 0; float:left; display:inline; left:0; top:0; }
#wrapper .btmround .social .btn a.linkedin { width:32px; height:32px; background:url(../images/global/social.png) no-repeat -84px 0; float:left; display:inline; left:0; top:0; }
#wrapper .btmround .social .btnomega a.youtube { width:32px; height:32px; background:url(../images/global/social.png) no-repeat -126px 0; float:left; display:inline; left:0; top:0; }

.adleft { width:285px; height:120px; float:left; }
.adright { width:285px; height:120px; float:right; }

/* Header (Logo & Small Navigation) */
#head { width:820px; height:60px; clear:both; position:relative; padding:0 0 20px 0; margin:0 auto; }

#head .logo { width:219px; height:60px; cursor:pointer; background:url(../images/global/nello_logo.gif) no-repeat 0 0; position:absolute; top:0; left:0; }

#head .smallnav { width:281px; height:13px; position:absolute; top:24px; left:539px; }

#head ul.menu { width:281px; height:13px; position:relative; }
#head ul.menu li { list-style:none; display:inline; }
#head ul.menu li a span { display:none; }
#head ul.menu a { float:left; padding:0; }
#head ul.menu a.partner { width:105px; height:13px; background:url(../images/global/small_nav.gif) no-repeat 0 0; }
#head ul.menu a.partner:hover { background-position:0 -13px; }
#head ul.menu a.createpartner { width:117px; height:13px; background:url(../images/global/small_nav.gif) no-repeat -105px 0; }
#head ul.menu a.createpartner:hover { background-position:-105px -13px; }
#head ul.menu a.homesm { width:30px; height:13px; background:url(../images/global/small_nav.gif) no-repeat -222px 0; }
#head ul.menu a.homesm:hover { background-position:-222px -13px; }
#head ul.menu a.contactsm { width:29px; height:13px; background:url(../images/global/small_nav.gif) no-repeat -252px 0; }
#head ul.menu a.contactsm:hover { background-position:-252px -13px; }

#content { width:866px; text-align:center; background:url(../images/global/content_bg.png) repeat-y 0 0; clear:both; padding:0 0 10px 0; }

/* Column Layout */
#col01 { width:820px; clear:both; margin:0 auto; }
#col01 .left { width:520px; float:left; }
#col01 .right { width:280px; float:right; }

#col02 { width:820px; clear:both; margin:0 auto; }
#col02 .left { width:280px; float:left; }
#col02 .right { width:520px; float:right; }

#col03 { width:810px; clear:both; margin:0 auto; }
#col03 .left { width:395px; float:left; }
#col03 .right { width:395px; float:right; }

#col04 { width:820px; clear:both; margin:0 auto; }
#col04 .left { width:580px; float:left; }
#col04 .right { width:220px; float:right; }

/* Footer */
#footer { width:866px; height:56px; background:url(../images/global/footer.png) no-repeat 0 0; clear:both; }
#footer .splitwrap { width:755px; padding:2px 22px 0 89px; }
#footer .links { width:474px; line-height:56px; float:left; }
#footer .copy { width:280px; font-size:9px; color:#bcbcbc; line-height:56px; text-align:right; float:right; }

/* Layout PNG fix */
#wrapper .topround,
#wrapper .btmround,
#content,
#footer { behavior:url(assets/css/pngfix/iepngfix.htc); }

/* ================================================================= */

/*  Main Navigation for all sections
============================================================================================ */

/* Aggregated Main Navigation - AFFILIATIONS ARE NOW TESTIMONIALS (04-10-10) DAVE */
#portmainnav,
#promainnav,
#servmainnav { width:820px; height:48px; clear:both; padding:0; margin:0 auto; }
#mainnav ul.menu,
#portmainnav ul.menu,
#promainnav ul.menu,
#servmainnav ul.menu { width:820px; height:48px; position:relative; }
#mainnav ul.menu li,
#portmainnav ul.menu li,
#promainnav ul.menu li,
#servmainnav ul.menu li { list-style:none; display:inline; }
#mainnav ul.menu li a span,
#portmainnav ul.menu li a span,
#promainnav ul.menu li a span,
#servmainnav ul.menu li a span { display:none; }
#mainnav ul.menu a,
#portmainnav ul.menu a,
#promainnav ul.menu a,
#servmainnav ul.menu a { float:left; padding:0; }

#mainnav ul.menu a.home:hover,
#portmainnav ul.menu a.home:hover,
#promainnav ul.menu a.home:hover,
#servmainnav ul.menu a.home:hover { background-position:0 -48px; }

#mainnav ul.menu a.profile:hover,
#portmainnav ul.menu a.profile:hover,
#promainnav ul.menu a.profile:hover,
#servmainnav ul.menu a.profile:hover { background-position:-136px -48px; }

#mainnav ul.menu a.portfolio:hover,
#portmainnav ul.menu a.portfolio:hover,
#promainnav ul.menu a.portfolio:hover,
#servmainnav ul.menu a.portfolio:hover { background-position:-273px -48px; }

#mainnav ul.menu a.affil:hover,
#portmainnav ul.menu a.affil:hover,
#promainnav ul.menu a.affil:hover,
#servmainnav ul.menu a.affil:hover { background-position:-410px -48px; }

#mainnav ul.menu a.news:hover,
#portmainnav ul.menu a.news:hover,
#promainnav ul.menu a.news:hover,
#servmainnav ul.menu a.news:hover { background-position:-547px -48px; }

#mainnav ul.menu a.contact:hover,
#portmainnav ul.menu a.contact:hover,
#promainnav ul.menu a.contact:hover,
#servmainnav ul.menu a.contact:hover { background-position:-684px -48px; }

#mainnav ul.menu a.home,
#mainnav ul.menu a.profile,
#mainnav ul.menu a.portfolio,
#mainnav ul.menu a.affil,
#mainnav ul.menu a.news,
#mainnav ul.menu a.contact { height:40px; background-image:url(../images/global/main_nav.gif); background-repeat:no-repeat; }

#portmainnav ul.menu a.home,
#portmainnav ul.menu a.profile,
#portmainnav ul.menu a.portfolio,
#portmainnav ul.menu a.affil,
#portmainnav ul.menu a.news,
#portmainnav ul.menu a.contact,
#promainnav ul.menu a.home,
#promainnav ul.menu a.profile,
#promainnav ul.menu a.portfolio,
#promainnav ul.menu a.affil,
#promainnav ul.menu a.news,
#promainnav ul.menu a.contact,
#servmainnav ul.menu a.home,
#servmainnav ul.menu a.profile,
#servmainnav ul.menu a.portfolio,
#servmainnav ul.menu a.affil,
#servmainnav ul.menu a.news,
#servmainnav ul.menu a.contact { height:48px; background-image:url(../images/global/main_nav.gif); background-repeat:no-repeat; }

/* Main Navigation (used on index, affiliations, news, contact) - AFFILIATIONS ARE NOW TESTIMONIALS (04-10-10) DAVE */
#mainnav { width:820px; height:40px; clear:both; padding:0 0 10px 0; margin:0 auto; }

#mainnav ul.menu a.home { width:136px; background-position:0 0; }
#mainnav ul.menu a.profile { width:137px; background-position:-136px 0; }
#mainnav ul.menu a.portfolio { width:137px; background-position:-273px 0; }
#mainnav ul.menu a.affil { width:137px; background-position:-410px 0; }
#mainnav ul.menu a.news { width:137px; background-position:-547px 0; }
#mainnav ul.menu a.contact { width:136px; background-position:-684px 0; }

#mainnav ul.menu a.profilehot { width:137px; height:40px; background:url(../images/global/main_nav.gif) no-repeat -136px -48px; }
#mainnav ul.menu a.affilhot { width:137px; height:40px; background:url(../images/global/main_nav.gif) no-repeat -410px -48px; }
#mainnav ul.menu a.newshot { width:137px; height:40px; background:url(../images/global/main_nav.gif) no-repeat -547px -48px; }
#mainnav ul.menu a.contacthot { width:136px; height:40px; background:url(../images/global/main_nav.gif) no-repeat -684px -48px; }

#mainnav ul.menu a.profilehot:hover { background-position:-136px -48px; }
#mainnav ul.menu a.affilhot:hover { background-position:-410px -48px; }
#mainnav ul.menu a.newshot:hover { background-position:-547px -48px; }
#mainnav ul.menu a.contacthot:hover { background-position:-684px -48px; }

/* Portiolio Pages Main Navigation */
#portmainnav ul.menu a.home { width:136px; background-position:0 0; }
#portmainnav ul.menu a.profile { width:137px; background-position:-136px 0; }
#portmainnav ul.menu a.portfolio { width:137px; background-position:-273px 0; }
#portmainnav ul.menu a.affil { width:137px; background-position:-410px 0; }
#portmainnav ul.menu a.news { width:137px; background-position:-547px 0; }
#portmainnav ul.menu a.contact { width:136px; background-position:-684px 0; }

#portmainnav ul.menu a.portfoliohot { width:137px; height:48px; background:url(../images/global/main_nav.gif) no-repeat -273px -144px; }
#portmainnav ul.menu a.portfoliohot:hover { background-position:-273px -144px; }

/* Profile Pages Main Navigation */
#promainnav ul.menu a.home { width:136px;  background-position:0 0; }
#promainnav ul.menu a.profile { width:137px;  background-position:-136px 0; }
#promainnav ul.menu a.portfolio { width:137px;  background-position:-273px 0; }
#promainnav ul.menu a.affil { width:137px;  background-position:-410px 0; }
#promainnav ul.menu a.news { width:137px;  background-position:-547px 0; }
#promainnav ul.menu a.contact { width:136px;  background-position:-684px 0; }

#promainnav ul.menu a.homehot { width:136px; height:48px; background:url(../images/global/main_nav.gif) no-repeat 0 -144px; }
#promainnav ul.menu a.homehot:hover { background-position:0 -144px; }

/* Services Pages Main Navigation */
#servmainnav ul.menu a.home { width:136px; background-position:0 0; }
#servmainnav ul.menu a.profile { width:137px; background-position:-136px 0; }
#servmainnav ul.menu a.portfolio { width:137px; background-position:-273px 0; }
#servmainnav ul.menu a.affil { width:137px; background-position:-410px 0; }
#servmainnav ul.menu a.news { width:137px; background-position:-547px 0; }
#servmainnav ul.menu a.contact { width:136px; background-position:-684px 0; }

#servmainnav ul.menu a.profilehot { width:137px; height:48px; background:url(../images/global/main_nav.gif) no-repeat -136px -144px; }
#servmainnav ul.menu a.profilehot:hover { background-position:-136px -144px; }

/* ================================================================= */


/*  Secondary Navigation for all sections
============================================================================================ */

/* Aggregated Secondary Navigation */
#pronav,
#servnav,
#portnav { width:820px; height:30px; clear:both; padding:0 0 10px 0; margin:0 auto; }
#pronav ul.menu,
#servnav ul.menu,
#portnav ul.menu { width:820px; height:30px; position:relative; }
#pronav ul.menu li,
#servnav ul.menu li,
#portnav ul.menu li { list-style:none; display:inline; }
#pronav ul.menu li a span,
#servnav ul.menu li a span,
#portnav ul.menu li a span { display:none; }
#pronav ul.menu a,
#servnav ul.menu a,
#portnav ul.menu a { float:left; padding:0; }

#pronav ul.menu a.overview,
#pronav ul.menu a.execteam,
#pronav ul.menu a.testimonials,
#pronav ul.menu a.history,
#pronav ul.menu a.rightend,
#servnav ul.menu a.general,
#servnav ul.menu a.butler,
#servnav ul.menu a.leed,
#servnav ul.menu a.rightend,
#portnav ul.menu a.leftend,
#portnav ul.menu a.education,
#portnav ul.menu a.religious,
#portnav ul.menu a.instit,
#portnav ul.menu a.commretail,
#portnav ul.menu a.residential,
#portnav ul.menu a.rightend { height:30px; background-image:url(../images/global/sub_nav.gif); background-repeat:no-repeat; }

#pronav ul.menu a.overviewhot,
#pronav ul.menu a.execteamhot,
#pronav ul.menu a.testimonialshot,
#pronav ul.menu a.historyhot,
#servnav ul.menu a.generalhot,
#servnav ul.menu a.butlerhot,
#servnav ul.menu a.leedhot,
#portnav ul.menu a.educationhot,
#portnav ul.menu a.religioushot,
#portnav ul.menu a.instithot,
#portnav ul.menu a.commretailhot,
#portnav ul.menu a.residentialhot { height:30px; background-image:url(../images/global/sub_nav.gif); background-repeat:no-repeat; }


/* Profile Section Secondary Navigation - TESTIMONIALS ARE NOW AFFILIATIONS (04-10-10) DAVE */
#pronav ul.menu a.overview { width:158px; background-position:0 0; }
#pronav ul.menu a.execteam { width:179px; background-position:-158px 0; }
#pronav ul.menu a.testimonials { width:115px; background-position:-337px 0; }
#pronav ul.menu a.history { width:127px; background-position:-452px 0; }
#pronav ul.menu a.rightend { width:241px; background-position:-579px 0; cursor:default; }

#pronav ul.menu a.overview:hover { background-position:0 -30px; }
#pronav ul.menu a.execteam:hover { background-position:-158px -30px; }
#pronav ul.menu a.testimonials:hover { background-position:-337px -30px; }
#pronav ul.menu a.history:hover { background-position:-452px -30px; }

#pronav ul.menu a.overviewhot { width:158px; background-position:0 -30px; }
#pronav ul.menu a.execteamhot { width:179px; background-position:-158px -30px; }
#pronav ul.menu a.testimonialshot { width:115px; background-position:-337px -30px; }
#pronav ul.menu a.historyhot { width:127px; background-position:-452px -30px; }

#pronav ul.menu a.overviewhot:hover { background-position:0 -30px; }
#pronav ul.menu a.execteamhot:hover { background-position:-158px -30px; }
#pronav ul.menu a.testimonialshot:hover { background-position:-337px -30px; }
#pronav ul.menu a.historyhot:hover { background-position:-452px -30px; }


/* Services Section Secondary Navigation */
#servnav ul.menu a.general { width:158px; background-position:0 -60px; }
#servnav ul.menu a.butler { width:196px; background-position:-158px -60px; }
#servnav ul.menu a.leed { width:116px; background-position:-354px -60px; }
#servnav ul.menu a.rightend { width:350px; background-position:-470px -60px; cursor:default; }

#servnav ul.menu a.general:hover { background-position:0 -90px; }
#servnav ul.menu a.butler:hover { background-position:-158px -90px; }
#servnav ul.menu a.leed:hover { background-position:-354px -90px; }

#servnav ul.menu a.generalhot { width:158px; background-position:0 -90px; }
#servnav ul.menu a.butlerhot { width:196px; background-position:-158px -90px; }
#servnav ul.menu a.leedhot { width:116px; background-position:-354px -90px; }

#servnav ul.menu a.generalhot:hover { background-position:0 -90px; }
#servnav ul.menu a.butlerhot:hover { background-position:-158px -90px; }
#servnav ul.menu a.leedhot:hover { background-position:-354px -90px; }

/* Portiolio Section Secondary Navigation */
#portnav ul.menu a.leftend { width:70px; background-position:0 -120px; cursor:default; }
#portnav ul.menu a.education { width:96px; background-position:-70px -120px; }
#portnav ul.menu a.religious { width:95px; background-position:-166px -120px; }
#portnav ul.menu a.instit { width:115px; background-position:-261px -120px; }
#portnav ul.menu a.commretail { width:151px; background-position:-376px -120px; }
#portnav ul.menu a.residential { width:109px; background-position:-527px -120px; }
#portnav ul.menu a.rightend { width:184px; background-position:-636px -120px; cursor:default; }

#portnav ul.menu a.education:hover { background-position:-70px -150px; }
#portnav ul.menu a.religious:hover { background-position:-166px -150px; }
#portnav ul.menu a.instit:hover { background-position:-261px -150px; }
#portnav ul.menu a.commretail:hover { background-position:-376px -150px; }
#portnav ul.menu a.residential:hover { background-position:-527px -150px; }

#portnav ul.menu a.educationhot { width:96px; background-position:-70px -150px; }
#portnav ul.menu a.religioushot { width:95px; background-position:-166px -150px; }
#portnav ul.menu a.instithot { width:115px; background-position:-261px -150px; }
#portnav ul.menu a.commretailhot { width:151px; background-position:-376px -150px; }
#portnav ul.menu a.residentialhot { width:109px; background-position:-527px -150px; }

#portnav ul.menu a.educationhot:hover { background-position:-70px -150px; }
#portnav ul.menu a.religioushot:hover { background-position:-166px -150px; }
#portnav ul.menu a.instithot:hover { background-position:-261px -150px; }
#portnav ul.menu a.commretailhot:hover { background-position:-376px -150px; }
#portnav ul.menu a.residentialhot:hover { background-position:-527px -150px; }

/* ================================================================= */


/*  Home Flash 
============================================================================================ */
#indexflash { width:820px; height:250px; clear:both; padding:0 0 20px 0; margin:0 auto; }

/* ================================================================= */

/*  Portfolio Flash 
============================================================================================ */
#portfolioflash { width:520px; height:390px; clear:both; padding:0 0 10px 0; margin:0 auto; }

/* ================================================================= */

/*  Portfolio Data Area 
============================================================================================ */
#portfoliodata { width:520px; clear:both; padding:0 0 10px 0; margin:0 auto; }

#portfoliodata h2 { font-size:18px; line-height:18px; padding:0 0 10px 0; }

#portfoliodata .top { background:url(../images/global/port_data_top.gif) no-repeat 0 0; border-bottom:1px solid #85a5bc; padding:10px; }
#portfoliodata .btm { background:url(../images/global/port_data_btm.gif) no-repeat 0 bottom; padding:10px 10px 0 10px; }

#portfoliodata .top { color:#fff; }
#portfoliodata .btm { color:#004677; }

#portfoliodata .left { width:245px; float:left; }
#portfoliodata .right { width:245px; float:right; }

/* ================================================================= */

/*  Portfolio Section Montages 
============================================================================================ */
#edu_montage { width:520px; height:110px; background:url(../images/portfolio/edu_montage.jpg) no-repeat 0 0; clear:both; padding:0 0 10px 0; margin:0 auto; }
#rel_montage { width:520px; height:110px; background:url(../images/portfolio/rel_montage.jpg) no-repeat 0 0; clear:both; padding:0 0 10px 0; margin:0 auto; }
#ins_montage { width:520px; height:110px; background:url(../images/portfolio/ins_montage.jpg) no-repeat 0 0; clear:both; padding:0 0 10px 0; margin:0 auto; }
#com_montage { width:520px; height:110px; background:url(../images/portfolio/com_montage.jpg) no-repeat 0 0; clear:both; padding:0 0 10px 0; margin:0 auto; }
#res_montage { width:520px; height:110px; background:url(../images/portfolio/res_montage.jpg) no-repeat 0 0; clear:both; padding:0 0 10px 0; margin:0 auto; }

#edu_quote { width:280px; height:160px; background:url(../images/portfolio/edu_quote.gif) no-repeat 0 0; clear:both; padding:0; margin:10px auto 0 auto; }
#ins_quote { width:280px; height:160px; background:url(../images/portfolio/ins_quote.gif) no-repeat 0 0; clear:both; padding:0; margin:10px auto 0 auto; }
#com_quote { width:280px; height:160px; background:url(../images/portfolio/com_quote.gif) no-repeat 0 0; clear:both; padding:0; margin:10px auto 0 auto; }
#rel_quote { width:280px; height:160px; background:url(../images/portfolio/rel_quote.gif) no-repeat 0 0; clear:both; padding:0; margin:10px auto 0 auto; }
#res_quote { width:280px; height:160px; background:url(../images/portfolio/res_quote.gif) no-repeat 0 0; clear:both; padding:0; margin:10px auto 0 auto; }

/* ================================================================= */

/*  Exec Columns, news columns, affiliate columns 
============================================================================================ */
.splitleft1 { width:180px; float:left; }
.splitright1 { width:610px; float:right; }

.splitleft2 { width:150px; float:left; }
.splitright2 { width:235px; float:right; }

.splitright3 { width:320px; float:right; }

.splitleft4 { width:280px; float:left; }
.splitright4 { width:510px; float:right; }

.execemail { width:180px; height:17px; padding:0; margin:0; }
.execemail a.emlbutton { width:180px; height:17px; background:url(../images/global/btn_exec_email.gif) no-repeat 0 0; float:left; position:relative; }
.execemail a.emlbutton:hover { background-position:0 -17px; }

.testname { font-weight:bold; color:#004679; padding:0; }
.testco { font-weight:bold; color:#000; }

/* ================================================================= */

/*  Contact Form 
============================================================================================ */
#contactwrap { width:inherit; clear:both; }

#contactwrap .formrow { width:inherit; clear:both; padding:0 0 10px 0; }

#contactwrap .left { width:280px; float:left; }
#contactwrap .right { width:510px; float:right; }

#contactwrap .labelfloat { width:90px; float:left; padding:0; margin:0; }
#contactwrap input.inputfloat { width:400px; float:left; padding:0; margin:0; }
#contactwrap select.inputfloat { width:402px; float:left; padding:0; margin:0; }
#contactwrap input.inputfloat2 { width:200px; float:left; padding:0; margin:0; }
#contactwrap select.inputfloat2 { width:202px; float:left; padding:0; margin:0; }

#contactwrap .groupfloat { width:402px; float:left; padding:0; margin:0 0 0 90px; }
#contactwrap select.selwidth { width:402px; padding:0; margin:5px 0 0 0; }
#contactwrap select.selwidth { width:202px; padding:0; margin:5px 0 0 0; }

#contactwrap textarea.inputfloat { width:400px; height:120px; float:left; padding:0; margin:0; }

#contactsubmit { width:72px; height:20px; padding:0; margin:0 0 0 90px; }
#contactsubmit a.button { width:72px; height:20px; background:url(../images/global/btn_submit.gif) no-repeat 0 0; float:left; position:relative; }
#contactsubmit a.button:hover { background-position:0 -20px; }

/* ================================================================= */

/*  User Login Form 
============================================================================================ */
#userlog { width:inherit; clear:both; }

#userlog .formrow { width:inherit; clear:both; padding:0 0 10px 0; }

#userlog .labelfloat { width:100px; float:left; padding:0; margin:0; }
#userlog input.inputfloat { width:190px; float:left; padding:0; margin:0; }

#usersubmit { width:72px; height:20px; padding:0; margin:0 0 0 100px; }
#usersubmit a.button { width:72px; height:20px; background:url(../images/global/btn_submit.gif) no-repeat 0 0; float:left; position:relative; }
#usersubmit a.button:hover { background-position:0 -20px; }

/* ================================================================= */

/*  Sidebar boxes and image replacement headlines 
============================================================================================ */
.adbox { padding-bottom:10px; }

.sidebox { padding:0 0 10px 0; }
.sidebox .btmbar div div { height:5px; font-size:0;	background:#fefefe none;	margin:0 4px; }
.sidebox .content {	background:#fefefe none;	border:solid #d6d6d6;	border-width:0 1px;	padding:10px 10px 0 10px; }
.sidebox .content2 {	background:#fefefe none;	border:solid #d6d6d6;	border-width:0 1px;	padding:0; }
.sidebox .content3 {	background:#fefefe none;	border:solid #d6d6d6;	border-width:0 1px;	padding:0 10px 0 10px; }
.sidebox .btmbar div div {	border-bottom:solid 1px #d6d6d6; }
.sidebox .btmbar,
.sidebox .btmbar div {	background:transparent url(../images/sidebox/round_corner.gif) no-repeat left top; }
.sidebox .btmbar {	background-position:left 0; }
.sidebox .btmbar div {	background-position:right 0; }

.whitebox { width:320px; padding:0; margin:0 auto; }
.whitebox .topbar div div { height:5px; font-size:0;	background:#fff none; padding:0;	margin:0 5px; }
.whitebox .btmbar div div { height:5px; font-size:0;	background:#fff none; padding:0;	margin:0 5px; }
.whitebox .content {	background:#fefefe none;	border:solid #d6d6d6;	border-width:0 1px;	padding:10px 10px 0 10px; }
.whitebox .topbar div div {	border-top:solid 1px #d6d6d6; }
.whitebox .btmbar div div {	border-bottom:solid 1px #d6d6d6; }
.whitebox .topbar,
.whitebox .topbar div,
.whitebox .btmbar,
.whitebox .btmbar div {	background:transparent url(../images/sidebox/round_corner_full.gif) no-repeat left 0; }
.whitebox .topbar div {	background-position:right 0; }
.whitebox .btmbar {	background-position:left -5px; }
.whitebox .btmbar div {	background-position:right -5px; }

#segment { width:278px; }
#segment li { width:258px; list-style:none; }
#segment a { text-decoration:none; font-weight:bold; letter-spacing:normal; display:block; }
#segment a:hover { text-decoration:none; font-weight:bold; }
#segment a { width:258px; height:31px; line-height:31px; color:#7ca1bc; background:url(../images/sidebox/segment_nav_bg.gif) no-repeat 0 0; padding:0 10px; }
#segment a:hover { height:31px; color:#000; background:url(../images/sidebox/segment_nav_bg.gif) no-repeat 0 -31px; }

h5.sidenews { width:280px; height:31px; background:url(../images/sidebox/head_bg.gif) no-repeat 0 0; padding:0; }
h5.sidenews2 { width:220px; height:31px; background:url(../images/sidebox/head_bg.gif) no-repeat 0 -248px; padding:0; }
h5.sideaffil { width:280px; height:31px; background:url(../images/sidebox/head_bg.gif) no-repeat 0 -31px; padding:0; }
h5.sideedu { width:280px; height:31px; background:url(../images/sidebox/head_bg.gif) no-repeat 0 -62px; padding:0; }
h5.sidereligious { width:280px; height:31px; background:url(../images/sidebox/head_bg.gif) no-repeat 0 -93px; padding:0; }
h5.sideinstit { width:280px; height:31px; background:url(../images/sidebox/head_bg.gif) no-repeat 0 -124px; padding:0; }
h5.sidecommret { width:280px; height:31px; background:url(../images/sidebox/head_bg.gif) no-repeat 0 -155px; padding:0; }
h5.sideprofile { width:280px; height:31px; background:url(../images/sidebox/head_bg.gif) no-repeat 0 -186px; padding:0; }
h5.sideaffil2 { width:220px; height:31px; background:url(../images/sidebox/head_bg.gif) no-repeat 0 -217px; padding:0; }
h5.sideaward { width:280px; height:31px; background:url(../images/sidebox/head_bg.gif) no-repeat 0 -279px; padding:0; }
h5.sideresidential { width:280px; height:31px; background:url(../images/sidebox/head_bg.gif) no-repeat 0 -310px; padding:0; }

.date { width:40px; }
.datetop { width:40px; height:15px; text-align:center; line-height:15px; background:url(../images/sidebox/date_top.gif) no-repeat 0 0; }
.datetop { font-family:"Times New Roman", Times, serif; font-size:10px; letter-spacing:.3em; color:#fff;  }
.datebtm { width:40px; height:25px; text-align:center; line-height:25px; background:url(../images/sidebox/date_btm.gif) no-repeat 0 0; }
.datebtm { font-family:"Times New Roman", Times, serif; font-size:25px; color:#fff;  }

.date2 { width:30px; }
.datetop2 { width:30px; height:15px; text-align:center; line-height:15px; background:url(../images/sidebox/date_top_small.gif) no-repeat 0 0; }
.datetop2 { font-family:"Times New Roman", Times, serif; font-size:10px; color:#fff;  }
.datebtm2 { width:30px; height:22px; text-align:center; line-height:22px; background:url(../images/sidebox/date_btm_small.gif) no-repeat 0 bottom; }
.datebtm2 { font-family:"Times New Roman", Times, serif; font-size:20px; color:#fff;  }

.newsleft { width:40px; float:left; }
.newsright { width:210px; float:right; }

.newsleft2 { width:30px; float:left; }
.newsright2 { width:160px; float:right; }

.awardleft { width:80px; float:left; }
.awardright { width:170px; float:right; }
.awardright p.short { font-size:10px; line-height:16px; padding:0 0 8px 0; }


/*  Image Replacement Headlines 
============================================================================================ */

h1.replaced {  }

h1.welcome { height:13px; background:url(../images/headlines/welcome.gif) no-repeat; }
h1.profile { height:16px; background:url(../images/headlines/profile.gif) no-repeat; }
h1.profile_test { height:16px; background:url(../images/headlines/profile_test.gif) no-repeat; }
h1.profile_exec { height:16px; background:url(../images/headlines/profile_exec.gif) no-repeat; }
h1.profile_hist { height:16px; background:url(../images/headlines/profile_hist.gif) no-repeat; }
h1.portfolio { height:13px; background:url(../images/headlines/portfolio.gif) no-repeat; }
h1.affiliations { height:13px; background:url(../images/headlines/affiliations.gif) no-repeat; }
h2.newsevents { height:13px; background:url(../images/headlines/newsevents.gif) no-repeat; font-size:20px; line-height:20px; padding:0 0 10px 0; }
h1.services { height:13px; background:url(../images/headlines/services.gif) no-repeat; }
h1.contactus { height:13px; background:url(../images/headlines/contactus.gif) no-repeat; }

h1.port_edu { height:16px; background:url(../images/headlines/port_education.gif) no-repeat; }
h1.port_ins { height:16px; background:url(../images/headlines/port_inst.gif) no-repeat; }
h1.port_rel { height:16px; background:url(../images/headlines/port_religious.gif) no-repeat; }
h1.port_comm { height:16px; background:url(../images/headlines/port_comm.gif) no-repeat; }

/* ================================================================= */

/*  Form Elements 
============================================================================================ */
.inputerror { clear:both; font-size:11px; line-height:11px; color:#900; border:1px solid #900; background-color:#efc5bf; padding:3px; margin:0 0 10px 0; }

html>body input[type=text],
html>body input[type=password],
html>body select,
html>body textarea { font-family:Verdana, Tahoma, "Lucida Grande", sans-serif; font-size:11px; letter-spacing:.03em; }

html>body input[type=text],
html>body input[type=password],
html>body textarea { border:1px solid; border-top-color:#999;	border-right-color:#CCC;	border-bottom-color:#CCC;	border-left-color:#999; background-color:#f7f9fb; }

html>body select { border:1px solid; border-top-color:#999;	border-right-color:#CCC;	border-bottom-color:#CCC;	border-left-color:#999; background-color:#f7f9fb; }

/* ================================================================= */

/*  Text 
============================================================================================ */

.errorglobal { clear:both; color:#000; border:1px solid #c10000; background-color:#f86b6b; padding:3px; margin:0 0 10px 0; }

.brownunderline { border-bottom:1px solid #572600; padding:0 0 3px 0; }

p.line { font-size:0px; line-height:0px; border-bottom:1px solid #dae5eb; padding:0 0 5px 0; margin:0 0 15px 0; }
p.line2 { clear:both; font-size:0px; line-height:0px; border-bottom:1px solid #dae5eb; padding:0 0 5px 0; margin:0 0 10px 0; }
p.line3 { font-size:0px; line-height:0px; border-bottom:1px solid #dae5eb; padding:0 0 10px 0; margin:0 0 25px 0; }


.txtcenter { text-align:center; }


/* Text Alignments */
.txtcenter { text-align:center; }
.txtright { text-align:right; }
.txtleft { text-align:left; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 { visibility: hidden; font-size:12px; letter-spacing:.04em; padding:0 0 10px 0; }

/* General Headlines 
h1 { font-size:20px; line-height:20px; padding:0 0 10px 0; }*/
h2 { font-size:18px; line-height:18px; padding:0 0 10px 0; }
h3 { font-size:16px; line-height:16px; padding:0 0 10px 0; }
h4 { font-size:12px; line-height:16px; padding:0 0 10px 0; }

h1, h2, h3, h4, h5, h6 { font-weight:bold; letter-spacing:.04em; }

p,
strong,
em { line-height:22px; padding:0 0 10px 0; }

.small { font-size:9px; }

/* Lists */
ol.bull { list-style-type:decimal; padding:0 0 10px 30px; }
ol.bull li { line-height:16px; padding:0 0 5px 0; }
ol.bull li.last { line-height:16px; padding:0; }

ul.bull { list-style-type:disc; padding:0 0 10px 30px; }
ul.bull li { line-height:16px; padding:0 0 5px 0; }
ul.bull li.last { line-height:16px; padding:0; }

ul.nobull { list-style-type:none; padding:0 0 10px 30px; }
ul.nobull li { line-height:16px; padding:0 0 5px 0; }
ul.nobull li.last { line-height:16px; padding:0; }

ul.nobull2 { list-style-type:none; padding:0 0 10px 0; }
ul.nobull2 li { line-height:16px; padding:0; }
ul.nobull2 li.last { line-height:16px; padding:0; }

/* Links */
a:link, a:visited { color:#004677; line-height:16px; text-decoration:underline; }
a:hover { color:#0162a5; line-height:16px; text-decoration:underline; }

a.reverse:link, a.reverse:visited { color:#fff; line-height:16px; text-decoration:underline; }
a.reverse:hover { color:#fba30b; line-height:16px; text-decoration:underline; }

/* Color Variations */
.red { color:#a60e13; }
.cyan { color:#0095d7; }
.blue { color:#004679; }
.black { color:#000; }
.brown { color:#572600; }
.white { color:#fff; }
.orange { color:#f28d09; }
.green { color:#00703c; }

/* Txt Size Variations */
.small { font-size:10px; line-height:12px; }

/* ================================================================= */

/*  Clear Fix 
============================================================================================ */
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden;	overflow:hidden;	line-height:0;	height:0;	}
.clearfix { display: inline-block; }
/* Holly Hack Targets IE Win only \*/
* html .clearfix { height:1%; }
.clearfix { display: block; }
/* ================================================================= */


/* ADMIN RICH TEXT EDITOR STYLES for FRONT-END */
div#content div blockquote {
	margin-left:25px;
	margin-right:25px;
}

/* New Service sidebar images for butler & leed green pages */
#butlermontage { width:280px; height:544px; background:url(../images/service_pics/butlermontage.jpg) 0 0 no-repeat; padding:0; margin:0 auto; }
#leedmontage { width:280px; height:544px; background:url(../images/service_pics/leedmontage.jpg) 0 0 no-repeat; padding:0; margin:0 auto; }

/*  Home Carousel 
============================================================================================ */
.softcorner10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.softcorner5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

.softcorner5flat { -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }

div#featured { width:818px; height:248px; border:1px solid #1a3546; position:relative; margin:0 auto 20px auto; }

#featured_content,
.slide { width:818px !important; }
#featured_content { height:248px; position:relative; overflow:hidden; }
.slide { height:248px; opacity:1; position:absolute; display:block; }

.slidecontent { width:818px; height:248px; position:relative; }

#slidecontent_01 { width:818px; height:248px; background:url(../images/carousel/carousel_images.jpg) 0 0 no-repeat; position:absolute; top:0; left:0; }
#slidecontent_02 { width:818px; height:248px; background:url(../images/carousel/carousel_images.jpg) -820px 0 no-repeat; position:absolute; top:0; left:0; }
#slidecontent_03 { width:818px; height:248px; background:url(../images/carousel/carousel_images.jpg) -1640px 0 no-repeat; position:absolute; top:0; left:0; }
#slidecontent_04 { width:818px; height:248px; background:url(../images/carousel/carousel_images.jpg) -2460px 0 no-repeat; position:absolute; top:0; left:0; }
#slidecontent_05 { width:818px; height:248px; background:url(../images/carousel/carousel_images.jpg) -3280px 0 no-repeat; position:absolute; top:0; left:0; }
#slidecontent_06 { width:818px; height:248px; background:url(../images/carousel/carousel_images.jpg) -4100px 0 no-repeat; position:absolute; top:0; left:0; }
#slidecontent_07 { width:818px; height:248px; background:url(../images/carousel/carousel_images.jpg) -4920px 0 no-repeat; position:absolute; top:0; left:0; }

#slidecontent_01 .blackbox, 
#slidecontent_02 .blackbox,
#slidecontent_03 .blackbox,
#slidecontent_04 .blackbox,
#slidecontent_05 .blackbox,
#slidecontent_07 .blackbox { width:270px; height:45px; background-color:#1a3546; position:absolute; top:190px; left:550px; }
#slidecontent_06 .blackbox { width:300px; height:45px; background-color:#1a3546; position:absolute; top:190px; left:519px; }

#slidecontent_01 .bbtext,
#slidecontent_02 .bbtext,
#slidecontent_03 .bbtext,
#slidecontent_04 .bbtext,
#slidecontent_05 .bbtext,
#slidecontent_07 .bbtext { color:#fff; position:absolute; top:196px; left:560px; z-index:10; }

#slidecontent_06 .bbtext { color:#fff; position:absolute; top:196px; left:529px; z-index:10; }

#featured .bbtext h2 { color:#fff; font-size:12px; font:"Trebuchet MS", Arial, Helvetica, sans-serif  !important; font-weight:bold; text-shadow:1px 1px 1px #000; line-height:12px; padding:0; }
#featured .bbtext p { color:#fff; font-size:10px; font:"Trebuchet MS", Arial, Helvetica, sans-serif  !important; text-shadow:1px 1px 1px #000; }
#featured .bbtext a { color:#fff; }

.opacitychange { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; }

a#left_arrow { background:url(../images/carousel/arrows.png) 0 0 no-repeat; left:10px; }
a#right_arrow { background:url(../images/carousel/arrows.png) -21px 0 no-repeat; right:10px; }
a:hover#left_arrow { background:url(../images/carousel/arrows.png) 0 -21px no-repeat; left:10px; }
a:hover#right_arrow { background:url(../images/carousel/arrows.png) -21px -21px no-repeat; right:10px; }
a#left_arrow,
a#right_arrow { display:block; width:21px; height:21px; position:absolute; text-indent:-9999px; top:120px; cursor:pointer; z-index:50; }

div#controllers { height:13px; clear:both; bottom:5px; left:0; padding-left:0px; position:absolute; z-index:100; }
div#controllers a { float:left; text-indent:-9999px; background:url(../images/carousel/dots.png) no-repeat 0 0; display:block; height:13px; width:13px; margin-right:10px; }
div#controllers a.activeSlide { background:url(../images/carousel/dots.png) no-repeat 0 -13px; }

/* ================================================================= */