body { margin: 0px; padding: 0px; background: url('../imgs/bg.jpg') repeat-x #FFFFFF; font-family: arial; color: #334047; } p { text-align: justify; padding: 10px 5px 10px 25px; margin: 0px; font-size: 12px; } h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; } a { text-decoration: none; color: #8AB970; } #header { width: 1003px; margin: 0px auto; height: 131px;} #header .logo { width: 205px; height: 65px; background: url('../imgs/logo.jpg') no-repeat; margin: 20px 0px 0px 0px; float: left; } #header .contact { width: 245px; height: 49px; margin: 20px 0px 0px 0px; float: right; background: url('../imgs/headContact.jpg') no-repeat; } #header .contact .titles { width: 55px; float: left; font-size: 14px; line-height: 18px; text-transform: uppercase; color: #80ab6d; padding: 6px 5px 0px 0px; text-align: right;} #header .contact .data { float: left; font-size: 14px; line-height: 18px; padding: 6px 0px 0px 8px; color: #FFFFFF; } #header .menu { width: 999px; margin: 14px 2px 0px 2px; } #header .menu ul { margin: 0px; padding: 0px; list-style: none; background: #000; height: 32px; display: block; background: url('../imgs/menuBG.jpg') repeat-x; } #header .menu ul li { float: left; height: 32px; } #header .menu ul li.menuLeft { background: url('../imgs/leftMenuEnd.jpg') no-repeat; width: 7px; } #header .menu ul li.menuLeft.over { background: url('../imgs/leftMenuEnd-over.jpg') no-repeat; width: 7px; } #header .menu ul li.menuRight { background: url('../imgs/rightMenuEnd.jpg') top right no-repeat; width: 7px; float: right; } #header .menu ul li.menuRight.over { background: url('../imgs/rightMenuEnd-over.jpg') no-repeat; width: 7px; } #header .menu ul li.menuContact { float: right;} #header .menu ul li.filler { float: right; } #header .menu ul li a { height: 32px; line-height: 32px; text-decoration: none; font-size: 14px; text-transform: uppercase; color: #FFFFFF; padding: 0px 20px; } #header .menu ul li.menuLeftPad a { padding-left: 13px; } #header .menu ul li.menuContact a { padding-right: 13px; } #header .menu ul li.over { background: url('../imgs/menuBG-over.jpg') repeat-x; font-weight: bold;} #header .menu ul li.over a { color: #334047; } #contentIntro { width: 1003px; margin: 0px auto; background: url('../imgs/mainBG.jpg') repeat-y; } #contentIntro .contentArea { width: 997px; height: 281px; background: url('../imgs/introBG.jpg') repeat-x; margin: 0px auto; } #contentIntro .contentArea .data { width: 475px; float: left; margin: 15px 0px 0px 15px; } #contentIntro .contentArea .data a { display: block; width: 233px; height: 34px; line-height: 34px; background: url('../imgs/button.jpg') no-repeat top left; margin: 0px 0px 0px 10px; text-decoration: none; color: #FFFFFF; font-size: 14px; padding: 0px 0px 0px 65px; text-transform: uppercase; font-weight: bold; } #contentIntro .contentArea .project { width: 485px; float: right; height: 280px; background: url('../imgs/latest.jpg') no-repeat top right; margin: 1px 0px 0px 0px; } #contentIntro .pageHeader{ width: 997px; height: 184px; background: url('../imgs/normPageHead.jpg') repeat-x; margin: 0px auto; } #contentIntro .pageHeader .intro { width: 500px; float: left; margin: 30px 0px 0px 13px; } #contentIntro .pageHeader .sideText { width: 460px; float: right; margin: 15px 15px 0px 0px; color: #b9bcbe; text-transform: uppercase; background: url('../imgs/normPageLine.jpg') no-repeat 0% 50%; line-height: 26px; font-size: 12px; height: 104px; padding: 20px 0px 0px 10px; margin: 30px 0px 0px 0px; } #contentIntro h1 { color: #8ab970; font-size: 50px; line-height: 44px; font-weight: bold; text-transform: uppercase; letter-spacing: -3px; padding: 0px 0px 25px 10px; } #contentIntro h2 { color: #334047; font-size: 34px; line-height: 30px; text-transform: uppercase; font-weight: normal; padding: 25px 0px 0px 10px; } #contentIntro h3 { color: #334047; font-size: 15px; line-height: 18px; font-weight: normal; padding: 0px 0px 25px 10px; text-align: left; } #contentSection { width: 1003px; margin: 0px auto; background: url('../imgs/mainBG.jpg') repeat-y; } #contentSection .indexArea { width: 982px; background: url('../imgs/contentBG.jpg') #FFFFFF repeat-x; margin: 0px auto; padding: 30px 0px 10px 15px; } #contentSection .indexArea h1 { font-size: 24px; font-weight: normal; padding-left: 20px; margin-bottom: 10px; } #contentSection .indexArea h2 { font-weight: normal; padding-left: 22px; color: #8AB970; font-size: 18px; } #contentSection .indexArea h3 { font-size: 14px; padding: 5px 0px 0px 24px; color: #8AB970; } #contentSection .indexArea h4 { font-size: 15px; padding: 0px 0px 0px 24px; } #contentSection .indexArea p span { padding-left: 28px; } #contentSection .indexArea ul { list-style-type:square; } #contentSection .indexArea ul li { font-size: 12px; } #contentSection .indexArea .leftSide { width: 702px; float: left; } #contentSection .indexArea .leftSide .data { width: 240px; height: 100px; float: left; background-position: 0% 0%; background-repeat: no-repeat; margin: 25px 0px 0px 0px; padding: 0px 10px 0px 90px; } #contentSection .indexArea .leftSide .data.bespoke { background-image: url('../imgs/icon_brush.jpg'); } #contentSection .indexArea .leftSide .data.spec { background-image: url('../imgs/icon_doc.jpg'); } #contentSection .indexArea .leftSide .data.code { background-image: url('../imgs/icon_ruler.jpg'); margin-bottom: 20px; } #contentSection .indexArea .leftSide .data.seo { background-image: url('../imgs/icon_magGlass.jpg'); margin-bottom: 20px; } #contentSection .indexArea .leftSide .data h1 { margin-bottom: 0px; } #contentSection .indexArea .leftSide .data h2 { font-size: 20px; text-transform: uppercase; padding-left: 0px; color: #334047; } #contentSection .indexArea .leftSide .data p { font-size: 10px; margin: 5px 0px 0px 0px; padding: 0px; } #contentSection .indexArea .leftSide table { margin: 0px 0px 0px 25px; } #contentSection .indexArea .leftSide table td { vertical-align: top; font-size: 12px; padding: 6px 30px 2px 0px; } #contentSection .indexArea .leftSide table td.formHelp { font-size: 12px; color: #8AB970; font-style: italic; } #contentSection .indexArea .leftSide .contact { width: 195px; float: left; } #contentSection .indexArea .leftSide .map { width: 485px; float: left; } #contentSection .indexArea .rightSide { width: 265px; float: right; margin-top: 20px; } #contentSection .indexArea .rightSide ul { background: url('../imgs/tickpoints_edge.jpg') no-repeat 0% 50%; width: 240px; margin: 0px; padding: 10px 0px 10px 2px; list-style-position:inside; list-style-image:url('../imgs/tickpoints_tick.jpg'); } #contentSection .indexArea .rightSide ul li { border-bottom: #c1c5c7 1px solid; padding: 8px 0px 8px 8px; margin: 0px; font-size: 14px;} #contentSection .indexArea .rightSide ul li.bottom { border-bottom: 0px none; } #contentSection .portfolio { } #contentSection .portfolio .pfloImage { float: left; width: 480px; height: 140px; } #contentSection .portfolio .pfloImage img { border: 6px solid #e4e4e4; } #contentSection .portfolio .pfloDetails { width: 480px; float: left; height: 140px; } #contentSection .portfolio .pfloDetails p { margin: 0px; padding: 0px 0px 10px 25px; color: #8cbd72; } #contentSection .portfolio .pfloDetails a { display: block; width: 125px; height: 27px; line-height: 27px; background: url('../imgs/portButton.jpg') no-repeat top left; margin: 0px 0px 0px 25px; text-decoration: none; color: #FFFFFF; font-size: 12px; padding: 0px 0px 0px 65px; text-transform: uppercase; font-weight: bold; } #contentSection .portfolio .mainImgs { width: 480px; float: left; } #contentSection .portfolio .mainImgs img { border: 6px solid #e4e4e4; margin-bottom: 10px; } #contentSection .portfolio .mainDetails { width: 500px; float: right; } #contentSection .portfolio .mainDetails ul { width: 240px; margin: 0px; padding: 10px 0px 10px 20px; list-style-position:inside; list-style-image:url('../imgs/tickpoints_tick.jpg'); } #contentSection .portfolio .mainDetails ul li { border-bottom: #c1c5c7 1px solid; padding: 8px 0px 8px 8px; margin: 0px; font-size: 14px;} #contentFooter { width: 1003px; margin: 0px auto; background: url('../imgs/contentFooter.jpg') no-repeat; height: 4px; line-height: 0px; font-size: 0px; } #contentFootnote { width: 999px; margin: 0px auto; background: url('../imgs/footer.jpg') repeat-x; height: 238px; border-left: #f0f1f1 1px solid; border-right: #f0f1f1 1px solid; position: relative; } #contentFootnote .testimonial { width: 690px; height: 145px; top: 13px; left: 30px; background: url('../imgs/testimonial.jpg') no-repeat; position: absolute; padding: 22px 220px 0px 50px; } #contentFootnote .testimonial p { font-size: 14px; margin: 0px; padding: 0px; } #contentFootnote .testimonial span { font-size: 12px; font-weight: bold; line-height: 20px; } #contentFootnote .logo { width: 125px; height: 39px; top: 185px; left: 10px; background: url('../imgs/footerLogo.jpg') no-repeat; position: absolute; } #contentFootnote .menu { width: 300px; height: 25px; top: 193px; left: 700px; position: absolute; text-align: right;} #contentFootnote .menu a { text-decoration: none; color: #FFFFFF; text-transform: uppercase; margin: 0px 20px 0px 0px; font-size: 12px;} .clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; width: 0px; } .fValidator-msg { background: #8AB970; color: #FFFFFF; padding: 4px; font-size: 14px; border: 1px solid #5B8F3E; margin: 2px 0px 0px 0px; } input, textarea { border: 1px solid #ccc; width: 200px; font-size: 12px; } input.button { width: 80px; } input.auto { width: auto; } label { font-size: 12px; } .formError { border: 1px solid #8AB970; background-color: #D2EFC2; padding: 10px; margin: 5px; } .exWrap { width: 600px; margin: 0px auto; height: 220px; }