/*---------- RESET -----------*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body {color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
img{vertical-align:top; border:0px;}
legend{height:0; font-size:0;}
a, input, select, textarea, img{outline:none;}
/*-----Template Styles------- */
body {font-size:62.5%; font-family:Arial, Tahoma, Verdana, Sans-Serif; background: #ffffff url(/i/bg_gradient.gif) repeat-x top left; }
.clear, .Clear{clear:both; font-size:0; line-height:0; height:0;}
A { color: #5b253d; font-weight: bold; text-decoration: none; }
A:hover { text-decoration: underline; }
TEXTAREA { resize: none; font-family:Arial, Tahoma, Verdana, Sans-Serif; }
#master { position: relative; width: 965px; margin: 0 auto; left: 10px; }
#master_wrapper { background: transparent url(/i/bg_blueberries_wide.jpg) no-repeat center 340px; }
.browserIE6 #master { background: none; }
#header { height: 160px; background: transparent url(/i/bg_header.jpg) no-repeat top left; }
#headerLink { display: block; height: 160px; width: 100%; }
#topNav {display: inline-block; margin: 0 0 5px 0;}
#topNav LI { float: left; }
#topNav LI A { display: block; width: 209px; height: 40px; padding: 35px 15px 0 16px; font-weight: normal; background: transparent url(/i/topNav.gif) no-repeat left top; font-size: 1.1em; color: #9f6c7a; text-decoration: none; }
#topNav LI.quote A { width: 200px; padding: 35px 15px 0 19px; background-position: 0 0; }
#topNav LI.quote A:hover, #topNav LI.quote A.hover { background-position: 0px -75px; }
#topNav LI.demo A { background-position: -234px 0; }
#topNav LI.demo A:hover, #topNav LI.demo A.hover { background-position: -234px -75px; }
#topNav LI.contact A { background-position: -474px 0; }
#topNav LI.contact A:hover, #topNav LI.contact A.hover { background-position: -474px -75px; }
#topNav LI.freephone { width: 234px; height: 75px; background: transparent url(/i/topNav.gif) no-repeat -713px 0; }
.dropDown { position: absolute; top: 227px; left: 4px; z-index: 2; width: 941px; }
.dropDown .top { display: none; height: 4px; background: transparent url(/i/bg_dropdown_top.gif); }
.dropDown .middle { display: none; background: transparent url(/i/bg_dropdown.png) repeat 0 0; }
.dropDown .bottom { display: none; height: 28px; background: transparent url(/i/bg_dropdown_bottom.png) no-repeat left top; }
.browserIE6 .dropDown .middle { background: transparent url(/i/bg_dropdown_IE.gif) repeat 0 0; }
.browserIE6 .dropDown .bottom { background: transparent url(/i/bg_dropdown_bottom_IE.gif) no-repeat left top; }
.dropDown .close { width: 71px; height: 22px; position: absolute; right: 438px; bottom: 0; cursor: pointer; }
.dropDown .mapPopup { display: none; position: absolute; right: 35px; top: 3px; z-index: 3; width: 701px; height: 242px; }
.dropDown .mapPopup .mapTop { width: 100%; height: 9px; background: transparent url(/i/mapPopup_top.gif) no-repeat left bottom; }
.dropDown .mapPopup .mapMiddle { display: inline-block; width: 100%; padding: 0 12px 5px 12px; background: transparent url(/i/mapPopup_middle.gif) repeat-y left top; }
.dropDown .mapPopup .mapMiddle H3 { margin: 0 0 10px 0; font-size: 1.8em; color: #621a42; }
.dropDown .mapPopup .mapMiddle P { font-size: 1.1em; color: #a35e78; }
.dropDown .mapPopup .mapMiddle IMG { border: 2px solid #ffffff; }
.dropDown .mapPopup .mapMiddle #map { position: static; height: 196px; border: 2px solid #ffffff; }
.dropDown .mapPopup .mapMiddle .mapCol1 { float: left; width: 140px; margin: 0 10px 0 0; }
.dropDown .mapPopup .mapMiddle .mapCol2 { float: left; width: 335px; height: 195px; margin: 0 10px 0 0; }
.dropDown .mapPopup .mapMiddle .mapCol3 { float: left; width: 180px; }
.dropDown .mapPopup .mapBottom { width: 100%; height: 32px; background: transparent url(/i/mapPopup_bottom.gif) no-repeat left top; }
.dropDown .mapPopup .mapBottom #mapPopupClose { position: absolute; right: 3px; bottom: 3px; width: 70px; height: 25px; }
.browserIE6 .dropDown .mapPopup .mapBottom #mapPopupClose { right: 22px; bottom: 3px; }
.dropDown.getQuote .middle { padding: 0 56px; }
.dropDown.requestDemo .middle { padding: 0 100px; }
.dropDown.contactUs .middle { padding: 0 35px; }
.dropDownContainer { display: inline-block; padding: 25px 0 20px 0; }
.dropDownContainer .column1 P { color: #d39fad; font-size: 1.1em; margin: 7px 0; }
.dropDown.requestDemo .column1 { float: left; width: 220px; margin: 0 15px 0 0; }
.dropDown.requestDemo .column2 { float: left; width: 474px; }
.dropDown.getQuote .column1 { float: left; width: 207px; margin: 0 10px 0 0; }
.dropDown.getQuote .column2 { float: left; width: 330px; margin: 0 10px 0 0; }
.dropDown.getQuote .column3 { float: left; width: 268px; }
.dropDown.contactUs .column1 { float: left; width: 390px; margin: 0 15px 0 0; }
.dropDown.contactUs .column2 { float: left; width: 464px; }
.dropDown .textBox { height: 24px; width: 472px; margin: 0 0 5px 0; background: transparent url(/i/textBox_bg.gif) no-repeat right top; }
.browserIE6 .dropDown .textBox { margin: 0 0 3px 0; }
.dropDown.getQuote .textBox { width: 330px; }
.dropDown.contactUs .textBox { width: 460px; }
.dropDown .textBox LABEL { float: left; width: 107px; height: 20px; padding: 4px 27px 0 0; color: #ffffff; font-size: 1.1em; text-align: right; background: transparent url(/i/textBoxLabel.gif) no-repeat left top; }
.dropDown .textBox INPUT { width: 330px; height: 21px; padding: 3px 0 0 0; font-size: 1.3em; color: #ffffff; border: none; background: none; }
.dropDown.getQuote .textBox INPUT { width: 188px; }
.dropDown.contactUs .textBox INPUT { width: 315px; }
.dropDown .textArea { height: 72px; width: 472px; margin: 0 0 0 0; background: transparent url(/i/textArea_bg.gif) no-repeat right top; }
.dropDown .textArea LABEL { float: left; width: 107px; height: 68px; padding: 4px 27px 0 0; color: #ffffff; font-size: 1.1em; text-align: right; background: transparent url(/i/textAreaLabel.gif) no-repeat left top; }
.dropDown .textArea TEXTAREA { width: 335px; height: 64px; padding: 3px 0 0 0; font-size: 1.3em; overflow: auto; color: #ffffff; border: none; background: none; }
.dropDown.contactUs .textArea { width: 462px; background: transparent url(/i/textArea_bg_contact.gif) no-repeat right top;}
.dropDown.contactUs .textArea TEXTAREA { width: 325px; }
.dropDown.getQuote .textArea { height: 136px; width: 268px; margin: 0 0 0 0; background: transparent url(/i/textArea_bg_getQuote.gif) no-repeat left 22px; }
.dropDown.getQuote .textArea LABEL { float: left; width: 240px; height: 21px; padding: 1px 0 0 25px; color: #ffffff; font-size: 1.1em; text-align: left; background: transparent url(/i/textAreaLabel_getQuote.gif) no-repeat left top; }
.dropDown.getQuote .textArea TEXTAREA { width: 255px; height: 105px; padding: 3px 0px 15px 10px; font-size: 1.3em; overflow: auto; color: #ffffff; border: none; background: none; }
.dropDown .submitArea { display: inline-block; }
.browserIE6 .dropDown .submitArea { display: inline-block; position: relative; top: -2px; }
.dropDown .submitArea .col1 { float: left; width: 292px; height: 32px; background: transparent url(/i/textAreaBottom.gif) no-repeat right top; }
.dropDown.contactUs .submitArea .col1 { float: left; width: 282px; height: 32px; background: transparent url(/i/textAreaBottom_contactUs.gif) no-repeat right top; }
.dropDown .submitArea .col2 { float: left; width: 182px;}
.dropDown .submitArea A { display: block; width: 182px; height: 34px; }
.dropDown.requestDemo .submitArea A { background: transparent url(..//i/buttons/getDemoNow.gif) no-repeat left -1px; }
.dropDown.requestDemo .submitArea A:hover { background: transparent url(..//i/buttons/getDemoNow.gif) no-repeat left -35px; }
.dropDown.contactUs .submitArea A { background: transparent url(..//i/buttons/sendMessage.gif) no-repeat left -1px; }
.dropDown.contactUs .submitArea A:hover { background: transparent url(..//i/buttons/sendMessage.gif) no-repeat left -35px; }
.dropDown.getQuote .submitArea .col1 { float: left; width: 85px; height: 32px; background: transparent url(/i/textAreaBottom_qetQuote.gif) no-repeat right top; }
.dropDown.getQuote .submitArea A { background: transparent url(..//i/buttons/getQuoteNow.gif) no-repeat left -1px; }
.dropDown.getQuote .submitArea A:hover { background: transparent url(..//i/buttons/getQuoteNow.gif) no-repeat left -35px; }
.dropdownTooltip .topLeft { background: url(/i/dropdownTooltip/topLeft.png); }
.dropdownTooltip .topMiddle { background: url(/i/dropdownTooltip/topMiddle.png) repeat-x; }
.dropdownTooltip .topRight { background: url(/i/dropdownTooltip/topRight.png); }
.dropdownTooltip .middleLeft { background: url(/i/dropdownTooltip/middleLeft.png) repeat-y; }
.dropdownTooltip .middle { background: #f1e0e2; }
.dropdownTooltip .middleRight { background: url(/i/dropdownTooltip/middleRight.png) repeat-y; }
.dropdownTooltip .bottomLeft { background: url(/i/dropdownTooltip/bottomLeft.png); }
.dropdownTooltip .bottomMiddle { background: url(/i/dropdownTooltip/bottomMiddle.png) repeat-x; }
.dropdownTooltip .bottomRight { background: url(/i/dropdownTooltip/bottomRight.png); }
.dropdownTooltip .pointerTop { background: url(/i/dropdownTooltip/pointerTop.png); }
.dropdownTooltip .pointerRight { background: url(/i/dropdownTooltip/pointerRight.png); }
.dropdownTooltip .pointerBottom { background: url(/i/dropdownTooltip/pointerBottom.png); }
.dropdownTooltip .pointerLeft { background: url(/i/dropdownTooltip/pointerLeft.png); }
.browserIE6 .dropdownTooltip .topLeft { background: url(/i/dropdownTooltip/topLeft.gif); }
.browserIE6 .dropdownTooltip .topMiddle { background: url(/i/dropdownTooltip/topMiddle.gif) repeat-x; }
.browserIE6 .dropdownTooltip .topRight { background: url(/i/dropdownTooltip/topRight.gif); }
.browserIE6 .dropdownTooltip .middleLeft { background: url(/i/dropdownTooltip/middleLeft.gif) repeat-y; }
.browserIE6 .dropdownTooltip .middleRight { background: url(/i/dropdownTooltip/middleRight.gif) repeat-y; }
.browserIE6 .dropdownTooltip .bottomLeft { background: url(/i/dropdownTooltip/bottomLeft.gif) no-repeat; }
.browserIE6 .dropdownTooltip .bottomMiddle { background: url(/i/dropdownTooltip/bottomMiddle.gif) repeat-x; }
.browserIE6 .dropdownTooltip .bottomRight { background: url(/i/dropdownTooltip/bottomRight.gif) no-repeat; }
.browserIE6 .dropdownTooltip .pointerTop { background: url(/i/dropdownTooltip/pointerTop.gif); }
.browserIE6 .dropdownTooltip .pointerRight { background: url(/i/dropdownTooltip/pointerRight.gif); }
.browserIE6 .dropdownTooltip .pointerBottom { background: url(/i/dropdownTooltip/pointerBottom.gif); }
.browserIE6 .dropdownTooltip .pointerLeft { background: url(/i/dropdownTooltip/pointerLeft.gif); }
.dropdownTooltip .contentContainer { font-size: 1.1em; color: #a35e78; padding: 0 10px 5px 10px; }
.dropDownContainer P { color: #d39fad; font-size: 1.1em; margin: 7px 0; }
.dropDownContainer A { color: #d39fad; font-weight:normal; }
.dropDownContainer .loader { width:829px; text-align:center; }
#form_quoteLoading{ display:none; }
#form_quoteSuccess{ display:none; }
#form_quoteFailed{ display:none; }
#form_demoLoading{ display:none; }
#form_demoSuccess{ display:none; }
#form_demoFailed{ display:none; }
#form_contactLoading{ display:none; }
#form_contactSuccess{ display:none; }
#form_contactFailed{ display:none; }
#contactInfo { display: inline-block; font-size: 1.1em; }
#contactInfo .title { color: #d39fad; }
#contactInfo .text { color: #ffffff; margin: 0 0 14px 0; }
#contactInfo .contactInfoCol1 { float: left; width: 145px; }
#contactInfo .contactInfoCol2 { float: left; width: 105px; }
#contactInfo .contactInfoCol3 { float: left; width: 120px; }
.contactUs .contactMapDirections { margin: 0; width: 164px; height: 29px; }
.contactUs .contactMapDirections A { display: block; width: 164px; height: 29px; background: transparent url(..//i/buttons/contactMapDirections.gif) no-repeat left top; }
.contactUs .contactMapDirections A:hover { background: transparent url(..//i/buttons/contactMapDirections.gif) no-repeat left -31px; }
.mainMenu{ margin: 0 0 45px 0; }
.mainMenuTop{height:19px; background:url(/i/mainMenuTop.png);}
.mainMenuBottom{height:27px; background:url(/i/mainMenuBottom.png);}
.mainMenu .TVI-panelBar-panel { background: url(/i/mainMenu_submenu_gradient.png); }
.mainMenu .TVI-panelBar-panelContainer { background: url(/i/mainMenu_submenu_top.png) no-repeat; }
.browserIE6 .mainMenuTop{height:19px; background:url(/i/mainMenuTop.gif);}
.browserIE6 .mainMenuBottom{height:27px; background:url(/i/mainMenuBottom.gif);}
.browserIE6 .mainMenu .TVI-panelBar-panel { background: url(/i/mainMenu_submenu_gradient.gif); }
.browserIE6 .mainMenu .TVI-panelBar-panelContainer { background: url(/i/mainMenu_submenu_top.gif) no-repeat; }
.mainMenu .webDesign .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuWebDesign.png);}
.browserIE6 .mainMenu .webDesign .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuWebDesign.gif);}
.mainMenu .ecommerce .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuEcommerce.png);}
.browserIE6 .mainMenu .ecommerce .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuEcommerce.gif);}
.mainMenu .contentManagement .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuContent.png);}
.browserIE6 .mainMenu .contentManagement .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuContent.gif);}
.mainMenu .webApplications .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuWebApplications.png);}
.browserIE6 .mainMenu .webApplications .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuWebApplications.gif);}
.mainMenu .requestQuote .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuRequestQuote.png);}
.browserIE6 .mainMenu .requestQuote .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuRequestQuote.gif);}
.mainMenu .portfolio .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuPortfolio.png);}
.browserIE6 .mainMenu .portfolio .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuPortfolio.gif);}
.mainMenu .blog .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuBlog.png);}
.browserIE6 .mainMenu .blog .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuBlog.gif);}
.mainMenu .about .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuAbout.png);}
.browserIE6 .mainMenu .about .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuAbout.gif);}
.mainMenu .recruitment .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuRecruitment.png);}
.browserIE6 .mainMenu .recruitment .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuRecruitment.gif);}
.mainMenu .partner .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuPartner.png);}
.browserIE6 .mainMenu .partner .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuPartner.gif);}
.mainMenu .contact .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuContact.png);}
.browserIE6 .mainMenu .contact .TVI-panelBar-header a{background:url(..//i/buttons/mainMenuContact.gif);}
.mainMenu .TVI-panelBar-header a{display:block; height:30px;}
.mainMenu .link .TVI-panelBar-header a:hover{background-position:0px -30px;}
.mainMenu .closed .TVI-panelBar-header a{background-position:0px -60px;}
.mainMenu .closed .TVI-panelBar-header a:hover{background-position:0px -90px;}
.mainMenu .open .TVI-panelBar-header a{background-position:0px -120px;}
.mainMenu .open .TVI-panelBar-header a:hover{background-position:0px -150px;}
.mainMenu .closed .TVI-panelBar-panel{display:none;}
.browserIE6 .mainMenu .TVI-panelBar-header a{display:block; height:30px;}
.browserIE6 .mainMenu .link .TVI-panelBar-header a:hover{background-position:0px -30px;}
.browserIE6 .mainMenu .closed .TVI-panelBar-header a{background-position:0px -60px;}
.browserIE6 .mainMenu .closed .TVI-panelBar-header a:hover{background-position:0px -90px;}
.browserIE6 .mainMenu .open .TVI-panelBar-header a{background-position:0px -120px;}
.browserIE6 .mainMenu .open .TVI-panelBar-header a:hover{background-position:0px -150px;}
.browserIE6 .mainMenu .closed .TVI-panelBar-panel{display:none;}
.mainMenu .TVI-panelBar-panel A { display: block; height: 19px; padding: 1px 0 0 30px; font-size: 1.2em; color: #6c828f; text-decoration: none; }
.mainMenu .TVI-panelBar-panel A:hover, .mainMenu .TVI-panelBar-panel A.selected { font-weight: bold; color: #435b6a; background: url(/i/mainNav_submenu_selected.png) no-repeat; }
.browserIE6 .mainMenu .TVI-panelBar-panel A:hover, .browserIE6 .mainMenu .TVI-panelBar-panel A.selected { font-weight: bold; color: #435b6a; background: url(/i/mainNav_submenu_selected.gif) no-repeat; }
#mainMenuWrapper { float: left; width: 228px; margin: 0 0 45px 0; }
#mainSectionWrapper { float: left; width: 725px; margin: 0 0 45px 0; }
#mainSection { display: inline-block; width: 725px; }
#mainSection.twoColumn .mainColumn { float: left; width: 468px; padding: 0 0 0 12px; }
#mainSection.twoColumn .rightColumn { float: left; width: 228px; margin: 0 0 0 12px; }
#mainSection.twoColumn .mainColumn .mainColumnTop { height: 38px; padding: 4px 0 0 8px; background: transparent url(/i/mainSectionTwoColumn_top.png) no-repeat left top; }
#mainSection.twoColumn .mainColumn .mainColumnMiddle { display: inline-block; padding: 0 18px 8px 18px; background: transparent url(/i/mainSectionTwoColumn_middle.png) repeat-y left top; }
#mainSection.twoColumn .mainColumn .mainColumnBottom { height: 8px; background: transparent url(/i/mainSectionTwoColumn_bottom.png) no-repeat left top; }
.browserIE6 #mainSection.twoColumn .mainColumn .mainColumnTop { background: transparent url(/i/mainSectionTwoColumn_top.gif) no-repeat left top; }
.browserIE6 #mainSection.twoColumn .mainColumn .mainColumnMiddle { background: transparent url(/i/mainSectionTwoColumn_middle.gif) repeat-y left top; }
.browserIE6 #mainSection.twoColumn .mainColumn .mainColumnBottom { background: transparent url(/i/mainSectionTwoColumn_bottom.gif) no-repeat left top; }
#mainSection.oneColumn .mainColumn { float: left; width: 725px; padding: 0 0 0 12px; }
#mainSection.oneColumn .mainColumn .mainColumnTop { height: 38px; padding: 4px 0 0 8px; background: transparent url(/i/mainSectionOneColumn_top.png) no-repeat left top; }
#mainSection.oneColumn .mainColumn .mainColumnMiddle { padding: 0 18px 8px 18px; background: transparent url(/i/mainSectionOneColumn_middle.png) repeat-y left top; }
#mainSection.oneColumn .mainColumn .mainColumnBottom { height: 8px; background: transparent url(/i/mainSectionOneColumn_bottom.png) no-repeat left top; }
.browserIE6 #mainSection.oneColumn .mainColumn .mainColumnTop { background: transparent url(/i/mainSectionOneColumn_top.gif) no-repeat left top; }
.browserIE6 #mainSection.oneColumn .mainColumn .mainColumnMiddle { background: transparent url(/i/mainSectionOneColumn_middle.gif) repeat-y left top; }
.browserIE6 #mainSection.oneColumn .mainColumn .mainColumnBottom { background: transparent url(/i/mainSectionOneColumn_bottom.gif) no-repeat left top; }
#mainSection .mainColumn .breadcrumb UL { margin: 0; }
#mainSection .mainColumn .breadcrumb UL LI { display: inline; padding: 0px 15px 0 6px; font-size: 1.1em; color: #6d828f; text-transform: lowercase; background: transparent url(/i/breadcrumbArrow.gif) no-repeat right 5px; }
.browserSafari #mainSection .mainColumn .breadcrumb UL LI { background: transparent url(/i/breadcrumbArrow.gif) no-repeat right 4px; }
.browserIE6 #mainSection .mainColumn .breadcrumb UL LI { padding: 0px 13px 0 8px; text-transform: lowercase; }
#mainSection .mainColumn .breadcrumb UL LI.last { background: none; }
#mainSection .mainColumn .breadcrumb UL LI A { color: #354854; font-weight: normal; text-decoration: none; text-transform: lowercase; }
#mainSection .mainColumn H1 { font-size: 3.5em; letter-spacing: -0.08em; color: #8b9ea9; text-transform: lowercase; }
#mainSection .mainColumn H1.small { font-size: 2.6em; }
#mainSection .mainColumn H1 .red { color: #6d314c; font-weight: bold; }
#mainSection .mainColumn H1.blog { display: inline-block; width: 600px; font-size: 2.5em; }
#mainSection .mainColumn H2 { font-size: 2.5em; color: #6d314c; text-transform: lowercase; }
#mainSection .mainColumn P, .blogText { font-size: 1.2em; color: #7e8992; line-height: 1.4em; padding: 0 10px 10px 0; z-index: 0; }
#mainSection .mainColumn P H3, .blogText H3 { font-size: 1.6em; color: #7e8992; font-weight:bold; display:inline; line-height: 1.4em; padding: 0 0 10px 0; }
#mainSection .mainColumn UL { margin: 1em 0; font-size: 1.2em; color: #7e8992; line-height: 1.4em; }
#mainSection .mainColumn A { color: #6d314c; text-decoration: none; }
#mainSection .mainColumn A:hover { text-decoration: underline; }
#mainSection .mainColumn .subtitle { margin: 0 0 15px 0; font-size: 1em; color: #baccd0; }
#mainSection .mainColumn .blogAuthorImage { float: left; margin: 7px 10px 0 0; }
#mainSection .mainColumn IFRAME { float: right; margin: 0 20px 12px 12px; clear: right;}
#mainSection .mainColumn .blogFunctions { display: inline-block; width: 100%; font-size: 0.9em; text-align: left; }
#mainSection .mainColumn .blogFunctions UL { float: left; margin: 0; }
#mainSection .mainColumn .blogFunctions LI { display: inline; margin: 0 1px; font-weight: bold; color: #5f7d8f;}
#mainSection .mainColumn .blogFunctions A { color: #5f7d8f; }
#mainSection .mainColumn .blogFunctions IMG { float: right; margin: 0 20px 12px 12px; }
#mainSection .mainColumn A.blogTag { text-decoration: underline; font-weight: normal; color: #7E8992; }
#mainSection .mainColumn A.visibleLink { text-decoration: none; font-weight: bold; color: #6D314C; }
#mainSection .mainColumn .blogTagsTable TD, #mainSection .mainColumn .blogTagsTable TH {padding: 5px;}
#mainSection .mainColumn .blogTags { margin: 0 0 7px 0; }
#mainSection .mainColumn .blogTags .title { text-transform: lowercase; color: #baccd0; font-size: 1.1em; }
#mainSection .mainColumn .blogTags UL { margin: 0; }
#mainSection .mainColumn .blogTags LI { display: inline; margin: 0 1px; font-size: 0.9em; font-weight: bold; color: #5f7d8f;}
#mainSection .mainColumn .blogTags A { color: #5f7d8f; font-weight: bold; }
#mainSection .mainColumn .blogButtonsContainer { display: block; text-align: center; }
#mainSection .mainColumn .blogButtons { display: inline-block; }
#mainSection .mainColumn .blogButtons .blogPrevious { float: left; }
#mainSection .mainColumn .blogButtons .blogPrevious A { float: left; display: block; width: 90px; height: 27px; cursor: pointer; background: transparent url(..//i/buttons/olderPosts.gif) no-repeat 0 0; }
#mainSection .mainColumn .blogButtons .blogPrevious A:hover { background: transparent url(..//i/buttons/olderPosts.gif) no-repeat 0 -27px; }
#mainSection .mainColumn .blogButtons .blogNext { float: left; }
#mainSection .mainColumn .blogButtons .blogNext A { float: left; display: block; width: 95px; height: 27px; cursor: pointer; background: transparent url(..//i/buttons/newerPosts.gif) no-repeat 0 0;}
#mainSection .mainColumn .blogButtons .blogNext A:hover { background: transparent url(..//i/buttons/newerPosts.gif) no-repeat 0 -27px;}
#mainSection .mainColumn .shareButtons {float: right; width: 78px; z-index:5;}
#mainSection .mainColumn .comment { width: 672px; margin: 0 0 3px 0; }
#mainSection .mainColumn .commentTop { height: 5px; background: transparent url(/i/commentTop.gif) no-repeat left bottom; }
#mainSection .mainColumn .commentMiddle { padding: 5px 10px 0 10px; background: transparent url(/i/commentMiddle.gif) repeat-y left top; }
#mainSection .mainColumn .commentBottom { height: 7px; background: transparent url(/i/commentBottom.gif) no-repeat left top; }
#mainSection .mainColumn .comment .title { margin: 0 0 5px 0; font-size: 1.1em; color: #a2b6ba; }
#mainSection .mainColumn .comment .title .red { color: #6d314c; font-weight: bold; }
#mainSection .mainColumn .comment P { padding: 2px 0; font-size: 1.1em; }
#mainSection .field { display: inline-block; float: left; width: 100%; margin: 0 0 10px 0; }
#mainSection .field.fifty { width: 50%; }
#mainSection .field.fifty .textBoxMiddle{ width: 92%; }
#mainSection .field.full { width: 100%; }
#mainSection .field.full .textBoxMiddle{ width: 96%; }
#mainSection .field.right, #mainMenuWrapper .field.right { width: 146px; }
#mainSection .field.right .textBoxMiddle, #mainMenuWrapper .field.right .textBoxMiddle{ width: 135px; }
#mainSection .field.right .fieldInput .textBoxLeft, #mainMenuWrapper .field.right .fieldInput .textBoxLeft { background: transparent url(/i/formText_left_right.gif) no-repeat left top !important; }
#mainSection .field .fieldLabel { display: inline-block; }
#mainSection .field .fieldLabel .labelLeft { float: left; width: 17px; height: 16px; background: transparent url(/i/formLabel_left.gif) no-repeat left top; }
#mainSection .field .fieldLabel .labelMiddle { float: left; height: 15px; padding: 1px 7px 0px 10px; font-size: 1.1em; color: #6d314c; background: transparent url(/i/formLabel_middle.gif) repeat-x left top; }
#mainSection .field .fieldLabel .labelRight { float: left; width: 5px; height: 16px; background: transparent url(/i/formLabel_right.gif) no-repeat right top; }
#mainSection .field.error .fieldLabel .labelLeft { background: transparent url(/i/formLabel_left_error.gif) no-repeat left top; }
#mainSection .field .fieldInput, #mainMenuWrapper .field .fieldInput { display: inline-block; float: left; width: 100%; }
#mainSection .field .fieldInput .textBoxLeft, #mainMenuWrapper .field .fieldInput .textBoxLeft { float: left; width: 7px; height: 24px; background: transparent url(/i/formText_left.gif) no-repeat left top; }
#mainSection .field .fieldInput .textBoxMiddle, #mainMenuWrapper .field .fieldInput .textBoxMiddle { float: left; height: 24px; background: transparent url(/i/formText_middle.gif) repeat-x left top; }
#mainSection .field .fieldInput .textBoxRight, #mainMenuWrapper .field .fieldInput .textBoxRight { float: left; width: 4px; height: 24px; background: transparent url(/i/formText_right.gif) no-repeat left top; }
#mainSection .field.error .fieldInput .textBoxLeft { background: transparent url(/i/formText_left_error.gif) no-repeat left top; }
#mainSection .field.error .fieldInput .textBoxMiddle { background: transparent url(/i/formText_middle_error.gif) repeat-x left top; }
#mainSection .field.error .fieldInput .textBoxRight { background: transparent url(/i/formText_right_error.gif) no-repeat left top; }
#mainSection .textBox INPUT, #mainMenuWrapper .textBox INPUT { width: 100%; height: 20px; padding: 4px 0 0 0; font-size: 1.2em; color: #435b6a; border: none; background: none; }
#mainSection .textBox.error INPUT { color: #9f0000; }
#mainSection .dropDownList SELECT { width: 100%; height: 20px; padding: 4px 0 0 0; margin: 1px 0 0 0; font-size: 1.2em; color:#435B6A; border: none; background: #f2f4f5; }
#mainSection .field .fieldInput .textAreaLeft { float: left; width: 7px; height: 110px; background: transparent url(/i/formTextArea_left.gif) no-repeat left top; }
#mainSection .field .fieldInput .textAreaMiddle { float: left; width: 96%; height: 110px; background: transparent url(/i/formTextArea_middle.gif) repeat-x left top; }
#mainSection .field .fieldInput .textAreaRight { float: left; width: 4px; height: 110px; background: transparent url(/i/formTextArea_right.gif) no-repeat left top; }
#mainSection .field.error .fieldInput .textAreaLeft { background: transparent url(/i/formTextArea_left_error.gif) no-repeat left top; }
#mainSection .field.error .fieldInput .textAreaMiddle { background: transparent url(/i/formTextArea_middle_error.gif) repeat-x left top; }
#mainSection .field.error .fieldInput .textAreaRight { background: transparent url(/i/formTextArea_right_error.gif) no-repeat left top; }
#mainSection .textArea TEXTAREA { width: 100%; height: 102px; padding: 4px 0 0 0; overflow: auto; font-size: 1.2em; color: #435b6a; border: none; background: none; }
#mainSection .mainColumn #blogSubmit { display: inline-block; width: 100%; font-size: 1.1em; text-align: left; color: #5f7d8f; }
#mainSection .mainColumn #blogSubmit .label { float: left; padding: 7px 0 0 0; }
#mainSection .label LABEL { padding: 0 6px 0 0; position: relative; top: 0px; }
.browserIE6 #mainSection .label LABEL { top: 4px; }
.browserFirefox #mainSection .label LABEL { top: -2px; }
#mainSection .mainColumn #blogSubmit .submit { float: right; margin: 0 16px 0 0; }
#mainSection .mainColumn #blogSubmit .submit A { display: block; width: 67px; height: 27px; background: transparent url(..//i/buttons/submit.gif) no-repeat 0 0; }
#mainSection .mainColumn #blogSubmit .submit A:hover { background: transparent url(..//i/buttons/submit.gif) no-repeat 0 -27px; }
#mainSection .mainColumn .feature { display: inline-block; clear: both; margin-right: 16px; }
#mainSection .mainColumn .feature H2 { display: inline-block; }
#mainSection .mainColumn .feature .imgRight { float: right; width: 350px;}
#mainSection .mainColumn .feature .imgLeft { float: left; width: 350px;}
.recruitmentBox .recruitmentBoxTitle { width: 418px; height: 28px; padding: 7px 0 0 12px; font-size: 1.4em; color: #ffffff; background: transparent url(/i/recruitmentBoxTitle.gif) no-repeat left top; }
.recruitmentBox .recruitmentBoxBrief { padding: 0 0 8px 12px; font-size: 1.2em; color: #7e8992; line-height: 1.4em; border: 1px #eff0f1 solid; border-top: none; }
.recruitmentBox .recruitmentBoxBrief STRONG { width: 200px; display: inline-block; color: #5e666d; }
.recruitmentBox .recruitmentBoxDescription { padding: 8px 12px 0px 12px; border-left: 1px #eff0f1 solid; border-right: 1px #eff0f1 solid; }
.recruitmentBox .recruitmentBoxBottom { background: #ffffff url(/i/recruitmentBoxBottom.gif) no-repeat left top; }
.applyNow { width: 70px; height: 27px; }
.applyNow A { display: block; position: relative; left: 350px; top: -11px; width: 70px; height: 27px; background: transparent url(..//i/buttons/applyNow.gif) no-repeat 0 0; }
.applyNow A:hover { background: transparent url(..//i/buttons/applyNow.gif) no-repeat 0 -27px; }
#mainSection .divWide { width: 672px; height: 14px; background: transparent url(/i/divWide.gif) no-repeat 50% top; }
#mainSection .divNarrow { width: 432px; height: 14px; background: transparent url(/i/divNarrow.gif) no-repeat 50% top; }
#mainSection .divRight { width: 192px; height: 14px; background: transparent url(/i/divRight.gif) no-repeat 50% top; }
#mainSection .findOutMore, #mainMenuWrapper .findOutMore { width: 104px; height: 27px; margin: 10px 0 0 0; }
#mainSection .findOutMore A, #mainMenuWrapper .findOutMore A { display: block; width: 104px; height: 27px; background: transparent url(..//i/buttons/findOutMore.gif) no-repeat 0 0; }
#mainSection .findOutMore A:hover, #mainMenuWrapper .findOutMore A:hover { background: transparent url(..//i/buttons/findOutMore.gif) no-repeat 0 -27px; }
#mainSection .liveDemoRequestQuote { width: 240px; height: 55px; margin: 10px 0 20px 0; }
#mainSection .liveDemoRequestQuote A { display: block; width: 240px; height: 55px; background: transparent url(..//i/buttons/requestQuote.gif) no-repeat left 0; }
#mainSection .liveDemoRequestQuote A:hover { background: transparent url(..//i/buttons/requestQuote.gif) no-repeat left -54px; }
#mainSection .liveDemoLogin { clear: both; width: 56px; height: 27px; }
#mainSection .liveDemoLogin A { display: block; width: 56px; height: 27px; background: transparent url(..//i/buttons/login.gif) no-repeat 0 0; }
#mainSection .liveDemoLogin A:hover { background: transparent url(..//i/buttons/login.gif) no-repeat 0 -27px; }
#mainSection.overview { background: transparent url(/i/mainSectionOverview_repeat.gif) repeat-y 471px top; }
.browserIE6 #mainSection.overview { background: transparent url(/i/mainSectionOverview_repeat.gif) repeat-y 466x top; }
#mainSection.overview .mainSectionContainer { display: inline-block; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; }
#mainSection.overview #overviewIntro { width: 100%; height: 130px; }
#mainSection.overview .mainColumn .mainColumnTop { background: none; height: 36px; }
.browserIE6 #mainSection.overview .mainColumn .mainColumnTop { background: none; height: 34px; }
#mainSection.overview .mainColumn .mainColumnMiddle { background: transparent url(/i/mainSectionOverview_middle.png) repeat-y left top; }
.browserIE6 #mainSection.overview .mainColumn .mainColumnMiddle { background: transparent url(/i/mainSectionOverview_middle.gif) repeat-y left top; }
#mainSection.overview .mainColumn .mainColumnBottom { background: transparent url(/i/mainSectionOverview_bottom.gif) no-repeat left top; }
.browserIE6 #mainSection.overview .mainColumn .mainColumnBottom { background: #ffffff url(/i/mainSectionOverview_bottom.gif) no-repeat left top; }
#mainSection #overviewCTA { display: inline-block; margin: 15px 0; }
#mainSection .CTA { float: left; width: 142px; height: 84px; }
#mainSection .CTA A { display: block; height: 84px; background-repeat: no-repeat; background-position: 0 0; }
#mainSection .CTA A:hover { background-position: 0 -82px; }
#mainSection .CTA.consult A { background-image: url(/i/overviewCTA_consult.gif) }
#mainSection .CTA.quote A { background-image: url(/i/overviewCTA_quote.gif) }
#mainSection .CTA.portfolio A { background-image: url(/i/overviewCTA_portfolio.gif) }
#mainSection .CTA.demo A { background-image: url(/i/overviewCTA_demo.gif) }
#mainSection .CTA.call A { background-image: url(/i/overviewCTA_call.gif) }
#mainSection #overviewFeatures { position: relative; height: 200px; }
#mainSection #overviewFeatures .package { position: absolute; right: -14px; top: 0; width: 112px; height: 154px; }
#mainSection #overviewFeatures .features { position: absolute; left: -14px; top: 0; width: 450px; }
#mainSection #overviewFeatures .wrapper { display: inline-block; width: 400px; margin: 0 0 3px 0; }
#mainSection #overviewFeatures .item { float: left; padding: 4px 10px 4px 30px; font-size: 1.2em; color: #ffffff; background: #5b253d url(/i/overviewFeatures_li.gif) no-repeat 10px 5px; }
.overviewPromo { width: 160px; height: 175px; margin: 32px 0 35px 5px; overflow: hidden; }
.overviewPromo.second { margin: 35px 0 0 5px; }
.overviewPromo .title { margin:4px 0 1px 0px; color: #435B6A; font-size: 1.5em; font-weight: bold; }
.overviewPromo .text { color: #7e8992; font-size: 1em; line-height: 1.3em; }
.overviewPromo A { font-weight: bold; text-decoration: underline; }
.overviewPromo A:hover { text-decoration: none; }
#teamGalleryWrapper { position: relative; }
#teamGallery { display: inline-block; margin: 0 0 0 7px; }
#teamGallery UL { display: inline-block; }
#teamGallery LI { display: block; float: left; width: 139px; height: 155px; margin: 0 0 20px 0; cursor: pointer; background: transparent url(/i/teamPhoto_bg.jpg) no-repeat left top; }
#teamGallery LI IMG { margin: 9px 0 0 17px; }
.staffProfileTip .topMiddle { background: url(/i/teamGalleryPopupTop.png); }
.staffProfileTip .middle { background: url(/i/teamGalleryPopupMiddle.png) repeat-y; }
.staffProfileTip .bottomMiddle { background: url(/i/teamGalleryPopupBottom.png) no-repeat; }
.staffProfileTip .pointer { width: 14px; height: 22px; background: url(/i/teamGalleryPopupPointer.png); }
.browserIE6 .staffProfileTip .topMiddle { background: url(/i/teamGalleryPopupTop.gif); }
.browserIE6 .staffProfileTip .middle { background: url(/i/teamGalleryPopupMiddle.gif) repeat-y; }
.browserIE6 .staffProfileTip .bottomMiddle { background: url(/i/teamGalleryPopupBottom.gif) no-repeat; }
.browserIE6 .staffProfileTip .pointer { width: 14px; height: 22px; background: url(/i/teamGalleryPopupPointer.gif); }
.staffProfileTip .top { width: 205px; margin: 0 0 0 3px; padding: 3px 10px 7px 10px; font-size: 1.5em; color: #ffffff; background: #532037; }
.staffProfileTip .name { font-weight: bold; text-transform: lowercase; }
.staffProfileTip .jobtitle { text-transform: lowercase; }
.staffProfileTip .description { padding: 7px 15px 10px 15px; font-size: 1.1em; color: #d0afbc; }
#screenshots { display: inline-block; position: relative; margin: 0 0 0 0px; }
#screenshots LI { display: inline; float: left; margin: 0 4px 0 0; }
#screenshots LI .imgWrapper { width: 138px; height: 110px; margin: 0 0 0 0; cursor: pointer; background: transparent url(/i/screenshot_bg.gif) no-repeat left top; }
#screenshots LI IMG { margin: 10px; }
#screenshots .screenshotTitle { margin: 3px 0 12px 0; text-align: center; }
#technologies { display: inline-block; width: 100%; margin: 6px 0; }
#technologies P { float: left; }
#technologies IMG { float: right; margin: 7px 0 0 20px; }
#packagesTable { display: block; width: 432px; padding: 0 0 7px 0; background: transparent url(/i/packagesTableBottom.gif) no-repeat left bottom; }
#packagesTable .group { background: transparent url(/i/packagesTableRow_light.gif) repeat-y left top; }
#packagesTable .group.mainFeatures { background: transparent url(/i/packagesMainFeatureRow.gif) no-repeat left top; }
#packagesTable .group .groupHeading { margin: 0 0 0 8px; padding: 4px 0 4px 25px; font-size: 1.4em; font-weight: bold; color: #6d314c; background: transparent url(/i/packagesGroupArrow.gif) no-repeat left 3px; }
#packagesTable .group .groupHeading.selected { background: transparent url(/i/packagesGroupArrow.gif) no-repeat left -24px; }
#packagesTable .divider { margin: 5px 0 0 0; }
#packagesTable .group .row { }
#packagesTable .row { display: inline-block; }
#packagesTable .row.dark { background: transparent url(/i/packagesTableRow_dark.gif) repeat-y left top; }
#packagesTable .row.light { background: transparent url(/i/packagesTableRow_light.gif) repeat-y left top; }
#packagesTable .cell { float: left; width: 52px; margin: 0 0 0 2px; padding: 5px 0px; text-align: center; color: #6ca840; }
#packagesTable .cell.primary { width: 250px; margin: 0; padding: 5px 10px; text-align: left; }
#packagesTable .primary .heading { padding: 0 0 0 20px; font-size: 1.2em; font-weight: bold; color: #506572; background-position: 0 1px; background-repeat: no-repeat; }
.browserSafari #packagesTable .primary .heading { background-position: 0 0px; }
#packagesTable .primary .heading.selected { color: #5b253d; background-position: 0 -12px; }
#packagesTable .row.light .cell.checked { height: 18px; background: transparent url(/i/packagesCheck_light.gif) no-repeat 50% 5px }
#packagesTable .row.dark .cell.checked { height: 18px; background: transparent url(/i/packagesCheck_dark.gif) no-repeat 50% 5px }
#packagesTable .row.dark .primary .heading.hasText{ background-image: url(/i/packagesArrow_dark.gif); }
#packagesTable .row.light .primary .heading.hasText { background-image: url(/i/packagesArrow_light.gif); }
#packagesTable .primary .text { width: 251px; padding: 5px 0; font-size: 1.1em; color: #7B8389; }
#portfolioGallery { position: relative; min-height: 600px; padding: 0 165px 0 0; }
#portfolioGallery .date { margin: 0 0 10px 0; color: #94697c; }
#portfolioGallery .technologies { color: #94697c; }
#portfolioGallery .technologiesTitle { margin: 10px 0 0 0; color: #5b253d; font-weight: bold; font-size: 1.1em; }
#portfolioGallery .portfolioLink { margin: 10px 0 0 0; }
#portfolioGallery .portfolioLink A { color: #5f7d8f; font-weight: bold; font-size: 1.1em; }
#portfolioMainImgContainerTop { width: 504px; height: 7px; background: transparent url(/i/portfolioMainImgTop.gif) no-repeat left bottom; }
#portfolioMainImgContainerMiddle { width: 504px; background: transparent url(/i/portfolioMainImgMiddle.gif) repeat-y left top; }
#portfolioMainImgContainerBottom { width: 504px; height: 9px; margin: 0 0 10px 0; background: transparent url(/i/portfolioMainImgBottom.gif) no-repeat left top; }
#portfolioMainImgLoader { width: 504px; height: 370px; padding: 3px 0 0 0; background: transparent url(/i/ajax-loader.gif) no-repeat 50% 50%; }
#portfolioMainImgLoader IMG { display: block; margin: 0 auto; }
#portfolioMainImgLoader.loaded { background: none; }
#portfolioNavigationWrapper { position: absolute; left: 513px; top: -55px; z-index: 1; width: 173px; }
.browserIE6 #portfolioNavigationWrapper { top: -49px; }
#portfolioNavigationPointer { position: absolute; left: -25px; z-index: 2; height: 135px; width: 173px; background: transparent url(/i/portfolioPointer_bg.gif) repeat-y left top; }
#portfolioNavigationPointerContainer { height: 135px; background: transparent url(/i/portfolioPointer.gif) no-repeat left 50%; }
#portfolioNavigationTop { height: 29px; }
#portfolioNavigationTop A { display: block; width: 173px; height: 29px; background: transparent url(/i/portfolioNavigation_top.gif) no-repeat right top; }
#portfolioNavigationTop A:hover { background: transparent url(/i/portfolioNavigation_top.gif) no-repeat right -29px; }
#portfolioNavigationMiddle { position: relative; height: 405px; width: 173px; overflow: hidden; background: transparent url(/i/portfolioNavigation_middle.gif) repeat-y right top; }
#portfolioNavigationMiddleWrapper { height: 270px; width: 136px; margin: 0 12px 0 25px; position: absolute; }
#portfolioNavigationBottom { height: 29px; }
#portfolioNavigationBottom A { display: block; width: 173px; height: 29px; background: transparent url(/i/portfolioNavigation_bottom.gif) no-repeat right top; }
#portfolioNavigationBottom A:hover { background: transparent url(/i/portfolioNavigation_bottom.gif) no-repeat right -29px; }
#mainSection .mainColumn #portfolioGallery P { padding: 0; }
#mainSection .mainColumn #portfolioGallery UL { position: absolute; z-index: 3; width: 148px; margin: 0 0 0 0; }
#mainSection .mainColumn #portfolioGallery LI { padding: 7px 0; margin: 0 3px; cursor: pointer; }
.portfolioNavigationTitle { margin: 5px 0 0 0; font-size: 1.2em; color: #e0bdcd; }
.portfolioContent { display: none; }
.portfolioContent H3 { font-size: 2.2em; font-weight: bold; color: #6d314c;}
#mainSection .mainColumn .faq { margin: 10px 0; }
#mainSection .mainColumn .faq .question A { padding: 2px 0 3px 27px; font-size: 1.4em; text-decoration: none; background: transparent url(/i/faq.gif) no-repeat 0 0; }
#mainSection .mainColumn .faq .question A:hover { text-decoration: none; background-position: 0 -23px; }
#mainSection .mainColumn .faq .answer { display: none; padding: 7px 0 0 27px; color: #7E8992; font-size: 1.1em; }
#mainSection .mainColumn .interested li { margin: 0 0 2px 0; }
#mainSection .mainColumn .interested li A { padding: 0 0 0 15px; color: #787878; text-decoration: underline; background: url(/i/interestedBullet.gif) no-repeat 0 5px; }
#mainSection .mainColumn .interested li A:hover { text-decoration: none; }
.promoBox { margin: 0 0 7px 0; }
.promoBox .promoBoxTop { height: 7px; background: transparent url(/i/promoBoxTop.png) no-repeat top left; }
.promoBox .promoBoxMiddle { width: 195px; padding: 10px 18px; background: transparent url(/i/promoBoxMiddle.png) repeat-y top left; }
.promoBox .promoBoxBottom { height: 9px; background: transparent url(/i/promoBoxBottom.png) no-repeat bottom left; }
.browserIE6 .promoBox { margin-top: -6px; }
.browserIE6 .promoBox .promoBoxTop { background: transparent url(/i/promoBoxTop.gif) no-repeat bottom left; }
.browserIE6 .promoBox .promoBoxMiddle { background: transparent url(/i/promoBoxMiddle.gif) repeat-y top left; }
.browserIE6 .promoBox .promoBoxBottom { background: transparent url(/i/promoBoxBottom.gif) no-repeat top left; }
.promoBox .title { font-size: 2.4em; color: #6d314c; }
.promoBox .title2 { margin: 5px 0 3px 0; font-size: 1.5em; font-weight: bold; color: #435b6a; }
.promoBox .text { font-size: 1.2em; color: #7e8992; line-height: 1.4em; }
.promoBox .quote { margin: 10px 0; color: #aa8193; font-style: italic; }
.promoBox .quote IMG { display: inline; margin: 0 2px; }
.promoBox UL { margin: 0 0 15px 0; font-size: 1.2em; color: #7e8992; }
.promoBox LI { margin: 1px 0; }
.promoBox LI A { color: #7e8992; text-decoration: none; }
.promoBox LI A:hover { text-decoration: underline; }
.promoBox .rss { margin: 0 0 8px 0; background: transparent url(/i/rssLogo.gif) no-repeat right top; }
.promoBox .rss #rssSubscribeButton { width: 100px; height: 27px; }
.promoBox .rss #rssSubscribeButton A { display: block; width: 100px; height: 27px; background: url(..//i/buttons/subscribeRss1.gif) 0 0; }
.promoBox .rss #rssSubscribeButton A:hover { background: url(..//i/buttons/subscribeRss1.gif) 0 -27px; }
.rssSubcribeTip .topMiddle { background: url(/i/RSSTooltip_top.png); }
.rssSubcribeTip .middle { background: url(/i/RSSTooltip_middle.png) repeat-y; }
.rssSubcribeTip .bottomMiddle { background: url(/i/RSSTooltip_bottom.png) no-repeat; }
.browserIE6 .rssSubcribeTip .topMiddle { background: url(/i/RSSTooltip_top.gif); }
.browserIE6 .rssSubcribeTip .middle { background: url(/i/RSSTooltip_middle.gif) repeat-y; }
.browserIE6 .rssSubcribeTip .bottomMiddle { background: url(/i/RSSTooltip_bottom.gif) no-repeat; }
.rssSubcribeTip .closeWrapper { float: right; width: 21px; height: 20px; margin: 0 7px 0 0; }
.rssSubcribeTip .closeWrapper A { display: block; width: 21px; height: 20px; background: url(..//i/buttons/rssTipClose.gif) 0 0; }
.rssSubcribeTip .closeWrapper A:hover { background: url(..//i/buttons/rssTipClose.gif) 0 -22px; }
.rssSubcribeTip .top { margin: 0 3px; padding: 2px 0 8px 10px; background: #532037; }
.rssSubcribeTip .top .title { font-size: 1.6em; font-weight: bold; color: #ffffff; }
.rssSubcribeTip .rssItem { display: inline-block; margin: 0 0 0 3px; padding: 5px 0 7px 10px; width: 265px; border-top: 1px solid #713f55; }
.rssSubcribeTip .rssItem .title { margin: 0 0 5px 0; font-size: 1.2em; font-weight: bold; color: #ffffff; }
.rssSubcribeTip .rssItem .text { float: left; width: 160px; font-size: 1.1em; color: #d0afbc; }
.rssSubcribeTip .rssItem .subscribeBlog { float: left; }
.rssSubcribeTip .rssItem .subscribeBlog A { display: block; width: 88px; height: 25px; background: url(..//i/buttons/subscribeRss2.gif); }
.rssSubcribeTip .rssItem .subscribeBlog A:hover { background: url(..//i/buttons/subscribeRss2.gif) 0 -25px; }
.promoBox .go A { display: block; float: right; width: 42px; height: 27px; background: transparent url(..//i/buttons/go.gif) no-repeat 0 0; }
.promoBox .go A:hover { background: transparent url(..//i/buttons/go.gif) no-repeat 0 -27px; }
#subFooter {clear: both; text-align: center; background: #f2f4f5 url(/i/bg_seoFooter.gif) repeat-x; }
#subFooterContainer { clear: both; display: inline-block; width: 948px; margin: 0 auto; text-align: left; font-size: 1em; color: #7e8992; }
#subFooter .column { float: left; width: 187px; min-height: 450px; margin: 0 0 30px 0; padding: 0 35px 0 15px; background: transparent url(/i/bg_seoFooterDiv.gif) no-repeat right 50%; }
#subFooter .column H1, #subFooter .column H4 { margin: 20px 0 5px 0; color: #5b253d; font-size: 1.7em; font-weight: bold; }
#subFooter .column P { margin: 0 0 15px 0; line-height: 1.4em; }
#subFooter .column LI { margin: 4px 0 4px 5px; list-style: disc; list-style-position: inside; }
#bottomNav { clear: both; display: block; color: #caa3b6; font-size: 1.2em; background: #5b253d url(/i/bg_footerGradient.gif) repeat-x; }
#bottomNavContainerTop { display: block; width: 948px; margin: 0 auto; background: transparent url(/i/bg_footerTop.gif) no-repeat; }
#bottomNavContainerBottom { margin: 0 0 0 150px; padding: 0 0 25px 0; display: inline-block; background: transparent url(/i/bg_footerBottom.gif) no-repeat 50% bottom; }
#bottomNav .column { float: left; width: 170px; margin: 13px 0 25px 0; padding: 26px 0 0 0; }
#bottomNav .menu { background: url(/i/titles/footer_mainMenu.gif) no-repeat left top; }
#bottomNav .services { background: url(/i/titles/footer_services.gif) no-repeat left top; }
#bottomNav .blog { background: url(/i/titles/footer_blog.gif) no-repeat left top; }
#bottomNav .smallPrint { background: url(/i/titles/footer_smallPrint.gif) no-repeat left top; }
#bottomNav LI { margin: 2px 0; }
#bottomNav A { color: #caa3b6; text-decoration: none; }
#bottomNav A:hover { color: #ffffff; }
/* Common Styles */
IMG.right { float: right; margin: 0 0 10px 10px; }
IMG.left { float: left; margin: 0 10px 10px 0; }
/* Home Page Styles */
.homepageTop { position: relative; display: inline-block; width: 692px; height: 126px; padding: 105px 0 0 16px; background: url(/i/homePageTop.jpg); }
.homeMiddle { display: inline-block; padding: 0 0 8px 0 !important; }
.hompageCol1 { float: left; width: 485px; padding: 0 0 0 4px; background: url(/i/homepageRightDivider.gif) no-repeat 99% top; }
.hompageCol2 { float: left; width: 205px; margin: 0 15px 0 0; }
#mainSection .hompageCol1 #overviewFeatures { height: auto; position: relative; }
#mainSection .hompageCol1 #overviewFeatures .features { left: 0; position: static; top:0; width:450px; }
.homepageTop .introText { float: left; width: 190px; margin: 0 25px 0 0; font-size: 1.3em; font-weight: bold; color: #ffffff; }
.homepageTop .quickLinks { float: left; }
.homepageTop .onlineChat { position: absolute; right: 4px; bottom: 18px; width: 220px; height: 116px; background: url(/i/chat_bg_offline.jpg); }
.homepageTop .onlineChat .chatNow { display: none; }
.homepageTop .onlineChat.onlineChatOnline { background: url(/i/chat_bg_online.jpg); }
.homepageTop .onlineChat.onlineChatOnline .chatNow { display: block; margin: 80px 0 0 8px; }
.homepageTop .onlineChat.onlineChatOnline .chatNow A { display: block; width: 116px; height: 30px; background: url(/i/buttons/chatNow.gif); }
.homepageTop .onlineChat.onlineChatOnline .chatNow A:hover { background-position: 0 -30px; }
.quickLinks UL { margin: 0 !important; }
.quickLinks LI { width: 231px; height: 28px; margin: 0 0 3px 0; }
.quickLinks LI A { display: block; width: 231px; height: 28px; background-image: url(/i/buttons/homepageQuickLinks.gif)!important; }
.quickLinks LI.portfolio A { background-position: 0 0; }
.quickLinks LI.portfolio A:hover{ background-position: 0 -90px; }
.quickLinks LI.cms A { background-position: 0 -30px; }
.quickLinks LI.cms A:hover{ background-position: 0 -120px; }
.quickLinks LI.ecommerce A { background-position: 0 -60px; }
.quickLinks LI.ecommerce A:hover{ background-position: 0 -150px; }
#newsItems { padding: 0 0 0 12px; }
#newsItems .newsItem { display: inline-block; }
.hompageCol1 H3 { margin-bottom: 5px; color: #435B6A; font-size: 1.5em; font-weight: bold; }
#newsItems .newsImage { float: left; width: 200px; }
#newsItems .newsStory { float: left; width: 240px; }
#newsItems .promoBox .quote { margin-top: 0; }
#newsItems .promoBox IMG { float: left; margin-right: 15px; }
#getQuoteNow { padding-top: 87px; background: url(/i/getQuote.gif) no-repeat; }
#getQuoteNow .textBox INPUT { width: 190px; height: 20px; margin-top: 3px; padding-left: 5px; padding-right: 5px; background: url(/i/getQuoteNow_textbox.gif); }
#getQuoteNow .textArea TEXTAREA { width: 190px; height: 75px; margin-top: 3px; padding-left: 5px; padding-right: 5px; background: url(/i/getQuoteNow_textarea.gif); }
#getQuoteNow .getYourQuoteNow { clear: both; }
#getQuoteNow .getYourQuoteNow A { display: block; width: 204px; height: 31px; background: url(/i/buttons/getYourQuoteNow.gif); }
#getQuoteNow .getYourQuoteNow A:hover { background-position: 0 -31px; }
#getQuoteNow .getQuoteNowError { font-size:1.1em; color:red; }
#homepagePromo { padding: 0 12px 0 12px; }
.arrowList LI { padding: 0 0 0 15px; background: url(/i/interestedBullet.gif) no-repeat 0 5px; }
#mainSection.oneColumn .mainColumn .homepageBottom { height: 65px; background: url(/i/homepageBottom.gif) no-repeat; }
#mainSection.oneColumn .mainColumn .homepageBottom .technologies { margin: 0 !important; padding: 20px 0 0 15px; }
#mainSection.oneColumn .mainColumn .homepageBottom .technologies LI { display: inline; margin: 0 1px 0 2px; }
/*---------- LIGHTBOX -----------*/
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
color: #914868;
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
}
/* --- TVI styles --- */
#lightbox-container-image-box {
border: 1px solid #bbc6c8;
}
#lightbox-container-image-data-box {
border: 1px solid #bbc6c8;
border-top: none;
background: #ffffff url(/i/lightbox-bottom-bg.gif) repeat-x left bottom !important;
}
#lightbox-secNav A { display: block; width: 55px; height: 14px; background: url(/i/lightbox-btn-close.gif) 0 0; }
#lightbox-secNav A:hover { background: url(/i/lightbox-btn-close.gif) 0 -14px; }
/*----- sIFR ------*/
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active #subFooter .column H1,
.sIFR-active #subFooter .column H4 {
font-family: Verdana;
visibility: hidden;
}
.sIFR-active #mainSection .mainColumn H1{
font-family: Verdana;
visibility: hidden;
}
.sIFR-active #mainSection .mainColumn H2{
font-family: Verdana;
visibility: hidden;
}
.sIFR-active #mainSection .mainColumn #portfolioGallery H2{
font-family: Verdana;
visibility: hidden;
}
.sIFR-active .promoBox .title{
font-family: Verdana;
visibility: hidden;
line-height: -1px;
}
}