@charset "utf-8";
html, body, form, fieldset, *, p, ul, li, h1, h2, h3, h4, h5 {
	margin:0;
	padding:0
}
p {
	line-height:1.5em;
	margin-bottom:1.5em
}
img {
	border:none
}
a, a:link, a:visited, a:active {
	color:#333333;
	text-decoration:none;
	outline:none
}
a:hover {
	text-decoration:none;
	color:#ec3300
}
body {
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	line-height:150%;
	font-size:12px;
	color:#333333;
}
#accessibility{
	width: 150px;
	font-size:10px;
	float:left;
	color:#000;
	text-indent:-999em;
	display:none;
}

#accessibility li a:active, #accessibility li a:visited, #accessibility li a:link, #accessibility li a:hover{
	color:#000;
	list-style:none;
	text-indent:-999em;
}
#accessibility li a:focus{
	background-color:#000;
	color:#FFF;
	text-indent:1em;
}
#wrapper {
	width:100%;
	background:#FFF
}
#headerInner, #main, #userblock, #footer {
	width:960px;
	margin:0px auto
}
#header {
	width:100%;
	height:72px;
	background:url(../images/header-bg.jpg) top center repeat-x
}
/*#header h1.title{
	float:left;
	font-size:0.8em;
	width:300px;
	height:72px;
}*/
#logo {
	margin-left:10px;
	float:left;
	width:300px;
	z-index:20;
	overflow:hidden;
	position:relative;
}
#logo h1 a{
	display:block;
	background:url(../images/pb-web-dev-logo.png) no-repeat center;
	height:72px;
	width:300px;
	text-indent:-9999em;
	outline:none;
	z-index:1;
}
#logo a:link{
	display:block;
	height:72px;
}
#logo a:focus{
	outline:#0FF solid 1px;	
}
.alt-logo{display:block;position:absolute;left:20px;z-index:0;background-color:#fff;}
#menu {
	font-size:14px;
	width:500px;
	float:right;
	color:#747577
}
#menu ul {
	list-style:none;
	float:right
}
#menu li {
	padding-right:10px;
	display:inline
}
#menu li a {
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	height:72px;
	line-height:72px;
	display:inline-block;
	outline:none
}
#menu li a:hover {
	background:url(../images/menu-bg.png);
	text-shadow:#000 0 1px 0;
}
#menu li a:focus {
	background:url(../images/menu-bg.png);
	text-shadow:#000 0 1px 0;
}
#innerwrapper {
	width:100%;
	margin:0;
	padding:0;
}
#main {
	background:url(../images/main-bg.png);
	padding-top:20px;
	padding-bottom:20px;
	background:#fff;
}
#left {
	width:300px;
	float:left;
	padding-left:10px;
	padding-bottom:20px;
}
#left p, #right p {
}
#left h3 {
	font-weight:normal;
	line-height:1.5em;
	font-size:20px
}
#left h4 {
	font-weight:normal;
	line-height:1.5em;
	font-size:16px;
	color:#333
}
#left ul {
	margin-left:30px
}
#right a, #left a {
	text-decoration:underline;
	color:#333333;
	padding:2px;
}
#right a:hover, #left a:hover {
	text-decoration:none;
	background:#ec3300;
	color:#FFF;
	padding:2px;
}
#right a:focus, #left a:focus {
	text-decoration:none;
	background:#ec3300;
	color:#FFF;
	padding:2px;
}
#right {
	width:125px;
	float:right
}
#right h3 {
	font-weight:normal;
	line-height:1.5em;
	font-size:20px;
	background:#444547;
	color:#FFF;
	font-weight:bold;
	padding-left:5px;
	letter-spacing:-1px
}
#right h4 {
	font-weight:normal;
	line-height:1.5em;
	font-size:16px;
	color:#333
}
#right ul, #right li {
	list-style:none
}
#right li {
	margin-bottom:0.5em;
	display:block
}
#breadcrumbs {
	font-size:10px
}
#content {
	width:480px;
	margin-left:355px;
	margin-right:125px
}
#contentWide {
	float:right;
	width:580px;
	margin-right:10px
}
#content h1, #contentWide h1 {
	font-weight:normal;
	line-height:1.5em;
	/*color:#363636;*/
	color:#000;
	text-transform:capitalize;
	letter-spacing:-0.04em;
}
#content h2, #contentWide h2, #content h3, #contentWide h3, #content h4, #contentWide h4 {
	font-weight:bold;
	line-height:1.5em;
	color:#363636;
}
#content h1 a, #contentWide h1 a, #content h2 a, #contentWide h2 a, #content h3 a, #contentWide h3 a {
	text-decoration:none;
	color:#000000;
}
#content h3 a, #contentWide h3 a {
	font-size:16px;
	color:#363636;
	font-weight:bold;
}
#content h4 a, #contentWide h4 a {
	font-size:14px;
	color:#363636;
	font-weight:bold;
	text-decoration:none;
}
#content a, #contentWide a {
	text-decoration:underline;
	color:#363636;
}
#content a:hover, #contentWide a:hover {
	text-decoration:none;
	background:#ec3300;
	color:#FFF;
}
#content a:focus, #contentWide a:focus {
	text-decoration:none;
	background:#ec3300;
	color:#FFF;
	padding:0px;
}
#content p, #contentWide p {
	line-height:1.5em;
	margin-bottom:1.5em
}

.blog_more {
	margin-bottom:2em;
}
.blog_more ul {
	margin-left:30px;
}
.article-content ul, .article-content ul {
	margin-left:30px;
	margin-bottom:1.5em
}
#content .article_column {
	padding:3px;
	padding-right:6px;
}
#content .highlight {
	font-weight:bold;
	font-size:14px;
	color:#333;
	border:dotted #999 1px;
	padding:10px;
	background:#FFF5EC
}
.xmap .componentheading {
	font-weight:normal;
	line-height:1.5em;
	/*color:#363636;*/
	color:#000;
	text-transform:capitalize;
	letter-spacing:-0.04em;
	font-size:24px;
}
.xmap ul {
	margin-left:10px;
}
.xmap li {
	margin-left:10px;
}
#servicesTable {
	width:580px;
	margin:0px auto;
	padding:0px;
}
#servicesTable h4 {
	margin-bottom:1em;
}
#servicesTable ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#servicesTable li {
	display:inline-block;
	width:170px;
	margin-right:20px;
	height:250px;
	vertical-align:top;
}
#serviceTable img {
	display:block;
}
#serviceTable p {
	margin-bottom:1em;
}
.readon {
	float:left;
	font-size:12px;
	margin-bottom:2em;
}
.pagination li {
	display:inline
}
.article_separator {
	line-height:50px;
	height:50px;
}
.article-meta {
	color:#999;
	font-size:10px;
}
.scroller{
	overflow:auto;
	overflow-x:scroll;
	overflow-y:hidden;
	width:99%;
	height: 480px;
}
#QuoteRequest {
	padding:10px;
	border:#333 1px dotted;
	background:#F9F9F9;
	margin-bottom:1.5em
}
.forme input, .forme textarea, .forme select {
	margin:2px
}
.small {
	font-size:10px
}
.article-content {
	width:100%
}
#portfolio {
	margin-bottom:1em
}
#portfolio p {
	font-size:12px
}
#portfolio .moduletable {
	margin-bottom:2em
}
#portfolio ul {
	margin-bottom:0.5em;
}
#breadcrums {
	margin-bottom:10px;
	font-size:10px
}
#fold {
	background:url(../images/new-fold.jpg) repeat-x;
	padding:20px;
	padding-bottom:50px;
	clear:both;
	margin:0px;
	color:#999
}
#fold a:hover {
	color:#FFF;
	background:url(../images/menu-bg.png);
}
#fold a:focus {
	color:#FFF;
	background:url(../images/menu-bg.png);
}
#userblock {
	clear:both;
	margin:20px auto
}
#comms {
	width:355px;
	height:159px;
	float:left;
	padding-right:25px;
	background:url(../images/comms-bg.png) no-repeat;
	padding:10px
}
#comms h3 {
	color:#ec3300;
	line-height:1.5em;
	text-shadow:#000 0 1px 0;
}
#comms p {
	margin-bottom:0.5em;
	margin-right:1.5em
}
#comms a {
	color:#ccc;
}
#updates {
	float:right;
	width:560px;
	margin-right:10px
}
#user1, #user2, #user3 {
	width:170px;
	margin-bottom:10px
}
#user1 h3, #user2 h3, #user3 h3 {
	color:#ec3300;
	line-height:1.5em;
}
#user1 ul, #user2 ul, #user3 ul {
	list-style:none;
	margin-bottom:1em
}
#user1 li a, #user2 li a, #user3 li a {
	display:block;
	padding:2px;
	outline:none;
	color:#999999;
}
#user1 li a:hover, #user2 li a:hover, #user3 li a:hover {
	background:url(../images/menu-bg.png);
	display:block;
	padding:2px
}
#user1 li a:focus, #user2 li a:focus, #user3 li a:focus {
	background:url(../images/menu-bg.png);
	display:block;
	padding:2px
}
#user1 {
	float:left
}
#twitter_update_list {
}
#twitter_update_list li span a {
}
#user2 {
	margin-left:190px;
	margin-right:180px
}
#user3 {
	float:right;
	margin-right:10px;
}
.newsfeed {
	width:100%
}
.moduletable {
	width:100%;
}
.moduletable_menu {
	margin-bottom:2em
}
#footer {
	margin:20px auto;
	text-align:center;
	font-size:10px;
	clear:both
}
#footer a {
	color:#ccc;
}
.text a {
	color:#ccc;
}
#footer p {
	line-height:1.5em
}
#footer ul, #footer ol {
	margin:0px;
	padding:0px;
	margin-bottom:1em
}
#footer li {
	display:inline;
	list-style:none;
	padding-right:10px;
	padding-right:10px
}
#footer li a {
	display:inline;
	list-style:none;
	padding-left:10px;
	padding-right:10px;
	font-size:12px
}
#footer .moduletable {
	margin-bottom:1em;
}
#disclaimer {
	font-size:9px;
	color:#333;
	text-align:center;
	margin-top:10px;
}
#left h3 {
	font-size:20px;
	color:#ec3300;
	clear:both
}
#left .moduletable {
	width:100%;
	padding-bottom:0.5em;
	margin-bottom:1em
}
.highlight {
	font-size:16px;
	line-height:1em
}
#contactform {
	margin-top:-50px;
	margin-bottom:20px;
}
#userForm {
	border:#CCCCCC dotted 1px;
	padding:20px;
	background:#F5F5F5;
}
#userForm td {
	padding:5px;
}
#userForm label {
	margin-right:5px;
	margin-left:5px;
}
#services {
	float:right;
	margin-left:20px;
	border-top:dotted #CCC 1px;
	border-bottom:dotted #CCC 1px;
	padding:5px;
	font-style:italic;
	width:140px;
}
#services ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#services li {
	padding-left:25px;
	line-height:1.7em;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
#services .webdesign {
	background:url(../images/icon-webdesign.jpg) no-repeat left;
}
#services .webdevelopment {
	background:url(../images/icon-webdevelopment.jpg) no-repeat left;
}
#services .joomla {
	background:url(../images/icon-joomla.jpg) no-repeat left;
}
#services .socialmedia {
	background:url(../images/icon-socialmedia.jpg) no-repeat left;
}
#services .emailmarketing {
	background:url(../images/icon-emailmarketing.jpg) no-repeat left;
}
#services .consultation {
	background:url(../images/icon-consultation.jpg) no-repeat left;
}
#callToAction {
	border:#CCC solid 1px;
	padding:10px;
	margin:10px;
}
#callToAction h3 {
	font-size:16px;
}
#callToAction img {
	margin:5px;
}
#address {
	width:500px;
	margin:0px auto;
}
#address .adelaide {
	float:left;
	width:250px;
	text-align:left;
}
#address .sydney {
	float:right;
	width:250px;
	text-align:left;
}
#tag {
	margin-bottom:10px;
}
#tag p {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	margin-bottom:0.2em;
}
#tag .design, #tag .development, #tag .onlinemarketing {
	padding:5px;
	background:#333333;
	color:#FFF;
	text-shadow:#333 0 1px 0;
	padding-left:10px;
	padding-right:10px;
}
#tag .onlinemarketing {
	background:#EC3300;
}

#fpss-outer-container{
	border:1px solid #CCC;
	background:none;
}
#fpss-outer-container h1, #fpss-outer-container h1 a{
	font-size:14px;
	color:#FFF;
}
#fpss-outer-container  h3 {color:#fff;font-size:12px;font-weight:normal;}

.holiday {
	background:url(../images/anzacday.jpg) bottom center repeat-x;
}
/**/
/*
// JoomlaWorks "Frontpage Slideshow" Module for Joomla! 1.5.x - Version 2.5
// Copyright (c) 2006 - 2010 JoomlaWorks, a business unit of Nuevvo Webware Ltd. All rights reserved.
// This code cannot be redistributed without permission from Nuevvo Webware Ltd.
// More info at http://www.joomlaworks.gr
// Designed and developed by the JoomlaWorks team
// ***Last update: April 29th, 2010***
*/

/* --- Slideshow Containers --- */
#fpss-outer-container {background: url(../images/loading.gif) no-repeat center;padding:0px;margin:0px auto;overflow:hidden;border:1px solid #eaeaea;width:580px;} /* This element controls the slideshow spacing and border */
#fpss-container {position:relative;margin:0;padding:0;clear:both;width:580px;}
#fpss-slider {background:none;overflow:hidden;clear:both;text-align:left;width:580px;height:300px;}
#slide-loading {background: url(../images/loading.gif) no-repeat center;text-align:center;width:580px;height:300px;}
#slide-wrapper {display:none;width:580px;height:300px;}
#slide-wrapper #slide-outer {height:300px;}
#slide-wrapper #slide-outer .slide {position:absolute;overflow:hidden;right:0;width:580px;height:300px;}
#slide-wrapper #slide-outer .slide .slide-inner {margin:0;color:#fff;overflow:hidden;background:#3a3a3a;text-align:left;z-index:8;height:300px;}
#slide-wrapper #slide-outer .slide .slide-inner a.fpss_img span span span {background:none;}

/* --- Content --- */
.fpss-introtext {width:100%;margin:0;padding:0;position:absolute;left:0;right:0;bottom:0;background:#000;}
.fpss-introtext .slidetext {padding:4px 8px 2px 8px;}

/* --- Navigation Buttons --- */
#navi-outer {clear:both;margin:0;padding:0;border-top:2px solid #505050;background:url(../images/black_stripes.gif) repeat top;overflow:hidden;}
#navi-outer ul {margin:0;padding:2px 16px;list-style:none;background:none;text-align:left;float:left;}
#navi-outer li {padding:0;margin:0;border:none;list-style:none;display:inline;}
#navi-outer li a,
#navi-outer li a:hover,
#navi-outer li a.navi-active {display:block;float:left;overflow:hidden;width:50px;height:35px;padding:0px;margin:0px 2px;text-decoration:none;line-height:35px;background:#404040;}
#navi-outer li a {border:1px solid #bbb;}
#navi-outer li a:hover,
#navi-outer li a.navi-active {border:1px solid #f90;}
#navi-outer li a img,
#navi-outer li a:hover img,
#navi-outer li a.navi-active img {display:block;width:200px;height:auto;margin:-20px 0 0 -80px;padding:0;}
#navi-outer li a span.navbar-img {}
#navi-outer li a span.navbar-img img {opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);}
#navi-outer li a:hover span.navbar-img img,
#navi-outer li a.navi-active span.navbar-img img {opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}
#navi-outer li a span.navbar-key {display:none;}
#navi-outer li a span.navbar-title {display:none;}
#navi-outer li a span.navbar-tagline {display:none;}
#navi-outer li a span.navbar-clr {display:none;}
#navi-outer li.noimages a {font-family:Tahoma, Arial, sans-serif;font-size:10px;border:none;text-align:center;width:auto;padding:0px 4px;margin:0px;background:none;color:#9c0;}
#navi-outer li.noimages a:hover {font-family:Tahoma, Arial, sans-serif;font-size:10px;border:none;text-align:center;width:auto;padding:0px 4px;margin:0px;background:none;color:#f90;}

/* --- Notice: Add custom text styling here to overwrite your template's CSS styles! --- */
.fpss-introtext .slidetext h2 {font-family:Arial, Verdana, sans-serif;font-size:14px;line-height:14px;margin:0;padding:0;color:#fff;}
.fpss-introtext .slidetext h2 a, .fpss-introtext .slidetext h2 a:visited {font-family:Arial, Verdana, sans-serif;font-size:14px;margin:0;padding:0;color:#fff;}
.fpss-introtext .slidetext h2 a:hover {color:#f90;}
.fpss-introtext .slidetext h2 a:focus {color:#f90;}
.fpss-introtext .slidetext h3 {font-size:10px;margin:0;padding:0;color:#fff;font-weight:normal;}
.fpss-introtext .slidetext h4 {color:#fff;font-size:12px}
.fpss-introtext .slidetext p {margin:4px 0;padding:0;color:#fff;}
.fpss-introtext .slidetext a.readon {margin:0;padding:1px 0;background:none;border:none;color:#fff;line-height:14px;}
.fpss-introtext .slidetext a.readon:hover {margin:0;padding:1px 0;background:none;border:none;color:#f90;line-height:14px;}

/* --- Generic Styling (highly recommended) --- */
a:active,a:focus {outline:0;}
#fpss-container img {border:none;}
.fpss-introtext .slidetext img,
.fpss-introtext .slidetext p img {display:none;} /* this will hide images inside the introtext */
.fpss-clr {clear:both;height:0;line-height:0;}

/* --- End of stylesheet --- */

/* Yoo carasel */
/* (C) 2007 YOOtheme.com */

a:focus { outline: none; }

div.yoo-carousel {
	overflow: hidden;
}

div.yoo-carousel div.frame {
	position: relative;
	overflow: hidden;
}

div.yoo-carousel div.panel {
	overflow: hidden;
}

div.yoo-carousel div.panel div.slide {
	float: left;
	overflow: hidden;
}

div.yoo-carousel ul.tabs {
	padding: 0px;
	margin: auto;
	list-style: none;
}

div.yoo-carousel ul.tabs li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
}

div.yoo-carousel ul.tabs li a {
	float: left;
	display: block;
}

div.yoo-carousel ul.tabs li a span {
	float: left;
	display: block;
}

/* list styling */
div.yoo-carousel div.left ul.tabs {
	float: left;
}

/* list styling */
div.yoo-carousel div.right ul.tabs {
	float: right;
}

/* list styling */
div.yoo-carousel div.left ul.tabs li, div.yoo-carousel div.left ul.tabs li a, div.yoo-carousel div.left ul.tabs li a span,
div.yoo-carousel div.right ul.tabs li, div.yoo-carousel div.right ul.tabs li a, div.yoo-carousel div.right ul.tabs li a span {
	float: none;
}

div.yoo-carousel .prev, div.yoo-carousel .next {
	position: absolute;
	top: 35%;
	z-index: 1;
}

div.yoo-carousel .prev {
	left: 0px;
}

div.yoo-carousel .next {
	right: 0px;
}
div.plain div.yoo-carousel{background:#fff}div.plain div.yoo-carousel div.top ul.tabs{height:30px;background:url(../images/tab_separator.png) 0 0 no-repeat}div.plain div.yoo-carousel div.top ul.tabs li.item1{margin:0px 0px 0px 1px}div.plain div.yoo-carousel div.top ul.tabs li{background:url(../images/tab_bg.png) 0 0 repeat-x}div.plain div.yoo-carousel div.top ul.tabs li.selected{background:url(../images/tab_bg.png) 0 -30px repeat-x}div.plain div.yoo-carousel div.top ul.tabs li a span{height:30px;padding:0px 10px 0px 10px;background:url(../images/tab_separator.png) 100% 0 no-repeat;line-height:35px;font-weight:bold;font-size:110%;overflow:hidden;cursor:pointer}div.plain div.yoo-carousel li a:link,div.plain div.yoo-carousel li a:visited{color:#969696;text-decoration:none}div.plain div.yoo-carousel li a:hover,div.plain div.yoo-carousel li.selected a:link,div.plain div.yoo-carousel li.selected a:visited{color:#646464;text-decoration:none}div.plain div.yoo-carousel .panel-container{margin:auto}div.plain div.yoo-carousel .article{padding:15px 1px 0px 1px;font-size:95%;line-height:125%}div.plain div.yoo-carousel .article h3{padding-bottom:0px;margin-bottom:5px;line-height:100%;font-size:150%;font-weight:bold;color:#323232}


/* yootweet code 
div.list div.yoo-tweet ul{margin:0px;padding:0px;list-style:none}div.list div.yoo-tweet ul li{margin:0px;padding:8px;border-top:1px solid #333333;overflow:hidden}div.list div.yoo-tweet ul li.first{border:none}div.list div.yoo-tweet ul li.odd{}div.list div.yoo-tweet ul li.even{}div.list div.yoo-tweet a.image{display:block;margin-right:15px;padding:3px;border:1px solid #c8c8c8;float:left}div.list div.yoo-tweet p.text{margin:5px 0px 0px 0px}div.list div.yoo-tweet p.meta{margin:0px;font-size:10px}div.list div.yoo-tweet p.meta span.autor{}div.list div.yoo-tweet p.meta span.date{}.yootools-black div.list div.yoo-tweet ul li{border-top:1px solid #282828}.yootools-black div.list div.yoo-tweet ul li.first{border:none}.yootools-black div.list div.yoo-tweet ul li.odd{background:#141414}.yootools-black div.list div.yoo-tweet ul li.even{background:#1e1e1e}.yootools-black div.list div.yoo-tweet a.image{border:1px solid #3c3c3c;background:#141414}/* Copyright (C) 2007 - 2009 YOOtheme GmbH 

div.single div.yoo-tweet {
	overflow: hidden;
}

div.single div.yoo-tweet a.image {
	display: block;
	margin-right: 15px;
	padding: 3px;
	border: 1px solid #c8c8c8;
	background: #ffffff;
	float: left;
}

div.single div.yoo-tweet p.text {
	margin: 5px 0px 0px 0px;
}

div.single div.yoo-tweet p.meta {
	margin: 0px;
	font-size: 10px;
}

div.single div.yoo-tweet p.meta span.autor {
}

div.single div.yoo-tweet p.meta span.date {
}.yootools-black div.single div.yoo-tweet a.image{border:1px solid #3c3c3c;background:#141414}
*/


fieldset.formFieldset{
	border:none;	
	margin-bottom:2em;
}
div.formCaption2{
	clear:both;	
	float:left;
	font-weight:bold;
}
div.formBody{
	clear:both;	
	float:left;
}
div.formDescription{
	clear:both;	
	float:left;
	margin-bottom:1.5em;
}
#contentWide .fpss-introtext .slidetext h2 a{
	color:#FFF;	
}

#contentWide .fpss-introtext .slidetext h4{
	color:#CCC;	
	font-weight:normal;
}/*

#contentWide a[href^="http:"], #content a[href^="http:"] {
	display:inline-block;
	padding-right:1.5em;
	padding-left:0px;
	background:transparent url(../images/icon_external.gif) center right no-repeat;
}
#contentWide a:hover[href^="http:"], #content a:hover[href^="http:"] {
	display:inline-block;
	padding-right:1.5em;
	padding-left:0px;
	background:#ec3300;
	color:#FFF;
	background:#ec3300 url(../images/icon_external.gif) center right no-repeat;
}

#contentWide .narrowcolumn a[href^="http:"], #content .narrowcolumn a[href^="http:"] {
	padding-right:0;
	padding-left:0;
	background:none;
}
#contentWide .narrowcolumn a:hover[href^="http:"], #content .narrowcolumn a:hover[href^="http:"] {
	padding-right:0;
	padding-left:0;
	background:#ec3300;
	color:#FFF;
	background:none;
}*/