@charset "utf-8";

/*#### ERIC MEYER RESET ####*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, font, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
html { background:#272727; }
ol, ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }

/*#### MAIN SITE STYLES ####*/
body { text-align:center; color:#272727; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:1.5; }
p { text-align:justify; color:#afb0af; margin-bottom:20px; font-family:Verdana, Arial, Helvetica, sans-serif; }
p.noBottomMargin { margin-bottom:0; }
a { color:#afb0af; text-decoration:underline; }
a:hover { text-decoration:none; }
input, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; }
h1, h2 { font-family:"Times New Roman", Times, serif; color:#fff; font-size:35px; font-weight:normal; text-align:left; margin-bottom:15px; }
h3, h6 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size:18px; font-weight:normal; text-align:left; }
h3 { margin:10px 0 0 15px; }
h6 { margin:-7px 0 0 0; }

/*#### HEADER STYLES ####*/
#header_div { position:fixed; width:100%; height:154px; background:#fff; text-align:center; z-index:100; top:0; left:0; }
#headerTop { width:930px; height:100px; margin:0 auto; position:relative; }
#headerTop p { color:#272727; margin-bottom:10px; }
#headerTop a { color:#272727; text-decoration:underline; }
#headerTop a:hover { text-decoration:none; }
#logo { position:absolute; left:0; bottom:-1px; }
#headerRight { position:absolute; right:-7px; top:7px; width:400px; }
#headerRight p { text-align:right; }
#headerRightImages { float:right; background:url(../images/pngImages.png) left -325px no-repeat; width:32px; height:91px; }
#headerRightText { float:right; margin:4px 10px 0 0; }
#headerBottom { background:url(../images/navBackground.jpg) left top repeat-x; width:100%; height:54px; }
.menu { width:960px; height:50px; margin:0 auto; }
.menu ul { margin:0; padding:0; list-style:none; float:left; }
.menu ul li { float:left; }
.menu ul li a { color:#FFF; font-size:15px; text-decoration:none; display:block; height:64px; padding:0; margin-top:2px; line-height:3.3; }
.menu ul li a.menuHome { width:72px; margin-left:1px; margin-right:16px; }
.menu ul li a.menuHomeHover, .menu ul li a.menuHomeActive { background:url(../images/pngImages.png) left -460px no-repeat; }
.menu ul li a.menuAbout { width:73px; margin-right:15px; }
.menu ul li a.menuAboutHover, .menu ul li a.menuAboutActive { background:url(../images/pngImages.png) left -528px no-repeat; }
.menu ul li a.menuBookkeeping { width:123px; margin-right:16px; }
.menu ul li a.menuBookkeepingHover, .menu ul li a.menuBookkeepingActive { background:url(../images/pngImages.png) left -600px no-repeat; }
.menu ul li a.menuVAT { width:58px; margin-right:15px; }
.menu ul li a.menuVATHover, .menu ul li a.menuVATActive { background:url(../images/pngImages.png) left -672px no-repeat; }
.menu ul li a.menuSelfAssessment { width:151px; margin-right:16px; }
.menu ul li a.menuSelfAssessmentHover, .menu ul li a.menuSelfAssessmentActive { background:url(../images/pngImages.png) left -744px no-repeat; }
.menu ul li a.menuPayroll { width:86px; margin-right:15px; }
.menu ul li a.menuPayrollHover, .menu ul li a.menuPayrollActive { background:url(../images/pngImages.png) left -816px no-repeat; }
.menu ul li a.menuNewBusinessStartUp { width:197px; margin-right:17px; }
.menu ul li a.menuNewBusinessStartUpHover, .menu ul li a.menuNewBusinessStartUpActive { background:url(../images/pngImages.png) left -888px no-repeat; }
.menu ul li a.menuContact { width:88px; margin-right:0; }
.menu ul li a.menuContactHover, .menu ul li a.menuContactActive  { background:url(../images/pngImages.png) left -960px no-repeat; }

/*#### INTRO STYLES ####*/
#menuHomePanel { width:100%; height:334px; background:#fff; padding-top:166px; }
#intro { width:960px; height:321px; margin:0 auto; }
#introLeft { position:relative; float:left; width:315px; margin:13px 0 0 0; }
#founderText { position:absolute; bottom:5px; left:15px; text-align:left; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#introRight { position:relative; float:right; background:url(../images/pngImages.png) left -1050px no-repeat; width:635px; height:280px; margin:30px -5px 0 0; }
#introRight p { position:absolute; width:500px; right:58px; top:29px; font-size:17px; line-height:1.7; color:#fff; }

/*#### PANEL STYLES ####*/
#menuAboutPanel, #menuBookkeepingPanel, #menuVATPanel, #menuSelfAssessmentPanel, #menuPayrollPanel, #menuNewBusinessStartUpPanel, #menuContactPanel { width:960px; margin:0 auto; padding-top:166px; }
#menuAboutPanel, #menuBookkeepingPanel, #menuVATPanel, #menuSelfAssessmentPanel, #menuPayrollPanel, #menuNewBusinessStartUpPanel, #menuContactPanel { margin-top:-120px; }
.panelLeft { float:left; width:615px; margin-left:15px; }
.panelLeft ul { list-style:disc; color:#afb0af; margin:0 0 25px 17px; font-size:13px; }
.panelLeft li { text-align:left; }
.panelRight01 { position:relative; float:right; background:url(../images/pngImages.png) left -1350px no-repeat; width:300px; height:398px; margin:14px 15px 0 0; }
.panelRight01 img { position:absolute; right:60px; top:50px; }
.panelRight02 { position:relative; float:right; background:url(../images/pngImages.png) left -1830px no-repeat; width:315px; height:183px; margin:14px 0 0 0; }
.panelBookkeeper { float:left; background:url(../images/pngImages.png) left -2100px no-repeat; width:300px; height:182px; margin:0 0 15px 15px; }
.panelBookkeeper p { margin-left:15px; color:#272727; width:270px; }
.panelRight03 { float:right; background:url(../images/pngImages.png) left -2320px no-repeat; width:315px; height:388px; margin:14px 0 0 15px; }
.panelRight04 { float:right; background:url(../images/pngImages.png) left -2730px no-repeat; width:325px; height:358px; margin:14px -10px 0 15px; }
.panelRight05 { float:right; background:url(../images/pngImages.png) left -3110px no-repeat; width:315px; height:595px; margin:14px 0 0 15px; }
.panelRight06 { position:relative; float:right; background:url(../images/pngImages.png) left -3750px no-repeat; width:315px; height:375px; margin:14px 0 0 15px; }
.calendarText { position:absolute; top:120px; left:30px; width:240px;  }
.calendarP { font-size:11px; color:#272727; text-align:justify; margin-bottom:9px; }

/*#### SUB PAGES STYLES ####*/
.menuTwo { width:960px; height:50px; margin:0 auto; }
.menuTwo ul { margin:0; padding:0; list-style:none; float:left; }
.menuTwo ul li { float:left; }
.menuTwo ul li a { color:#FFF; font-size:15px; text-decoration:underline; height:64px; padding:0; margin-top:2px; margin-left:15px; line-height:3.3; }
.menuTwo a:hover { text-decoration:none; }
#thankyou, #terms, #custom404 { width:960px; margin:0 auto; padding-top:166px; }
#thankyou h1, #thankyou p, #terms h1, #terms p, #custom404 h1, #custom404 p { padding:0 15px 0 15px; }

/*#### BLOG PAGES STYLES ####*/
#blogMainBackground { width:100%; background:#fff; padding-top:166px; padding-bottom:40px; }
#blogWrapper { width:960px; margin:0 auto; }
#blogWrapper p, #blogWrapper a { color:#272727; }
h1.blogTitle { text-indent:365px; margin-top:15px; background:url(../images/blogGifImages.gif) left top no-repeat; width:960px; height:50px; font-family:"Times New Roman", Times, serif; color:#FFF; font-size:23px; font-weight:normal; line-height:2.2; }
#blogLeftSide { float:left; width:300px; margin:0 0 0 15px; }
#blogCalendar { background:url(../images/blogGifImages.gif) left -70px no-repeat; width:300px; height:340px; margin-top:-45px; position:relative; text-align:center; }
#blogCalendar #calendarYear { padding-top:85px; font-size:35px; color:#fff; }
#blogCalendar #calendarDay { color:#0B7EA0; padding-top:65px; font-size:50px; line-height:0.5; }
#blogCalendar #calendarMonth { color:#0B7EA0; font-size:50px; }
#blogNav ul { list-style:none; text-align:left; }
#blogNav li a { display:block; font-weight:bold; text-decoration:none; border-bottom:2px solid #0B7EA0; border-right:2px solid #0B7EA0; border-left:2px solid #0B7EA0; width:296px; height:48px; text-indent:10px; line-height:3.7; }
#blogNav li a.holder, #blogNav li a.holder:link, #blogNav li a.holder:visited { background:#FFF; color:#0B7EA0; width:296px; }
#blogNav li a.holder:hover { background:url(../images/blogGifImages.gif) left -420px no-repeat; color:#FFF; }
#blogNav li a.current, #blogNav li a.current:hover, #blogNav li a.current:active { background:url(../images/blogGifImages.gif) left -420px no-repeat; color:#FFF; cursor:default; }
#blogRightSideBackground { background-color:#afb0af; margin:-15px 15px 0 15px; float:right; width:600px; }
#blogRightSideMain { margin:20px; text-align:left; }
#blogRightSideMain h5 { margin:30px 0 10px 0; font-size:18px; font-weight:normal; width:560px; border-bottom:2px solid #272727; }
.blogDiscList { list-style-type:disc; margin:10px 0 10px 20px; text-align:justify; }
.blogNumberList { list-style-type:decimal; margin:10px 0 10px 20px; text-align:justify; }
.blogNumberList li { margin-bottom:5px; }
.claimingExpensesTable { width:560px; border:2px solid #272727; margin-bottom:30px; }
.claimingExpensesTable th { padding:10px; background:#272727; color:#fff; }
.claimingExpensesTable td { padding:10px; border-bottom:2px solid #272727; }

/*#### CONTACT FORM STYLES ####*/
#formWrap { position:relative; float:left; }
#formWrap p { line-height:30px; }
#formWrap p.required { position:relative; }
#formWrap label { width:120px; float:left; text-align:left; display:block; padding-top:6px; padding-right:10px; }
#formWrap input.text, textarea.text { width:370px; border:2px solid #fff; background-color:#afb0af; padding:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; }
#formWrap .submit { margin:0 0 0 130px; }
#formWrap .submit input { width:100px; height:48px; border:2px solid #fff; background-color:#afb0af; text-align:center; line-height:2.8; margin-top:24px; }
#formWrap .formButton { width:100px; height:48px; color:#FFF; }
#formWrap .formButton:hover { background-color:#0b7ea0; cursor:pointer; }
#formWrap .spamIndent { width:380px; margin-left:130px; margin-bottom:10px; line-height:1.5; text-align:justify; color:#afb0af; }
#spamCheck { float:left; width:534px; }
p.required img { border:2px solid #fff; float:left; }
#formWrap input.captchaInput { float:left; height:18px; margin-left:10px; width:188px; border:2px solid #fff; background-color:#afb0af; padding:11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; }
#formWrap input.text:focus, #formWrap textarea.text:focus, #formWrap input.captchaInput:focus { background-color:#B8F5B1; }
#formWrap .error { color:#0F0; }
p.mandatory { margin:20px 0 0 130px; }
.panelRight07 { float:right; margin-top:146px; width:300px; margin-right:15px; }
a.facebook { background:url(../images/pngImages.png) left -4175px no-repeat; width:250px; height:50px; display:block; }
a.facebook:hover { background:url(../images/pngImages.png) left -4225px no-repeat; width:250px; height:50px; }

/*#### FOOTER STYLES ####*/
#footer_div { width:100%; height:320px; }
#footer { position:relative; margin:0 auto; width:930px; height:320px; text-align:center; }
#footer p { margin-bottom:10px; }
#footer a { text-decoration:underline; color:#fff; }
#footer a:hover { text-decoration:none; }
#footerLeftTop { position:absolute; left:0; top:33px; text-align:left; }
#footerLeftBottom { position:absolute; left:0; bottom:0; text-align:left; }
#footerLeftBottom a { margin-right:10px; }
#footerRight { position:absolute; right:-15px; top:33px; background:url(../images/pngImages.png) left top no-repeat; width:315px; height:287px; text-align:left; }
#footerRight p { margin:58px 0 0 40px; line-height:2; color:#fff; }
#footerRight a { font-weight:bold; }

/*#### OTHER SITE STYLES ####*/
.spacer2px { margin:50px 15px 0 15px; width:930px; height:2px; background:#afb0af; }
.spacer5px { margin-bottom:5px; }
.spacer30px { margin-bottom:30px; }
.spacer36px { margin-bottom:36px; }
.spacer50px { width:100%; height:50px; }
.clearfloat { clear:both; height:0; font-size:1px; line-height:0px; }