/*Radius Marketing CSS | Coded by MSDS - Copyright 2009 | http://www.ms-ds.com */

/*Removes blue glow from Safari form input and Firefox dotted line focus*/
:focus, a, button, button span, button em { -moz-outline-style: none; outline: none !important; }

html { height: 100%; }

body { min-height: 101%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; text-align: left; background: #ededef url(../img/bgTile.gif) repeat-x; padding-top: 12px; color: #7B7B7B; }
#wrap { width: 943px; margin: 0 auto; padding-bottom: 20px; }
#topSpacer { height: 3px; width: 940px; background-color: #FFF; }
#contentWrap { background: url(../img/shadTile.png) repeat-y; overflow: hidden; }
.last { background: none!important; }

/*-------------------------------------------------
=GENERAL TYPE
-------------------------------------------------*/
p { margin-bottom: 1em; }
a { color: #0099C4; text-decoration: underline; }
a:hover { color: #DF4C0E; }
strong { font-weight: bold; }
h1 { font-size: 22px; line-height: 26px; color: #DF4C0E; margin-top:-0.25em; margin-bottom: 0.5em; }
h2 { font-size: 18px; line-height: 22px; color: #0099C4; margin-bottom: 1em; }
h3 { font-size: 13px; margin-bottom: 0.25em; color: #E84704; font-weight: bold; text-transform: uppercase; }
h4 { font-size: 14px; font-weight: bold; color: #FFF; text-transform: uppercase; margin-bottom: 8px; }
h5 { display: block; height: 19px; color: #FFF; background-color: #DF4C0E; text-transform: uppercase; font-weight: bold; font-size: 12px; padding: 0 0 2px 6px; }
a.button { color: #FFF; text-decoration: none; background: #DF4C0E url(../img/redToutArrow.gif) no-repeat 98% 50%; text-transform: uppercase; padding: 3px 16px 4px 8px; }
a.button:hover { background: #0099C4 url(../img/blueToutArrow.gif) no-repeat 98% 50%; }
a.top { display: block; margin-top: 10px; }

/*-------------------------------------------------
=HEAD/NAV
-------------------------------------------------*/
#head { position: relative; margin-bottom: 10px; }
#head h1 { margin: 0; }
#head h1 a { text-indent: -9999px; overflow: hidden;  height: 84px; background: url(../img/logo.jpg) no-repeat; display: block; }
#head h2 { text-indent: -9999px; overflow: hidden; height: 22px; width: 226px; background-image: url(../img/headTag.gif); position: absolute; top: 16px; right: 17px; margin-bottom: 0; }

#nav { width: 593px; height: 80px; position: absolute; bottom: -33px; right: 3px; }
#nav ul li { display: inline; float: left; }
#nav ul li a { height: 80px; background-image: url(../img/nav.png); text-indent: -9999px; overflow: hidden; display: block; }
#nav ul li a:hover, #nav ul li a.selected { }
#nav ul li#nav-profile a { width: 73px; background-position: 0 0;  }
#nav ul li#nav-expertise a { width: 118px; background-position: -73px 0; }
#nav ul li#nav-solutions a { width: 95px; background-position: -191px 0; }
#nav ul li#nav-technology a { width: 141px; background-position: -286px 0; }
#nav ul li#nav-contact a { width: 83px; background-position: -427px 0; }
#nav ul li#nav-careers a { width: 83px; background-position: -510px 0; }

#nav ul li#nav-profile a:hover, #profile #nav ul li#nav-profile a { background-position: 0 -80px;  }
#nav ul li#nav-expertise a:hover, #expertise #nav ul li#nav-expertise a { background-position: -73px -80px; }
#nav ul li#nav-solutions a:hover, #solutions #nav ul li#nav-solutions a { background-position: -191px -80px; }
#nav ul li#nav-technology a:hover, #technology #nav ul li#nav-technology a { background-position: -286px -80px; }
#nav ul li#nav-contact a:hover, #contact #nav ul li#nav-contact a { background-position: -427px -80px; }
#nav ul li#nav-careers a:hover, #careers #nav ul li#nav-careers a { background-position: -510px -80px; }

/*-------------------------------------------------
=HOME
-------------------------------------------------*/
#homeFeat { position: relative; height: 260px; width: 940px; background: url(../img/homeFeat.png) 0 0 no-repeat; }
#homeFeat h1 { color: #FFF; position: absolute; top: 88px; left: 553px; font-size: 26px; line-height: 32px; }
#getStarted { position: absolute; top: 165px; left: 555px; }
#getStarted h3 a { width: 128px; height: 24px;  text-indent: -9999px; overflow: hidden; display: block; background-image: url(../img/btn-getStarted.gif); }
#getStarted h3 a:hover { background-position: 0 -24px; }

#homeContent { width: 550px; padding: 0 360px 40px 30px; background: url(../img/contentTile.gif) repeat-x; position: relative; }
#homeContent p { font-size: 14px; line-height: 22px; }
.rule550 { width: 550px; height: 1px; background: url(../img/dotRule.gif) repeat-x; margin-bottom: 1em; }
#homeContent h1 { color: #0099C4; padding-top: 15px; }

#homeTouts { width: 300px; position: absolute; top: 20px; right: 20px; overflow: hidden; }
#homeTouts h3 { color: #FFF; }
#homeTouts ul li { background: url(../img/whitePlus.gif) no-repeat 0 5px; margin-top: 5px; padding-left: 10px; color: #FFF; }
.redTout { background-color: #DF4C0E; margin-bottom: 10px; padding: 10px 15px 15px 10px; overflow: hidden; }
#homeTouts a.button { background: #0099C4 url(../img/blueToutArrow.gif) no-repeat 98% 50%; display: block; padding-top: 2px; }
#homeTouts a.button:hover { background: #DF4C0E url(../img/redToutArrow.gif) no-repeat 98% 50%; }

/*-------------------------------------------------
=INTERIOR PAGES
-------------------------------------------------*/
#pageHead { width: 940px; height: 138px; clear: both; border-bottom: 3px solid #FFF; position: relative; margin-bottom: 0; }
#pageHead h1 { color: #FFF; position: absolute; top: 56px; left: 487px; }
#profile #pageHead { background: url(../img/headProfile.png) 0 0 no-repeat; }
#expertise #pageHead { background: url(../img/headExpertise.png) 0 0 no-repeat; }
#solutions #pageHead { background: url(../img/headSolutions.png) 0 0 no-repeat; }
#contact #pageHead { background: url(../img/headContact.png) 0 0 no-repeat; }
#careers #pageHead { background: url(../img/headCareers.png) 0 0 no-repeat; }
#technology #pageHead { background: url(../img/headTech.png) 0 0 no-repeat; }

#content { width: 917px; padding: 40px 0 40px 17px; background: url(../img/contentTile.gif) repeat-x; margin-left: 3px; overflow: hidden; }
h2.careerTitle { margin: 35px 0 0 0; padding-top: 5px; border-top: 1px dotted #7B7B7B;  }
#careers #content h3 + ul { margin-bottom: 1em; }
#careers #content li { background: url(../img/bluePlus.gif) no-repeat 0 5px; margin-bottom: 8px; padding-left: 12px; }
#careers #content li ul { margin-top: 6px; }
#careers #content li li { background: url(../img/blueDash.gif) no-repeat 0 7px; margin-bottom: 6px; padding-left: 12px; }
ul#itemList li { display: block; background: url(../img/dotRule510.gif) no-repeat bottom; padding-bottom: 0.5em; margin-bottom: 1em; }
ul.jobList li { background: url(../img/dotRule510.gif) no-repeat top; padding-top: 0.5em; margin-top: 1em; margin-bottom: 1em; }
ul.jobList { margin-bottom: 5em; margin-top: -0.5em; }
ul.jobLinks { padding-bottom: 2em; margin-bottom: 2em; }
.jobLinks a { font-size: 13px; margin-bottom: 0.25em; color: #0099C4; font-weight: bold; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid #0099C4; cursor: pointer; }
.jobLinks a:hover { color: #E84704; border-bottom-color: #E84704; }
#careers h1 a { text-decoration: none; color: #DF4C0e; cursor: default; }
#careers ul#itemList li { display: block; background: url(../img/dotRule510.gif) no-repeat top; padding: 1em 0 0 0; margin-bottom: 1em; }

#sidebarLeft { width: 160px; margin-right: 20px; float: left; }
#sidebarLeft dl { margin: 5px 5px 0 5px; font-size: 11px; }
#sidebarLeft dt { height: 20px; }
#sidebarLeft dl dd { padding-left: 10px; background: url(../img/greyDash.gif) no-repeat 0 9px; line-height: 14px; margin-bottom: 5px; }
#center { width: 510px; margin-right: 20px; float: left; }
#center dl { background-color: #F0F0F0; padding: 12px 15px 7px 15px; margin-bottom: 1em; }
#center dl dt { font-size: 13px; margin-bottom: 0.75em; font-weight: bold; color: #0099c4; text-transform: uppercase; }
#center dl dd { background: url(../img/bluePlus.gif) no-repeat 0 5px; margin-bottom: 8px; padding-left: 12px; }
#center dl dd dl { margin: 0; padding: 7px 15px 3px 5px; }
#sidebarRight { width: 170px; float: right; background-color: #0099C4; padding: 10px; }
#sidebarRight p, #sidebarRight a { color: #FFF; }

/*-------------------------------------------------
=FORM
-------------------------------------------------*/
#contactForm { background-color: #E6E6E6; padding: 15px 20px 20px 20px; position: relative; border-top: 3px solid #D5D5D5; margin-top: 20px; }
table { width: 470px; }
td { width: 225px; }
td.tdRight { padding-left: 20px; }
input, textarea { border-top: 1px solid #C2C2C2; border-left: 1px solid #C2C2C2; border-right: none; border-bottom: none; background: #FFF; text-align: left; padding: 1px; display: block; margin: 1px 0 10px 0; color: #7B7B7B; }
input:focus, textarea:focus { background-color: #e9f9fd; }
form textarea { margin-top: 3px; display: block; }
label { font-size: 10px; }
input { width: 220px; }
textarea { width: 466px; margin-bottom: 20px; }

input.formBtn { padding: 0; margin: 0; height: 24px; width: 76px; }
h2.alert { color: #FF0000; }

/*-------------------------------------------------
=FOOTER
-------------------------------------------------*/
#foot { height: 55px; width: 900px; background-image: url(../img/footerBg.png); margin-bottom: 40px; padding: 0 23px 0 20px; }
#footContent { height: 30px; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; }
#foot p { font-size: 10px; line-height: 10px; color: #929292; float: left; margin-top: 10px; margin-bottom: 10px; }
#foot a { text-decoration: underline; color: #929292; }
#foot a:hover { color: #0099c4; }
#foot p.footSite { float: right; }