* { margin: 0; padding: 0; outline: 0; }
body { font: 11px/19px "Trebuchet MS",sans-serif; color: #858585; text-align: left; background: #fff url(images/bg.gif) repeat-x 0 0; }

a { color: #ff7600; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 960px;}

#header{height:82px; border-bottom:solid 1px #c8c8c8}

h1#logo{text-indent: -4000px;line-height:0;font-size: 0;width:243px;height:34px;float: left;display: inline;padding-top:37px;padding-left:21px;}
h1#logo a{display: block;height:34px;background:url(images/logo.gif);}

h2{font-size: 34px; line-height:37px; font-weight: normal; color:#505151; font-family: "Trebuchet MS", sans-serif; word-spacing: -3px;}
h3{font-size: 28px; line-height:30px; font-weight: normal; color:#ff6f17}
h4{font-size: 20px; line-height:23px; color:#464749; padding-bottom:5px; font-weight: normal;}

.heading{padding-top:55px}
.heading h2{font-size: 28px; line-height:37px; font-weight: normal; color:#505151; font-family: "Trebuchet MS", sans-serif; word-spacing: -3px;}

#nav{float: right; display: inline;}
#nav ul{list-style-type: none; padding-top:40px; float: right; list-style-position: outside;}
#nav li{font-size: 11px; font-family: "Trebuchet MS", sans-serif; float: left;}
#nav li.divide{background:url(images/divider.gif) no-repeat right center; margin-right:15px}
#nav li a{color:#464749; text-transform: uppercase; float: left; margin-right:15px}
#nav li a:hover{text-decoration: none; color:#ff7600}
#nav li.active a{color:#ff7600}
#nav li a span{color:#ff7600}
#nav li.divideactive {background:url(images/divider.gif) no-repeat right center; margin-right:15px}
#nav li.divideactive a{color:#ff7600}

.grey-stripe{background:#3a3a3c url(images/grey.jpg) no-repeat center 0; height:280px; margin:9px 0}
.grey-stripe h2{font-size: 28px; line-height:37px; font-weight: normal; color:#fff; padding-left:72px; padding-top:100px; font-family: "Trebuchet MS", sans-serif; word-spacing: -3px;}
.grey-stripe h3{font-size: 16px; line-height:18px; font-weight: normal; color:#fff; padding-left:72px; text-transform: uppercase; font-family: "Trebuchet MS", sans-serif; padding-top:35px}
 h2 span.orange{font-size: 32px; color:#ff6f17}

.border{border-top:solid 1px #c8c8c8;}
#content{}

.holder{border-bottom:solid 1px #c8c8c8; padding-top:16px; padding-bottom:23px}
.holder h3{padding-bottom:15px}
.holder ul{list-style-type: none;}
.holder ul.narrow{list-style-type: none;}
.holder ul.narrow li{width:210px; padding-right:21px; margin-right:18px; padding-left:0}
.holder ul.narrow li.last{padding-right:0; margin-right:0}
.holder ul.narrow li h4{font-size: 20px; padding-top:18px}
.holder ul.narrow li img{display: block; float: none; border:solid 7px #c8c8c8; padding:0}
.holder li{float: left; display: inline; width:450px; border-right:solid 1px #c8c8c8; padding-left:15px; padding-right:15px}
.holder li.last{border:0; padding-right:0}
.holder li img{float: left; padding-right:10px; }
.holder li h5{font-size: 14px; color:#ff7600; font-weight: normal; padding-top:40px}
.holder li h4{font-size: 20px; line-height:23px; color:#464749; padding-bottom:5px; font-weight: normal;}
.holder li a.more{background:url(images/orr-arr.gif) no-repeat right 3px; float: right; padding-right:15px}

.info{padding-top:48px}
.info img{float: right; padding-left:35px}
.info p{padding-bottom:32px}

.contact{padding-top:48px}
.contact img{float: left;}
.contact p{clear: both; padding-bottom:16px;}
.contact p.connect{ line-height: 30px;}
.contact p span{float: left; width: 70px;}
.contact h2 span.orange{font-size: 16px; color:#ff6f17; text-transform:uppercase; font-weight: bold;}
.contact .fl {padding-right: 48px;}

.bot{padding-top:50px; padding-bottom:40px}
.bot ul{list-style-type: none;}
.bot li{float: left; border-right:solid 1px #c8c8c8; width:210px; margin-right:20px; padding-right:10px}
.bot li.last{border-right:0; padding-right:0}
.bot li h4{font-size: 20px; color:#464749; font-weight: normal; word-spacing: -2px; padding:6px 0}
.bot li img{display: block;}

.grey-container{background:url(images/grey-container.png); width:958px; height:130px; float: left; display: inline; text-align: center;}
.grey-container p{color:#fff; font-size: 12px; padding-top:39px; padding-bottom:12px; padding-right: 6px; padding-left: 6px;}
.grey-container span{color:#ff7600; text-transform: uppercase;}

.small-grey{background:url(images/small-grey.jpg); width:243px; height:130px; float: right; display: inline; }
.small-grey form{width:200px; margin:0 auto; padding-top:12px}
.small-grey form h4{font-size: 14px; line-height:17px; text-transform: uppercase; color:#ff7600; background:url(images/log.gif) no-repeat right 0;  padding-top:5px; padding-bottom:5px}
.small-grey form .field{width:195px; border:solid 1px #6d6d6d; font-size: 11px; text-align: right; line-height:13px; padding:4px 2px 4px 0; color:#6d6d6d; margin-bottom:3px}
.small-grey form .btnp input{float: right; float: right; display: inline; border:0; background-color: transparent; font-size: 12px; color:#ff7600; text-transform: uppercase; font-weight: bold;}
.small-grey form a.pass{color:#fff; text-decoration: underline;}
.small-grey form a:hover.pass{text-decoration: none;}

.bottom-area{padding-top:10px; padding-bottom:10px;}

p.space{padding-bottom:90px;}

.frame-space{padding-top:45px; padding-bottom:65px}
.frame-space .article{border-top:solid 1px #c8c8c8; font-size: 16px; line-height:24px; padding:30px 0 0 45px; margin-top:-20px}
.frame-space .article p{background:url(images/open.gif) no-repeat; padding-left:15px}
.frame-space .article p.orr{color:#ff7600; text-transform: uppercase; font-size: 10px; background-image: none; padding-top:20px}
.frame-space .article p img{line-height:27px;}
.frame{width:960px; padding-bottom:65px}
.frame h3{font-size: 22px; color:#464749; border-bottom:solid 7px #c8c8c8; padding-left:20px; margin-bottom:14px; padding-bottom:8px;line-height:24px; height:24px}
.frame h3 strong{font-weight: normal; float: left;}
.frame h3 span{font-size: 12px; float: right; padding:0 2px}
.frame h3 a{font-size: 13px; float: right;}
.frame h3 a:hover{text-decoration: none;}
.frame h3 a.inactive{color:#c8c8c8}
.frame .image{float: left; display: inline;}
.frame .image img{display: block;}
.frame .column{float: left; display: inline; width:470px; padding-left:12px; padding-right:18px}
.frame .column .status{float: right; display: inline;line-height:16px; text-align: right; padding-bottom:20px; }
.frame .column .status a{text-decoration: underline;}
.frame .column .status a:hover{text-decoration: none;}
.frame .column .status h5{text-transform: uppercase; font-size: 11px; color:#ff7600; font-weight: normal; line-height:16px;}
.frame .column h4{font-size: 14px; color:#ff7600; font-weight: normal; padding-bottom:5px}
.frame .narrow{float: left; display: inline; width:100px; border-left:solid 1px #c8c8c8; padding-left:20px; padding-bottom:45px}
.frame .narrow a{float: left; margin-bottom:6px}
.frame .narrow img{display: block;}
.frame .description{float: left; display: inline; width:430px; padding-left:20px; font-size: 12px;}
.frame .img-holder{float: right; display: inline; width:500px; margin-right:3px}
.frame .img-holder img{float: left; display: inline; margin-right:10px}
.frame p{padding-bottom:15px}
.frame a.more{background:url(images/orr-arr.gif) no-repeat right 3px; float: left; padding-right:20px}

#footer{border-top:solid 1px #c8c8c8; padding-top:10px; padding-bottom:15px}
#footer .shell{padding-left:20px;width:940px}

.top-case-studies a.case-image img{ position:absolute; top:0; left:0; float:none; }
.top-case-studies a.case-image { float:left; width:237px; height:161px; position:relative; left:-7px; padding-right:10px;}
.top-case-studies ul { }
.top-case-studies ul li{ padding-left:0; padding-right:30px; }
.top-case-studies ul li.last{ padding-left:15px; padding-right:0; }


