@charset "utf-8";
body, h1,h2,h3,h4,h5,p,ol,ul,li,dl,dt,dd,form {margin:0px; padding:0px}
body { background: #edede5 url(../Images/MainBG.jpg) repeat-x fixed top; margin: 0px; padding: 0px; }
#TopShade { height: 25px; width: 990px; margin: auto; background: url(../images/ContainerTop.png) no-repeat bottom; font: 12px "Lucida Sans Unicode", arial; color: #ffffff; }

#Base { background: url(../images/ContainerBG.png) repeat-y; padding: 0px 15px; width: 960px; margin: 0px auto; display: block; font: 12px "Lucida Sans Unicode", arial; color: #585857; }
#Base #Header { background: #241720 url(../images/HeaderBGImage.jpg) no-repeat right; height: 125px; color: #FFFFFF; }
#Base #Header #RefineLogo { float: left; padding-top: 25px; padding-left: 30px; outline:none; }
#Base #Header #RefineLogo img, #Base #Header #RefineLogo a {outline:none;}

#Base #Header #LanguageBar { float: right; font-size: 11px; padding: 10px 10px 0px 0px; width: 200px; text-align: right; display:none; }
#Base #Header #LanguageBar .msPGothic { font-family: "MS PGothic"; }
#Base #Header #LanguageBar a { color: #FFFFFF; text-decoration: underline; padding: 0px 5px; }
#Base #MainNav { background: url(../images/NavBG.jpg) repeat-x; height: 37px; }
#Base #MainNav ul { list-style: none; }
#Base #MainNav li { float: left; display: block; height: 37px; background: url(../images/NavLeft.jpg) no-repeat left; position: relative; }
#Base #MainNav li a { color: #FFFFFF; text-decoration: none; background: url(../images/NavRight.jpg) no-repeat right; display: block; font: normal 13px/37px "Lucida Sans Unicode", arial; text-align: center; }
#Base #MainNav li a:hover { color:#fcc03e; }
#Base #MainNav .submenu { display: block; position: absolute; z-index: 10001; top: 35px; left: 0px; width: 190px; background: #301F29; visibility: hidden; }
#Base #MainNav .submenu li { background: url(../images/NavBG.jpg) repeat-x; height: 30px; float: none; display: block; margin: 0px; padding: 0px; }
#Base #MainNav .submenu a { display: block; float: none; line-height: 30px; padding: 0px 0px 0px 20px; text-align: left; font-size: 12px; background: url(none); }
#Base #MainNav #SERVICES { width: 230px; }

#Base #MainNav #CONTACT { left: -100px; width: 230px; }
#Base  #MainNav  .supersubmenu  { position: absolute; float: left; z-index: 5001; left: 230px; top: 0px; width: 220px; visibility: hidden; }
#Base #MainNav .supersubmenu li { margin: 0px; padding: 0px; height: 30px; }

#Base #MainNav .supersubmenu a { padding-left: 10px; height: 30px; line-height: 30px; background: url(../images/NavLeft.jpg) no-repeat left top; }










#Base #PageContainer { font: 12px "Lucida Sans Unicode", arial; background: #FFFFFF; }
#Base #PageContainer  p  { line-height: 16px; padding: 0px 0px 12px 0px; color: #585857; }
#Base .more { color: #CC0000; text-decoration: underline; }
#Base .star { color: #CC0000; font-size: 14px; }



#Base #PageContainer #PageHeader { background: url(../images/MainImage.jpg) no-repeat left top; height: 345px; display: block; padding: 0px 30px 0px 500px; }
#Base #PageContainer #PageHeader h1 { font-size: 45px; color: #102f78; font-weight: normal; padding-top: 30px; padding-left: 15px; border-bottom: 1px solid #e5e1d6; line-height: 60px; }
#Base #PageContainer #PageHeader h3 { color: #102F78; padding: 10px 15px 15px; font-size: 25px; line-height: 25px; font-weight: normal; }
#Base #PageContainer #PageHeader p { color: #585857; padding: 10px 10px 0px 15px; text-align: justify; font-size: 14px; line-height: 18px; }
#Base #PageContainer #PageHeader ul { padding-left: 15px; list-style: none; }
#Base #PageContainer #PageHeader li { float: left; padding-right: 15px; }
#Base #PageContainer #PageHeader .Portfolio_Expedia { background: url(../images/Expedia_Logo.jpg) no-repeat; height: 36px; width: 115px; display: block; text-indent: -9000px; }
#Base #PageContainer #PageHeader .Portfolio_HCom { background: url(../images/HCom_Logo.jpg) no-repeat; text-indent: -9000px; height: 36px; width: 109px; display: block; }
#Base #PageContainer #PageHeader .Portfolio_Visa { background: url(../images/Visa_Logo.jpg) no-repeat; text-indent: -9000px; display: block; height: 36px; width: 85px; }
#Base #PageContainer #PageContent { padding: 0px 20px 10px 30px; }
#Base #PageContainer #PageContent #IntroBox { padding-top: 20px; border-top: 1px solid #CCCCCC; height: 250px; }
#Base #PageContainer #PageContent #IntroBox img { float: right; padding-left: 15px; padding-right: 5px; }


#Base #PageContainer #PageContent h2 { font-size: 35px; font-weight: normal; color: #102f78; line-height: 35px; padding-bottom: 10px; }
#Base #PageContainer #PageContent #ModulesBox { border-bottom: 1px solid #e5e1d6; padding: 20px 0px 10px; height: 335px; }
#Base #PageContainer #PageContent #ModulesBox .HomePageModule { width: 205px; padding-right: 13px; border-right: 1px solid #CCCCCC; margin-right: 15px; float: left; height: 330px; }
#Base #PageContainer #PageContent #ModulesBox .HomePageModule h3 { font-size: 18px; line-height: 20px; font-weight: normal; padding-top: 15px; padding-bottom: 10px; }
#Base #PageContainer #PageContent #ModulesBox #weSpeakurLang h3 { font-size: 17px; font-weight: normal; }


#Base #PageContainer #PageContent #ModulesBox .HomePageModule img, #Base #PageContainer #PageContent #ModulesBox .HomePageModule .helloFlash { border: 2px solid #cccccc; }
#Base #PageContainer #PageContent #ModulesBox .HomePageModule a { color: #CC0000; text-decoration: underline; }

#Base #PageContainer #PageContent #AskUs { padding: 25px 35px 0px 0px; width: 430px; float: left; }
#Base #PageContainer #PageContent #AskUs h2 { font-size: 25px; font-weight: normal; line-height: 25px; padding-bottom: 15px; color: #88237e; }
#Base #PageContainer #PageContent #AskUs img { padding: 0px 0px 15px 15px; float: right; }
#Base #PageContainer #PageContent #AskUs p { text-align: justify; }
#Base #PageContainer #PageContent #WhatWeDone { width: 440px; float: left; padding-top: 25px; }
#Base #PageContainer #PageContent #WhatWeDone h2 { font-size: 25px; font-weight: normal; line-height: 25px; padding-bottom: 15px; color: #428a13; }
#Base #InnerPageContainer { padding: 25px 0px 0px 15px; font: 12px "Lucida Sans Unicode", arial; }

#Base  #InnerPageContainer  #LeftNav { float: left; width: 225px; }
#Base #InnerPageContainer #LeftNav ul { list-style: none; }
#Base #InnerPageContainer #LeftNav ul li { padding-bottom: 10px; font-weight: bold; color: #000000; font-size: 15px; }

#Base #InnerPageContainer #LeftNav ul li a { font-size: 13px; font-weight: bold; color: #573f4c; text-decoration: none; }
#Base #InnerPageContainer #LeftNav ul li ul { padding: 10px 10px 10px 0px; }
#Base #InnerPageContainer #LeftNav ul li ul li { background: url(../images/LeftNav_Bullet.jpg) no-repeat left; padding-left: 15px; margin-bottom: 5px; padding-bottom: 5px; font-weight: normal; color: #000000; font-size: 13px; border-bottom: 1px solid #e2e2e2; }
#Base #InnerPageContainer #LeftNav ul li ul li a { font-size: 12px; font-weight: normal; }
#Base #InnerPageContainer #LeftNav a:hover { color: #000000; text-decoration: underline; }
#Base #InnerPageContainer #RequestQuoteLink { padding: 10px 0px; text-align: left; }
#Base #InnerPageContainer #LeftNav #RequestQuoteLink a { font-size: 14px; font-weight: normal; color: #573F4C; text-decoration: none; background: url(../images/request_a_proposal.png) no-repeat left center; display: block; height: 32px; line-height: 16px; width: 211px; text-indent: -9000px; }




#Base #InnerPageContainer #LeftCol { float: left; width: 230px; }

#Base  #InnerPageContainer  #LeftCol  h3 { color: #6c2245; font-size: 14px; font-weight: bold; padding-bottom: 10px; }
#Base  #InnerPageContainer  #LeftCol  h4 { font-size: 13px; font-weight: bold; color: #263167; padding-bottom: 5px; }
#Base #InnerPageContainer #LeftCol p { padding-bottom: 15px; }



#Base  #InnerPageContainer  #InnerPageContent { float: left; border-left: 1px solid #DADAD3; padding-left: 25px; width: 665px; margin-bottom: 20px; }
#Base  #InnerPageContainer  #InnerPageContent h1 { font-size: 45px; color: #102f78; font-weight: normal; line-height: 50px; padding-bottom: 10px; }
#Base #InnerPageContainer #InnerPageContent #IntroBox h2 { font-size: 20px; font-weight: normal; color: #AC1A1A; border-top: 1px solid #e2e2e2; padding: 5px 0px; }
#Base #InnerPageContainer #InnerPageContent #IntroBox .tagline { font-size: 12px; border-bottom: 1px solid #e2e2e2; padding: 0px 0px 5px; margin-bottom: 10px; }


#Base #InnerPageContainer #InnerPageContent #IntroBox p { padding-bottom: 15px; line-height: 18px; }
#Base #InnerPageContainer #InnerPageContent #IntroBox ul { padding-bottom: 15px; list-style: none; }
#Base #InnerPageContainer #InnerPageContent #IntroBox li { background: url(../images/tick.jpg) no-repeat left top; margin: 0px 0px 5px 20px; padding-left: 15px; }
#Base #InnerPageContainer #InnerPageContent #IntroBox #InnerHeader { background: #eef3f6 url(../images/AboutRefine_mainImage.jpg) no-repeat right; height: 124px; padding: 30px 300px 0px 20px; border: 1px solid #d7e0e5; margin-bottom: 20px; }
#Base #InnerPageContainer #InnerPageContent #IntroBox #InnerHeader h3 { font-size: 20px; font-weight: normal; color: #772f38; padding-bottom: 15px; }
#Base #InnerPageContainer #InnerPageContent #IntroBox #submit { background: url(../images/submitButton.jpg) no-repeat; margin: 0px; padding: 0px; height: 26px; width: 89px; border-style: none; }
#Base #InnerPageContainer #InnerPageContent #IntroBox .field { line-height: 25px; background: #FFFFFF url(../images/field_bg.jpg) repeat-x top; height: 25px; width: 300px; border: 1px solid #d1cdce; }
#Base #InnerPageContainer #InnerPageContent #IntroBox blockquote { margin: 0px; padding: 10px 20px; }
#Base #InnerPageContainer #InnerPageContent #IntroBox blockquote p { padding-bottom: 20px; }
#Base #InnerPageContainer #InnerPageContent #IntroBox blockquote strong { display: block; text-align: right; }
#Base #InnerPageContainer #InnerPageContent #IntroBox table { font-family: "Lucida Sans Unicode", arial; border: 1px solid #D7E0E5; background: #FFFFFF; padding: 1px; }
#Base #InnerPageContainer #InnerPageContent #IntroBox iframe { border: 1px solid #CCCCCC; }
#Base #InnerPageContainer #InnerPageContent #IntroBox #ClientLogos { margin: 0px; padding: 20px 0px 0px 50px; height: 500px; width: 550px; display: block; }
#Base #InnerPageContainer #InnerPageContent #IntroBox #ClientLogos li { background: url(none); margin: 0px; padding: 0px 30px 20px 0px; float: left; }












#Footer { background: url(../images/ContainerBottom.png) no-repeat; width: 960px; margin: auto; padding: 20px 15px 0px; font: 11px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
#Footer #BottomNav { padding-left: 15px; height: 155px; border-bottom: 1px solid #C7C7C0; }
#Footer  #BottomNav  ul { float: left; list-style: none; width: 220px; border-left: 1px solid #CFCFC8; padding-left: 15px; }
#Footer #BottomNav li { color: #303024; padding-bottom: 10px; }
#Footer #BottomNav a { color: #303024; text-decoration: none; }
#Footer #BottomNav a:hover { text-decoration:underline;}
#Footer #PageFooter { font-size: 10px; text-align: center; color: #333333; padding: 15px 0px 10px; }
#Footer #PageFooter p { padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; }
#Footer #PageFooter a { color: #333333; text-decoration: underline; }

#Base .orange { color: #fcc03e; }
#Base .green { color: #428a13; }
#Base .brown { color: #9d7029; }
#Base .blue { color: #0061a7; }
#Base .pink { color: #c7546c; }
#Base .clear { font-size: 1px; line-height: 1px; clear: both; height: 1px; }

.validation-advice { clear: both; color: #CC0000; font-size: 11px; }