@charset "UTF-8";
/* universal */
body { background-image:url(../images/background.png); background-repeat:repeat-x; width:100%; height:100%; margin:0px; padding:0px; background-color:#399DD1; font-family: Helvetica, sans-serif; }
.wrapper { width:1024px; margin:0px auto; }
a { outline:none }
img {border:none}
#linkBold { font-weight:bold }
.blueRsaquo { color:#0080C3 }
#clear { clear:both }
#marginTop { margin-top:5px }
#leftFloat { float:left; margin:-2px 5px 0 0 }
#pointer { cursor:pointer }
.breaker { height:20px }

/* header */
.head { height:132px; width: 997px; margin:0px auto; margin-top:10px;  display:block; clear:both; position:relative; z-index:1  }
.head #call { width:977px; font-size:12px; color:#666; text-align:right; }
.head #banner { background-image:url(../images/headerBanner.png); height:80px; width:997px; cursor:pointer; margin:-15px 0 0 0 }
.head #banner p { padding:31px 0 0 334px; font-size:1.4em; line-height:100%; font-weight:bold }

/* nav */
.nav { width:576px; height:44px; margin:-18px 0 18px 295px; display:block; line-height:100% }
.nav ul { margin:0px; list-style:none; padding:0px; }
.nav li { display:inline; margin:0px; padding:0px;  font-size:16px; cursor:pointer; display:block; float:left }
.nav a { float:left; text-decoration:none; height:34px; width:141px; padding:10px 0 0 0; margin:0 3px 0 0; background-image:url(../images/navTabDefault.png); background-repeat:no-repeat; display:block }
.nav a span { text-align:center; display:block; color:#0080C3; display:block }
/* tab drop down on hover 
.nav li a:hover { height:34px; float:left; text-decoration:none; font-weight:bold; background-image:url(../images/navTabSelected.png); padding:20px 0 0 0;  width:141px; } */
.nav li a:hover { float:left; text-decoration:none; height:34px; width:141px; padding:10px 0 0 0; margin:0 3px 0 0; background-image:url(../images/navTabSelectedAlt.png); background-repeat:no-repeat; display:block; font-weight:bold }
#selected { height:34px; float:left; text-decoration:none; font-weight:bold; background-image:url(../images/navTabSelected.png); padding:20px 0 0 0;  width:141px; }

/* subnav */
.subNav { margin:-8px 0 0 10px; width:200px; height:auto; float:left; color:#757575; line-height:100%; cursor: pointer; }
.subNavActive { margin:-10px 0 10px -30px; padding:10px 20px 10px 30px; width:140px; float:left; color:#757575; line-height:125%; font-weight:bold; background-color:#B2D9ED; cursor: pointer; }
.subNavActiveLow { margin:-10px 0 -10px -30px; padding:10px 20px 10px 30px; width:140px; float:left; color:#757575; line-height:125%; font-weight:bold; background-color:#B2D9ED; cursor: pointer; }

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* homepage */
.hpImgRotator { width:662px; height:199px }

/* content */
.contentTop { background-image:url(../images/contentTop.png); height:11px; width:954px; margin:0px auto; }
.content { width:878px; margin:0px auto; background-image:url(../images/contentBground.png); padding:18px 39px 39px 39px; }
.leftCol { width:690px; min-height:500px }
.leftCol h1 { font-size:15px; margin:0px 0 30px 0px; line-height:22pt; font-weight:bold; }
#general { color:#717171; font-size:14px; line-height:22px }
#general p { margin-left:10px }
#general a:link { color:#0080C3; text-decoration: none; }
#general a:visited { color:#0080C3; text-decoration: none; }
#general a:active { color:#0080C3; text-decoration: none; }
#general a:hover { color:#0080C3; text-decoration: underline; }
.imgInset { float:left; margin:0 15px 5px 0}
.imgHead { clear:both; padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid #CCC }
.stars { clear:both; margin:0 0 10px 0; height:18px }
.stars img { float:left; margin:0 3px 0 0 }
.singleCol { width:662px; color:#717171; font-size:14px; line-height:22px; }
.singleCol h1 { font-size:14px; margin:0px 0 3px 10px; padding:10px 0 0 0; font-weight:bold; }
.singleCol a:link { color:#0080C3; text-decoration: none; }
.singleCol a:visited { color:#0080C3; text-decoration: none; }
.singleCol a:active { color:#0080C3; text-decoration: none; }
.singleCol a:hover { color:#0080C3; text-decoration: underline; }
.singleCol p { margin:10px 10px 10px 10px; padding:0 5px 0 0; font-size:14px; line-height:22px }
.singleCol p#flush { margin:0px 0 3px 0 }
.singleCol ul { margin:3px 0 30px 0; padding:0 0 0 15px }
.singleCol li {  background:url(../images/listArrow.png) top left no-repeat; padding:0 0 0 10px; list-style: none; }
.customerHighlight { background-image:url(../images/customers/highlightBgroundTop.png); background-position:top; background-repeat:no-repeat; width:682px; margin:20px 0 20px 0; padding:20px 0 0 0 }
.customerHighlightBottom { background-image:url(../images/customers/highlightBgroundBottom.png); background-repeat:no-repeat; height:25px; }
.customerHighlightWrapper { border-left:5px solid #A1CDE7; border-right:5px solid #D3E6B8; }
.customerHighlight h1 { margin:0 0 10px 15px }
.customerHighlight #row { width:644px; border-bottom:1px solid #CCE6F3; margin:25px 0 25px 15px; padding:0 0 25px 0; cursor:pointer }
#customerHighlightText { float:right; width:405px; margin:0 40px 0 0; }
#customerHighlightImg { margin:10px 0 0 0; float:left }
.customerHighlight #bottomRow { width:644px; border-bottom:none; margin:25px 0 0px 15px; padding:0 0 0px 0; cursor:pointer }
.custmerLowerImgRow { width:662px; text-align:left; margin:0 0 50px 20px }
.custmerLowerImgRow #imgMid { margin:0 100px 0 100px }
.copy { width:436px; color:#717171; float:right; margin:20px 10px 0 25px; padding:0 5px 0 0; font-size:14px; line-height:22px }
.copy h1 { font-size:14px; margin:0 0 3px; font-weight:bold; clear:none }
.copy a:link { color:#0080C3; text-decoration: none; }
.copy a:visited { color:#0080C3; text-decoration: none; }
.copy a:active { color:#0080C3; text-decoration: none; }
.copy a:hover { color:#0080C3; text-decoration: underline; }
.copy p { margin:0px 0 30px 0; font-size:14px; line-height:22px }
.copy p#flush { margin:0px 0 3px 0 }
.copy ul { margin:3px 0 30px 0; padding:0 0 0 15px }
#oneColUL { float:none; margin:3px 0 30px 0; padding:0 0 0 15px; color:#717171; font-size:14px; line-height:22px; }
#oneColUL li { background:url(../images/listArrow.png) top left no-repeat; padding:0 0 0 10px; list-style: none } 
.copy li {  background:url(../images/listArrow.png) top left no-repeat; padding:0 0 0 10px; list-style: none; }
.unordered ul { margin:3px 0 30px 0; padding:0 0 0 15px }
.unordered li {  background:url(../images/listArrow.png) top left no-repeat; padding:0 0 0 20px; list-style: none; margin:0 0 22px 0 }
.ordered ol { margin:3px 0 22px 30px; padding:0 0 0 5px }
.ordered li { margin:0 0 22px 0; }
.imgList { width:436px; clear:both; margin:0 0 30px -3px; height:66px;  }
.imgList img { float:left }
.imgList p { padding:10px 0 0 0; }
.imgList2 { width:436px; clear:both; margin:0 0 30px -3px; display:block; cursor:pointer  }
.imgList2 img { float:left  }
.imgList2 p { padding:0px 0 0 0; float:right; width:370px; }
.imgList2 ul {  padding:0px 0 0 0; float:right; width:370px; margin:7px 0 10px 0 }
.blueHead { font-weight:bold; color:#717171; background-image:url(../images/blueHeadArrow.png); background-position:left center; background-repeat:no-repeat; padding:3px 0 0 15px }
.pricingBground { background-color:#F1F8FC; width:403px; margin:-20px 0 40px -10px; padding:15px 40px 0 10px; background-image:url(../images/products/pricingBgroundTop.png); background-repeat:no-repeat }
.pricingBground ul { margin:3px 0 15px 0; padding:0 0 0 15px }
.pricingBgroundBottom {background-image:url(../images/products/pricingBgroundBottom.png); background-repeat:no-repeat; height:7px; clear:both; display:block; width:453px; margin:0px 0px 0px -10px; padding:0px }
.docList { padding-left:15px; margin-bottom:30px;}
.docList div { margin:0 0 0 30px; padding:0 0 8px 0; text-align:left; }
.docList img { float:left; }
.docList #thin { margin:0 0 0 2px }
.highlight { background-image:url(../images/partners/highlightTop.png); background-position:top; background-repeat:no-repeat; padding:10px; width:402px }
.highlight #highlightBottom { background-image:url(../images/partners/highlightBottom.png); background-repeat:no-repeat; height:20px; }
.highlight p { border-left:5px solid #A1CDE7; border-right:5px solid #D3E6B8; margin:10px 0 0 0; padding:30px 20px 30px 20px }
.highlight p img { margin:0px auto; display:block; margin-top:20px; margin-bottom:20px }
#sfdcHeadImg { margin:10px 15px 0 0; float:left }
.sfdcHighlight { background-image:url(../images/sfdc/sfdcHighlight.png); background-repeat:no-repeat; float:right; width:465px; height:134px; margin:0 15px 0 0; padding:7px 0 0 30px }
.sfdcHighlight ul { margin:3px 0 0 0; padding:0 0 0 15px }
.sfdcHighlight li {  background:url(../images/listArrow.png) top left no-repeat; padding:0 0 0 20px; list-style: none; margin:0 0 0px 0 }
.sfdcHighlight p { margin-bottom:3px }
.sfdcTextTop { margin-right:10px }
.sfdcText { color:#717171; font-size:14px; line-height:22px; clear:both; display:block; padding:30px 0 0 0; margin:0 0 3px 0 }
.sfdcQuote { margin:50px 0 40px 170px; }
.sfdcText ul { margin:3px 0 15px 0; padding:0 0 0 15px }
.sfdcText li {  background:url(../images/listArrow.png) top left no-repeat; padding:0 0 0 20px; list-style: none; margin:0 0 3px 0 }
.sfdcRightCol { margin:15px 0 0 15px }
.sfdcRightCol img { margin:15px 0 20px 0; clear:both; display:block }
.leaderPic { float:left; margin:0 15px 15px 0 }
.pressRelIcon { float:left; margin:-8px 12px 0 0; }
.pressRelIconLG { float:left; margin:0 20px 20px 0 }
#hq { float:left; margin:0 15px 150px 0 }
.caseStudiesHead { font-size:20px; margin:10px 0 30px 10px; padding:0 50px 0 0 }
.caseStudiesHead img { float:left; margin:0px 40px 0 0 }
#caseStudiesFlush { margin: 0 0 3px 10px }

/* Flash */
#demo { color:#717171; font-size:14px; line-height:22px; margin:8px 0 0 0; padding:0px }
#pFlush { margin-bottom:3px }

/* form */
.oneCol { width:883px; }
.oneCol a:link { color:#0080C3; text-decoration: none; }
.oneCol a:visited { color:#0080C3; text-decoration: none; }
.oneCol a:active { color:#0080C3; text-decoration: none; }
.oneCol a:hover { color:#0080C3; text-decoration: underline; }
.oneCol #headerImg { margin:0 0 25px 0; clear:both; position:relative; z-index:0 }
.oneCol p { color:#717171; font-size:14px; line-height:22px; margin:-15px 0 30px 0; position:relative; z-index:1 }
td { color:#717171; font-size:14px; line-height:22px; font-weight:bold; padding:0 0 15px 0 }
input { width:205px; height:25px; color:#717171; font-size:12px; line-height:22px; padding:0 0 2px 0; border:none; background-image:url(../images/form/background.png); background-repeat:no-repeat; outline:none }
.submit { width:144px; height:50px; outline:none; margin:22px 0 0 0 }
select { width:205px; height:25px; color:#717171; font-size:12px; line-height:22px; padding:5px; outline:none; background-color:#E5F2F9; border:none; background-image:url(../images/form/background.png); }
option { background-color:1px solid #0080C3; color:#717171; font-size:12px; line-height:22px; }
/* .topleft{ margin:0; padding:0; background:url(../images/form/topLeft.png) top left no-repeat; background-color:#E5F2F9; width:205px; height:25px; border:1px solid #0080C3}
.topright{ margin:0; padding:0; background:url(../images/form/topRight.png) top right no-repeat;}
.bottomright{ margin:0; padding:0; background:url(../images/form/bottomRight.png) bottom right no-repeat;}
.bottomleft{ margin:0; padding:0; background:url(../images/form/bottomLeft.png) bottom left no-repeat;} */

/* third column */
.thirdCol { width:247px; height:476px; margin:-11px 0 0 704px; float:right; position:absolute }
.thirdColHome { width:247px; height:203px; margin:-11px 0 0 704px; float:right; position:absolute }
.thirdColLinks { width:176px; border-bottom:1px solid #CCC; padding:0px 0 8px 16px; font-size:12px; color:#757575; line-height:100% }
#thirdColLinksAlt { padding:8px 0 8px 16px }
.thirdColLinks a:link { color:#757575; text-decoration: none; }
.thirdColLinks a:visited { color:#757575; text-decoration: none; }
.thirdColLinks a:active { color:#757575; text-decoration: none; }
.thirdColLinks a:hover { color:#757575; text-decoration: underline; }
#socialNet { color:#757575; font-size:12px; margin:6px 0 0 16px; height:50px; line-height:100% }
#socialNet img { float:left; margin:5px 20px 0 0 }
#quote { margin:30px 0 0 0 }
.arrow { background-image:url(../images/rightCol/arrow.png); height:90px; width:249px; background-repeat:no-repeat; cursor:pointer; color:#FFF; }
.arrow #headText { text-transform:uppercase; font-size:22px; padding:26px 0 0 15px; line-height:100% }
.arrow #lowerText { font-size:.79em; padding:0 0 0 16px; line-height:125% }

/* homepage */
.homeMid { height:257px; width:956px; margin:20px 0 0 0 }
.homeMid .box { float:left; margin:0 30px 0 0;  height:257px; width:171px; background-repeat:no-repeat; color:#666; padding:120px 10px 0 15px; font-size:14px; line-height:135%; cursor:pointer }
.homeMid .box #link { color:#0D86C6; text-align:right; margin:30px 0 0 0 }
.homeMid .box #linkAlt { color:#0D86C6; text-align:right; margin:11px 0 0 0 }
.homeMid .box a:link { color:#0D86C6; text-decoration: none; }
.homeMid .box a:visited { color:#0D86C6; text-decoration: none; }
.homeMid .box a:active { color:#0D86C6; text-decoration: none; }
.homeMid .box a:hover { color:#0D86C6; text-decoration: underline; }
#box1 { background-image:url(../images/homepage/box1.png) }
#box2 { background-image:url(../images/homepage/box2.png) }
#box3 { background-image:url(../images/homepage/box3.png) }
#box4 { background-image:url(../images/homepage/box4.png) }
.homeLow { height:120px; width:870px; margin:65px 0 30px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC; text-align:center; padding:40px 0 0 0 }
.homeLow #img1 { float:left; margin:-5px 0 0 160px }
.homeLow #img2 { float:right; margin:0 160px 0 0 }
h1 { clear:both; font-size:10pt; text-align:left; margin:20px 0 20px 0; color:#717171 }
p { font-size:9pt; text-align:left; margin:10px 0 0 0; line-height: 15pt; color:#717171 }

/* footer */
.footer { background-image:url(../images/footer.png); position:relative; width:1006px; height:49px; background-repeat:no-repeat; margin:0px auto; color:#FFF; padding:15px 0 0 0; font-size:12px; text-align:center }
.footer #left { float:left; width:188px; margin:0 0 0 168px }
.footer #right { float:right; width:487px; margin:0 160px 0 0 }
.footer a:link { color:#FFF; text-decoration: none; }
.footer a:visited { color:#FFF; text-decoration: none; }
.footer a:active { color:#FFF; text-decoration: none; }
.footer a:hover { color:#FFF; text-decoration: underline; }