/* imports */
@import "reset.css";
@import "components.css";
/* ------- */

*{font-family:calibri;}
body{background:#485052;font-family:calibri;font-size:14px;}
body, html{height:100%;padding:0;margin:0}
h3{font-style:italic;font-size:24px;}
h4{font-size:20px;margin-top:20px;margin-bottom:10px; color: #666666; font-weight: bold}
/*p{text-shadow:1px 1px #f2f2f2;}*/
.twtr-hd, .twtr-ft
{
display: none;
}

/* header */
#header{position:relative;z-index:800;}
.fontTitillium{font-family: "Titillium Web"}

/* client login */
#loginpanel{background:#2f2f2f;position:absolute;z-index:500;width:77px;height:28px;overflow:hidden;padding:0 0 0 5px;display:inline-block;
			border:1px solid #6d6d6d;border-top:none;top:-1px;right:0px;
            -moz-border-radius-bottomright:3px;
            -moz-border-radius-bottomleft:3px;
            -webkit-border-bottom-left-radius:3px;
            -webkit-border-bottom-right-radius:3px}
#userLogin{color:#c4c4c4;height:28px;background: #2f2f2f;padding: 5px 7px;-moz-border-radius: 3px;border-radius: 3px;-webkit-border-radius: 3px;display:block;overflow:hidden;}
#userLogin:hover{background: #2f2f2f;}
#loginForm{width:185px;margin:0 auto;padding:7px 0 0;}
#loginForm fieldset{margin:0 0 3px;}
#loginForm input[type=text]{padding:0 5px;width:171px;height:22px;border: 1px solid #3C3C3C;color:#575757;
								-moz-border-radius: 3px;border-radius: 3px;-webkit-border-radius: 3px;}
#loginForm input[type=submit]{background:#909090;border:none;color:#fff;padding:2px 5px;font-size:10px;
								-moz-border-radius: 3px;border-radius: 3px;-webkit-border-radius: 3px;float:right;margin:5px 0 0;}
#loginForm input[type=submit]:hover{background:#6d6d6d;cursor:pointer;}
#loginForm label{color:#515151;font-weight:bold;}
#loginForm a{color:#ee6923;font-weight:bold;text-decoration:none;padding:5px 0;display:block;font-style:italic;}
#loginForm a:hover{text-decoration:underline;color:#ee6923;}

/* nav */
#lavalampGroove, #lavalampGroove1{background:url(../images/global/nav-bar-bg-small.png) no-repeat 7px bottom; height:68px;/*width:500px;*/width:504px; margin: 0 0 60px 0}
#lavalampGroove1{margin: 0}

#searchArea{padding: 30px 0}
#searchWrapper{width:949px;margin: 40px 0 20px 0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:20px 12px;background: #9F9F9F;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9F9F9F', endColorstr='#878787');background:-webkit-gradient(linear, left top, left bottom, from(#9F9F9F), to(#878787));background: -moz-linear-gradient(top,  #9F9F9F,  #878787)}
#searchWrapper input{width: 282px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;;vertical-align: middle;font: 12px calibri;color: #606060;padding: 9px 5px;box-shadow: 0px 1px 3px #979797}
#alphabet a{color: #766F76; display: block; font-weight: bold; font-size: 14px; float: left; margin: 0 3px 0 0; padding: 6px 9px; background: #C9E1E1}
#alphabet a:hover{background: #EE6923; color: #fff}

.twoColumnEqual.alt > li{width: 460px; margin: 40px 0 0 40px; float: left}
.twoColumnEqual.alt > li:first-child{margin: 40px 0 0 0}
.twoColumnSmall.alt > li{width: 210px; margin: 0 0 20px 40px; float: left}
.twoColumnSmall.alt > li:first-child{margin: 0}

/* global */
.termSearch{background:url(../images/icons/icon-button-search.png) no-repeat 0 0;height:23px;width:111px; padding: 0 0 0 20px; font-style: normal; font-weight: normal; color: #fff}
#terminology.active{background: #EE6923; color: #fff}

#h3Grey{color:#919191;}
#leLogo{position:absolute;top:10px;left:0}
#loginArea{float:right;margin-right:0px;margin-top:-1px} /* Change margin-right to 100px when login menu is back*/
#loginArea li:first-child {margin: 0 10px 0 0}
#loginArea .terms:hover{background: #EE6923}
#loginArea .terms a.active{color: #fff}
/*#loginArea .termSearch.active{color: #fff}*/
#loginArea .termSearch:hover{color: #fff}
#loginArea img{margin:4px 10px auto 0}
#loginArea img, #loginArea a{float:left;}
#loginArea li{height:23px;float:left;padding:10px 3px 0 0px; font-size: 12px;font-family: "Titillium Web"; color:#d4d4d4;}
.listCircle{list-style: circle; margin: 0 0 0 30px}
/*#mainMiddleStroke{background:url(../images/global/slider-noise-bg.jpg) repeat;border-top:1px solid #2f2f2f;border-bottom:1px solid #2f2f2f;}*/
#mainMiddleStroke{background:#eaeaea;border-top:1px solid #2f2f2f;border-bottom:1px solid #2f2f2f;}
#mainPageContent, #mainPageContent1{position: relative;width:961px;margin:0 auto 80px auto;padding-bottom:20px;}
#mainPageContent1{margin: 0 auto}
#mainPageContent p{padding-bottom:10px;font-family: "Titillium Web"}
#mainPageContent li span{text-shadow:none;}
#switchViewBtnArea{width:150px;height:24px;position:absolute;right:0;top:-65px;z-index:9999;}
#switchViewAboutG{display:block;float:right;width:110px;height:24px;background:url(../images/buttons/toggle-button-about-gallery.png) no-repeat 0 0;}
#switchViewAGallery{display:block;float:right;width:110px;height:24px;background:url(../images/buttons/toggle-button-about-gallery.png) no-repeat 0 -24px;}
#switchViewAboutH{display:block;float:right;width:163px;height:24px;background:url(../images/buttons/toggle-button-about-hosting-packages.png) no-repeat 0 0}
#switchViewAHosting{display:block;float:right;width:163px;height:24px;background:url(../images/buttons/toggle-button-about-hosting-packages.png) no-repeat 0 -24px;}
#switchViewAboutQ{display:block;float:right;width:145px;height:24px;background:url(../images/buttons/toggle-button-about-quote-builder.png) no-repeat 0 0}
#switchViewAQuote{display:block;float:right;width:145px;height:24px;background:url(../images/buttons/toggle-button-about-quote-builder.png) no-repeat 0 -24px;}

#accordion h4 .spriteExtra{margin: 5px 8px 5px 0px}

.absolute{position:absolute;}
.bigCustomBtn, .bigCustomBtnBlue{float:right;margin-top:10px;padding:3px;background:rgb(185, 180, 186);background:rgba(185, 180, 186, 0.8);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.bigCustomBtn a:first-child{text-shadow:1px 1px 0 #666666;font-style:italic;text-align:center;padding-top:5px;color:#fff;font-size:16px;display:block;width:221px;height:26px;background:url(../images/buttons/ctr-btn.png) no-repeat 0 0;}
.bigCustomBtn a:first-child:hover{background-position:0 -31px;text-shadow:none;color:#006C80;}
.bigCustomBtn a, .bigCustomBtnBlue a{text-shadow:none;font-style:italic;text-align:center;padding-top:5px;color:#006C80;font-size:16px;display:block;width:221px;height:26px;background:url(../images/buttons/ctr-btn.png) no-repeat 0 -31px;}
.bigCustomBtn a:hover, .bigCustomBtnBlue a:hover{background-position:0 0;text-shadow:1px 1px #444;color:#fff;}
.bigCustomBtn a:hover span, .bigCustomBtnBlue a:hover span{background-position:0 0;text-shadow:1px 1px #444;color:#fff;}
.blueFont{color:#13BED0;}
.darkBlueFont{color:#109FB5;}
.boldFont{font-weight:bold;}
.customHr{height:1px;border-top:1px solid #C1C3C2;margin:4px 0;background:#fff;clear:both;}
.font12{font-size: 12px}
.font14{font-size: 14px}
.font16{font-size: 16px}
.font18{font-size: 18px}
.fontSize24{font-size:24px}
.font20{font-size: 20px}
.font22{font-size: 22px}
.font24{font-size: 24px}
.font26{font-size: 26px}
.font27{font-size: 27px}
.font30{font-size: 30px}
.font36{font-size: 36px}
.greyFont{color:#666666 !important;}
.lightGreyFont{color: #a3a3a3}
.italicFont{font-style:italic;}
.noFloat{float:none;}
.fontCalibri{font-family: Calibri;}
.noItalicFont{font-style:normal;}
.normalFont{font-weight:normal !important}
.noShadow{text-shadow:none;}
.noMargin{margin: 0 !important} 
.orangeFont{color:#ee6923 !important}
.lighterFont{color: #6C706F}
.greenLink{color: #15d8a5}
.greyLink{color: #6C706F;}
.whiteLink{color: #fff}
.orangeLink{color:#ee6923;text-decoration:none}
.orangeLink:hover, .greyLink:hover, .whiteLink:hover, .greenLink:hover{text-decoration:underline}
.radius3, #tabs, img, .greenBtn, .orangeBtn, #greyDivHome, .greyBg, .testimonialWrapper, #askQuestion input, #askQuestion textArea, .result, .rounded{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.rounded4{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.rounded5{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.relative{position:relative;}
.whiteFont{color:#fff;}
.topMargin50{margin-top:50px}
.topWrapper{position:relative;background:url(../images/global/top-gradient.png) no-repeat;}
.topWrapper h3,
.wrapper h3{color:#fff;text-shadow:1px -1px 0 #666666;margin:20px 0;float:left;width:500px;}
.topWrapper, .wrapper, #letUsContactYouWrapper, #socialMediaContentBlocks{width:961px;margin:0 auto;}
#letUsContactYouWrapper.coffeeBlock, #letUsContactYou.coffeeBlock{width: 550px; float:right; margin: -80px 0 0 0}
#letUsContactYou.coffeeBlock{background: none; padding: 0; margin: 0}
.mainWrapper{width: 960px; margin: 60px auto 0 auto}
.coffeeBackground{background:url(../images/global/photo-coffee_1.jpg) no-repeat; width: 550px; height:315px}
.block{display:block}
.marginAuto{margin: 0 auto}
.underline{text-decoration: underline}

/* Gradients */
/*.orangeBtn, .orangeBtn.big{background: #EDA37C;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDA37C', endColorstr='#CF8862');background:-webkit-gradient(linear, left top, left bottom, from(#EDA37C), to(#CF8862));background: -moz-linear-gradient(top,  #EDA37C,  #CF8862)}*/
/*.orangeBtn:hover{background: #E57C44;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E57C44', endColorstr='#BB5620');background:-webkit-gradient(linear, left top, left bottom, from(#E57C44), to(#BB5620));background: -moz-linear-gradient(top,  #E57C44,  #BB5620)}*/
.greenBtn, .greenBtn.big{background: #A6C34C;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6C34C', endColorstr='#93AB4C');background:-webkit-gradient(linear, left top, left bottom, from(#A6C34C), to(#93AB4C));background: -moz-linear-gradient(top,  #A6C34C,  #93AB4C)}
.greenBtn:hover{background: #80AA00;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80AA00', endColorstr='#658700');background:-webkit-gradient(linear, left top, left bottom, from(#80AA00), to(#658700));background: -moz-linear-gradient(top,  #80AA00,  #658700)}

.btn{text-decoration: none; cursor: pointer}
.greenBtn{padding: 5px 20px 3px 20px; font-size:12px; font-weight: bold; font-style: italic; color: #FFFFFF; text-shadow: 0px 1px 2px #7b903b; display: block; float: left}
.greenBtn a{font-size:12px; font-weight: bold; font-style: italic; color: #FFFFFF; text-shadow: 0px 1px 2px #7b903b; vertical-align: middle; line-height: 12px; display: block; margin: 3px 0 0 0}
.orangeBtn{padding: 5px 10px; font-size:12px; font-weight: bold; font-style: italic; color: #FFFFFF; background: #ef6923}
.orangeBtn:hover{background: #E57C44}
.orangeBtn.big{padding: 10px 20px; font-family: verdana; cursor: pointer; display: block; float: left; margin: 3px 0 0 15px}
.greenBtn.big{padding: 10px 20px; font-family: verdana; cursor: pointer; display: block; margin: 3px 0 0 0}
.greyBg{background: #9F9F9F;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9F9F9F', endColorstr='#878787');background:-webkit-gradient(linear, left top, left bottom, from(#9F9F9F), to(#878787));background: -moz-linear-gradient(top,  #9F9F9F,  #878787)}
.greyBg:hover{background: #878787;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#878787', endColorstr='#878787');background:-webkit-gradient(linear, left top, left bottom, from(#878787), to(#878787));background: -moz-linear-gradient(top,  #878787,  #878787)}

.greyBg{position: absolute; top: 28px; right: 30px}
/*green buttons:
-	corner-radius: 3px
-	height: 30px;
-	padding: 8px 10px


green buttons - hover:
-	-webkit-linear-gradient(#80AA00, #658700);*/

/* Layout */
.grid400{width: 400px}
.grid200{width: 200px}
.gap5{height:5px}
.gap10{height:10px}
.gap20{height:20px}
.gap30{height: 30px}
.gap40{height: 40px}
.gap50{height:50px}
.gap115{height: 115px}
.grid420{width: 420px; margin: 0 auto}
.grid753{width: 753px; margin: 0 auto}
.grid935{width: 935px; margin: 0 auto}
.bold600{font-weight: 600}

/* New Icons */
#greyDivHome {background: #f1f1f1; padding: 10px 10px 10px 20px; margin: 10px 0 0 0}
#greyDivHome p{font-size: 18px; font-style: italic; font-weight: bold; color: #606060}
#greyDivHome p.btnp{font-size: 12px; color: #fff; text-shadow: 0px 1px 2px #7B903B; float: right; margin: 3px 0 0 0}
.iconOne{background:url(../images/home/iconOne.jpg) no-repeat 0 0; height: 22px; width: 20px}
.iconAnalysis{background:url(../images/icons/icon-content-analysis.png) no-repeat 0 0; height: 40px; width: 40px}
.iconInnovation{background:url(../images/icons/icon-content-innovation.png) no-repeat 0 0; height: 40px; width: 40px}
.iconImplementation{background:url(../images/icons/icon-content-implementation.png) no-repeat 0 0; height: 40px; width: 40px}
.iconVideoBtn{background:url(../images/icons/icon-button-video.png) no-repeat 0 0; height: 20px; width: 20px; float: left; margin: -3px 10px 0 0}
.iconLaunchBtn{background:url(../images/icons/icon-button-launch-site.png) no-repeat 0 0; height: 20px; width: 20px; float: left; margin: -3px 10px 0 0}
.icon1{background:url(../images/icons/icon-content-slider-our-approach-numbers-01_1.png) no-repeat 0 0; height: 20px; width: 20px}
.icon2{background:url(../images/icons/icon-content-slider-our-approach-numbers-02_1.png) no-repeat 0 0; height: 20px; width: 20px}
.icon3{background:url(../images/icons/icon-content-slider-our-approach-numbers-03_1.png) no-repeat 0 0; height: 20px; width: 20px}
.icon4{background:url(../images/icons/icon-content-slider-our-approach-numbers-04_1.png) no-repeat 0 0; height: 20px; width: 20px}
.icon5{background:url(../images/icons/icon-content-slider-our-approach-numbers-05_1.png) no-repeat 0 0; height: 20px; width: 20px}
.iconSearch{background:url(../images/icons/icon-button-search.png) no-repeat; height: 16px; width: 16px; margin: 0 7px 0 0}
.iconView{background:url(../images/icons/icon-button-view.png) no-repeat; height: 16px; width: 16px; margin: 0 7px 0 0}
.iconAskQuestion{background:url(../images/icons/icon-button-ask-a-question.png) no-repeat; height: 16px; width: 16px; margin: 0 10px 0 0}
.iconInfo{background:url(../images/icons/icon-content-slider-our-approach-numbers-i.png) no-repeat -0px -0px; height: 20px; width: 20px}
.iconSubmit{background:url(../images/icons/icon-button-submit.png) no-repeat; height: 16px; width: 16px; margin: 0 7px 0 0}
.iconMoreLeft{background:url(../images/icons/icon-button-show-more.png) no-repeat; height: 16px; width: 16px; margin: -2px 7px 0 0}
.iconMoreRight{background:url(../images/icons/icon-button-show-more.png) no-repeat; height: 16px; width: 16px; margin: -2px 0 0 7px}
.iconBackList{background:url(../images/icons/icon-button-back-to-list.png) no-repeat; height: 16px; width: 16px; margin: -1px 7px 0px 0px}
.mapGlobal{background:url(../images/global/clients-page-graphic-map.png) no-repeat; height: 214px; width: 428px;}
#mailUs, #findUs{width: 30px;background: #2D3132; padding: 8px 0 10px 0; margin: -10px 0 0 0; -webkit-border-bottom-right-radius: 6px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}

.sprite{background:url(../images/global/spritesheet.png); display:block;}
.spriteExtra{background:url(../images/global/spritesheet-extras.png); display:block; margin:6px 0 0 10px}
.socialSprite{background:url(../images/global/sprite-animated-socials.gif); display:block;}
.iconPlayVideo.sprite{background-position:  -82px -50px; height: 35px; width: 39px; margin: 0 auto 10px auto; cursor: pointer}
.videoCoffeeWrap:hover .iconPlayVideo.sprite{background-position:  -121px -50px;}
.logoHeader.sprite{background-position:  -0px -104px; height: 55px; width: 221px;}
.iconPhoneSmall.sprite{background-position:  -109px -0px; height: 11px; width: 8px; margin: 1px 7px 0 0}
.iconMail.sprite{background-position:  -153px -13px; height: 13px; width: 14px; margin: 1px auto 0 auto}
#mailUs:hover .iconMail.sprite{background-position:  -153px -0px; height: 13px; width: 14px;}
.iconLocation.sprite{background-position:  -178px -0px; height: 14px; width: 11px; margin: 0 auto}
#findUs:hover .iconLocation.sprite{background-position:  -167px -0px; height: 14px; width: 11px;}
.iconBuzzFeed.sprite{background-position:  -88px -0px; height: 20px; width: 21px; margin: -2px 10px 0 0}
.iconTwitterFeed.sprite{background-position:  -36px -27px; height: 18px; width: 26px; margin: -2px 7px 0 0}
.iconFindUsOn.sprite{background-position:  -17px -27px; height: 19px; width: 19px; margin: -2px 7px 0 0}
.iconQuote.sprite{background-position:  -0px -74px; height: 30px; width: 41px;}
.iconAccessibility.spriteExtra{background-position:  -0px -0px; height: 18px; width: 18px;}
.iconEmailAccount.spriteExtra{background-position:  -18px -0px; height: 18px; width: 18px;}
.iconAutomation.spriteExtra{background-position:  -0px -18px; height: 21px; width: 22px;}
.iconCMS.spriteExtra{background-position:  -0px -39px; height: 23px; width: 21px;}
.iconIdentity.spriteExtra{background-position:  -0px -62px; height: 21px; width: 20px;}
.iconCorporateDoc.spriteExtra{background-position:  -0px -83px; height: 22px; width: 20px;}
.iconDomain.spriteExtra{background-position:  -0px -105px; height: 22px; width: 22px;}
.iconInteraction.spriteExtra{background-position:  -0px -127px; height: 21px; width: 21px;}
.iconReporting.spriteExtra{background-position:  -128px -18px; height: 21px; width: 15px;}
.iconStorage.spriteExtra{ background-position:  -88px -41px; height: 19px; width: 22px;}
.iconOrganising.spriteExtra{ background-position:  -56px -0px; height: 17px; width: 15px;}
.iconWebDesign.spriteExtra{ background-position:  -22px -18px; height: 23px; width: 24px;}
.iconSEO.spriteExtra{ background-position:  -42px -41px; height: 23px; width: 23px;}
.iconSocialMedia.spriteExtra{ background-position:  -65px -41px; height: 23px; width: 23px;}
.iconBolgs.spriteExtra{ background-position:  -113px -0px; height: 16px; width: 19px;}
.iconEmailNewsletter.spriteExtra{ background-position:  -36px -0px; height: 18px; width: 20px;}
.iconWebDevelop.spriteExtra{ background-position:  -22px -87px; height: 19px; width: 19px;}
.iconLargeScale.spriteExtra{ background-position:  -46px -18px; height: 23px; width: 24px;}
.iconPackageDesign.spriteExtra{ background-position:  -86px -18px; height: 22px; width: 22px;}
.iconBuildRelation.spriteExtra{ background-position:  -71px -0px; height: 18px; width: 20px;}
.iconMobilePhone.spriteExtra{ background-position:  -70px -18px; height: 22px; width: 16px;}
.iconMobileTablet.spriteExtra{ background-position:  -110px -41px; height: 21px; width: 22px;}
.iconStrengthBrand.spriteExtra{ background-position:  -91px -0px; height: 16px; width: 22px;}
.iconNoContract.spriteExtra{ background-position:  -22px -41px; height: 24px; width: 20px;}
.iconTopNotch.spriteExtra{ background-position:  -22px -65px; height: 22px; width: 20px;}
.iconPackages.spriteExtra{ background-position:  -108px -18px; height: 20px; width: 20px;}
.iconYearendPackages{background:url(../images/global/icon-content-slider-year-end-packages.png) 0 20px; width: 19px; height: 20px; margin: 8px 0 0 18px}
.iconYearendPackages:hover{background-position: 0 0}
.brandPackageWrapper{border: 1px solid #A9A8A8; padding: 5px 0 10px 0; -webkit-box-shadow: 0 1px 1px rgba(255,255,255,.82);-moz-box-shadow: 0 1px 1px rgba(255,255,255,.82);	box-shadow: 0 1px 1px rgba(255,255,255,.82);}
.brandPackageWrapper .sRSCBRight{width: 180px}
.brandPackageWrapper h4{color: #ee6923 !important}
.brandPackageWrapper h4:hover, .iconYearendPackages:hover .brandPackageWrapper h4{color: #666666 !important}
.videoCoffeeWrap{position: absolute; top: 130px; left: 60px}
.videoCoffeeWrap .whiteLink{color: #fff}
.videoCoffeeWrap .whiteLink:hover{text-decoration: underline}

#blogIcon.socialSprite{background-position:  -132px -0px; height: 25px; width: 25px;}
#blogIcon.socialSprite:hover{background-position:  -132px -26px;}
#foursquareIcon{background:url(../images/icons/foursquare.png) no-repeat}
#linkedInIcon.socialSprite{background-position:  -35px -0px; height: 25px; width: 25px;}
#linkedInIcon.socialSprite:hover{background-position:  -35px -26px; }
#facebookIcon.socialSprite{background-position:  -71px -0px; height: 25px; width: 25px;}
#facebookIcon.socialSprite:hover{background-position:  -71px -26px}
#socialButtons li{margin:0 10px 10px 0;float:left !important;cursor:pointer}
#twitterIcon.socialSprite{background-position:  -0px -0px; height: 25px; width: 25px;}
#twitterIcon.socialSprite:hover{background-position:  -0px -26px;}
#googleIcon.socialSprite{background-position:  -106px -0px; height: 25px; width: 16px;}
#googleIcon:hover{background-position:  -106px -26px}
/*#vimeoIcon{background:url(../images/icons/vimeo.png) no-repeat}*/
#youtubeIcon{background:url(../images/icons/youtube.png) no-repeat}
#vimeoIcon.socialSprite{background-position:  -166px -0px; height: 25px; width: 25px;}
#vimeoIcon.socialSprite:hover{background-position:  -166px -26px}

.closePopUp{display:block;background:url(../images/icons/icon-button-close.png) 5px no-repeat;width:10px;height:10px; padding: 5px}

#results p, #resultsSmall p{padding: 0; font-size: 16px}
.result{background: #E9F4F6; padding: 16px 20px; width: 935px; margin: 0 0 1px 0; cursor: pointer}
.result:hover{background: #CDE0E4 url(../images/icons/icon-list-item-result-bar.png) no-repeat 98%;}
#results .orangeBtn.big{margin: 15px 0 0 400px}

#resultsSmall{margin: 5px 0 0 0}
#resultsSmall .result{background: #E9F4F6; padding: 12px 20px; width: 460px; margin: 0 0 1px 0; cursor: pointer}
#resultsSmall .result:hover{background: #CDE0E4 url(../images/icons/icon-list-item-result-bar.png) no-repeat 98%;}

#resultsOpen .orangeBtn.big{margin: 20px 0 30px 0}
#resultsOpen .greenBtn{padding: 5px 15px 3px 10px; margin: 0 0 0 20px}

#askQuestion #greyDivHome{margin: 0 0 20px 0}
#askQuestion .greyBg{top: 18px}
#askQuestion label{color: #606060; font-weight: bold; font-style: italic}
#askQuestion input{padding: 5px 15px; width: 465px; color: #606060; font-style: italic; margin: 10px 0}
#askQuestion textArea{width: 465px; padding: 5px 15px; height: 100px; color: #606060; font-style: italic; margin: 10px 0; box-shadow: 0px 1px 3px #979797}

/* slider */
#approach{background:url(../images/buttons/our-approach_1.png) no-repeat 0 0;}
#branding{background:url(../images/buttons/branding_1.png) no-repeat 0 0;}
#design{background:url(../images/buttons/web-design_1.png) no-repeat 0 0;}
#hosting{background:url(../images/buttons/mobile-apps_1_1.png) no-repeat 0 0;}
#infrastructure{background:url(../images/buttons/hostingicon_2.png) no-repeat 0 0;}
/*#infrastructure{background:url(../images/buttons/it-infrastructure.png) no-repeat 0 0;}*/
/*#slideBg{background:url(../images/global/slider-noise-bg.jpg) repeat;height:455px;border-top:1px solid #2f2f2f;border-bottom:1px solid #2f2f2f;padding-bottom:30px}*/
/*#slideBg{background:#fff;height:455px;border-top:1px solid #2f2f2f;border-bottom:1px solid #2f2f2f;padding-bottom:30px}*/
#slideBg{background:#EAEAEA;height:470px;box-shadow: 0 4px 6px #454545;padding-bottom:30px}
#slideContent {overflow: hidden;position: relative;width: 961px;margin:0 auto;}
#systems{background:url(../images/buttons/business-systems_1.png) no-repeat 0 0;}
#tabbedContent {position:relative;}
#tabs {position:relative;width:961px;height:81px;margin:0 auto;margin-bottom:20px;z-index:1; box-shadow: 0 4px 6px #454545;border-top: 1px solid #C0C0C0;background: #9F9F9F;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9F9F9F', endColorstr='#878787');background:-webkit-gradient(linear, left top, left bottom, from(#9F9F9F), to(#878787));background: -moz-linear-gradient(top,  #9F9F9F,  #878787)}
#tabs a{outline:none;}
#tabs a:hover{background-position:0 -81px;}
#tabSlider{width:5766px;}
#tabSlider li{float:left;width:961px;margin:0px;padding:0px;}
/*#tabSliderLeft{height:81px;background:url(../images/buttons/carousel-prev.png) no-repeat 0 0;left:-80px;}
#tabSliderRight{height:81px;background:url(../images/buttons/carousel-next.png) no-repeat 0 0;right:-80px;}
#tabSliderLeft, #tabSliderRight{position:absolute;width:63px;height:81px;z-index:0;top:160px;}
#tabSliderLeft:hover, #tabSliderRight:hover{cursor:pointer;background-position:0 -81px;}*/
#tabToolTip{background:url(../images/home/active-tab_1.png) no-repeat;position: absolute;width: 160px;z-index:900;left: 0;height:91px; margin: -1px 0 0 0}
#vidPlaceholder{background:#444444;padding:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}

.slideLeftSide, .slideLeftSide.siteSlider{position:relative;padding-top:30px;float:left;width:400px;margin-right:10px;height:447px;}
.slideLeftSide.siteSlider{width:370px; margin: 0 40px 0 0; padding: 60px 0 0 0}
.slideRightSide, .slideRightSide.rightApproach{padding-top:15px;float:left; width:530px; margin: 0 0 20px 15px;}
.slideRightSide.rightApproach{margin: 0; width: 550px; padding: 60px 0 0 0}
.slideRightSide h3 .greyFont{color: #707070}
.slideRightSide h3{margin-bottom:23px}
.slideRightSide .bigCustomBtn, .slideRightSide .bigCustomBtnBlue{margin-top:20px;}
.sliderRightSideContentBlock{padding:5px 0;width:256px;margin-right:8px;display:block;float:left;}
.slideWrapper{position:relative;}
.sRSCBLeft{float:left;width:50px;}
.sRSCBLeft span{font-size:30px;font-weight:bold;color:#13BBD8;}
.sRSCBLeft img{margin-top:5px;}
.sRSCBLeft span, .sRSCBLeft img{display:block;}
.sRSCBRight{float:left;width:206px;}
.sRSCBRight h4{margin-top:5px;font-size:18px;color:#666666;font-style:normal;font-weight:bold}
.sRSCBRight h4:hover{color:#ee6923;cursor:pointer;}
.sRSCBRight p, #mainPageContent p{color:#6C706F}
.tabNavBtn{display: block;float: left;height:81px;width:160px;color:#fff;text-align: center;z-index: 9000;position: relative;}
.approach{width: 260px; margin: 0 0 20px 0}
.approach .approachText{width:220px}
.errorLabel, .errorLabel1{color: #15D8A5; font-size: 12px;margin: 10px 0 0 0;font-style: italic;font-weight: bold;}
.errorLabel1{font-size: 11px !important; color: #15D8A5 !important; width: 234px !important; margin: 5px 0 0 -16px !important;}
.checkedError, .checkedError1{display: none}

.clientSection{margin:0 0 40px 0}
.clientsWrapper{width: 235px; height: 135px; float: left; background: #F3F3F3}
.clientsWrapper:hover{background: #fff}

.timeline-header .summary a:link{color: red !important}

/* Let us contact you */
#contactYouForm{border: none; position: relative; top: 0; right: 0}
#contactYouForm input{margin:0 9px 0 0; border: none}
#contactYouForm input[type="checkbox"]{margin: 3px 10px 0 0}
#contactYouForm input:last-child{margin:0;}
#contactYouForm input[type="text"], 
#sendUsMailForm input[type="text"], #smileMailForm input[type="text"], #smileMailForm select
{width:189px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;vertical-align:middle;font: 14px calibri;font-style:italic;color:#606060;padding:12px 11px; margin: 0 0 5px 0}
#contactYouForm input[type="submit"]{outline:none;color: #fff;width:120px;height:40px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;vertical-align:bottom;border:1px solid #3e3e3e;font-size:15px; font-weight: bold;background: #ef6923;font-family: "Titillium Web"; margin:10px 10px 0 0}
#contactYouForm input[type=submit]:hover{background: #E57C44; cursor:pointer;}
#contactYouForm textarea,
#sendUsMailForm textarea, #smileMailForm textarea
{height:120px;width:402px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;vertical-align:middle;font: 12px verdana;color:#575757;padding:4px 5px;margin:10px 0 0 0;}
#letUsContactYouWrapper{position:relative;}
#letUsContactYou{width:936px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:20px 12px;margin-top:-20px;background: #9F9F9F;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9F9F9F', endColorstr='#878787');background:-webkit-gradient(linear, left top, left bottom, from(#9F9F9F), to(#878787));background: -moz-linear-gradient(top,  #9F9F9F,  #878787)}
#letUsContactYou img{float:left;margin:0 15px 0 0;}
#letUsContactYou h3, #letUsContactYou .blueBg h3{font-size:20px;color:#fff;text-shadow:1px -1px 0 #3e3e3e;float:left;margin-right:30px;margin-bottom:10px; font-weight: bold}
#letUsContactYou .blueBg h3{font-family: "Titillium Web";font-size: 22px;font-style: italic;color: #fff; text-shadow: none; font-weight: normal; margin:0}
#letUsContactYou p{text-shadow:none;font-size:14px;color:#fff; float: left; margin: 30px 0 20px 0}
#letUsContactYou label{text-shadow:none;font-size:11px;color:#fff;width:195px;float:left; font-style: italic; margin: 4px 0 0 0}
#letUsContactYouShadow{background:url(../images/home/shadow.png) no-repeat;width:961px;height:16px;}
#smileMailForm select{width:273px !important;}

/* send Us Mail Modal Form */
#sendUsMailForm h3, #smileMailForm h3{color:#fff;margin:0 0 30px 0}
#sendUsMailForm h3.orangeFont, 
#sendUsMailFormSuccess h3.orangeFont, #smileMailForm h3.orangeFont
{color:#fff}
#sendUsMailForm input[type=text], #smileMailForm input[type=text]{margin:0 0 5px ;width:250px; border:none}
#sendUsMailForm input[type="checkbox"]{margin: 0 10px 0 0}
#sendUsMailForm textarea, #smileMailForm textarea{margin:0 0 15px 0;width:487px; border:none}
#sendUsMailFormSubmit, #smileMailFormSubmit{outline:none;color: #fff;width:120px;height:18px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:15px; font-weight: bold;background: #ef6923;font-family: "Titillium Web"; padding:10px 0; text-align:center}
#sendUsMailFormSubmit:hover, #smileMailFormSubmit:hover{background: #E57C44; cursor:pointer;}
#sendUsMailForm label.error, #smileMailForm label.error{background:none;height:0;width:0;padding:0;margin:0;font-size:0;line-height:0;display:none}
#sendUsMailForm input[type=text].error, 
#sendUsMailForm textarea.error, #smileMailForm input[type=text].error, #smileMailForm select.error
{background:#D77878}
#sendUsMailClose, #sendSmileClose{display:block;position:absolute;right:10px;top:10px;background:url(../images/icons/close-icon.png) no-repeat;width:20px;height:20px}
#sendUsMailClose:hover, #sendSmileClose:hover{background-position:0 -20px}
#sendUsMailFormSuccess{display:none;top:0;left:0;height:328px}

/* testimonials */
#testimonial{float:left;width:370px}
#testimonialArea{margin: 0 auto}
#testimonialArea h3.heading{font-family: Verdana;font-size: 12px;font-weight: bold;color: #fff;	text-shadow: 0 -1px #3e3e3e; font-style: normal; margin: 0 0 0 38px}
/*#testimonial blockquote {padding-left: 20px;}*/
/*#testimonial p{color:#fff;font-size:14px;margin-left:60px;padding:15px 0 0;text-shadow:1px -1px 0 #666;font-weight: bold;}*/
#testimonial p{color:#EE6923;font-size:14px;margin-left:60px;padding:15px 0 0;text-shadow:none;font-weight: bold; font-style: italic}
#testimonialVidBtn{outline:none;float:right;display:block;height:100px; width:340px;background:url(../images/buttons/testimonial-btn.png) no-repeat 0 0;}
#testimonialVidBtn:hover{background-position:0 -100px;}
.profileTestimonial {color: #666666; margin-top: 20px;}
.profileTestimonial blockquote{color: #666666; width: 540px}
.profileTestimonial p{color: #666666;font-size:14px;margin-left:60px;padding:15px 0 0;font-weight: bold;}
.testimonialImage{width:340px; height:100px; margin: 0 0 0 20px}

/* socialmedia */
#twitterTweetBtn, #facebookLikeBtn, #googlePlusOneBtn{width:60px;margin-right:10px;float:left}
#facebookLikeBtn, #googlePlusOneBtn{width:50px}

#facebookLikeArea{height:20px;color:#fff;}
#facebookLikeArea a{color:#13BED0;}
#facebookLikeArea a:hover{color:#ee6923;cursor:pointer;text-decoration:none;}
#followUsFacebookArea{padding:10px;position:relative;margin:10px 0 30px 0;background:#C5C5C5;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#socialMedia{position:relative;height:60px;width:100%;border-top:1px solid #747474;background:#EAEAEA; padding: 20px 0 0 0}
.twitterLink{color: #13BED0;}
.twitterLink:visited {color: #13BED0;}

.socialHeading{float:left;font-size:18px;font-style:italic;color:#ef6923 !important; font-weight: normal !important}
#socialMediaCollapseBtn{cursor:pointer;outline:none;float:left;font-style:italic;color:#747474;}
#socialMediaCollapseBtn:hover{cursor:pointer;color:#fff;}
#socialMedia ul{width:961px;margin:15px auto 0 auto;}
#socialMedia li{float: left;width:320px;text-align:center;}
#socialMedia li img{float:left;display:block;margin-top:4px;margin-right:10px;}
#socialMedia li span{float:left;font-size:18px;font-style:italic;color:#ef6923;}
#socialMedia li a:hover{color:#fff;}
#socialMediaToggleBtn{margin:0 auto;width:100px;background: #2F2F2F;padding:5px; border: 1px solid #747474;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;border-bottom:none;}
#socialMediaContentBlocks > li{float:left;width:295px;margin-left:21px;}
#socialMediaContentBlocks li p, #socialMediaContentBlocks li h5{text-shadow:none;}
#socialMediaContentBlocks li h5, #socialMediaContentBlocks li a h5{font-weight:bold;color:#666666;font-size:18px;text-decoration:none;margin:0 0 15px 0}
#socialMediaContentBlocks li a:hover h5{text-decoration:underline}
#socialMediaContentBlocks li h5 span, #socialMediaContentBlocks li a h5 span{color:#9e9e9e;}
#socialMediaContentBlocks li:first-child img{display:block;margin:0 0 15px 0}
#socialMediaContentBlocks p{color:#666666;padding:5px 0;}
#socialMediaContentBlocks span{color:#13BED0;font-weight:bold;}
#socialMediaContentBlocks li:first-child{margin-left:0px;}
#toggle{position:relative;display:block;background:#EAEAEA;}

.socialBuzzBtn{display:block;margin:5px 0 0 6px;color:#dbdbdb;font-size:12px;font-style:italic;float:right;padding:7px 10px;background:#2f2f2f;background:rgba(0,0,0,0.3);border:1px solid #747474;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;}
.socialBuzzBtn:hover{background:#ee6923;color:#000;}
.socialMediaArrow{margin-right:5px;float:left;background:url(../images/icons/social-media-arrows.png) no-repeat 0 -13px;width:13px;height:13px;display:block;}
.socialMediaActive{background-position: 0 0;}

/* about page */
#aboutUl li{color:#666;font-weight:bold;text-shadow:1px 1px #f2f2f2;}
/*#termsUl p{}*/

/* mailchimp sign up section */
#mc_embed_signup form{padding:0 !important}
#mc_embed_signup{background: #EAEAEA !important}
#mc_embed_signup .mc-field-group input{border:none; outline: none; color: #666666; padding: 12px 5px !important; margin: 10px 0 5px 0}
#mc_embed_signup .button{background: #15d8a5 !important; height: 40px !important; padding: 0 30px !important; outline: none !important; margin: 10px 5px 10px 0 !important}
#mc_embed_signup .button:hover{background: #12b88d !important; }
#mc_embed_signup div.mce_inline_error{background: none !important; color: #6B0505 !important; font-weight: normal !important; font-style: italic !important;font-size: 12px !important; margin: 0 !important; padding: 10px 0 !important}
#mc_embed_signup .mc-field-group{padding: 0 !important}
#mc_embed_signup div.response {margin: 0 !important; color: #12b88d !important; padding: 0 !important; width: 100% !important}
/*#mc_embed_signup div#mce-responses{margin: 0 0 10px 0 !important; }*/
#mc_embed_signup form #protectChimpPolicy{margin: 1px 10px 0 0 !important}

.twitterHeading{position: absolute; background: #EAEAEA;height: 30px;width: 100px;top: 0;left: 0;z-index: 99;}
.twitterHeading h5{margin: 0 !important}

/* booster-wizard */
#bizBoosterForm{padding:1px 0 20px 0;text-shadow:1px 1px #f2f2f2;}
#bizBoosterForm input[type="text"]{display:block;margin:5px 0;border:none;width:330px;height:21px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;vertical-align:middle;font: 12px verdana;color:#575757;padding:4px 5px;}
#bizBoosterForm textarea{display:block;margin:5px 0;border:none;width:330px;height:63px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;vertical-align:top;font: 12px verdana;color:#575757;padding:4px 5px;font: 12px verdana}
#bizBoosterForm input[type="text"].error,
#bizBoosterForm textarea.error
{background:#D77878}
#bizBoosterForm p{font-style:italic;padding:20px 0;display:block;color:#000;}
#bizBoosterForm label.error{display:none;background:none;height:0;width:0;padding:0;margin:0;font-size:0;line-height:0;border:none}
#bizBoosterSteps{float:left;margin:2px 20px 10px 0;width:122px;height:20px;background:url(../images/icons/steps-business-booster.png) no-repeat 0 0;}
#bizBoosterSteps2{float:left;margin:2px 20px 10px 0;width:122px;height:20px;background:url(../images/icons/steps-business-booster.png) no-repeat 0 -20px;}
#greenCheck{margin:10px 20px 0 0;width:35px;height:28px;background:url(../images/icons/icon-successful-submission.png) no-repeat;float:left;}
.customHr{height:1px;border-top:1px solid #afafaf;margin:4px 0;background:#ebebeb;clear:both;}
#greyArea{margin-top:20px;padding:15px;width:933px;background:url(../images/global/builder-bg-tile.jpg);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border-top:1px solid #afafaf;margin:4px 0}
#greyArea input[type=checkbox]{margin-right:10px;}
#greyArea label{clear:left;padding:10px 0;font-size:18px;text-shadow:1px 1px #f2f2f2;display:block;}
#greyArea label img{float:left;display:block;margin:0px 10px 0 0;width:20px;height:20px;}
#greyArea li{padding:5px 0;display:block;}
#greyArea ul li span{text-shadow:1px 1px #f2f2f2;}
#greyArea h5{padding:15px 0;font-weight:bold;color:#109FB5;text-shadow:1px 1px #f2f2f2;font-size:18px;}
#howWorksList{padding:0px 0 30px 0;}
#howWorksList li{padding:5px 0;display:block;clear:left;}
#howWorksList li span{font-size:30px;font-weight:bold;color:#13BBD8;display:block;float:left;}
#howWorksList li p, #stepsDescription{padding:5px 0 0 10px;font-size:18px;color:#444;text-shadow:1px 1px #f2f2f2;display:block;float:left;}
#howWorksList li p{width:910px}

.builderSolutionHeading{color:#109FB5;width:90px;float:left;font-weight:bold;font-style:italic;}
.builderSolutionText{color:#000;width:840px;float:left;}
.greyBtn{cursor:pointer;float:right;display:block;padding:5px 10px;text-shadow:1px 1px #f2f2f2;background:#cdcdcd;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.greyBtn:hover{cursor:pointer;background:#ee6923;color:#fff;text-shadow:none;}
.seeMoreBtn{text-shadow:none;position:relative;float:left;margin:5px 0 20px 0;color:#fff;font-weight:bold;font-size:12px;padding:5px 20px 5px 10px;background:#bbb;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.seeMoreBtn:hover{cursor:pointer;background:#ee6923;}
.seeMoreBtnArrow{position:absolute;right:5px;top:8px;height:7px;width:8px;background:url(../images/icons/icon-arrow.png) no-repeat 0 0px;}
.seeLess .seeMoreBtnArrow{background-position:0 -7px;}

.downloadBoosterBtn{text-shadow:none;position:relative;float:left;margin:5px 0 20px 0;color:#fff;font-weight:bold;font-size:12px;padding:5px 20px 5px 10px;background:#bbb;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.downloadBoosterBtn:hover{cursor:pointer;background:#ee6923;}


.mainMiddleStroke{background: #EAEAEA; padding: 30px 0 0 0; position: relative}
.mainMiddleStroke h4{margin: 0 0 10px 0}
.fourColumnEqual.alt{margin: 30px 0 15px 0}
.fourColumnEqual.alt > li{width: 224px; height:520px; float: left; background: #fff; margin: 0 0 0 18px; border: 1px solid #EAEAEA}
.fourColumnEqual.alt > li:first-child{margin: 0}
.fourColumnEqual.alt > li:hover{border: 1px solid #ef6923; cursor: pointer}
.fourColumnEqual.alt > li:hover .headWrap{background: #ef6923}
.fourColumnEqual.alt > li:hover .headWrap h2{color: #fff}
.fourColumnEqual .headWrap{background: #485052; padding: 13px 0 15px 20px; font-weight: bold; -webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.fourColumnEqual .headWrap h2{font-size: 20px;font-style: italic;color: #0dc5e5;}
.fourColumnEqual .infoWrap{padding: 20px 19px 20px 18px}
.fourColumnEqual .gridHeight415 h3{font-weight: bold; font-size:15px; font-style: normal; line-height: 22px; color: #666666}
.fourColumnEqual .infoWrap h3.orangeFont{font-size: 16px; color: #ef6923; text-transform: uppercase; font-style: italic; font-weight: bold}
.fourColumnEqual p{font-size:14px; color: #485052 !important; line-height: 16px; margin: 0 0 20px 0}
.fourColumnEqual p.orangeFont{color: #ef6923 !important; font-weight: bold; font-style: italic}
.fourColumnEqual p .blueFont{color: #0dc5e5 !important}
.gridHeight415{height: 415px}
.actionCall{position: absolute; bottom: -70px; left: 0; right: 0}
.actionCall p{color: #fff; font-style: italic; font-size: 18px; margin: 12px 0 0 0}
.actionCall .btnBlue{width: 220px}
.packageTooltip1, .packageTooltip2{background: #485052; position: absolute; width: 135px; padding: 15px; left: -32px; top: 30px; display: none; z-index: 10}
.packageTooltip2{width: 190px; top: 50px}
.packageTooltip1 .tooltipArrow, .packageTooltip2 .tooltipArrow{background:url(../images/icons/tooltip-top.png); height: 9px; width: 24px; position: absolute; left: 0; right: 0; margin: 0 auto; top: -9px}
.packageTooltip1 p, .packageTooltip2 p{color: #fff !important; font-size: 14px; font-style: italic; margin: 0}
.tip1:hover .packageTooltip1, .tip2:hover .packageTooltip2{display: block}
.tailorImage{background:url(../images/global/tailor-made-icon.png); height: 99px; width: 100px; margin: 0 40px 0 10px}
.iconInfoTerms{background:url(../images/global/terms-icon.png); height: 23px; width: 24px; margin: 0 15px 0 0}
.customPackage{background: #fff; padding: 20px; margin: 0 0 20px 0}
.customPackage h2{color: #0dc5e5; font-size: 20px; font-style: italic; font-weight: bold; margin: 0 0 20px 0}
.customPackage p{color: #485052;}
.termsFont{color: #485052 !important; line-height: 17px; margin: 0 0 35px 0}


/* IT quote builder */
#customQuoteAccordion .checkB{float:left;margin:13px 10px 0 20px;}
#customQuoteAccordion h4{margin:0 0 1px 0;cursor:pointer;width:100%;height:33px;background:#dadada;border-bottom:1px solid #ddd;}
#customQuoteAccordion h4:hover{background:#c6c6c6}
#customQuoteAccordion h4:hover, #customQuoteAccordion span:hover, #customQuoteAccordion label:hover{cursor:pointer;}
#customQuoteAccordion h4 span{display:block;width:880px;float:left;}
#customQuoteAccordion label{padding:0;margin-top:9px;}
#customQuoteAccordion li{padding:0;}
#customQuoteAccordion li div ul{margin:0 20px;padding-bottom:30px;}
#customQuoteAccordion li div ul > li{padding-bottom:23px}
#customQuoteAccordion li div ul > li > ul li{padding-bottom:10px;}
#customQuoteAccordion li div ul > li > span{display:block;width:810px;float:left;}
#customQuoteAccordion li div ul > li > div{margin-left:44px;}
#customQuoteAccordion li div ul > li > div label{padding:10px 0 5px 0;}
#customQuoteAccordion li div ul > li input[type=text]{padding:0 5px;width:810px;height:22px;border: 1px solid #3C3C3C;color:#575757;-moz-border-radius: 3px;border-radius: 3px;-webkit-border-radius: 3px;}
#quoteForm input[type=radio]{margin-bottom:10px;}
#quoteForm span{font-size:16px;text-shadow:1px 1px #f2f2f2;}
#quoteSteps{margin:10px 0;width:194px;height:20px;background:url(../images/icons/steps-it-quote-builder.png) no-repeat 0 0;}
#quoteSteps2{margin:10px 0;width:194px;height:20px;background:url(../images/icons/steps-it-quote-builder.png) no-repeat 0 -20px;}
#quoteSteps3{margin:10px 0;width:194px;height:20px;background:url(../images/icons/steps-it-quote-builder.png) no-repeat 0 -40px;}

.dropDownWrapper{display:block;}
/* Detail pages */
.detailLeftSide{position:relative;padding-top:20px;float:left;width:625px;margin-right:10px;}
.detailLeftSide img{width:626px;height:370px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; box-shadow: 1px 1px 5px #545454}
.detailRightSide{position:relative;float:right;width:295px;margin-left:15px;}
.detailRightSide label{padding:10px 0;font-size:14px;display:block;font-family: "Titillium Web"; color: #666666; font-style: italic}
.detailRightSide label img{float:left;display:block;margin:-3px 10px 0 0;width:20px;height:20px;}

/* Hosting packages */
#hostingForm{padding:20px 0;}
#hostingForm input[type="text"],
#hostingForm select
{margin-bottom:10px;float:left;background:#fff;width:350px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #3c3c3c;vertical-align:middle;font: 12px verdana;color:#575757;padding:9px 5px}
#hostingForm label{margin:10px 0;float:left;text-shadow: 1px 1px #F2F2F2;color:#2f2f2f;}
#hostingForm label.error{background:none;height:0;width:0;padding:0;margin:0;font-size:0;line-height:0;display:none}
#hostingForm select{color:#fff;background:#707070;width:360px;padding:7px 5px}
#hostingForm select option{background:#fff;color:#2f2f2f;}
#hostingForm option:hover{background:#707070;color:#fff;}
#hostingForm input[type="text"].error,
#hostingForm select.error
{background:#D77878}
#hostingFormSubmitText{font-style:italic;float:left;padding:5px 0 0 10px;font-size:18px;color:#666;text-shadow:1px 1px #F2F2F2;}
#hostingPackagesUl{padding-bottom:15px;}
#hostingPackagesUl li{color:#666;font-weight:bold;font-style:italic;text-shadow:1px 1px #f2f2f2;}
#registrationTable, #hostingTable{width:100%;position:relative;z-index:1;}
#registrationTable tr:first-child, #hostingTable tr:first-child{height:34px;}
#registrationTable td, #hostingTable td{color:#ee6923;font-weight:bold;background:#fff;padding:10px 0;text-align:center;border-right:1px solid #9E9A97;}
#registrationTable tr td:first-child, #hostingTable tr td:first-child{text-align:left;padding-left:10px;background:none;width:140px;color:#717171;font-weight:bold;text-shadow:1px 1px #f2f2f2;}
#registrationTable tr:nth-child(2n + 1) td, #hostingTable tr:nth-child(2n + 1) td{background:#F1E8E3;}
#registrationTable tr:nth-child(2n + 2) td:first-child, #hostingTable tr:nth-child(2n + 2) td:first-child{background:none;}
#registrationTable tr:nth-child(2n + 1) td:first-child, #hostingTable tr:nth-child(2n + 1) td:first-child{background:#CECECE;}
#registrationTable tr:first-child td, #hostingTable tr:first-child td{font-style:italic;background:none;color:#fff;text-shadow:1px 1px #777;font-weight:bold;font-size:16px;border-right:1px solid #1D7986;}
#registrationTable tr:first-child td:last-child, #hostingTable tr:first-child td:last-child{border-right:1px solid #1097ad;}
#registrationTable tr:first-child td:first-child, #hostingTable tr:first-child td:first-child{border:none;background:none;}
#hostingTable tr:last-child td{background:none;border-bottom:1px solid #9E9A97;border-right:1px solid #9E9A97;}
#hostingTable tr:last-child td:first-child{background:none;border-bottom:none;}
#registrationTable tr:last-child td{border-bottom:1px solid #9E9A97;}
#registrationTable tr:last-child td:first-child{border-bottom:none;border-top:none;border-left:none;}
#registrationTable td:first-child{width:150px;}
#registrationTable td#blueHeader,
#hostingTable td#blueHeader
{background:#1097ad;}
#hostingTable td.topBorder{border-bottom:-1px solid #9E9A97 !important}

.signUpNowBtn{margin:0px auto;display:block;width:147px;height:21px;padding-top:10px;
                                   outline:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;vertical-align:bottom;
                                   border:1px solid #C3754F;font:bold italic 11px verdana;color:#2f2f2f;text-shadow:1px 1px 0 #ff9e56;
								   background-color: #ee6c26; /* IE 7,8 fallback */
								   background-image: -moz-linear-gradient(#ff8a4d, #ee6c26);/* Firefox 3.6+ */
								   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8a4d), to(#ee6c26));/* Safari 4+, Chrome 1+ */
   								   background-image: -webkit-linear-gradient(#ff8a4d, #ee6c26); /* Safari 5.1+, Chrome 10+ */
								   background-image: -o-linear-gradient(#ff8a4d, #ee6c26); /* Opera 11.10+ */
}
.signUpNowBtn:hover{background:#ff8a4d;}
.signUpNowBtn.activated{background:#ff8a4d; /* IE 7,8 fallback */
                     background-image: -moz-linear-gradient(#ee6c26, #ff8a4d);
                     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ee6c26), to(#ff8a4d));/* Safari 4+, Chrome 1+ */
                     background-image: -webkit-linear-gradient(#ee6c26, #ff8a4d); /* Safari 5.1+, Chrome 10+ */
                     background-image: -o-linear-gradient(#ee6c26, #ff8a4d); /* Opera 11.10+ */
                     cursor:pointer}


/* Hosting table hover */
#hostingTableHoverArea{right:1px;width:808px;top:264px;position:absolute;height:293px;}
#hostingTableHoverArea .hostingHover{z-index:90000;position:relative;float:left;width:202px;height:293px}
#hostingTable td.noBackground{background:none}
.tip1 .hostingTooltip, .tip2 .hostingTooltip, .tip3 .hostingTooltip, .tip4 .hostingTooltip{display: none; background: #717171; padding: 20px; position: absolute; top: -155px; width: 159px}
.tip2 .hostingTooltip{top:-140px}
.tip4 .hostingTooltip{top:-125px}
.tip1:hover .hostingTooltip,.tip2:hover .hostingTooltip, .tip3:hover .hostingTooltip, .tip4:hover .hostingTooltip{display: block}
.hostingTooltip p{color: #fff !important; font-style: italic; margin: 0}
.tipIcon{background:url(../images/icons/ico-tooltip-arrow.png) no-repeat; width: 13px; height: 10px; position: absolute;bottom: -10px;right: 94px;}

.hostingHoverSlider{background:red;position:absolute;width:182px;}


/* footer */
#footer{width:100%;background:#2D3132}
#footer p span{color: #fff; font-style: italic; font-weight: bold; font-size:13px;}
#footer a{color: #999; font-size:12px;}
#footer a:hover{text-decoration: underline}
#footer p{color:#999; text-align: center;padding:40px 0;font-size:12px; font-family: verdana}

/* floats */
.clear{clear:both;}
.fl{float:left}
.fr{float:right}

/* margin */
.marginRight5{margin-right:5px}
.marginBottom20{margin-bottom:20px}
.marginBottom15{margin-bottom:15px}
.marginBottom30{margin-bottom:30px}
.marginTop20{margin-top: 20px}
.marginTop10{margin-top: 10px}
.marginLeft20{margin:0 0 0 20px}

/* 	blockquote */
blockquote{color:#fff;display:block;padding:0 0 0 60px;width:280px;font-style:italic;}
blockquote:after{font-weight:bold;height:50px;margin-top:-40px;margin-left:400px;font-family: "Titillium Web";}
blockquote:before{margin-top:-20px;font-weight:bold;height:10px;margin-left:-60px;font-family: "Titillium Web";}
blockquote:before, blockquote:after{color:#000;display:block;font-size:700%;width:50px;opacity:0.3;filter:alpha(opacity=30)}
.testimonialDiv {width: 370px;}
.testimonialWrapper{padding:0 20px; width: 370px; float: left}
.blueBg{background: #1bb9d4; width: 230px;padding: 20px 20px 23px 20px;margin: 5px 40px 0 5px;}

/* sticky footer */
#everything{position:relative}
#bodyContainer{padding-top:1px;padding-bottom:20px}
#footerContainer{bottom:0;width:100%;height:127px}

.error {background: #d77878;border: 1px solid #924c4c;color: #480000;}
.bx-prev {position: absolute;top:50px; left: -45px; width: 21px; height: 31px; background:url(../images/buttons/arrow_left.png) no-repeat}
.bx-prev:hover {background-position: 0 -31px;}
.bx-next {position: absolute; top:50px; right: -45px; width: 21px; height: 31px; background:url(../images/buttons/arrow_right.png)}
.bx-next:hover {background-position: 0 -31px;}
#testimonialArea .bx-wrapper{width: 390px !important}
#testimonialArea .bx-window{width: 390px !important}

.btnBlue{width: 160px; position: relative; background: #15d8a5; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; font-size: 15px;font-weight: bold; color: #fff; display:block; text-align: center;padding: 13px 0;}
.btnBlue.big{width: 200px; margin: 20px 0 0 10px}
.btnBlue.bigger{width: 230px; margin: 20px 0 0 0}
.btnBlue:hover{background: #12b88d}
.slideLink{margin: 35px 0 0 50px}


/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.jqmOverlay { background:#fff;height:100%;width:100%;display:none;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   filter: alpha(opacity=50);opacity: 0.5;left:0;top:0;position:fixed;z-index:1000}

.jqmOverlay.greyOverlay{ background:#000000;height:100%;width:100%;display:none;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   filter: alpha(opacity=50);opacity: 0.5;left:0;top:0;position:fixed;z-index:1000}

/* jqModal */
.jqmWindow, .jqmWindowSuccess, .jqmWindowHomeVid, .jqmWindowSmile, .jqmWindowSmileSuccess, .jqmWindowCoffeeVid, .jqmPrivacyPolicy{
    display: none;
    z-index: 1850;
    position: fixed;
    top: 20%;
    left: 50%;
    margin-left: -300px;
    width: 500px;
    background:#485052;
    padding: 30px;
    border:1px solid #2F2F2F;
    -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
}

.jqmWindowSuccess h3, .jqmWindowSmileSuccess{color: #fff}

.jqmWindowHomeVid, .jqmWindowCoffeeVid{
    background:#fff;
    padding: 10px 20px 20px 20px;
    -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
    border: none
}
.jqmWindowHomeVid .orangeLink, .jqmWindowCoffeeVid .orangeLink, .packageVidOrangeLink{margin: 14px 20px 0 0}

.jqmPrivacyPolicy{position: absolute; top: 15%}
.jqmPrivacyPolicy p{line-height: 17px}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow, jqmWindowSmile{
     position: fixed;
     /* top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); */
}

/* slider */

#sliderWrapper{position:relative;width:370px; height:370px; position: relative; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}
.bx-link {
	position:absolute;
        right:0;
        bottom:-105px;
	z-index:999;
	text-indent: -999999px;
    background:#62bbc7;
    height:94px;
    width:95px;
    display:block;
    box-shadow:0 1px 0 #448891;-webkit-box-shadow:0 1px 0 #448891;
    border:1px solid #6ec9d5;
    -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
    float:right;
    margin:13px -10px 0 0
}
 .bx-pager a {
	margin:0 10px 0 0;
	zoom:1;
    background:url(../images/slider/icon-slider-dot.png) no-repeat;
    height:12px;
    width:12px;
    display:block;
    float:left;
    font-size:0;
    text-indent:-999px;
}

#galleryDetail .bx-pager a {
	margin:14px 10px 0 0;
	zoom:1;
    background:url(../images/slider/icon-slider-dot.png) no-repeat;
    height:12px;
    width:12px;
    display:block;
    float:left;
    font-size:0;
    text-indent:-999px;
}

.bx-pager a.pager-active, bx-pager a:hover{
    background:url(../images/slider/icon-slider-dot-active.png) no-repeat;
}

#galleryDetail .bx-pager a.pager-active, bx-pager a:hover{
    background:url(../images/slider/icon-slider-dot-active.png) no-repeat;
}

#slider1 .bx-pager {
    position:absolute;
    left:-10px;
}

#galleryDetail #sliderWrapper{width:626px; height:370px;box-shadow:none}
.bx-link {
	position:absolute;
        right:0;
        bottom:-105px;
	z-index:999;
	text-indent: -999999px;
    background:#62bbc7;
    height:94px;
    width:95px;
    display:block;
    box-shadow:none;
    border:1px solid #6ec9d5;
    -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
    float:right;
    margin:13px -10px 0 0
}

#galleryDetail #sliderWrapper{
/*    box-shadow:0 1px 0 #448891;-webkit-box-shadow:0 1px 0 #448891;*/
    box-shadow:0 1px 0 #545454;-webkit-box-shadow:0 4px 6px #b8b8b8
}

#gallerySliderNext{
    position: absolute;
    right: 0px;
    bottom: 185px
}

#homeSliderNext{
    position: absolute;
    right: 5px;
    bottom: 66px
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
    
}

div.caption-container {
    width: 340px;
    background:url(../images/background-tile-dark.png); padding: 20px 10px;
    position: absolute;
    top: 298px;
    margin: 0 0 0 5px;
}

div.caption p span{font-size: 15px;font-weight: bold;color: #ef6e29; text-shadow: none; font-style: normal}
div.caption p{font-size: 13px;font-style: italic;color: #fff;}

div.caption {
	padding: 0 12px
}