@import url("scripts/nivo-slider.css"); * { margin: 0; padding: 0; border: 0; } body { font: 12px Arial, Helvetica, sans-serif; background: url(images/bg.png) repeat-x; color: #717171; margin:0px; padding:0px; } .clear { clear:both; } .right { float: right; } .left { float: left; } .padding { padding:20px; } .padding-top { padding-top:80px; } .padding-top-in { padding-top:30px; } h1 { font-size:22px; color:#000; font-weight:bold; margin-bottom:5px; } .h1color { color:#ff5e10; } h2 { font-size:18px; color:#ff5e10; font-weight:bold; margin-bottom:5px; } h2 a { color:#ff5e10; text-decoration:none; } h2 a:hover { color:#000; border:none; text-decoration:none; } h3 { font-size:15px; color:#49a9e6; } h4 { font-size:15px; color:#666; margin-top:10px; margin-bottom:10px; } h5 { font-size:13px; color:#ff5e10; } p { font-size:12px; line-height:20px; } img { border:0px; } ol, ul { list-style: none; } a { color:#ff5e10; text-decoration:none; } a:hover { color:#000; border:none; text-decoration:none; } #wrapper { width:960px; margin:0 auto; margin-top:10px; background-color: #FFFFFF; position:relative; -moz-box-shadow:inset 5px 0 5px -5px #e6e6e6, inset -5px 0 5px -5px #e6e6e6; -webkit-box-shadow:inset 5px 0 5px -5px #e6e6e6, inset -5px 0 5px -5px #e6e6e6; box-shadow: inset 5px 0 5px -5px #e6e6e6, inset -5px 0 5px -5px #e6e6e6; padding-bottom:30px; } .buttons button { width:auto; overflow:visible; padding:4px 10px 3px 7px; } .buttons button[type] { padding:5px 10px 5px 7px; line-height:17px; } *:first-child+html button[type] { padding:4px 10px 3px 7px; } .buttons button img, .buttons a img { margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; } button.positive, .buttons a.positive { color:#529214; } .buttons a.positive:hover, button.positive:hover { background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; } .buttons a.positive:active { background-color:#529214; border:1px solid #529214; color:#fff; } #header-wrapper { width:950px; height:50px; position:absolute; background:url(images/header_bg.png) repeat-x; top:25px; margin-left:5px; z-index:99; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color:#FFF; font-size:15px !important; float:left; } #header-wrapper .logo { position:absolute; width:113px; height:74px; background:url(images/logo.png) no-repeat; left: 20px; top: -9px; } #header-wrapper .menu { position:relative; width:600px; left:180px; top:15px; font-size:13px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; } #header-wrapper .menu ul { list-style:none; } #header-wrapper .menu ul li { display:inline; padding:15px; } #header-wrapper .menu ul li a { text-decoration:none; color:#FFF; text-shadow: 0px 2px 3px #555; } #header-wrapper .menu ul li a:hover { text-decoration:none; padding:5px 0px 5px 0px; color:#717171; text-shadow: 0px 2px 3px #FFF; } #header-wrapper .call { position:absolute; width:200px; height:30px; right:15px; padding:3px; top: 7px; font-size:12px; background-color:#4b86ab; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align:center; opacity:0.9; filter:alpha(opacity=90); font-weight: bold; } #slider { width:863px; height:370px; margin-top:32px; left:49px; position: relative; background:url(images/loading.gif) no-repeat 50% 50%; overflow: hidden; float:left; overflow:hidden; } #slider .nivo-controlNav { position:absolute; left:800px; top:350px; } #slider .nivo-controlNav a { display:block; width:22px; height:22px; background:url(images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; } #slider .nivo-controlNav a.active { background-position:0 -22px; } #slider .nivo-directionNav a { display:block; width:30px; height:30px; background:url(images/arrows.png) no-repeat; text-indent:-9999px; border:0; } #slider a.nivo-nextNav { background-position:-30px 0; right:15px; } #slider a.nivo-prevNav { left:15px; } #slider .nivo-caption { text-shadow:none; font-family: Helvetica, Arial, sans-serif; } #slider .nivo-caption a { color:#efe9d1; text-decoration:underline; } #body-wrapper { width:934px; float: left; position:relative; padding:13px; min-height: 400px; } #body-wrapper .notification { width:934px; float:left; height:20px; } #body-wrapper .notification .h1 { height:20px; width:80px; float:left; font-size:13px; color:#ff5e10; } #body-wrapper .notification h1 { font-size:12px; color:#ff5e10; } #body-wrapper .notification .scroll { width:850px; height:17px; float:right; overflow:hidden; font-size:13px; padding-top:1px; } #body-wrapper .about { width:400px; float:left; position:relative; margin-top:23px; left:16px; height:216px; text-align:justify; } #body-wrapper .featured_projects { width:443px; height:176px; float:right; margin-top:23px; right:16px; border:#d9e0e6 1px solid; position:relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 5px 5px 5px #e6e6e6; -moz-box-shadow: 5px 5px 5px #e6e6e6; box-shadow: 5px 5px 5px #e6e6e6; border-radius: 5px; padding:20px; cursor:hand; cursor:pointer; } #body-wrapper .featured_projects h1 { position:absolute; width:181px; height:36px; background:url(images/featured_projects_bg.png) no-repeat; top: -14px; left: 121px; padding:15px 0px 0px 170px; color:#FFF; font-size:19px; text-shadow: 0px 2px 3px #595959; } #body-wrapper .featured_projects img { width:190px; height:163px; float:left; margin:10px 20px 0px 0px; } #body-wrapper .featured_projects p { margin-top:30px; } #body-wrapper .project_showcase { width:914px; height:203px; position:relative; float:right; margin-top:25px; border:#d9e0e6 1px solid; padding:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow:hidden; } #body-wrapper .project_showcase img{background:url(images/loading.gif) no-repeat center;} #body-wrapper .project_showcase img { padding:10px; } #body-wrapper .enquiry input { padding: 3px; border:1px solid #d3d3d3; font: 14px Myriad Pro,Arial, Helvetica, sans-serif; color:#717171; margin-bottom:10px; width:300px; } #body-wrapper .enquiry textarea { padding: 3px; border:1px solid #d3d3d3; font: 14px Myriad Pro,Arial, Helvetica, sans-serif; color:#717171; width:300px; margin-bottom:10px; } #body-wrapper .enquiry select { padding: 3px; border:1px solid #d3d3d3; font: 14px Myriad Pro,Arial, Helvetica, sans-serif; color:#717171; width:300px; margin-bottom:10px; } #body-wrapper .projects-list { margin-top:20px; margin-bottom:50px; border-bottom:1px solid #E0E0E0; cursor: pointer; cursor: hand; } #body-wrapper .projects-list h3 { padding-left:20px; } #body-wrapper .contact-map { float:right; margin-right:100px } #footer { width:100%; height:175px; background-color:#141414; border-top:10px #000 solid; } #footer h1 { color:#fff; font-size:20px; font-weight:normal; } #footer p { font-size:13px; } #footer a { text-decoration:none; color:#717171 ; border:none; } #footer a:hover { text-decoration:none; color:#717171 ; border:none; font-weight:bold; } #footer-wrapper { width:950px; margin:0 auto; height:175px; position:relative; } #footer-wrapper .projects_list { width:343px; height:150px; float:left; position:relative; left:60px; margin-top:25px; color:#717171; } #footer-wrapper .projects_list .list1 { width:171px; float:left; text-align:left; } #footer-wrapper .projects_list .list2 { width:171px; float:right; text-align:left; } #footer-wrapper .company { width:170px; height:150px; float:left; position:relative; left:130px; margin-top:25px; color:#717171; } #footer-wrapper .follow { width:170px; height:150px; float:left; position:relative; left:175px; margin-top:25px; color:#717171; } .panel { position: fixed; top: 100px; left: 0; display: none; background: #000000; border:1px solid #111111; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; width: 330px; height: auto; padding: 30px 30px 30px 180px; filter: alpha(opacity=85); opacity: .85; z-index:998; } .panel p { margin: 0 0 15px 0; padding: 0; color: #cccccc; } .panel a, .panel a:visited { margin: 0; padding: 0; color: #FFF; text-decoration: none; border-bottom: 1px solid #9FC54E; } .panel a:hover, .panel a:visited:hover { margin: 0; padding: 0; color: #FFF; text-decoration: none; border-bottom: 1px solid #ffffff; } .panel input { padding: 3px; border:1px solid #d3d3d3; font: 14px Myriad Pro,Arial, Helvetica, sans-serif; color:#717171; margin-top:10px; width:200px; } .panel textarea { padding: 3px; border:1px solid #d3d3d3; font: 14px Myriad Pro,Arial, Helvetica, sans-serif; color:#717171; width:200px; } .panel select { padding: 3px; border:1px solid #d3d3d3; font: 14px Myriad Pro,Arial, Helvetica, sans-serif; color:#717171; margin-top:10px; width:210px; } .panel .error { color:#900; } .panel label { display:block; } a.trigger{ position: fixed; text-decoration: none; top: 160px; left: 0; font-size: 14px; letter-spacing:-1px; font-family: verdana, helvetica, arial, sans-serif; color:#fff; padding: 10px 40px 10px 15px; font-weight: 700; background:#49a9e6 url(images/plus.png) 85% 55% no-repeat; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; display: block; z-index:999; } a.trigger:hover{ position: fixed; text-decoration: none; top: 160px; left: 0; font-size: 14px; letter-spacing:-1px; font-family: verdana, helvetica, arial, sans-serif; color:#fff; padding: 10px 40px 10px 20px; font-weight: 700; background:#49a9e6 url(images/plus.png) 85% 55% no-repeat; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; display: block; } a.active.trigger { background:#49a9e6 url(images/minus.png) 85% 55% no-repeat !important; color:#fff !important; }