/* ************************************************* Expedition Web DESIGN http://www.expedition-design.com ************************************************* */ /*------------------------------------------- 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: #006600; font-weight:bold; cursor:pointer; } a:hover { text-decoration:none; color: #009900; } 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; } /*------------------------------------------- Template -------------------------------------------*/ #all { width:968px;margin:0 auto; } #header { margin:0 auto; width:960px; height:137px; } #header .logo { float:left; width:250px; height:80px; background:url(../images/logo.gif) no-repeat; display:block; margin-top:24px; } #header #menu { float:right; width:700px; background:url(../images/menubg.jpg) no-repeat bottom right; } #header #menu img { border:0; padding-bottom:4px; } #header #menu ul { margin:0; padding:0 0 0 30px; list-style-type:none; } #header #menu li { float:left;font-size:20px; border-right: 1px solid #000; } #header #menu li a { float:left; display:block; padding:64px 15px 16px 15px; color:#fff; } #header #menu li a em { color:#999999; font-size:13px; font-style:normal; font-weight:normal; } #header #menu li a i { color:#fff; 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:#003300 url(../images/menu-hoverbg.jpg) repeat-x bottom center; } #header #menu li a.active { background: #003300 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: #006600; 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 #003300; -moz-box-shadow: 0px 0px 6px #003300; box-shadow: 0px 0px 6px #003300; } .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%; background: #101010 url(../images/big_bg.jpg) top center no-repeat; }/*bluebg.jpg */ #h-main { margin:0 auto; width:960px; padding-top:27px; } #h-main .introwrap { float:left; width:348px; } #h-main .intro { float:left; width:348px; color:#fff; font-size:15px; line-height:22px; padding-top:4px; } #h-main .intro h1 { letter-spacing:-1px; font-size:34px; line-height:38px; padding-bottom:14px; color:#fff; } #h-main .intro a, #h-main .needfunding a { color:#fff; } #h-main .intro a:hover, #h-main .needfunding a:hover, #h-howcanwehelp .item a:hover { padding-bottom:4px; border-bottom:2px solid #003300; } #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: #006600; font-style:normal; } #h-main .needfunding img { float:left; padding-right:18px; } #h-main .slidewrap { float:right; width:526px; height:307px; background:#003300; padding:8px; } #h-main .slide { float:left; width:526px; height:307px; overflow:hidden; } #h-main .slide img { border:1px #003300 solid; } #h-howcanwehelp { float:left; width:100%; } #h-howcanwehelp h3 { letter-spacing:-0.6px; color:#858585; font-size:19px; padding:12px 0 24px 0; } #h-howcanwehelp h3 em { font-style:normal; color:#0fa0c6; } #h-howcanwehelp .item { float:left; width:464px; padding-right:16px; padding-bottom:24px; color:#666; line-height:17px; } #h-howcanwehelp .item h4 { letter-spacing:-0.6px; color:#aaa; font-size:20px; padding-top:2px;padding-bottom:10px; } #h-howcanwehelp .item h4 em { color:#fff; font-style:normal; } #h-howcanwehelp .item img { float:left; margin-right:24px; } #h-howcanwehelp .item a { color:#fff; } #h-howcanwehelp .item a img { border:2px #000 solid; color:#fff; } #h-howcanwehelp .item a img:hover { border:2px #003300 solid; } #h-notfound { float:right; width:248px; text-align:right; } /*------------------------------------------- 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: #003300; 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; } /*------------------------------------------- Services -------------------------------------------*/ .services-step1, .services-step2, .services-step3, .services-step4 { float:left; width:220px; padding-top: 10px; padding-right:26px; padding-bottom:20px; color:#fff; background: #040404; } .services-step4 { padding-right:0; } .services-step1 img, .services-step2 img, .services-step3 img, .services-step4 img { border:0px solid #003300; padding-left:2px; } .services-step1 h2,.services-step2 h2, .services-step3 h2,.services-step4 h2 { font-size:19px; color: #006600; 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:4px 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; } /*------------------------------------------- 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:580px; 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:14px 13px 18px 13px; font-family:Helvetica Neue, Arial, Helvetica, sans-serif; font-size:18px; } #h-main .workmenu li a:hover { color:#fff; background:#101010; } #h-main .workmenu li a.active { color:#fff; background:#101010; } .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:none; width:220px; padding:0; margin:0; margin-right:26px; } .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; } /*------------------------------------------- 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:300px; clear:left; padding:0 20px 0 0; } .contactemail { float:left; width:300px; padding:0 20px 0 0; } .contactno { float:left; width:300px; padding:0; } #contactdetails h4 { font-size:12px; letter-spacing:0.6px; color:#555; } #contactdetails h5 { font-size:18px; color:#fff; } .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.4px; } #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: 240px;font-weight: bold;color:#ccc;font-family:Arial, Helvetica, sans-serif; font-size:13px; } #cform input, #cform textarea { float:left; width:344px; border: none; border:2px #000 solid; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:6px;} #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 { float:right; width:200px; margin-top:0px; cursor:pointer; border:outset 1px #ccc; color:#000; font-weight:bold; font-size:18px; padding: 10px 24px 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:#fff; color:#000;} .errtext { color:#FF0000; } #contactsidebar { float:right; width:300px; } #contactsidebar .item h2 { color:#fff; font-size:16px; padding-bottom:14px; padding-top:20px;} #contactsidebar .item strong { color:#fff; } #contactsidebar .address { font-size:15px; line-height:22px; } /*------------------------------------------- Footer -------------------------------------------*/ #footerwrap { float:left; width:100%; background:#212121; padding:32px 0; padding-bottom:48px; margin-top:36px; } #footer { width:960px; margin:0 auto; font-size:12px; color:#666; } #footerlogo { float:left; width:117px; height:36px; background:url(../images/footerlogo.gif) no-repeat; display:block; } #sitemap h5, #companyinfo h5, #contactinfo h5 { color:#ccc; font-size:16px; padding-bottom:20px; } #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:24px;} #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:#aaa; 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:#fff; font-weight:bold;} #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; }