/**
 * Defaults and Resets
 */
html, body {margin: 0px; padding: 0px;}

body {font-family: Arial, Verdana, Sans-Serif; font-size: 12px; line-height: 20px; color: #7b7b7b; background: #474747;}

form {margin: 0px; padding: 0px;}

img {border: 0px;}

td {vertical-align: top;}

p {margin-top: 0px;}

a,
a strong {color: #262752;}
a:link, a:visited {text-decoration: none;}
a:hover {text-decoration: underline; }

h1 {margin: 0 0 20px 0; font-family: Times New Roman, Georgia, Serif; font-size: 16px; color: #402b73; line-height: normal;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

strong {color: #32aee2;}

.separator {margin: 20px 0 20px 0; height: 1px; font-size: 1px; line-height: 1px; background: url(../i/dash.gif) repeat-x;}

.negativeLeftMargin {margin-left: -30px;}

.top {text-align: right; padding: 20px 15px 20px 0;}

/**
 * Lists
 */
ul.inline {margin: 0px; padding: 0px; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0px; padding: 0px; list-style-type: none;}

/**
 * Layout
 */
#masterWrapperWrapper {background: #fff url(../i/bg.gif) repeat-x;}

#masterWrapper {background: url(../i/right-banner-bg.gif) no-repeat 1000px 126px;}

#master {width: 1000px; margin: auto;}

#header {position: relative; height: 126px;}
#header .logo {position: absolute; top: 50px; left: 50px;}
#header .nav {position: absolute; top: 60px; right: 110px; font-size: 12px; line-height: 21px; color: #827d87; font-family: Verdana, Arial, Sans-Serif;}
#header .nav a {color: #827d87; text-decoration: none;}
#header .nav a:hover {color: #a26cdb;}
#header .nav ul {margin: 0px; padding: 0px; list-style-type: none;}
#header .nav ul li {display: inline; padding: 3px 20px 3px 20px; background: url(../i/header-nav-separator.gif) no-repeat;}
#header .nav ul li.firstItem {background: none;}
#header .nav ul li.facebook {background: none; padding: 0; position: relative; top: 9px;}
#header .follow {position: absolute; top: 15px; right: 40px; margin: 0; padding: 0; list-style-type: none;}
#header .follow li {float: left; padding: 0 0 0 7px;}

#banner {height: 58px; padding: 30px 0 0 80px; background: #33356c url(../i/banner-bg.gif) no-repeat;}
#banner .section {float: left; padding-right: 20px;}
#banner .page {float: left; padding-top: 5px; font-size: 16px; color: #32aee2; line-height: normal;}
#banner .page span {color: #a2cd43;}

#page {width: 1000px; padding-bottom: 40px; margin-top: -21px; background: url(../i/body-bg-sidebar.jpg) no-repeat;}

#pageHeader .abstract {float: left; width: 520px; position: relative; left: 80px; margin: 30px 0 20px 0; padding-bottom: 20px; font-family: Arial, Verdana, Sans-Serif; font-size: 12px; line-height: 20px; background: url(../i/dash.gif) repeat-x left bottom;}
#pageHeader .subnav {float: right; width: 215px; padding: 25px 60px 0 0px;}
#pageHeader .subnav ul {font-family: Verdana, Arial, Sans-Serif; margin: 0px; padding: 0px; list-style-type: none;}
#pageHeader .subnav ul li {color: #a2cd43; background: url(../i/subnav-dash.gif) repeat-x left bottom; padding: 7px 0 7px 0;}
#pageHeader .subnav ul li a {font-weight: bold; color: #616060; text-decoration: none;}
#pageHeader .subnav ul li a:hover {color: #32aee2;}
#pageHeader .subnav ul li.lastItem {background: none;}

#body {padding: 0 30px 20px 80px; background: url(../i/body-bg-footer.gif) no-repeat 73px bottom;}

#masterFooterWrapper {background: url(../i/bg-master-footer.gif) repeat-x;}

#masterFooter {padding: 25px 0 50px 60px; width: 940px; margin: auto; font-family: Verdana, Arial, Sans-Serif; font-size: 10px; color: #d0d0d0;} 
#masterFooter .legal {float: left; width: 275px;}
#masterFooter .nav {float: right; width: 660px; color: #d0d0d0; text-align: right;}
#masterFooter .nav ul {margin: 0px; padding: 0px; list-style-type: none;}
#masterFooter .nav ul li {display: inline;}
#masterFooter .nav ul li a {padding: 0 10px 0 10px; color: #d0d0d0; text-decoration: none;}
#masterFooter .nav ul li a:hover {color: #fff;}

.contentBlock .leftColumn {float: left;}
.contentBlock .rightColumn {float: right;}
.contentBlock .narrowColumn {width: 320px;}
.contentBlock .wideColumn {width: 550px;}

/**
 * Home Page
 */
body.home #masterWrapperWrapper {background-image: url(../i/bg-home.gif);}

body.home #masterWrapper {background-image: url(../i/right-banner-bg-home.gif);}

body.home #header {height: 96px;}

body.home #banner {background: none; height: 103px;} /* margin-top: -38px; */

body.home #page {background: none; margin-top: 0; padding-top: 30px;}

body.home #body {background: none;}

/*
#features {padding-bottom: 40px; font-family: Verdana, Arial, Sans-Serif; line-height: 17px; color: #262016;}
#features h2 {margin: 0; font-size: 17px; font-weight: normal; line-height: normal; color: #9ecc3b;}
#features h2.media {color: #29abe2;}
#features em {color: #402b73;}
#features .feature {min-height: 270px; width: 298px;}
#features .title {padding-bottom: 5px;}
#features .feature1 {float: left; width: 267px; padding: 10px 35px 0 60px; background: url(../i/feature-separator.gif) no-repeat right 20px;}
#features .feature2 {float: left; padding: 10px 20px 0 20px; background: url(../i/feature-separator.gif) no-repeat right 20px;}
#features .feature2 .title {padding-bottom: 7px;}
#features .feature3 {float: left; width: 258px; padding: 10px 0 0 20px;}
#features .feature3 .title {padding-bottom: 7px;}
#features .advertise .content {padding: 2px 0 20px 0;}
#features .partner {padding-top: 40px;}
#features .partner .content {padding: 2px 0 20px 0;}
#features .more {text-align: right;}
*/

#front { font-family: Verdana, Arial, Sans-Serif; line-height: 17px; color: #262016;}
#front .head {width: 900px; margin: 0 0 30px 0; padding: 0 50px 10px 50px; background: url(../i/front_page/separator.gif) no-repeat center bottom;}
#front h1 {margin: 0 0 20px 0; text-align: center;}
#front h2 {margin: 0 0 10px 0;}
#front p {margin: 0 0 15px 0;}
#front .foot {width: 900px; padding: 0 50px; margin: 0 0 30px 0;}
#front .left {float: left; width: 390px; padding: 0 70px 0 0;}
#front .right {float: left; width: 420px;}
#front .more {text-align: right;}
#front .accent {color: #402b73;}

/**
 * News Ticker
 */
#newsTicker {width: 954px; height: 39px; margin: 0 0 0px 55px;  background: url(../i/bg-news-ticker.gif) no-repeat;}
#newsTicker .content {width: 100%;}
#newsTicker .title {float: left; width: 62px; padding: 13px 0 0 12px;}
#newsTicker .title img {display: block;}
#newsTicker .newsHeadlines {float: left; position: relative; width: 805px; height: 39px; padding: 0 0 0 20px; overflow: hidden;}
#newsTicker .newsHeadlines div {position: absolute; top: 34px;}
#newsTicker a {color: #262752;}

/**
 * Rounded Corner Boxes
 */
div.rounded {width: 100%; background: #d3d3d3 url(../i/sb-t.gif) repeat-x;}
div.rounded .l {width: 100%; background: url(../i/sb-l.gif) repeat-y;}
div.rounded .b {width: 100%; background: url(../i/sb-b.gif) repeat-x left bottom;}
div.rounded .r {width: 100%; background: url(../i/sb-r.gif) repeat-y right top;}
div.rounded .tl {width: 100%; background: url(../i/sb-tlc.gif) no-repeat;}
div.rounded .tr {width: 100%; background: url(../i/sb-trc.gif) no-repeat right top;}
div.rounded .bl {width: 100%; background: url(../i/sb-blc.gif) no-repeat left bottom;}
div.rounded .br {width: 100%; background: url(../i/sb-brc.gif) no-repeat right bottom;}

/**
 * Client Showcase
 */
body.clientShowcase #pageHeader .abstract {width: 580px; background: none; margin-bottom: 0;}

.caseStudyList .title {text-align: center; padding: 0 0 20px 0;}
.caseStudyList .row {padding: 0 0 10px 0;}
.caseStudyList .item {float: left; width: 122px; height: 122px; padding: 10px; background: url(../i/thumb-back.gif) no-repeat;}
.caseStudyList .firstRow .item {background-image: url(../i/thumb-back-top.gif);}

/**
 * Single Column Layout Styles
 */
body.singleColumnLayout #page {background: url(../i/body-bg.jpg) no-repeat 10px 0;}
 
/**
 * Taleo Job Page
 */
body.taleo #pageHeader .abstract {font-family: Arial, Verdana, Sans-Serif; font-size: 12px; line-height: 20px; color: #646585;}

/**
 * Forms
 */
form .text, form textarea {font-family: Arial, Verdana, Sans-Serif; font-size: 12px;}

form.form {width: 100%;}
form.form .row {padding: 0px 0px 5px 0px;}
form.form .label {float: left; width: 120px; padding-right: 10px; text-align: right;}
form.form .field {float: left; width: 240px;}