/* ************************************************* BLUESHARK DESIGN General Screen Styles http://www.blue-shark.co.uk ************************************************* */ /*------------------------------------------- General Selectors -------------------------------------------*/ html { padding: 0;margin: 0;} body { font-size: 13px;line-height: 18px;font-family:Arial, Helvetica, sans-serif;padding: 0;margin: 0;color:#aaa;background:#101010; } h1, h2, h3, h4, h5 { margin:0; padding:0; padding-bottom:10px; color:#333; font-family:Helvetica Neue, Arial, Helvetica, sans-serif; } a { text-decoration:none; color:#0fa0c6; font-weight:bold; cursor:pointer; } a:hover { text-decoration:none; color:#18cfff; } a:active, a:focus { outline: 0; } hr { float:left;clear:both; color: #ddd; background-color: #ddd; height: 1px;border: 0; width: 100%; margin:18px 0; } p { margin:0; padding:0; padding-bottom:10px; } .clear { clear:both; } a.more-link { margin-top:8px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; -moz-box-shadow:0 1px 0 rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.3); box-shadow:0 1px 0 rgba(0,0,0,0.3); background: #109fc5; /* old browsers */ background: -moz-linear-gradient(top, #109fc5 10%, #0c7a98 90%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#109fc5), color-stop(90%,#0c7a98)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#109fc5', endColorstr='#0c7a98',GradientType=0 ); /* ie */ /* -- CSS3 Transition - define which property to animate (i.e. the shadow) -- */ -webkit-transition: -webkit-box-shadow 0.3s linear; behavior:url(border-radius.htc); z-index:99; color:#fff; font-family:Helvetica Neue, Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; padding:10px 15px; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); border:3px #23b4da solid; } a.more-link:hover { border:3px #4bdaff solid; background: #0c7a98; /* old browsers */ background: -moz-linear-gradient(top, #14bae6 10%, #1093b7 90%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#109fc5), color-stop(90%,#0c7a98)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#109fc5', endColorstr='#0c7a98',GradientType=0 ); /* ie */ behavior:url(border-radius.htc); z-index:99; -webkit-box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; cursor: pointer; } /*------------------------------------------- Template -------------------------------------------*/ #all { width:968px;margin:0 auto; } #headerwrap { float:left; width:100%; background:#1b1b1b url(../images/headerwrapbg.gif) repeat-x bottom; margin-top:-10px; border-top:4px #0fa0c6 solid; } #header { margin:0 auto; width:960px; } #header .logo { float:left; width:196px; height:60px; background:url(../images/logo.png) no-repeat; display:block; margin-top:40px; } #header .logo:hover { padding:4px; border-bottom:#2e2e2e 4px solid; } /* Logo Overlay */ .logoRep { background-position: top; background-repeat: no-repeat; display: block; } .logoRep span { width: 0px; height: 0px; overflow: hidden; display: block; } #header #menu { float:right; width:700px; } #header #menu img { border:0; padding-bottom:1px; } #header #menu ul { float:right; margin:0; padding:0 0 0 0; list-style-type:none; } #header #menu li { float:left;font-size:20px; background:url(../images/menu-divider.gif) repeat-y top right; } #header #menu li a { float:left; display:block; padding:58px 18px 14px 18px; height:48px; color:#fff; } #header #menu li a em { color:#888; font-size:13px; font-style:normal; font-weight:normal; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); } #header #menu li a i { color:#1bbbd8; font-size:13px; font-style:normal; font-weight:normal; } #header #menu li a:hover, #header #menu li a:hover em, #header #menu li a:hover i { color:#fff; } /*#header #menu li a:hover { background:#2e2e2e; padding-top:64px; }*/ #header #menu li a:hover { background:#2e2e2e; } #header #menu li a.active { background:#0fa0c6 url(../images/menu-hoverbg.jpg) repeat-x bottom center; color: #fff; } #header #menu li a.active em, #header #menu li a.active i { color: #fff; } #genPanelwrap { margin:0 auto; width:960px; } #genPanel { float:left; width:960px; padding-top:20px; } #genPanel h1 { letter-spacing:-0.8px; font-size:24px; line-height:30px; padding-bottom:12px; color:#fff; } #genPanel h1 em { color:#0fa0c6; font-style:normal; } ul#header_img { list-style-type:none; margin:0; padding:0; } #header_img li { margin:0; padding:0; } /*------------------------------------------- CSS3 Effects -------------------------------------------*/ /* Text Shadow */ /* Drop Shadow */ .slidewrap, .services-step1 img, .services-step2 img, .services-step3 img, .services-step4 img, .contactmap iframe { -webkit-box-shadow: 0px 0px 6px #145a6e; -moz-box-shadow: 0px 0px 6px #145a6e; box-shadow: 0px 0px 6px #145a6e; } .mainimg img, .service .left img { -webkit-box-shadow: 0px 0px 6px #000000; -moz-box-shadow: 0px 0px 6px #000000; box-shadow: 0px 0px 6px #000000; } /*------------------------------------------- Homepage -------------------------------------------*/ #h-mainwrap { float:left; width:100%; border-top:4px #0fa0c6 solid; background:#092057 url(../images/bluebg.jpg) top center; } #h-main { margin:0 auto; width:960px; padding-top:27px; } #h-main .introwrap { float:left; width:388px; } #h-main .intro { float:left; width:388px; color:#a3cfe4; font-size:15px; line-height:1.5; padding-top:4px; text-shadow: 2px 2px 2px #064470; } #h-main .intro h2 { letter-spacing:-0.7px; font-size:34px; line-height:38px; padding-bottom:14px; color:#fff; text-shadow: 2px 2px 5px #064470; } #h-main .intro a, #h-main .needfunding a { color:#fff; } #h-main .intro a:hover, #h-main .needfunding a:hover { padding-bottom:4px; border-bottom:2px solid #0fa0c6; } #h-main .needfunding { float:left; width:348px; background:#101010; padding:14px; padding-bottom:0; color:#818181; font-size:13px; line-height:18px; margin-top:26px; } #h-main .needfunding h2 { letter-spacing:-0.6px; font-size:19px; color:#fff; } #h-main .needfunding h2 em { color:#0fa0c6; font-style:normal; } #h-main .needfunding img { float:left; padding-right:18px; } #h-main .slidewrap { float:right; width:526px; height:307px; background:#8ab4da; padding:8px; } #h-main .slide { float:left; width:526px; height:307px; border:1px #3a6c88 solid; overflow:hidden; } #h-main .slide img { float:left; } #h-main .slide:hover { border:1px #000 solid; } #h-howcanwehelp { float:left; width:100%; } #h-howcanwehelp h3 { letter-spacing:-0.6px; color:#858585; font-size:19px; padding:12px 0 24px 0; font-weight:normal; } #h-howcanwehelp h3 em { font-style:normal; color:#0fa0c6; font-weight:bold; } #h-howcanwehelp .item { float:left; width:464px; padding-right:16px; padding-bottom:24px; color:#555; line-height:17px; } #h-howcanwehelp .item h4 { letter-spacing:-0.1px; color:#aaa; font-size:20px; padding-top:2px;padding-bottom:10px; font-weight:normal; } #h-howcanwehelp .item h4 em { color:#fff; font-style:normal; font-weight:bold; } #h-howcanwehelp .item img { float:left; margin-right:22px; } #h-howcanwehelp .item a { color:#fff; } #h-howcanwehelp .item a img { border:3px #000 solid; color:#fff; } #h-howcanwehelp .item a img:hover { border:3px #0fa0c6 solid; } #h-howcanwehelp .item strong { font-weight: normal; } #h-howcanwehelp a.more-link { float:left; margin:2px 0 0 0; } #h-howcanwehelp a.more-link strong { color:#fff; font-weight:bold; } #h-blog {float:left; width:920px; margin:20px 0; padding:20px 0 20px 20px; border-top:6px #3f3f3f solid; background:#222; } #h-blog .post { float:left; width:440px; margin:0 20px 0 0; } #h-blog .post img { float:left; width:184px; padding:4px; background:#888; border:1px #000 solid; } #h-blog .post .post-summary { float:right; width:226px; } #h-blog .post h2 { color:#fff; font-size:18px; line-height:1.2; margin:0; padding:0 0 4px 0; } #h-blog .post h4 { color:#666; font-weight:normal; font-style:italic; font-size:15px; margin:0; padding:0 0 16px 0; } #h-blog .post a.more-link { float:left; margin:0; } #h-blog h2 { color:#bbb; font-size:22px; line-height letter-spacing:-0.6px; padding:0 0 20px 0; font-weight:normal; } #h-blog h2 em { color:#fff; font-style:normal; font-weight:bold;} #h-twitter { float:left; width:190px; font-size:14px; } #h-twitter #twitter_div { background:#181818; padding:12px; } #h-twitter #twitter_div ul#twitter_update_list{ display:block; list-style: none;} #h-twitter img { float:left; padding:0 10px 6px 0; } #h-whatclients { float:left; width:456px; margin-left:50px; } #h-whatclients .quote { float:left; padding:12px; background:#181818; font-style:italic; font-size:15px; line-height:21px; } #h-whatclients .quote img { padding-right:4px; } #h-whatclients .quotearrow { float:left; width:76px; height:13px; background:url(../images/h-whatothers-arrow.gif) no-repeat top left; margin-bottom:6px; } #h-whatclients .name { float:left; clear:left; color:#8e8e8e; } #h-whatclients .companylogo { float:right; } #h-notfound { float:right; width:248px; text-align:right; } #h-notfound strong { font-weight:normal; } #h-twitter h4, #h-whatclients h4, #h-notfound h4 { color:#bbb; font-size:19px; letter-spacing:-0.2px; padding-bottom:24px; padding-top:14px; font-weight:normal; } #h-twitter h4 em, #h-whatclients h4 em, #h-notfound h4 em { color:#fff; font-style:normal; font-weight:bold; } #h-twitter ul, #h-notfound ul { margin:0; padding:0; list-style-type:none; } #h-twitter li, #h-notfound li { padding-bottom:7px; } #h-twitter li a, #h-notfound li a { color:#888; font-weight:normal; font-size:14px; } #h-twitter li a:hover, #h-notfound li a:hover { color:#fff; } /*------------------------------------------- About -------------------------------------------*/ .companyinfo { float:left; width:540px; padding-right:40px; font-size:15px; line-height:22px; } .companyinfo h5 { color:#ddd; font-size:17px; line-height:24px; } .companyinfo img { margin:4px 0 10px 0; } .staffinfo { float:left; width:380px; font-size:12px; } .staffinfo h2 { color:#ccc; font-size:17px; color:#ddd; margin:24px 0 0 0; padding:0 0 4px 0; } .staffinfo h3 { color:#0fa0c6; font-size:12px; letter-spacing:1px; margin:0; padding:0 0 12px 0; } h2.meettheteam { font-size:20px; margin:0; padding:12px 14px 12px 14px; color:#eee; background:#212121; border-bottom:1px #444 dotted; } .staffinfo .employee { padding-left:14px; } .meet-the-team { float:left; width:620px; margin:10px 0 0 0; } .meet-the-team h2 { font-size:26px; color:#fff; margin:0 0 8px 0; } .meet-the-team h3 { font-size:16px; font-style:italic; color:#00a2c8; font-weight:normal; line-height:1.6; margin:0 0 8px 0; } .staff-member { float:left; clear:left; margin:0 0 20px 0; } .staff-member img { float:left; margin:0 20px 0 0; } .staff-member img.profile { border:3px #000 solid; } .staff-info { font-size:14px; line-height:1.5; } .staff-member .staff-info h2 { margin:0; padding:0; font-size:20px; } .staff-member .staff-info h3 { margin:0; padding:0 0 12px 0; } .staff-member .staff-info h4 { margin:0; padding:8px 0 0 0; font-size:16px; } .staff-member .staff-info h4 a { font-weight:normal; font-style:italic; color:#888; } .staff-member .staff-info h4 a:hover { border-bottom:1px dotted #fff; color:#fff; } .company-info { float:right; width:306px; margin:10px 0 0 0; } .company-info .ethos, .company-info .our-services, .company-info .arrange-meeting { float:left; width:274px; background:#2f2f2f; border-top:6px #444 solid; padding:20px 16px 16px 16px; margin:0 0 20px 0; color:#888; } .company-info .ethos h3, .company-info .our-services h3, .company-info .arrange-meeting h3 { color:#fff; font-size:19px; } .company-info .ethos h4, .company-info .our-services h4, .company-info .arrange-meeting h4 { font-size:14px; font-style:italic; color:#00a2c8; font-weight:normal; line-height:1.6; } .company-info .ethos a.more-link, .company-info .our-services a.more-link, .company-info .arrange-meeting a.more-link { float:left; margin:4px 0 0 0; } /*------------------------------------------- Services -------------------------------------------*/ .services-step1, .services-step2, .services-step3, .services-step4 { float:left; width:220px; padding-top: 10px; padding-right:26px; padding-bottom:20px; color:#a3cfe4; } .services-step4 { padding-right:0; } .services-step1 img, .services-step2 img, .services-step3 img, .services-step4 img { border:4px solid #8ab4da; } .services-step1 h2,.services-step2 h2, .services-step3 h2,.services-step4 h2 { font-size:19px; color:#fff; margin:0; padding:0 0 8px 0;} .services-step1 h3,.services-step2 h3, .services-step3 h3,.services-step4 h3 { font-size:13px; color:#ccc; text-transform:uppercase; margin:0; padding:8px 0 0 0; } .services-web { float:left; width:450px; padding-top:28px; padding-right:28px; border-right:2px #333 dotted; } .services-print { float:right; width:450px; padding-top:28px; } .services-web h2, .services-print h2 { float:left; margin:0; padding:0 24px 0 0; font-size:58px; color:#666; letter-spacing:-0.8px; } .services-web h2 { color:#bbb; } .services-web ul, .services-print ul { float:left; width:270px; margin:-10px 0 0 20px; padding:0; font-size:13px; color:#ccc; list-style: none; } .services-web ul { width:280px; } .services-web li, .services-print li { background: url(../images/icon-tick.png) no-repeat; padding:0 0 10px 30px; } .services-web li strong, .services-print li strong { color:#fff; font-size:17px; } .services-web a,.services-print a { float:right; clear:both; display:block; background:#444; color:#fff; padding:6px 8px; margin-right:10px; margin-top:10px; font-size:12px; text-transform:uppercase; font-weight:normal; letter-spacing:1px; } .services-web a:hover,.services-print a:hover { background:#0fa0c6; } /*.service { float:left; clear:left; width:960px; margin-top:6px; padding:0 0 24px 0; border-top:2px #333 dotted; } .service .left { float:left; width:252px; text-align:right; padding-top:20px; } .service .right { float:right; width:634px; padding-left:36px; padding-top:20px; border-left:2px #212121 dotted; } .service .left img { margin-bottom:14px; } .service .left h3 { font-size:28px; color:#fff; margin:0; margin-bottom:24px; padding:0; } .service .left h4 a { background:#444; color:#fff; padding:6px 8px; margin-right:4px; font-size:12px; text-transform:uppercase; font-weight:normal; letter-spacing:1px; } .service .left h4 a:hover { background:#0fa0c6; } .service .right h4 { font-size:18px; color:#eee; margin:0; padding:0 0 0 6px 0; } */ .whatotherssay { float:left; width:960px; border-top:2px #333 dotted; margin-top:24px; padding-top:10px; } .whatotherssay h4 { color:#bbb; font-size:19px; letter-spacing:-0.6px; padding-bottom:24px; padding-top:14px; } .whatotherssay h4 em { color:#fff; font-style:normal;} .quotewrap { float:left; width:300px; margin-right:30px; } .quotewrap .quote { float:left; padding:12px; background:#181818; font-style:italic; font-size:14px; line-height:20px; } .quotewrap .quote img { padding-right:4px; } .quotewrap .quotearrow { float:left; width:76px; height:13px; background:url(../images/h-whatothers-arrow.gif) no-repeat top left; margin-bottom:6px; } .quotewrap .name { float:left; clear:left; color:#8e8e8e; } .quotewrap .companylogo { float:right; } #h-main .servicesmenu { float:right; margin:-7px 0 -5px 0; padding:0 0 0 0; } #h-main .servicesmenu ul { list-style-type:none; margin:0; padding:0; } #h-main .servicesmenu li { float:left; } #h-main .servicesmenu li.off { margin-top:19px; } /* Services - Web */ .services-webdesign h1 { font-size:32px; margin:10px 0 6px 0; } .services-webdesign h2 { font-size:16px; font-style:italic; color:#00a2c8; font-weight:normal; line-height:1.6; margin:0 0 14px 0; } .services-webdesign h3 { color:#fff; font-size:17px; line-height:1.4; } .services-webdesign .more-link { float:right; margin:10px 0 32px 20px; } .services-webdesign img { float:left; margin:0 32px 0 0; } .service-summary { float:left; width:320px; padding:0 20px 20px 0; } .service-emails { float:left; width:474px; padding:38px 0; } .service-mobile { float:right; width:474px; padding:38px 0; } .service-seo { float:left; width:580px; } .service-seo .text { float:right; width:314px; } /* Services - Print */ .service-catalogues { float:left; width:340px; padding:0 20px 0 0; } .service-branding-logos { float:right; width:320px; padding:0 0 20px 0; } .service-branding-logos img { padding:0 0 26px 0; } .service-branding-logos h3 { padding:8px 0 10px 0; } .service-stationery { float:left; width:470px; padding:12px 0 38px 0; } .service-newspaper { float:right; width:474px; padding:12px 0 38px 0; } .service-banner-stands { float:left; width:580px; } .service-banner-stands .text { float:right; width:324px; } .web-quote { float:right; width:352px; } .web-quote .quote { border-left:6px #252525 solid; padding:0 20px 0 20px; font-size:17px; line-height:1.4; color:#fff; } .web-quote .quote img { margin:0 20px 10px 0; } .web-quote .author { text-align:right; color:#666; font-size:14px; line-height:1.3; } /*------------------------------------------- Portfolio -------------------------------------------*/ #h-main .title { float:left; width: 960px; padding:0 0 20px 0; margin: 0; } #h-main .title h1 { font-size:34px; letter-spacing:-0.8px; color:#fff; line-height: 34px; padding: 0 0 5px 0; margin: 0; } #h-main .title h1 a { color:#a3cfe4; } #h-main .title h1 a:hover { color:#fff; } #h-main .workmenu { float:right; width:620px; color:#a3cfe4; font-size:16px; line-height:22px; padding:0 0 0 0; } #h-main .workmenu ul { list-style-type:none; margin:0; padding:6px 0 0 0; } #h-main .workmenu li { float:left; margin-left:8px; } #h-main .workmenu li a { color:#101010; display:block; padding:15px 17px 16px 17px; font-family:Helvetica Neue, Arial, Helvetica, sans-serif; font-size:18px; text-shadow:1px 1px 0 #7bc7f6; } #h-main .workmenu li a:hover { color:#fff; background:#101010; border-radius:8px 8px 0 0; text-shadow:none; } #h-main .workmenu li a.active { color:#fff; background:#101010; border-radius:8px 8px 0 0; text-shadow:none; } .portfolio { float:left; width:960px; } .portfolio .item, .portfolio .item2 { float:left; width:300px; margin:18px 30px 10px 0; } .portfolio .item2 { margin-right:0; } .portfolio .item img, .portfolio .item2 img { border:2px #000 solid; } .portfolio .item img:hover, .portfolio .item2 img:hover { border:2px #0fa0c6 solid; } .portfolio .item h2, .portfolio .item2 h2 { border-top:1px dotted #666; margin-top:12px; padding-top:8px; font-size:16px; letter-spacing:0.5px; color:#fff; padding-bottom:6px; } .portfolio .item h3, .portfolio .item2 h3 { font-size:12px; text-transform:uppercase; font-weight:normal; letter-spacing:1px; color:#777; padding-bottom:18px; } .portfolio .item h4 a, .portfolio .item2 h4 a { background:#444; color:#fff; padding:6px 8px; margin-right:4px; font-size:12px; text-transform:uppercase; font-weight:normal; letter-spacing:1px; } .portfolio .item h4 a:hover, .portfolio .item2 h4 a:hover { background:#0fa0c6; } .clientlist ul { float:left; list-style-type:square; width:214px; padding:0; margin:0 1em; } .clientlist li { padding-bottom:6px; } .clientlist li a { color:#aaa; font-size:13px; font-weight:normal; } .clientlist li a:hover { color:#fff; } .clientlist { float:left; width:100%; padding-top:10px; } .clientlist h4 { letter-spacing:-0.8px; font-size:19px; padding:16px 0 16px 0; color:#858585; } .clientlist h4 em { color:#fff; font-style:normal; } /*------------------------------------------- Single Project -------------------------------------------*/ .project-single { float:left; width:960px; } .project-single .copy { float:left; width:332px; } .project-single .copy h2 { font-size:20px; letter-spacing:-0.5px; color:#fff; margin:0; padding:0; padding-bottom:8px; } .project-single .copy h3 { font-size:12px; text-transform:uppercase; font-weight:normal; letter-spacing:1px; color:#777; margin:0; padding:0; padding-bottom:14px; } .project-single .copy h4 { font-size:15px; letter-spacing:-0.2px; color:#ddd; padding-top:6px; } .project-single .copy h4 a, .project-single .copy h4 a { background:#444; color:#fff; padding:6px 8px; margin-right:4px; font-size:12px; text-transform:uppercase; font-weight:normal; letter-spacing:1px; } .project-single .copy h4 a:hover, .project-single .copy h4 a:hover { background:#0fa0c6; } .project-single .copy ul { margin:10px 0 10px 0; padding:0 0 0 12px; list-style: none; } .project-single .copy li { background: url(../images/icon-tick.png) no-repeat; padding:1px 0 12px 30px; } .project-single .screenshots { float:right; width:560px; height:460px; padding-bottom:16px; } .project-single .screenshots img { border:#000 2px solid; } /*------------------------------------------- Blog -------------------------------------------*/ #blog-posts { float:left; width:720px; font-size:15px; line-height:22px; } #blog-posts .post { float:left; width:700px; padding:10px 0; margin:0 36px 16px 0; border-bottom:3px #333 solid; } #blog-posts .post img { float:left; padding:0 0 4px 0; margin:0 28px 0 0; border-top:6px #3f3f3f solid; width:270px; } #blog-posts .post a img:hover { border-top:6px #0fa0c6 solid; } #blog-posts .post h2 { color:#fff; font-size:20px; margin:-7px 0 0 0; padding:4px 0 4px 0; } #blog-posts .post h3 { color:#fff; font-size:17px; margin:0; padding:8px; margin:0 0 10px 0; background:#222; } #blog-posts .post h4 { color:#666; font-weight:normal; font-style:italic; font-size:15px; margin:0; padding:0 0 12px 0; } #blog-posts .post h5 { color:#ddd; font-size:17px; line-height:24px; } .blogdesc { float:right; width:400px; } /* #blog-posts { float:left; width:540px; padding-right:40px; font-size:15px; line-height:22px; } #blog-posts .post { border-bottom:1px #666 dotted; padding-bottom:20px; margin-bottom:20px; } #blog-posts .post h2 { color:#fff; font-size:22px; } #blog-posts .post h4 { color:#666; font-weight:normal; font-style:italic; font-size:17px; padding-bottom:20px; display:block; } #blog-posts .post h5 { color:#ddd; font-size:17px; line-height:24px; } #blog-sidebar { float:left; width:380px; } #blog-sidebar .date { color:#a0b24f; font-style:italic; font-size:15px; } #blog-sidebar #searchform #s { border:1px #ccc solid; padding:6px; } #blog-sidebar ul { margin:0 0 10px 0; padding:0; } #blog-sidebar li { list-style-type:none; padding:0 0 6px 10px; } #blog-sidebar h3 { color:#ccc; font-size:16px; }*/ #blog-sidebar { float:right; width:234px; border-top:6px #3f3f3f solid; background:#000; color:#333; font-size:10px; } #blog-sidebar .date { color:#a0b24f; font-style:italic; font-size:15px; } #blog-sidebar #searchform #s { border:1px #ccc solid; padding:6px; } #blog-sidebar ul { margin:0; padding:12px; } #blog-sidebar li { list-style-type:none; padding:0; } #blog-sidebar li ul li { list-style-type:disc; margin:0 0 0 12px; } #blog-sidebar h2 { color:#eee; font-size:20px; padding:10px 12px 14px 12px; font-weight:normal; } #blog-sidebar h3 { color:#666; font-size:15px; padding:12px; padding-bottom:0; border-top:4px #101010 solid; } #blog-sidebar li a { font-weight:normal; font-size:13px; } .tag_list { padding:0; } .tag_list ul { float:left; margin:0; padding:0; } .tag_list ul li { float:left; margin:0 4px 4px 0; text-align:center; background:#101010; } .tag_list ul li a { display:block; padding:6px; } #nav-above, #nav-below { display:none; } .facebook { float:left; height:48px; margin:0; padding:0; } .twitter { float:right; } .entry-content img { float:left; width:244px; margin:0 20px 10px 0; } /*------------------------------------------- Contact -------------------------------------------*/ #contactdetails { float:left; width:100%; padding:6px 0 18px 0; margin:0 0 28px 0; border-bottom:1px #333 dotted; } .contacttwitter { float:left; width:310px; clear:left; padding:0 20px 0 0; } .contactemail { float:left; width:350px; padding:0 20px 0 0; } .contactno { float:left; width:260px; padding:0; } #contactdetails h4 { font-size:12px; letter-spacing:0.6px; color:#555; } #contactdetails h5 { font-size:22px; color:#fff; } #contactdetails h5 img { float:left; margin-right:16px; } .contactno img { margin-top:-2px; } .contactmap { float:left; padding-bottom:32px; width:960px; height:340px; } .contactmap iframe { border:4px #8ab4da solid;} #contactform { float:left; width:600px; } #contactform h1 { padding-bottom:20px; font-size:20px; letter-spacing:-0.2px; font-weight:normal; color:#bbb; } #contactform h1 strong { color:#fff; font-weight:bold; } #contactform .success { float:left; width:560px; padding:20px; background:#46d86b; color:#fff; text-align:center; font-size:17px; } #contactform .success a, #contactform .error a { color:#fff; text-decoration:underline; } #contactform .error { float:left; width:560px; padding:20px; background:#cb3c40; color:#fff; text-align:center; font-size:17px; } #cform fieldset {float:left; width:600px; border:none; margin:0;padding:0; padding-top:12px;} #cform label {float: left; width: 230px;font-weight: bold;color:#fff;font-family:Arial, Helvetica, sans-serif; font-size:14px; } #cform input, #cform textarea { float:left; width:344px; border: none; border:2px #000 solid; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:10px 8px;} #cform .categoryName { color:#fff; } #cform h3 { background:#000; color:#fff; padding:4px 8px; float:left; } #cform ol {list-style:none; padding:0; margin:0; clear:left; } #cform li {float: left; width:600px; clear: left;margin-bottom:26px; padding: 0; } #cform fieldset legend {font-size:1.3em; font-weight:normal; color:#ccc;} #cform em { color:#fff; font-size:12px; font-weight:normal; background:#cb3c40; color:#fff; padding:3px 6px; font-style:italic; margin-top:10px; } /* Required */ #cform i { color:#FF0000; font-style:italic;} #antispam { visibility:hidden; display:none; } /* Submit Button */ #cform .submit-btn { border-radius:30px; text-shadow:1px 1px 0 #fff; float:right; width:200px; margin-top:0px; cursor:pointer; border:0; font-weight:bold; font-size:18px; padding: 12px 24px; background:#ccc url(../images/inputbtn-bg.gif) repeat-x left top; margin-bottom:0; font-family:Helvetica Neue, Arial, Helvetica, sans-serif;} #cform .submit-btn:hover { background:#eee; color:#000;} .errtext { color:#FF0000; } #contactsidebar { float:right; width:300px; font-size:13px; margin:-17px 0 0 0; line-height:1.5; } #contactsidebar .item h2 { background:#222; color:#fff; font-size:16px; padding:10px 14px; margin:18px 0 18px 0; font-weight:normal; } #contactsidebar .item strong { color:#fff; } #contactsidebar .item p { padding:0 14px 14px 14px; line-height:1.6; } #contactsidebar .address { font-size:15px; } /*------------------------------------------- Footer -------------------------------------------*/ #footerwrap { float:left; width:100%; background:url(../images/footerbg.gif) repeat-x; margin-top:36px; line-height:1.5; } #footer { width:960px; margin:0 auto; font-size:13px; color:#666; } #footerinner { float:left; width:960px; padding:32px 0; padding-bottom:48px; } #footerlogo { float:left; width:117px; height:36px; background:url(../images/footerlogo.png) no-repeat; display:block; } #sitemap h5, #companyinfo h5, #contactinfo h5 { color:#ccc; font-size:20px; padding-bottom:16px; font-weight:normal; } #sitemap h5 strong, #companyinfo h5 strong, #contactinfo h5 strong { color:#fff; font-weight:bold; } #sitemap { float:left; padding-left:60px;width:220px; } #sitemap ul { list-style:none; margin:0; padding:0; } #sitemap li { float:left; width:50%; line-height:28px; color:#0fa0c6; font-size:14px; } #sitemap ul#1 { float:left; width:120px; } #sitemap ul#2 { float:left; width:120px; } #sitemap ul a { color:#aaa; font-weight:normal; } #sitemap ul a:hover { color:#fff; } #companyinfo { float:left; width:240px; color:#888; margin-left:14px; } #companyinfo a { color:#fff; } #contactinfo { float:right; color:#aaa; width:260px; height:59px; } #contactinfo em { font-style:normal; float:left; clear:left; width:60px; padding-bottom:10px; color:#888; font-weight:normal;} #contactinfo i { font-style:normal; float:left; width:180px; padding-bottom:10px;} #contactinfo a { color:#fff; } #header_img2 { padding: 0; margin: 0; list-style: none; } #header_img2 li{ padding: 0; margin: 0; list-style: none; }