* {
  margin: 0;
  border: 0;
  padding: 0;
}

BODY {
  background-color: #FFF;
  text-align: center;
  font-family: "Arial", sans-serif;
  font-size: 66.7%;
}

a { text-decoration: none; }


#wrapper {
  width: 954px;
  text-align: left;
  margin: 0 auto;
}

#header {
  padding: 30px 0 26px 80px;
}

ul#navigation {
  list-style: none;
  background: url(/ui/images/nav_bg.gif) repeat-x top;
  height: 31px;
}

ul#navigation li {
  float: left;
  display: block;
  height: 23px;
  *height: 31px;
  padding: 8px 21px 0 22px;
  font-size: 1.2em;
}

ul#navigation li.first { padding-left: 25px; background: url(/ui/images/nav_left.gif) no-repeat top left; }
ul#navigation li.last { float: right; padding-right: 25px; background: url(/ui/images/nav_right_2.gif) no-repeat top right; }

ul#navigation li.sel { background: url(/ui/images/nav_bg_on.gif) repeat-x top; }
ul#navigation li.first_sel { padding-left: 25px; background: url(/ui/images/nav_left_on.gif) no-repeat top left; }
ul#navigation li.last_sel { float: right; padding-right: 25px; background: url(/ui/images/nav_right_on.gif) no-repeat top right; }

ul#navigation li a { color: #CCC; }
ul#navigation li a:hover, ul#navigation li.sel a, ul#navigation li.first_sel a, ul#navigation li.last_sel a { color: #FFF; }

#footer {
  margin: 15px 0 0 184px;
  background: url(/ui/images/footer_bg.gif) repeat-x top;
  height: 114px;
  clear: both;
  font-size: 11px;
}

#footer #footer_left {
  height: 114px;
  background: url(/ui/images/footer_left.gif) no-repeat top left;
  padding-left: 25px;
  *padding-left: 10px;
  float: left;
}

#footer h4 {
  color: #555;
  font-size: 1.6em;
  font-weight: bold;
  padding: 20px 0 10px 0;
}

#footer #footer_left h4 {
  *padding-left: 15px;
}

#footer ul {
  float: left;
  list-style-position: inside;
  list-style-image: url(/ui/images/narrow.gif);
  font-size: 11px;
  padding-right: 25px;
}

#footer li { color: #777; }

#footer li a {
  color: #777;
  *padding-left: 5px;
  *position: relative;
  *top: -2px;
}

#footer li a:hover { color: #000; }

#footer #footer_right_outer {
  float: right;
  height: 114px;
  width: 380px;
  overflow: hidden;
  background: url(/ui/images/footer_right.gif) no-repeat top right;
}

#footer #footer_right {
  border-left: 1px solid #DDD;
  padding-left: 20px;
  height: 106px;
}

#footer p {
  color: #777;
  float: left;
  padding-right: 30px;
}

#footer p a { color: #777; }
#footer p a:hover { color: #000; }
#footer p strong { padding-right: 5px; color: #555; font-weight: normal; }

#endfoot {
  margin: 10px 0 0 187px;
  height: 35px;
}

#endfoot p {
  float: left;
  color: #999;
}

#endfoot p.right { float: right; padding-right: 15px; }
#endfoot p a { color: #999; }
#endfoot p a:hover { color: #000; }

/** CONTENT STYLES **/

#sidebar {
  float: left;
  width: 187px;
  _padding:0 0 20px; /*Fixes empty sidebar as IE6 doesn't support min height*/
  min-height: 50px;
}

#sidebar ul {
  list-style: none;
  margin: 19px 10px 0 13px;
  border-top: 1px solid #CCC;
}

#sidebar ul li {
  border-bottom: 1px solid #CCC;
  font-size: 1.2em;
  display: block;
  padding: 5px 0 5px 15px;
}

#sidebar ul li a {
  color: #666;
  padding-right: 16px;
}

#sidebar ul li a:hover, #sidebar ul li.sel a { color: #e44145; background: url(/ui/images/sarrow.gif) no-repeat center right; }

#content {
  float: left;
}

#breadcrumbs {color: #17639f; padding: 17px 0; height:15px; }

#breadcrumbs a { color: #17639f; }
#breadcrumbs a:hover { color: #000; }

div#breadcrumbs ul {list-style:none;}
div#breadcrumbs ul li {float:left; padding:0 2px 0 0; }
div#breadcrumbs ul li a {float:left; padding: 0 2px; }


#rssIcon { color: #17639f; position:relative; top:-36px; left:0; line-height:20px; }
#rssIcon img { color: #17639f; position:relative; top:2px; left:0; }
.gap {
  display: block;
  width: auto;
  height: 10px;
}

.fright { float: right; margin-right: 15px; }

/** HOME STYLES **/

#content_left {
  float: left;
  width: 565px;
}


#content_right {
  float: left;
  width: 200px;
  padding-bottom: 10px;
}

#content_left h1 {
  font-size: 3.2em;
  color: #58595b;
}

#content_left h1 span {
  display: block;
  color: #e44145;
}

#content_left h1.newstitle {
  font-size: 2em;
  padding-top: 10px;
}

#content_left h1.newstitles {
  font-size: 1.6em;
  padding-top: 15px;
}

#content_left h3 {
  font-weight: normal;
  font-size: 1.6em;
  margin-top: 15px;
  color: #58595b;
}

#content_left h3.home {
  width: 85%;
  height: 86px;
}

#home_image {
  position: relative;
  top: -10px;
  left: -25px;
  height: 397px;
}

#news_ticker_items li a{position: relative;bottom:1.4em;}

#home_news_ticker 
{
    margin: 0 10px 0 0;
    padding: 25px 0 0 0;
    background: #FFF url('/ui/images/tickerBackground.jpg') no-repeat bottom right;
    padding-left: 200px;   
}
#home_news_ticker ul li {
    list-style: none;   
}

#home_news_ticker a {
    text-decoration: none;
    color: #777;    
}

#home_cases {
  height: 190px;
  position: relative;
  z-index: 10000;
  top: -25px;
}

.case_study {
  background: url(/ui/images/box_case_bottom.gif) no-repeat bottom;
  width: 278px;
  height: 210px;
  float: left;
  margin-right: 5px;
  color: #58595b;
}

.case_study .case_study_top {
  height: 45px;
  font-size: 1.6em;
  padding: 15px 0 0 63px;
  font-weight: bold;
  background: url(/ui/images/box_case_top.gif) no-repeat top;
}

.large_breakout {
  background: url(/ui/images/largeFooterBoxFoot.gif) no-repeat bottom;
  width: 561px;
  height: 210px;
  margin-right: 5px;
  color: #58595b;
}

.large_breakout .large_breakout_top {
  height: 60px;
  font-size: 1.6em;
  padding: 15px 0 0 63px;
  font-weight: bold;
  background: url(/ui/images/largeFooterBoxHead.gif) no-repeat top;
}

.large_breakout_top {
    color:#58595b;
}

.case_study_2 {
  margin: 0;
}

.case_study img.main {
  margin: 8px 10px 0 20px;
  float: left;
}

.case_study p {
  float: left;
  width: 117px;
  margin-top: 6px;
}

.case_study p.case_study_txt {
  width: auto;
  padding: 6px 15px 0 17px;
  margin-top: 0;
  line-height: 1.5em;
}

.case_study p img.more { margin-left: 17px; }

.case_study p.big {
  font-size: 1.2em;
}

.box input.email {
  font-size: 1.2em;
  border: 1px solid #CCC;
  margin-left: 20px;
  width: 155px;
}

.box input.submit {
  margin: 10px 0 7px 20px;
}

/** RHS BOXES **/

.box {
  color: #58595b;
  background: url(/ui/images/box_right_bottom.gif) no-repeat bottom;
  width: 197px;
  padding-bottom: 15px;
}

.box a {
  color: #58595b;
}

.boxtop {
  height: 45px;
  font-size: 1.6em;
  padding: 15px 0 0 58px;
  font-weight: bold;
}

.boxtopsmaller {
  height: 45px;
  font-size: 1.4em;
  padding: 15px 0 0 58px;
  font-weight: bold;
}

.boxtop_signup {
  background: url(/ui/images/box_signup_top.gif) no-repeat top;
}

.boxtop_generic {
  background: url(/ui/images/box_generic_top.gif) no-repeat top;
}

.boxtop_consult {
  background: url(/ui/images/box_consult_top.gif) no-repeat top;
}

.boxtop_speak {
  background: url(/ui/images/box_blank_top.gif) no-repeat top;
  padding-left: 26px;
}

.boxtop_how {
  background: url(/ui/images/box_how_top.gif) no-repeat top;
  padding-left: 52px;
}

.boxtop_tool {
  background: url(/ui/images/box_tool_top.gif) no-repeat top;
}

.boxtop_tweet {
  background: url(/ui/images/box_tweeter_top_2.gif) no-repeat top;
}

.boxtop_downloads {
  background: url(/ui/images/box_downloads_top.gif) no-repeat top;
}

.boxtop_newsletter {
  background: url(/ui/images/box_newsletter_top.gif) no-repeat top;
}

.boxtop_news {
  background: url(/ui/images/box_news_top.gif) no-repeat top;
}

.boxtop_gallery {
  background: url(/ui/images/box_gallery_top.gif) no-repeat top;
}

.boxtop_products {
  background: url(/ui/images/box_products_top.gif) no-repeat top;
}

.box p,
.box fieldset div {
  color: #747373;
  margin: 8px 20px;
}

.box .dnload {
  border-top: 1px dotted #DDD;
  min-height: 45px;
  margin: 0 18px 0 20px;
  overflow:auto;
  clear:both;
}

.box .dnload img, .box .prod img {
  float: left;
  margin: 5px 0 0 0;
}

.box .dnload p {
  width: 100px;
  border:solid 0px red;
  float: left;
  margin-left: 7px;
  margin-right: 0;
}

.box .dnload a { color: #17639f; }
.box .dnload a:hover { color: #000; }

.box .cases {
  border-top: 1px dotted #DDD;
  height: 30px;
  margin: 0 18px 0 20px;
}

.box .cases p {
  width: 100px;
  border:solid 0px red;
  float: left;
  margin-left: 7px;
  margin-right: 0;
}

.box .cases a { color: #17639f; }
.box .cases a:hover { color: #000; }

.box .prod {
  border-top: 1px dotted #DDD;
  padding: 3px 0;
  margin: 0 18px 0 20px;
}

.box .prod_first { border: 0; }

.box .prod p {
  width: 90px;
  margin-left: 7px;
  margin-right: 0;
}

.box .prod a { color: #17639f; }
.box .prod a:hover { color: #000; }

.box .prod a.delright {
  float: right;
}

.box_newsp { height: 330px; *height: 335px; }

.box .newspreview {
  border-top: 1px solid #DDD;
  margin: 0 4px 0 5px;
}

.box .newspreview  p {
  line-height: 1.1em;
}

.box .newspreview p strong { color: #e44145; }

.box .dnload_first {
  border: 0;
}

.box p.error { color: red; }
.box p.correct { color: green; }

.box .box_gallery { padding: 5px 15px 5px 20px; }
.box .img { position: relative; width: 50px; height: 50px; margin-right: 2px; margin-bottom: 2px; float: left; }

/** PAGE SPECIFIC **/

#content_body {
  width: 550px;
  padding-bottom: 20px;
}

#content_body img {padding:8px;}

#content_body_design_tool {
  width: 765px;
  padding-bottom: 20px;
}

#content_left h2 {
  color: #e44145;
  font-size: 2.2em;
}

#content_left #content_header {
  border-bottom: 2px solid #58595b;
  min-height: 80px;
  width: 550px;
  position: relative;
  /*background: url(/ui/images/page_bg.gif) no-repeat bottom right;*/
}

#content_left #content_header2 {
  height: 30px;
  width: 550px;
  position: relative;
}

#content_body p,
#content_body ul li {
  color: #58595b;
  font-size: 1.2em !important;
  line-height: 1.5em;
  padding-top: 8px;
}
#content_body ul li {
  font-size: 1em !important;
}
#content_body p.news {
  padding-top: 5px;
}

#content_body p a.attachedfile {
  background-color: #e44145;
  text-decoration: uppercase;
  color: #FFF;
  padding: 3px;
  font-size: 0.8em;
}

#content_body h3 {
  color: #e44145;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.5em;
  clear: both;
  padding-top: 10px;
}

#content_body h3 span {
  color: #e44145;
  font-size: 0.8em;
  font-weight: normal;
}

#content_body span.date {
  color: #e44145;
  font-size: 1.1em;
  font-weight: normal;
}

#content_body ul, #content_body ol {
  color: #58595b;
  padding-top: 18px;
  font-size: 1.2em;
  margin-left: 25px;
}

#content_body li { padding-bottom: 10px; }

#content_body p.subinfo, #content_body p.subinfo_end, #content_body p.subinfo_first {
  font-size: 0.9em;
  padding-top: 2px;
  margin: 0;
}

#content_body a { color: #e44145; }
#content_body a:hover { text-decoration: underline; }

#content_body p.subinfo_end {
  padding-bottom: 8px;
}

#content_body p.subinfo_first {
  padding-top: 8px;
}

#content_body p.nospace {
  margin: 0;
  padding: 0;
}

#content_body p.stay_right { clear: none; }

#content_body p.subinfo strong, #content_body p.subinfo_end strong, #content_body p.subinfo_first strong {
  width: 90px;
  display: block;
  clear: left;
  float: left;
  text-transform: uppercase;
  font-weight: bold;
}

#content_body img.imagei {
  float: left;
}




hr {
  margin: 0;
  float: left;
  width: 100%;
  clear: left;
  color: #58595b;
  background-color: #58595b;
  height: 2px;
  line-height: 2px;
  padding: 0;
  font-size: 1px;
}

/* SITEMAP */

ul.sitemap {
  float: left;
  width: 230px;
  padding-bottom: 30px;
}

#content_body ul.sitemap ul {
  font-size: 0.9em;
  padding: 5px 0 0 0;
}

ul.sitemap ul li { padding-bottom: 2px; }

ul.sitemap li {
  padding-bottom: 5px;
}

/* CONTACT FORM / NEWSLETTER / FEEDBACK */
#contactform label {
  width: 80px;
  display: block;
  float: left;
  clear: left;
}
#contactform label,
#feedbackform label {
  padding: 3px;
  margin-bottom:2px;
}
#feedbackform label.top-section {
    display: block;
    float: left;
    line-height: 28px;
    width: 100px;
}
#contactform input,
#newsletterSignup input,
#feedbackform input {
  border: 2px solid #CCC;
  color: #333;
  font-size: 1.2em;
  padding: 3px;
  margin-bottom:2px;
}
#feedbackform p {
    margin-bottom:10px
}
#feedbackform .radios input {
  margin:0 10px 0 20px;
}
#feedbackform .radios label{
  margin:0 30px 0 0;
}
#contactform input,
#newsletterSignup input {
  float: left;
}
#contactform input {
    width: 200px;
}
#newsletterSignup input,
#feedbackform input {
  border: 2px solid #CCC;
}
#newsletterSignup input {
  width:140px;
  float:none;
}
#contactform input.submit  {
  width: 80px;
  border: 0;
  background-color: #e44145;
  color: #FFF;
  font-size: 1.2em;
  padding: 4px;
  margin-bottom: 25px;
}
#newsletterSignup input.submit,
#feedbackform input.submit {
  border: 0;
}
#contactform textarea,
#newsletterSignup textarea,
#feedbackform textarea {
  border: 2px solid #CCC;
  height: 100px;
  font-size: 1.2em;
  color: #333;
  width: 100%;
  margin-bottom:2px;
}



 

div#content_body p.contactyes {
  color: green;
}

div#content_body p.contactno {
  color: red;
}

.designTool{width:766px; height:485px; float:left; }
.designToolHead{ width:766px; height:70px; float:left; clear:both;}
.designToolProgressNames ul{margin:0px !important; padding:33px 0px 0px 0px !important;}
.designToolProgressNames ul li{float:left; clear:none; list-style-type:none; font-size:0.8em; padding-left:46px;}
.designToolProgressNames ul li.first{padding-left:30px;}
.designToolProgressNames ul li.on{color:#e44145;}
.designToolBody{ width:766px; height:372px; float:left; clear:both; background:url(/ui/images/architectsTool-BG-Body.gif) no-repeat top left;}
.designToolFoot{ padding-left:633px; width:133px; height:43px; float:left; clear:both; background:url(/ui/images/architectsTool-BG-Foot.gif) no-repeat top left;}
.designToolFoot a.navButton{border-left:solid 1px #b5b4b3; padding:8px 20px 0 20px; height:27px; float:left; clear:none; font-size:1.6em; color:#333333 !important; text-decoration:none;}
.designToolFoot a.navButton:hover {color:#e44145 !important; text-decoration:none !important;}
.designToolFoot a.navButton .chevron{color:#e44145;}
.designToolBody p{width:385px; padding-left:43px;}
.designToolBody h2{ color:#333333 !important; padding:0px !important; margin:0px !important; padding-left:43px !important;}
.designToolBody h3{color:#333333 !important; padding:0px !important; margin:0px !important; padding-left:43px !important; padding-top:1px !important; font-size:1.6em !important;}
.designToolBody h3 span.redHead{color:#e44145 !important; padding:0px !important; margin:0px !important; font-size:1em !important; font-weight:bold !important;}
.designToolInputPair{width:650px; float:left; clear:both;}
#frmDesignTool label{float:left; clear:left; padding-left:43px; width:94px; margin-top:7px;}
#frmDesignTool input, #frmDesignTool select{float:left; clear:right; border:solid 1px #cccccc; width:246px; margin-top:7px;}

.parameterLabel{float:left; clear:left; padding-left:43px; width:204px; margin-top:7px;}
#frmDesignTool select, .parameterValue{float:left; clear:right; border:solid 1px #cccccc; width:96px; margin-top:7px;}

p.nextLabel{color:#e44145 !important; padding-left:137px; font-size:1em !important; font-weight:bold;}

.genericButton{background:url(/ui/images/btnMid.gif) repeat-x top left; height:32px; float:left; clear:none; margin-right:30px;}
.genericButton:hover{background:url(/ui/images/btnMidOn.gif) repeat-x top left; }
.buttonLeft{ font-weight:bold; background: url(/ui/images/btnLeft.gif) no-repeat top left; display:block; height:32px; float:left; clear:none; padding-left:19px; cursor:pointer; padding-top:6px;}
.buttonright{display:block; width:19px; height:32px; background: url(/ui/images/btnRight.gif) no-repeat top right; float:right; clear:none;}
.genericButton:hover .buttonLeft{background:url(/ui/images/btnLeftOn.gif) no-repeat top left; }
.genericButton:hover .buttonright{background: url(/ui/images/btnRightOn.gif) no-repeat top right; }
/*em{ padding-top:6px; font-style:normal; display:block; float:left; clear:none; text-align:center; font-weight:bold; cursor:pointer; }*/

.questionButton{float:right; clear:both; width:31px; height:31px; padding-right:56px;}
.questionButton a{background: url(/ui/images/questionMark.gif) no-repeat top left; display:block; width:31px; height:31px;}
.questionButton a:hover{background: url(/ui/images/questionMark.gif) no-repeat top right;}

.homeNewsItem{float:left; clear:none; width:252px; height:120px; padding-left:19px;}

#pagination{float:left; clear:both; padding-top:20px;}

#twitterFeed ol li{width:157px; list-style-type:none; float:left; clear:none; display:block; padding:9px 18px; }
#twitterFeed ol li a{color:#58595b; text-decoration:none;}
#twitterFeed ol li a:hover{color:#e44145; }

.faqTabList{margin:20px 0 0 0 !important; padding:0px !important; width:550px; float:left; clear:both; background: url(/ui/images/tabLine.gif) repeat-x top left;}
.faqTabList li{float:left; clear:none; list-style-type:none; background:url(/ui/images/tabMid.gif) repeat-x top left; border-bottom:solid 1px #999999; height:30px; padding-bottom:0px !important; margin-bottom:0px !important;}
.faqTabList li.currentSection{border-bottom:solid 1px #fff;}
.faqTabList li a{color:#999999; padding-top:10px; display:block;}
.faqTabList li a:hover{color:#e44145; }
.tabLeft{float:left; clear:none; background:url(/ui/images/tabLeft.gif) no-repeat top left; padding-left:15px; height:30px;}
.tabRight{float:left; clear:none; background:url(/ui/images/tabRight.gif) no-repeat top right; padding-right:15px; height:30px;}

.editFAQ{background:#f9e367 url(/ui/images/admin/page_edit.png) no-repeat 5px 5px; padding: 5px 15px 7px 25px; width:50px; border:solid 1px #cccccc;}
.editFAQ a{color:#666666 !important;}

.addFAQ{background:#caf1c9 url(/ui/images/admin/add.png) no-repeat 5px 5px; padding: 5px 15px 7px 25px; width:50px; border:solid 1px #cccccc; margin-top:30px;}
.addFAQ a{color:#666666 !important;}

.deleteFAQ{background:#f1cec9 url(/ui/images/admin/delete.png) no-repeat 5px 5px; padding: 5px 15px 7px 25px; width:50px; border:solid 1px #cccccc; margin-top:30px;}
.deleteFAQ a{color:#666666 !important;}


.metaEditor{float:left; clear:both;width:550px;}
.metaEditor input{width:400px; margin-bottom:20px;}

.metaEditor input{float:left; clear:both; border:solid 1px #666666;}

#breakout{ width:762px; float:left; clear:both; background:url(/ui/images/breakout-mid.gif) repeat-y top left;}
#breakout .large_breakout_top {
  height: 45px;
  font-size: 1.6em;
  padding: 15px 0 0 63px;
  font-weight: bold;
  background: url(/ui/images/largerFooterBoxHead.gif) no-repeat top;
}
#breakoutTop{ width:762px; float:left; clear:none; }
#breakoutFoot{ width:762px; float:left; clear:none; background:url(/ui/images/breakout-bottom.gif) no-repeat bottom left;}
#breakoutContent{padding:15px;}
#breakoutContentHolder{padding:13px 15px 10px 15px;}
#breakoutContentHolder p{padding:0px 0px 15px 0px; font-size:1em; color: #58595b;}
#breakoutContentHolder p a{color:#e44145;}
#breakoutContentHolder h1 {
  font-size: 2.2em;
  color: #58595b;
}

#breakoutContentHolder h1 span {
  display: block;
  color: #e44145;
}

#breakoutContentHolder p p {
  color: #58595b;
  font-size: 1.2em;
  line-height: 1.5em;
  clear: both;
  padding-top: 18px;
}

#breakoutContentHolder a { color: #e44145; }
#breakoutContentHolder a:hover { text-decoration: underline; }

body #ticker-wrapper.has-js {
    border:0;
    border-bottom:1px solid #CFCFCF;
    margin: 0 0 0 189px;
    width: 567px;
    font-size:12px;
}
body #ticker {
  width:484px;
  height:30px;
  padding-left:0;
}
body #ticker-content {
   padding-top:7px;
   left:56px !important;
   top:1px;
   
}
body #ticker-content,
body #ticker-content a {
  height:18px;
  line-height:18px;
}
body #ticker-controls {
    padding-right:0px !important;
}
 

body #sidebar {
    _height:100%;
}

.ies-table { margin:20px 0; border-top:1px solid #ddd; border-left:1px solid #ddd; text-align:left; }
.ies-table th, .ies-table td { 
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding:4px;
    color: #58595B;
    font-size: 1.2em;
    line-height: 1.5em;
}

.more, .btn_download {
  
  color:#eee !important;
  font-size:1.2em;
  background-color:#E44145;
}

.btn_download {
  margin:20px auto;
  padding:6px;
  display:block;
  width:100px;
  text-align:center;
}

.more {
  padding:3px 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.summary,
.faq {
  margin: 15px 0 !important;
}
#content_body a.more:hover {
 text-decoration:none; 
}

.jobTitle { font-size:1.5em; margin-bottom:15px; }
.jobSummary { margin-bottom:15px; }
.jobDetails { display:none; padding: 5px }


























































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */