@charset "UTF-8";


#sub-header .wrap { position: relative; } 

#sub-head-box { width:1030px; height:157px; background-image:url(../img/sub-head-box.jpg); background-repeat:no-repeat; margin:12px auto 0px; padding:110px 0px 0px 170px; }
#sub-head-box.optimisation { width:1030px; height:157px; background-image:url(../img/optimisation-head-box.jpg); background-repeat:no-repeat; margin:12px auto 0px; padding:110px 0px 0px 170px; }
#sub-head-box.contact { width:1030px; height:187px; background-image:url(../img/contact-head-box.jpg); background-repeat:no-repeat; margin:12px auto 0px; padding:110px 0px 0px 170px; display: block; }
#sub-head-box.contact ul { list-style-type:none; font-size:1.8em; margin:20px 0px 0px; padding:0px; color:#efffff; }
#sub-head-box.contact li { margin-bottom:5px; }
#sub-head-box.contact span { color:#00b1da }
#sub-head-box .text { width:470px }
#sub-head-box .text p { font-size:1.7em; font-family: Arial, Helvetica, sans-serif; color:#bbbbbb; }

#content .subcolumn { width:420px; float:left; margin:20px 50px 0px 10px; }
#content .subtext { width:904px; padding:20px 20px 0px; }
#content .subtext ul { list-style-type:none; font-size:1.3em; margin:20px 0px 0px 0px; padding:0px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #666; }
#content .subtext li { margin-bottom:20px; background-image:url(../img/bullet.gif); background-repeat:no-repeat; background-position:left; padding-left:25px; }
#content .subcolumn .sub { width:420px; background-image:url(../img/mac-icon.jpg); background-repeat:no-repeat;  padding-left:40px; padding-top:10px; margin-top:10px; margin-bottom:10px; }
#content .subcolumn .sub-future {  width:420px; background-image:url(../img/robot-icon.jpg); background-repeat:no-repeat; padding-left:40px; padding-top:10px;margin-top:10px; margin-bottom:10px; }
#content .subcolumn .sub-australia {  width:420px; background-image:url(../img/australia-icon.jpg); background-repeat:no-repeat; padding-left:40px; padding-top:10px;margin-top:10px; margin-bottom:10px; }
#content .subcolumn .sub-more {  width:420px; background-image:url(../img/more-icon.jpg); background-repeat:no-repeat; padding-left:40px; padding-top:10px;margin-top:10px; margin-bottom:10px; }
#content .subcolumn .sub-contact {  width:420px; background-image:url(../img/iphone-icon.jpg); background-repeat:no-repeat; padding-left:40px; padding-top:10px;margin-top:10px; margin-bottom:10px; }
#content .subcolumn .sub-seo {  width:420px; background-image:url(../img/seo.jpg); background-repeat:no-repeat; padding-left:40px; padding-top:10px;margin-top:10px; margin-bottom:10px; }
#content .subcolumn .sub-packaged {  width:420px; background-image:url(../img/packaged.jpg); background-repeat:no-repeat; padding-left:40px; padding-top:10px;margin-top:10px; margin-bottom:10px; }
#content .subcolumn .sub-portfolio { height:173px;  width:420px; background-image:url(../img/portfolio.jpg); background-repeat:no-repeat; padding-left:40px; padding-top:10px; position:relative;margin-top:20px; margin-bottom:10px; }
#content .subcolumn .sub-portfolio img { position:absolute; top:-10px; right:50px; }

#content .our-sites .price { position:absolute; top:35px; left:300px; }
#content .our-sites .price2 { position:absolute; top:235px; left:300px; }

#content .our-process { width:921px; height:409px; background-image:url(../img/process-bg.png); background-repeat:no-repeat; padding:35px 0px 0px 25px; margin-top:20px;  -webkit-text-size-adjust: none; }
#content .our-process h3 {font-family: Arial, Helvetica, sans-serif; font-size:2.4em; color:#878585; font-weight:normal; text-shadow: #FFF 0px 2px 1px;  }
#content .our-process ul { list-style-type:none; margin:0px; padding:30px 0px 0px 75px; width:450px; font-size:1.5em; color:#878585; float:left; } 
#content .our-process ul h4 { font-size:1.2em; font-weight:bold; color:#878585; }
#content .our-process li { margin-bottom:37px; }
#content .our-process .contact { float:right; width:302px; margin:-30px 10px 0px 0px; padding-left:35px; }
#content .our-process .contact .proceed { width:264px; height:39px; background-image:url(../img/sub-proceed.jpg); background-repeat:no-repeat; border:none; }
#content .our-process .formstyle { width:254px; padding:9px 5px; margin-bottom:5px; border:1px solid #cecccc; color:#999797; }
#content .our-process textarea { width:254px; margin-top:28px;border:1px solid #cecccc;  }
#content .contactform-box { width:924px; height:283px; margin:0px auto; padding:30px 10px 0px 10px; background-image:url(../img/contactform-box.jpg); background-repeat:no-repeat; }
#content .contactform-box .right { width:324px; height:196px; float:right; }
#content .contactform-box .right a { text-decoration:none; color:#cecccc; }
#content .contactform-box .left { width:563px; height:281px; float:left; }
#content .contactform-box .left .formstyle { width:252px; padding:9px 5px; margin-bottom:px; border:1px solid #cecccc; }
#content .contactform-box .left h1 { font-family:Georgia, "Times New Roman", Times, serif; margin-left:10px; }
#content .contactform-box .left #message { height:128px; }
#content .contactform-box .formleft { float:left; margin-left:10px; }
#content .contactform-box .formright { float:left; margin-left:10px; }
#content .contactform-box .submit { margin:17px 0px 0px 10px; }

/* -- PORTFOLIO -- */

#safari-browser{ width:973px; height:411px; background-image:url(../img/safari.png); background-repeat:no-repeat; position: absolute; top: 137px; left: -4px; z-index: 9999; display: block; }
#portfolio-slider { width:942px; height:372px; overflow: hidden; padding: 19px 0px 0px 0px; margin-left:15px; }
#portfolio-slider ul,#portfolio-slider li { margin: 0px; padding:0; list-style:none; }
#portfolio-slider li{ width:934px; height:400px; overflow:hidden;  }
ol#controls { margin:0px auto; padding:0; padding-bottom:40px; height:17px; width: 108px; }
ol#controls li { margin:0 0px 0 0; padding:0; float:left; list-style:none; height:18px; line-height:28px; }
ol#controls li a { float:left; height:18px; line-height:28px; background-image:url(../img/slider-button-2.jpg); background-repeat:no-repeat; padding:0 10px; display: block; text-indent: -9999px;  }
ol#controls li.current a { background-image:url(../img/slider-button-active.jpg); }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline:none; }

#content .ways-quote { width:921px; height:409px; background-image:url(../img/ways-to-get-a-quote-bg.png); background-repeat:no-repeat; padding:35px 0px 0px 25px }
#content .ways-quote h3 {font-family: Arial, Helvetica, sans-serif; font-size:2.4em; color:#878585; font-weight:normal; text-shadow: #FFF 0px 2px 1px;  }
#content .ways-quote ul { list-style-type:none; margin:0px; padding:40px 0px 0px 75px; width:450px; font-size:1.5em; color:#878585; float:left; } 
#content .ways-quote ul h4 { font-size:1.2em; font-weight:bold; color:#878585; }
#content .ways-quote li { margin-bottom:45px; }
#content .ways-quote .contact { float:right; width:302px; margin:-30px 10px 0px 0px; padding-left:35px; }
#content .ways-quote .contact .proceed { width:264px; height:39px; background-image:url(../img/sub-proceed.jpg); background-repeat:no-repeat; border:none; }
#content .ways-quote .formstyle { width:254px; padding:9px 5px; margin-bottom:5px; border:1px solid #cecccc; color:#999797; }
#content .ways-quote textarea { width:254px; margin-top:28px;border:1px solid #cecccc;  }
