#container { position: relative; top: 0; left: 0; background: #ffffff url('/images/filler.gif') center center no-repeat; width: 100%; min-width: 960px; height: 690px; background-size: cover; display: block; z-index: 1;}

#outsidecontainer { width: 100%; margin: 0; padding: 0; text-align: left; position: relative; z-index: 3;}
#dropdownbg { opacity: .95; }
#maincontainer { width: 100%; margin: 0; padding: 0; background: none; }
#logocontainer { width: 100%; clear: both; background: #efefef; padding: 30px 0; }
#btmlogos {  width: 960px; background: #efefef; height: 80px; clear: both; margin: 0 auto; font-size: 14px;}
#btmlogos div.text {  width: 155px; padding: 20px 0 0 5px; color: #b5b5b5; float: left; }
#btmlogos img {  width: 160px; float: left; }
#css, #press { text-align: center; margin: 0 auto; width: 960px; clear: both; padding: 10px 0 0 0; }
.hidepress { visibility: hidden; }


#mainpromo { width: 100%; height: 614px; background: none; margin-top: -614px; z-index: 2; position: absolute; }
#mainpromo:hover #homearrows { opacity: 1;}
#maintext { position: absolute; left: 50%; top: 0; text-align: center; font-size: 22px; font-weight: bold; font-family: Arial, Verdana, sans-serif; color: #363632; line-height: 26px; margin: 0;  padding: 10px; border-radius: 10px; letter-spacing: 1px; }
#maintext a span.top { position: absolute; white-space: nowrap; }
#maintext a span.bottom { position: absolute; white-space: nowrap; color: #3b3b3b !important; z-index: -1; zoom: 1;filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=2);}
#maintext a:link, #maintext a:visited { text-decoration: none; color: #363632; }
.darkdropshadow { text-shadow: 1px 1px 2px rgba(0,0,0,0.7); }
.lightdropshadow { text-shadow: 1px 1px 2px rgba(255,255,255,0.8); }
#maintext a:hover, #maintext a:hover span.bottom, #maintext a:hover span.top { text-decoration: underline; }
#business { position: relative; top: 352px; left: 50%; margin: 0 0 0 -410px; color: #ffffff; }
#developer { position: relative; top: 352px; left: 50%; margin: 0 0 0 30px; }
.persona { width: 346px; height: 167px; background: #058147; border-radius: 20px; opacity: .9; float: left; color: #ffffff; font-size: 13px; line-height: 23px; padding: 10px 17px; }
.persona a:link, .persona a:visited { color: #ffffff; }
.persona a:hover { color: #aeaeae; }
.persona img { float: left; vertical-align: top; clear: left; padding: 3px 25px 60px 15px; }
.persona h2 { display: inline; font-size: 19px; font-weight: bold; float: left; margin-right: 20px; }
.persona div { clear: both; padding: 8px 0 0 0; }
.persona .subhead { color: #1b1b1b; font-weight: bold; }
#homearrows { position: relative; top: 38%; height: 50px; width: 70%; min-width: 870px; max-width: 1425px; margin: 0 auto; opacity: 0; transition: opacity .2s ease-in; }
#flipprev { display: block; position: absolute; top: 0; left: 0; width: 50px; height: 50px; background: url('/images/home-mainarrow.png') no-repeat; background-position:-100px;}
#flipnext { display: block; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: url('/images/home-mainarrow.png') no-repeat; background-position: -50px;}
#flipprev:hover {background-position: -150px; }
#flipnext:hover {background-position: 0px; }

#newscontainer { width: 100%; height: 162px; background: #ffffff; padding: 30px 0 20px 0; }
#news { width: 960px; margin: 0 auto; height: 162px; }
#tabs { width: 636px; height: 42px; line-height: 42px; text-align: center; margin: 0 0 20px 162px; padding: 0 0 0 115px; clear: both; background: url('/images/home/news-border.gif') bottom center no-repeat; }
#tabs a { text-align: center; display: block; float: left; width: 135px; }
.newssegment { width: 295px; padding: 0 25px 0 0; float: left; font-size: 14px; color: #363636; line-height: 20px; }
.newsicon { padding: 3px 8px 50px 0; float: left; max-width: 40px; }
.socialselected { background: url('/images/home/arrow-up.gif') bottom center no-repeat; }
a.socialselected:link,a.socialselected:visited { text-decoration: none; color: #363632; }

#shortmenu {  }
#btmnavtagline { margin-top: 0; }
#topnavcontent { margin-bottom: 0; }
#topnav {  position: relative; margin-top: -690px; }

#moredown { width: 50px; height: 50px; display: block; position: fixed; z-index: 10; bottom: 10px; right: 10px; background: url('/images/circledown.png') 0 0 no-repeat; }
#moredown:hover { background: url('/images/circledown-hover.png') 0 0 no-repeat; }
#moredown a { display: block; width: 56px; height: 59px; }

/* Styles for Modal Windows */
#content { line-height:20px; width:100%; text-align:center; }
.container { text-align:left; }
.exec_link { text-decoration:none; }
#scontent { overflow:auto; text-align:center; padding-top:50px; width:550px; margin:0 auto; }
#scontent .container .exec_list, #scontent .container .exec_list li { width:200px; }
#scontent .container .exec_list { float:left; }
#scontent .container .exec_list h2 { width:100%; }
#scontent .container { overflow:auto; width:500px; margin:0 auto !important;  }
#scontent .bullet { float:left; margin-right:15px; }
.externallinkbox h2 { font-size: 20px; color: #555555; margin-bottom: 15px; text-align:left; }
.externallinkbox { text-align:center; }
.externallinkbox p { font-size: 12px; line-height: 1.8em; color: #777777; }
.externallinkbox .bullet { float:left; margin:0; }
.linkboxcontent { margin-bottom:0;  text-align:left; }
.linkboximage { display: table-cell; vertical-align: middle; width:500px; text-align:center; }
.linkboximage img { margin:15px 0 10px 0; }

    /* styles only for desktop browsers under 768px high */
@media (max-height: 768px) {
    #container { height: 590px; }
    #mainpromo { height: 514px; margin-top: -514px; }
    #homearrows { top: 50%; }
    #topnav {  margin-top: -590px; }
    #business { top: 252px; }
    #developer { top: 252px;}
}