* {
    padding: 0px;
    margin: 0px;
}

html, body {
    height: 100%;
}

body {
    background-image: url("/images/main-repeat.png");
    font-family: Arial, Helvetica, sans-serif;
    color: #343434;
} .clear {
    display: inline-block;
} .clear:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    line-height: 0px;
    content: ".";
} .inline {
    display: inline-block;
}

a {
    color: #b3131d;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {
    border: 0px;
} .container {
    margin: 0px auto;
    width: 950px;
} .content {
    background-image: url("/images/mainbg.png");
    background-repeat: no-repeat;
    margin-top: 0px;
    padding-top: 20px;
} #top-nav-new {
    background: #0f4b78 url("images/nav-top-bg.gif") repeat-x;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    color: #FFFFFF;
} #nav-inner {
    margin: 0px auto;
    position: relative;
    width: 980px;
} .left {
    float: left;
} .right {
    float: right;
} .tleft {
    text-align: left;
} .tright {
    text-align: right;
} .tmiddle {
    text-align: center;
} .longbar {
    background: url(images/bar-red1.gif) repeat-x #b4131d bottom;
    color: #ffffff;
    font: 11px / 18px Arial;
    border-bottom: 1px solid #d4131d;
    height: 18px;
} #header {
    background: #000;
    color: #ffffff;
    font-size: 30px;
    width: 100%;
    padding: 5px 0px;
} #header a {
    color: #fff;
    text-decoration: none;
} #header img {
    padding: 10px 0 0 0;
} .small {
    font-size: small;
} .smaller {
    font-size: smaller;
} .highlight {
    color: #ba232a;
} .wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 0 -132px 0; /* the bottom margin is the negative value of the footer's height */
} .footer, .push {
    height: 160px; /* .push must be the same height as .footer */
} #footer {
    background: #000;
    color: #fff;
    font-size: 11px;
    text-align: left;
    padding-top: 10px;
} #footer a {
    color: #fff;
    text-decoration: none;
} #footer li {
    list-style: none;
    line-height: 20px;
} #footer h2 {
    font-weight: 100;
    font-size: 16px;
} #footer-end {
    background: #000;
    height: 3px;
    line-height: 1px;
} #link-box ul {
    float: left;
    padding-right: 30px;
} #other-box {
    width: 330px;
    padding-left: 30px;
    border-left: 1px solid #ffffff;
} #quick-contact fieldset {
    border: none;
} #location-box {
    padding-bottom: 10px;
    line-height: 16px;
    border-bottom: 1px solid #ffffff;
} #client-login {
    padding: 5px 0px 10px 0px;
} #client-login input {
    width: 100px;
    background: #2a2a2a;
    border: none;
    color: #a9a9a9;
    padding: 3px;
    height: 14px;
    font-size: 12px;
    margin-right: 10px;
} #fillerul {
    width: 200px;
    height: 100px;
} #footer-right {
    border-left: 1px solid #ffffff;
    padding-left: 20px;
} .bottomborder {
    border-bottom: 1px solid #ffffff;
} #large-bg {
    background-image: url(images/large-bg.png);
    height: 355px;
    width: 949px;
    background-repeat: no-repeat;
    padding-top: 5px;
    margin-top: 20px;
} #small-bg {
    background-image: url(images/small-bg.png);
    height: 162px;
    width: 950px;
    background-repeat: no-repeat;
    margin-top: 3px;
    padding-left: 4px;
    margin-bottom: 7px;
} #contact-bg {
    background-image: url(images/contact-bg.png);
    height: 71px;
    width: 949px;
    background-repeat: no-repeat;
    margin-top: 6px;
    margin-bottom: 7px;
}

#contact-bg p {
	line-height: 18px;
}

 #promo-shot {
    height: 345px;
    width: 937px;
    background-repeat: no-repeat;
    margin: auto;
}
.day {
    background-image: url(images/habour-day.png);
} .night {
    background-image: url(images/habour-night.jpg);
} #sydney-time {
    position: absolute;
    right: 20px;
    top: 10px;
    height: 35px;
    width: 200px;
    text-align: right;
    font-size: 10px;
    color: #fff;
} .site-button {
    float: left;
    margin: 4px 3px 5px 2px;
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
    line-height: 25px;
    position: relative;
} .site-button-text {
    background: url(images/button-footer.png) no-repeat;
    height: 23px;
    width: 152px;
    text-align: center;
    font-weight: 100;
} .site-button-text a {
    color: #fff;
    text-decoration: none;
    display: block;
    line-height: 23px;
} .site-button-image {
    height: 130px;
    width: 152px;
    background-repeat: no-repeat;
} .site-button-image a {
    height: 130px;
    width: 152px;
    display: block;
} .web a {
    background: url(images/web.png) 0 0 no-repeat;
} .logo a {
    background: url(images/logo.png) 0 0 no-repeat;
} .cms a {
    background: url(images/cms.png) 0 0 no-repeat;
} .email a {
    background: url(images/email.png) 0 0 no-repeat;
} .seo a {
    background: url(images/seo.png) 0 0 no-repeat;
} .gfx a {
    background: url(images/gfx.png) 0 0 no-repeat;
}

/* Hovered Images */ .web a:hover {
    background-position: -152px 0;
} .logo a:hover {
    background-position: -152px 0;
} .cms a:hover {
    background-position: -152px 0;
} .email a:hover {
    background-position: -152px 0;
} .seo a:hover {
    background-position: -152px 0;
} .gfx a:hover {
    background-position: -152px 0;
}

/* Highlighted Images */ .web.active a {
    background-position: -152px 0;
} .logo.active a {
    background-position: -152px 0;
} .cms.active a {
    background-position: -152px 0;
} .email.active a {
    background-position: -152px 0;
} .seo.active a {
    background-position: -152px 0;
} .gfx.active a {
    background-position: -152px 0;
} #shot-text {
    width: 325px;
    height: 100px;
    color: #ffffff;
    text-align: left;
    padding: 35px 10px 0px 13px;
    font-size: 12px;
    line-height: 18px;
} #promo-text {
    width: 400px;
    height: 100px;
    text-align: left;
    position: relative;
    top: 150px;
    left: 15px;
} #promo-text h1 {
    margin: 0;
    padding: 0;
    color: #a0131c;
    font-size: 18px;
    font-weight: normal;
} #promo-text h2 {
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 24px;
    font-weight: normal;
} .quickquote {
    font-size: 24px;
    color: #ffffff;
    position: relative;
    top: 20px;
    left: 30px;
    width: 280px;
    border-right: solid 1px white;
    float: left;
} .quickquotetext {
    font-size: 13px;
    color: #ffffff;
    position: relative;
    top: 20px;
    left: 30px;
    width: 540px;
    margin-left: 20px;
    float: left;
} .quickquotetext u {
    color: #a0131c;
} .lightbox {
    background: url(images/fade.png);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5;
} .post-it {
    background: url(images/post-it.png);
    position: absolute;
    z-index: 6;
    width: 252px;
    height: 266px;
    top: 100px;
    left: 40%;
}
#banner {
    width: 950px;
    height: 206px;
    padding-top: 10px;
    background: no-repeat bottom;
}
#banner.web {
    background-image: url(images/web-banner.jpg);
} #banner.ecommerce {
    background-image: url(images/eccomerce-banner.png);
} #banner.cms {
    background-image: url(images/cms-banner.png);
} #banner.seo {
    background-image: url(images/seo-banner.png);
} #banner.graphics {
    background-image: url(images/graphics-banner.jpg);
} #banner.logo {
    background-image: url(images/logo-banner.png);
} #banner.email {
    background-image: url(images/email-banner.png);
} #banner.blog {
    background-image: url(images/blog-banner.png);
} #banner.domain {
    background-image: url(images/domain-banner.png);
} #banner.services {
    background-image: url(images/services-banner.png);
} #banner.contactform {
    background-image: url(images/quote-banner.png);
} 

#banner.default {
    background-image: url(images/default-banner.png);
} #h-ecommerce {
    background: url(images/h-ecommerce.jpg) no-repeat left 3px;
} #h-cms {
    background: url(images/h-cms.jpg) no-repeat left 3px;
} #h-seo {
    background: url(images/h-seo.jpg) no-repeat left 3px;
} #h-portfolio {
    background: url(images/h-portfolio.jpg) no-repeat left 3px;
} #h-website {
    background: url(images/h-website.jpg) no-repeat left 3px;
} #h-graphics {
    background: url(images/h-graphics.jpg) no-repeat left 3px;
} #h-logo {
    background: url(images/h-logo.jpg) no-repeat left 3px;
} 

 #h-aboutus {
    background: url(images/h-aboutus.jpg) no-repeat left 3px;
}

 #h-slogan {
    background: url(images/h-slogan.jpg) no-repeat left 3px;
}

 #h-why {
    background: url(images/h-why.jpg) no-repeat left 3px;
}

 #h-staff {
    background: url(images/h-staff.jpg) no-repeat left 3px;
}

#h-email {
    background: url(images/h-email.jpg) no-repeat left 3px;
}
#content-top {
    width: 949px;
    height: 15px;
    padding-top: 10px;
    background: url(images/content-top.gif) no-repeat bottom;
}
#content-bottom {
    width: 949px;
    height: 15px;
    background: url(images/content-bottom.gif) no-repeat;
} 
#content-bg {
    width: 937px;
    border: solid #91b2cf;
    border-width: 0px 6px;
    background: #fff;
    padding-bottom: 30px;
} #sidebar {
    width: 260px;
    padding-left: 20px;
} #content-main {
    width: 590px;
	padding: 0px 20px;
} .side-header {
    width: 240px;
    height: 25px;
    background: url(images/side-header.jpg);
    padding-top: 25px;
    padding-left: 10px;
    color: #FFFFFF;
} #testimonial-box {
    background: url(images/quotes.jpg) no-repeat;
    line-height: 24px;
    margin-top: 15px;
    padding: 0 15px 15px 50px;
    color: #9d9d9d;
    font-size: 12px;
} 

#subnav {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
    margin: 10px 0px;
} 
#subnav li {
    padding: 6px 0px 6px 20px;
    width: 230px;
} 
#subnav a {
    color: #343434;
} 
#subnav a:hover {
    text-decoration: none;
}

 #quick-contact {
    padding: 15px;
} .form-text {
    height: 16px;
} .form-text, #quick-contact textarea, #quoteform textarea, #quoteform input {
    background: #f1f2f3;
    border: 1px solid #e6e6e6;
    color: #b1b1b1;
    margin: 5px 0px;
    width: 200px;
    padding: 3px 10px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
} #quick-reset, #quick-submit {
    width: 99px;
    height: 31px;
    border: none;
    margin: 5px 5px 0 0px;
    cursor: pointer;
} #quick-reset {
    background: url(images/reset.gif) no-repeat;
} #quick-submit {
    background: url(images/submit.gif) no-repeat;
} .highlighted {
    background-color: #199ed0;
} #subnav .highlighted a {
    color: #fff;
} .side-content {
    padding: 15px;
    font-size: 12px;
    width: 220px;
    line-height: 24px;
} .content p {
    font-size: 12px;
    line-height: 24px;
    padding: 0px 0px 10px 0px;
} .content h1 {
    font-size: 31px;
} .content h2 {
    color: #b4131d;
    font-size: 22px;
    font-weight: 100;
} #last-col {
    width: 160px;
} #breadcrumbs {
    border-bottom: 1px solid #848484;
    font-size: 10px;
    padding: 6px 0 10px 0;
    color: #5e5b5c;
} #breadcrumbs a {
    color: #5e5b5c;
} .heading {
    padding-left: 80px;
    margin: 15px 0 20px 5px;
} .heading h1 {
    color: #2c689f;
    font-weight: bold;
} .heading h2 {
    color: #9d9d9d;
    font-size: 24px;
    font-weight: 100;
} .column.left {
    width: 285px;
} .column.right {
    width: 285px;
    padding-left: 20px;
} #more-info.portfolio {
    margin-bottom: 30px;
    background: #f1f2f4 url(images/pencils.jpg) no-repeat 400px bottom;
} #content-main h3 {
    color: #3e3c3d;
    font: 12px / 24px arial;
    font-weight: bold;
    padding-bottom: 5px;
} #content-main h3 a {
    color: #3e3c3d;
    font: 12px / 24px arial;
    font-weight: bold;
    padding-bottom: 5px;
} #content-main a {
    font-weight: normal;
} .column p {
    font: 12px / 24px arial;
    color: #636363;
} #more-info {
    background: #f1f2f4;
    border: 1px solid #e6e6e6;
    margin: 10px 0 0 0;
    padding: 15px 20px 20px 20px;
} #more-info .column {
    width: 264px;
} #more-info p {
    font: 11px / 24px arial;
} .col-showcase {
    width: 110px;
    padding: 15px 0 0 8px;
    float: left;
} #showcase h3 {
    background: #2c689f;
    font-weight: bold;
    padding: 0px 5px;
    color: #fff;
} #showcase a {
    font: 12px / 24px arial;
    color: #2b2b2b;
    font-weight: bold;
} .more-button {
    display: block;
    line-height: 20px;
    text-align: center;
    width: 55px;
    height: 20px;
    color: #fff;
    font-size: 12px;
    background: url(images/more-button.gif) no-repeat;
} #cms-mouse {
    width: 155px;
    height: 231px;
    background: url(images/cms-mouse.jpg) no-repeat;
} #cms-plans .right {
    padding-top: 10px;
    width: 420px;
} #cms-plans .right p {
    font: 11px / 24px arial;
    color: #8c8c8c;
} #odin-plantop h3 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
} #odin-lite {
    background: #f1f2f4;
    border: solid #e6e6e6;
    border-width: 1px 1px 0px 1px;
    padding: 0px 10px;
} #odin-pro {
    border: 1px solid #e6e6e6;
    padding: 0px 10px;
} #gfx-plans {
    font-size: 14px;
    width: 100%;
} .gfxcol {
    width: 185px;
    float: left;
    margin-right: 4px;
} .gfxcol .inner {
    padding: 5px;
} .gfxcol strong {
    float: left;
    padding: 11px 8px 8px 18px;
} .gfxcol .more-button {
    float: left;
    margin: 8px 8px 8px 8px;
} #gfx-plans h2 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
} #gfx-plan1 {
    background: #2c679f;
} #gfx-plan2 {
    background: #7559c0;
} #gfx-plan3 {
    background: #a51016;
} .gfxcol ul {
    padding: 8px 8px 8px 18px;
    border-bottom: 1px solid #555;
} .gfxcol li {
    font-size: 12px;
    padding: 4px 0px;
} #green-info {
    background: url(images/enviro-bg.jpg) no-repeat;
    height: 138px;
    width: 440px;
    padding: 10px 0 0 150px;
    margin: 30px 0px;
} #lookforgreen {
    background: url(images/greenicon.gif) no-repeat;
    padding: 8px 0 0 50px;
    height: 60px;
    color: #507024;
} #green-info h2 {
    color: #507024;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
} .products {
    font-size: 12px;
    clear: both;
} .products h2 {
    color: #2a2a2a;
    font-weight: bold;
    font-size: 14px;
} .products img {
    float: left;
    padding-right: 5px;
} .products p {
    clear: right;
    font-size: 12px;
} .products strong {
    float: left;
    padding: 11px 8px 8px 0px;
} .products .more-button {
    float: left;
    margin: 8px 8px 8px 8px;
} #zebralist {
    background: #f1f2f4;
    border: solid #e6e6e6;
    border-width: 0 1px 1px 1px;
    margin: 10px 0 0 0;
    font-size: 11px;
    line-height: 18px;
    list-style: none;
    color: #636363;
} #zebralist li {
    padding: 6px 10px 6px 10px;
    border: solid #e6e6e6;
    border-width: 1px 0 0 0;
} #zebralist .even {
    background: #fff;
} #webflowers {
    background: url(images/webflowers.jpg) no-repeat 5px bottom;
    height: 258px;
    width: 930px;
    padding: 0px 5px;
    margin-top: 30px;
    margin-bottom: -45px;
    clear: both;
} #logoright {
    height: 330px;
    width: 325px;
    margin-left: -3px;
    background: url(images/logohand.jpg) no-repeat;
} #logoquote {
    background: url(images/quote.gif) no-repeat;
    width: 495px;
    height: 169px;
    margin-top: -50px;
    position: relative;
} #logowoman {
    background: url(images/logowoman.jpg) no-repeat;
    width: 250px;
    height: 158px;
    margin-top: -50px;
    margin-bottom: -20px;
    padding: 70px 0 0 340px;
} #more-info.logo {
    padding-bottom: 5px;
    margin-bottom: 20px;
} #fileformats p {
    font-size: 10px;
    padding-bottom: 0px;
} #fileformats img {
    padding: 0px 10px 0 15px;
} #fileformats #top {
    background: url(images/files-top.gif) no-repeat;
    height: 12px;
    width: 285px;
} #fileformats #middle {
    border: solid #b6b6b6;
    border-width: 0px 1px;
} #fileformats #divider {
    border: solid #b6b6b6;
    border-width: 1px 0px;
    padding-top: 5px;
    margin-bottom: 5px;
} #fileformats #bottom {
    background: url(images/files-bottom.gif) no-repeat;
    height: 13px;
    width: 285px;
} #mailparaleft {
    background: url(images/mailparaleft.jpg) no-repeat;
    width: 285px;
    height: 188px;
    padding-bottom: 25px;
} #mailpararight {
    background: url(images/mailpararight.jpg) no-repeat;
    width: 285px;
    height: 245px;
    padding-bottom: 25px;
} #yourdetails {
    background: url(images/yourdetails.gif) no-repeat;
    width: 651px;
    height: 66px;
    clear: both;
} #confirmdetails {
    background: url(images/confirmdetails.gif) no-repeat;
    width: 651px;
    height: 66px;
    clear: both;
    margin-top: 50px;
    margin-bottom: 20px;
} #projectdetails {
    background: url(images/projectdetails.gif) no-repeat;
    width: 651px;
    height: 66px;
    clear: both;
    margin-top: 50px;
    margin-bottom: 20px;
} #quoteform label {
    width: 200px;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    display: block;
    float: left;
    margin-right: 10px;
    line-height: 30px;
} #quoteform input {
    float: left;
} #quoteform textarea {
    float: left;
} .quote-text {
    width: 500px;
    height: 150px;
} #quoteform p {
    padding-top: 10px;
    padding-bottom: 10px;
    clear: both;
} #quoteform {
    width: 600px;
    text-align: center;
} #error-msg {
    background-color: #b4131d;
    color: white;
    padding: 20px;
    font-size: 12px;
    margin-bottom: 20px;
} #error-msg h2 {
    color: black;
    font-size: 18px;
} #error-msg ul {
    margin-left: 40px;
} .port-item {
    padding-left: 10px;
    padding-right: 10px;
} .port-item a {
    color: #2c689f;
} .port-legend {
    width: 60px;
    text-align: right;
} .port-legend {
    float: right;
} .textlist li {
    font-size: 12px;
    line-height: 24px;
    margin-left: 15px;
    color: #636363;
} .quote {
    width: 180px;
    position: absolute;
    left: 280px;
} .quote.first {
    left: 10px;
}
#testimonial {
	position: relative;
	overflow: hidden;
	height: 280px;
	width: 180px;
	padding: 10px;
}
.woopra_logotab {
display:none!important;
}

#woopra_req_footer {
display:none!important;
}