@charset "utf-8";
body{margin:0px;padding:0px;background:#FFF url(../images/leatherback.jpg) fixed;font:13px/20px Arial, Helvetica, sans-serif;color:#454545;}
.mainCol{ width: 590px; margin-right: 30px; float: left;}
.rightCol{ width: 280px; float: left; }
h1,h2,h3,h4,h5,p,form{margin:0px;padding:0px;}
h1{font:27px/32px Arial, Helvetica, sans-serif;color:#f8931f;margin-bottom:15px;letter-spacing:-1px; border-bottom: 1px dotted #CCC; padding-bottom: 10px;}
h2{font:22px/30px Arial, Helvetica, sans-serif;letter-spacing:-1px;color:#0071bd;margin-bottom:10px;}
h3{font:16px/22px Arial, Arial, Helvetica, sans-serif;color:#29AAE3;margin-bottom:5px;}
p{margin-bottom:15px;}
.darkBlue{background:#0071bd;}
.lightBlue{background-color:#29aae3;}
.orange{background:#f8931f;}
img {border:0px;}
a{color:#f8931f;font-weight:bold;text-decoration:none;}
a:hover{color:#29aae3;text-decoration:underline;}
a.buttonLink,a.buttonLink2{background:#f8931f;color:#FFF;padding:0px 12px;font:bold 12px/30px Arial, Helvetica, sans-serif;display:inline-block;margin-bottom:2px;margin-top:5px;border-radius: 15px; -moz-border-radius:15px;
	position: relative;}
a:hover.buttonLink,a:hover.buttonLink2{background:#29AAE3;color:#FFF;text-decoration:none;}
#homeLinksTop{padding-left:30px;padding-right:30px;position:absolute; }
.homeLinkLeft, .homeLinkMiddle, .homeLinkRight{width:280px;float:left;}
.homeLinkLeft, .homeLinkMiddle{margin-right:30px;}
.homeMainLink{background:#000;}
a.homeMainLink{background:#0071bd;color:#FFF;padding:15px;line-height:35px;font:bold 18px Arial, Helvetica, sans-serif;display:block;margin-bottom:15px;text-shadow:#000 1px 1px 1px;position: relative; border-radius: 0px 0px 15px 15px; -moz-border-radius: 0px 0px 15px 15px; }
a.homeMainLink .smaller{font:normal 11px/18px Arial, Helvetica, sans-serif;}
a:hover.homeMainLink{background:#68737a;color:#FFF;text-decoration:none;}
a.homeMainLinkOrange{background:#f8931f;color:#FFF;padding:15px;line-height:35px;font:bold 18px Arial, Helvetica, sans-serif;display:block;text-shadow:#000 1px 1px 1px;border-radius: 0px 0px 15px 15px;-moz-border-radius: 0px 0px 15px 15px;position: relative;}
a.homeMainLinkOrange .smaller{font:normal 11px/18px Arial, Helvetica, sans-serif;}
a:hover.homeMainLinkOrange{background:#68737a;color:#FFF;text-decoration:none;}
a.homeMainLinkLightBlue{background-color:#29aae3;color:#FFF;padding:15px;line-height:35px;font:bold 18px Arial, Helvetica, sans-serif;display:block;border-radius: 0px 0px 15px 15px; -moz-border-radius: 0px 0px 15px 15px; margin-bottom:15px;text-shadow:#000 1px 1px 1px;position: relative;}
a.homeMainLinkLightBlue .smaller{font:normal 11px/18px Arial, Helvetica, sans-serif;}
a:hover.homeMainLinkLightBlue{background:#68737a;color:#FFF;text-decoration:none;}
#wrapthewrapper{margin:0px auto;background:url(../images/funky-shadow.png) repeat-y center;}
#wrapper{width:960px;margin:0px auto;}
#header{background:url(../images/headerbg.jpg);background-repeat:repeat-x;background-color:#f6f8f9;width:960px;height:126px;}
#supportbar{position:absolute;-moz-border-radius:0px 0px 10px 10px;border-radius:0px 0px 10px 10px;background:#FFF;width:280px;margin-left:650px;height:30px;border:1px solid #CCC;border-top:0px;}
#logo {padding-left:32px;padding-top:20px;float:left;}
#phone{position:absolute;font:bold 40px Arial, Helvetica, sans-serif;color:#68737a;margin-left:690px;margin-top:45px;}
.fb-like{position:absolute;margin-left:785px;margin-top:100px;width:146px;overflow:hidden;}
#menu{background:url(../images/smg_web_design_brisbane_02.png) no-repeat #e2e2e2;height:77px;}
#topnav{margin:0px;padding:0px;margin-left:45px;padding-top:10px;overflow:hidden;}
#topnav li{list-style:none;display:inline;font:bold 16px/58px Arial, Helvetica, sans-serif;}
#topnav li a{float:left;display:inline-block;letter-spacing: -1px; font:bold 16px/58px Arial, Helvetica, sans-serif;color:#68737a;text-decoration:none;border-radius:15px;padding:0px 12px;margin-top:-9px;text-shadow:#FFF 1px 1px 1px;position: relative;}
#topnav li a:hover{margin-top: 0px;border-radius:15px;background:#68737a;color:#FFF;font:bold 16px/40px Arial, Helvetica, sans-serif;padding:0px 12px;text-shadow:#000 1px 1px 1px;position: relative;}
#homeMain{background:#FFF url(../images/australia.jpg);height:250px;padding:30px;}

#homeMain h1{font:bold 20px/20px Arial, Helvetica, sans-serif;color:#f8931f;margin-bottom:15px;}
#homeMain a.buttonLink{background:#0071BD;color:#FFF;}
#homeMain a:hover.buttonLink{background:#68737a;color:#fff;}
#homeMainLeft{width:280px;float:left;}
#homeMainMiddle{width:400px;float:left;color:#FFF;margin-top:60px;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-style:normal;line-height:21px;font-weight:normal;font-variant:normal;background:url(../images/contentshadow.png);padding:15px;padding-left:30px;padding-right:15px;padding-bottom:0px;text-shadow:#000 1px 1px 1px;border-radius:15px;position: relative;}
#homeMainRight{width:280px;float:left;margin-left:30px;position:absolute;margin-left:620px;margin-top:55px;overflow:hidden;height:256px;}
#content{padding:30px;background:#FFF;}
.contentLeft{width:280px;float:left;}
.contentRightLarge{width:590px;margin-right:30px;float:left;}
.contentRightLarge2{width:900px;margin-right:30px;margin-top:10px;float:left;}
.clear{clear:both;}
.caseBlock{width:280px;float:left;}
.caseBlockRight{width:280px;float:left;margin-left:30px;}
.imgLeft{float:left;margin-right:15px;margin-bottom:15px;}
.imgRight{float:right;margin-left:30px;margin-bottom:30px;}
.imgRightBorder{float:right;margin-left:30px;margin-bottom:30px;border:1px solid #CCC;}
#supportBarLinks{margin:0px;padding:0px;margin-top:5px;margin-left:10px; white-space:no-wrap; }
#supportBarLinks li{list-style:none;display:inline;}
#supportBarLinks li a{border-radius: 5px; isplay:inline-block;list-style:none;float:left;padding:3px 6px;font:bold 12px/20px Arial, Helvetica, sans-serif;text-decoration:none; position: relative;line-height:14px; margin-left:4px; }
#supportBarLinks li a img { vertical-align:middle;margin-right:3px; }
#supportBarLinks li a:hover{background:#68737a;color:#FFF;text-decoration:none;border-radius: 5px;-moz-border-radius: 5px; position: relative;}
#footer{padding:30px;background:#68737a;font:11px/16px Arial, Helvetica, sans-serif;color:#CCC;}
#footer li{list-style:square;}
#footer a{font:normal 11px Arial, Helvetica, sans-serif;color:#CCC;}
#footer a:hover{color:#FFF;}
#footerLeft{width:202px;float:left;}
#footerCentre{text-align:center;}
#footerMiddle{width:280px;float:left;margin-left:30px;}
.footerRight{width:190px;float:left;margin-left:30px;}
table.hosting_plans{float:right;margin-left:30px;margin-bottom:30px;border:1px solid #CCC;border-radius:10px; -moz-border-radius: 10px; background: #EEE;position: relative;}
table.enquiry{padding:10px;margin-bottom:30px;border:1px solid #CCC;border-radius:10px; -moz-border-radius: 10px; background: #EEE;position: relative;}
#promo{float:right;margin-left:30px;margin-bottom:15px;padding:8px;border:1px solid #CCC;border-radius:10px; -moz-border-radius: 10px; background: #EEE;position: relative;}
.hosting_plans td{padding:8px;border-top:1px dotted #CCC;}
.hosting_plans td.largerSizeText{font-size:16px;color:#0071BD;}
.hosting_plans th{padding:8px;}
.hosting_plans th.choosethisone{font-size:16px;}
.hosting_plans td.largerSizeText a.buttonLink{font-size:20px;}
.inputText{width:95%;font:bold 12px/18px Arial, Helvetica, sans-serif;color:#000;padding:2px;}
p.portfolio{padding:26px;padding-right:0px;background:#EEE;}
.portfolio img, p.portfolioPreview img{margin-right:23px;margin-bottom:23px;}
p.portfolioPreview{padding:26px;padding-right:0px;background:#EEE;width:550px;}
.websiteSlides{width:279px;overflow:hidden;}
.websiteSlidesHolder{width:279px;float:right;margin-left:30px;margin-bottom:30px;}
.rightArea{width:279px;float:right;margin-left:30px;margin-bottom:30px;}
table.formStyle{border:1px solid #CCC;position: relative; border-radius:10px; -moz-border-radius: 10px;}
.formStyle td{padding:8px;border-top:1px dotted #CCC;}
.formStyle td.largerSizeText{font-size:16px;color:#0071BD;}
.hosting_plans th{padding:8px;}
.formStyle th.choosethisone{font-size:16px;}
.formStyle td.largerSizeText a.buttonLink{font-size:20px;}
label.error{color:#f00;}
.portfolioMain{width:930px;}
.portfolioItem{width:280px;float:left;margin-right:15px;margin-bottom:15px; font-size: 12px; line-height: 18px;}
.marginBottom{margin-bottom:15px;}
#supportButton{position:absolute;margin-left:500px;margin-top:67px;}
#supportButton img{height:38px;}
a:hover img{opacity:.80;filter:alpha(opacity=80);filter:"alpha(opacity=80)";}
a:hover img.noOpacity{opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=100)";}
ol li{margin-bottom:15px;}
ol h3{margin-bottom:2px;}
#sideQuote{position:fixed;top:304px;left:0;}
.our-services-quote{width:350px; float: right; margin-left: 30px;}
.wobble{
    position:relative;
    top:0;
}
#christmas{
	background:url(../images/christmas2.jpg);
	padding: 15px 30px;
	height:60px;
	line-height: 20px;
	color: #FFF;
	font-weight: bold;
}
.contactDetails div{
	padding: 5px;
}
.contactDetails span.title{

display: block;
font-weight: bold;
}

.portfolioMain{ width: auto; }



#share{position:fixed;bottom:1px;right:1px;border-radius:7px;background:#fff;padding:10px 0;height:125px;width:105px;}
.privacy {float:right; font-size:11px !important; margin-top:3px; padding-right:10px;}
#float_footer{
position:fixed;
z-index:99;
bottom:0;
right:0;
height:70px;
width:100px;
padding-top:0;
padding-right:0;
padding-bottom:0;
padding-left:0;
}
#seocomp { float:right;width:280px;margin-left: 30px; }
#mobile{ display: none; }

#social{ float: right; }

@media only screen and (max-width: 980px) {
#wrapper{ width: auto;} 
#mobile{ display: none; }

#supportbar{ margin-left: 500px; }
#phone{position:absolute;font:bold 30px Arial, Helvetica, sans-serif;color:#68737a;margin-left:400px;margin-top:60px;}
#topnav li a{float:left;display:inline-block;letter-spacing: -1px; font:bold 15px/58px Arial, Helvetica, sans-serif;color:#68737a;text-decoration:none;border-radius:15px;padding:0px 8px;margin-top:-9px;text-shadow:#FFF 1px 1px 1px;position: relative;}
#homeLinksTop{ padding: 0px; width: 100%; }
.homeLinkLeft, .homeLinkMiddle{margin-right:5px;}
.homeLinkLeft, .homeLinkMiddle, .homeLinkRight { width: 30%; }
	#sideQuote{ display: none; }
#homeMainRight{ margin-left: 500px; }
.contentLeft{ width: auto; }


}
@media only screen and (max-width: 767px) {

.mainCol{ width: 100%; float: none; }
.rightCol{ width: 100%; float: none; }

#mobile{ float: right; display: block; }
#mobile ul												{ padding:0; margin:0; list-style:none; }
#mobile ul li											{ padding:0; margin:0; list-style:none; text-shadow: black 0.1em 0.1em 0.2em; display:inline-block; *display: inline; zoom:1; }
#mobile ul li a											{ padding:0px 10px; margin:0; margin-top: 10px; color:#fff; font-size:15px; font-weight:700; line-height:50px; display:block; text-decoration:none; padding-bottom:8px; }
#mobile ul li.current-menu-item > a,
#mobile ul li.current-menu-parent > a					{ color:#fff; }
#mobile ul li a:hover									{  }
#mobile ul li ul.sub-menu								{ opacity: 0.95; position:absolute; margin:0;width: 100%; padding:0; background:#68737a; display:none; z-index:99; overflow:hidden; border:none; left: 0px;  }
#mobile ul li ul.sub-menu li							{ display:block; margin:0; padding:0; width: 100%;}
#mobile ul li ul.sub-menu li a							{ margin:0; padding:0 20px; font-size:14px; width: 100%; border-bottom: 1px solid #FFF;  font-weight:normal;  line-height:40px; display:block; }
#mobile ul li ul.sub-menu li a:hover,
#mobile ul li ul.sub-menu li.current-menu-item a		{ background-color:#0071bd; color:#fff; border-radius:0;  }

.formStyle{ width: 100%; }
tr>td:first-child+td+td+td+td,
tr>th:first-child+th+th+th+th {display:none;}
.our-services-quote{ display: none; }
#phone {
float: none; 
font: bold 30px Arial, Helvetica, sans-serif;
color: #68737a;
margin: 0px;
}

	#wrapper{ width: 100%; overflow: hidden; }

	#menu{ display: none; }
	#supportbar{ display: none; }
		#homeLinksTop{ padding:0px; }
	#sideQuote{ display: none; }
#topnav li a{  font-size: 14px; padding: 0px 10px; }
	#phone{ font-size: 30px; height: 40px; text-align: center;  }

	#content{ padding: 15px; }
#homeMainMiddle{ width: auto; margin-top: 15px; margin-bottom: 15px; padding: 10px; }
	#homeMainRight{ float: none; position: relative; margin: 0px;   }
.homeLinkLeft, .homeLinkMiddle, .homeLinkRight {
width:100%; 	}
a.homeMainLink, a.homeMainLinkLightBlue, a.homeMainLinkOrange {
margin-bottom: 0px;
}


	#logo{ padding: 0px; float: none; }
	#logo img{ height: 50px; width: auto; margin-bottom: 5px; }
	#header{ width: 100%; height: 90px; padding: 10px; }
	.caseBlock, .caseBlockRight{ width: 100%; float: none; margin: 0px; margin-bottom: 15px; }
	#homeLinksTop{ position: relative; }
	.contentRightLarge2{ width: 100%; margin: 0px; float: none; }
	#homeMain{ padding: 10px; }
#seocomp { float: none; width: 100%; margin-left: 0px; }
	#seocomp img{ width: auto; height: auto; }
	.footerRight{ width: 100%; float: none; margin: 0px; }
		#footer{ padding: 10px; }
	#footer ul{ margin: 0px; padding 0px; list-style: none; margin-bottom: 15px;}
	#footer, #footer a { font-size: 13px; }
	#footer li {list-style: none; }
	#footer li a{ display: block; width: 100%; font-size: 13px; list-style:none; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #FFF;}
	
	#footer li a:hover{ text-decoration: none; background: #0071bd; }


	table.hosting_plans{ float: none; margin-left: 0px; width: 100%; font-size: 11px;}
	#content .hosting_plans img{ width: auto; height: auto;  }
	.hosting_plans td{ padding: 2px; }
	.hosting_plans td.largerSizeText{ font-size: 13px; }
	img#paul{ width: auto; height: auto; }
	img#adwords{ width: auto; height: auto; }
	.websiteSlidesHolder{ float: none; width: 100%; margin-left: 0px; }
	.rightArea{ width: 30%; }
	.rightArea img{ width: 100%; height: auto; }
	#social img{ width: auto; height: auto; }


}
@media only screen and (max-width: 590px) {
.contentRightLarge{ width: auto; }
}