@charset "utf-8";
/* CSS Document */

body {
margin: 0px;
padding: 0px;
background:url('leatherback.jpg');
background-color:#a2cbe7;
font: 12px/18px Arial, Helvetica, sans-serif;
	color: #454545;
}
h1,h2,h3,h4,h5,p,form{
	margin: 0px;
	padding: 0px;
	
}
a img {
border:0px;
}
h1{
	font: bold 27px/32px Arial, Helvetica, sans-serif;
	color: #f8931f;
	margin-bottom: 15px;
	letter-spacing: -1px;
}
h2{
	font: bold 22px/30px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #0071bd;
	margin-bottom: 4px;
}
h3{
	font: bold 16px/22px Arial, Arial, Helvetica, sans-serif;
	color: #f8931f;
	margin-bottom: 15px;
}
p{
	margin-bottom: 15px;
	text-align: justify;
}
.darkBlue{
	background: #0071bd;
}
.lightBlue{
	background-color: #29aae3;
}
.orange{
	background: #f8931f;
}
a{
	color: #f8931f;
		font-weight: bold;
	text-decoration: none;

}
a:hover{
	color: #29aae3;
	text-decoration: underline;
}
a.buttonLink{
	
		background: #f8931f;
	color: #FFF;
	padding: 0px 12px;
	font: bold 12px/30px Arial, Helvetica, sans-serif;
display: inline-block;
margin-bottom: 2px;
}	

a:hover.buttonLink{

	background: #68737a;
	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;
}
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;

}
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;
	margin-bottom: 15px;
}
a.homeMainLinkLightBlue .smaller{
	font: normal 11px/18px Arial, Helvetica, sans-serif;
}
a:hover.homeMainLinkLightBlue{
	background: #68737a;
	color: #FFF;
	text-decoration: none;
}


#wrapthewrapper{
	width: 980px;
	margin: 0px auto;
	background:url(http://www.smg.com.au/images/shadow.png) repeat-y;
}
#wrapper{
	width: 960px;
	margin: 0px auto;
}
#homeMain{
	background: #FFF url(http://www.smg.com.au/images/brisbane.jpg);
	height: 250px;
	padding: 30px;
}
#homeMain h1{
	font: bold 22px/30px Arial, Helvetica, sans-serif;
	color: #f8931f;
	margin-bottom: 15px;
}
#homeMain a.buttonLink{
background: #afd3e3;
	color: #0071bd;
}
#homeMain a:hover.buttonLink{
	background: #68737a;
		color: #fff;

}
#homeMainLeft{
	width: 280px;
	float: left;
}
#homeMainMiddle{
	
	width:300px;
	float: left;
	color: #FFF;
	margin-top: 70px;
	margin-left: -30px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 21px;
	font-weight: normal;
	font-variant: normal;
	background: url(http://www.smg.com.au/images/contentshadow.png);
	padding: 15px;
	padding-left: 30px;
	padding-right: 15px;
	padding-bottom:0px;
}
#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-left: 30px;
	float:left;
}
.clear{
	clear: both;
}

.caseBlock{
	width: 280px;
	float: left;
}



#header{background:url(http://www.smg.com.au/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;behavior: url(css/PIE.htc);}
#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;behavior: url(css/PIE.htc);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;behavior: url(css/PIE.htc);}
#supportButton{position:absolute;margin-left:500px;margin-top:67px;}
#supportButton img{height:38px;}
#menu{background:url(http://www.smg.com.au/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;}
#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;behavior: url(css/PIE.htc);}
#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;behavior: url(css/PIE.htc);}
#phone{position:absolute;font:bold 40px Arial, Helvetica, sans-serif;color:#68737a;margin-left:690px;margin-top:45px;}
.fb-like2{position:absolute;margin-left:785px;margin-top:100px;width:146px;overflow:hidden;}


.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;
}


#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;
}	
#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;
}
table.hosting_plans td{
	padding: 8px;
	border-top: 1px dotted #CCC;
}	

table.hosting_plans td.largerSizeText{
	font-size: 16px;
	color: #0071BD;
}
table.hosting_plans th{
	padding: 8px;

	
}
table.hosting_plans th.choosethisone{
	font-size: 16px;
}

table.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;
	border-radius: 10px;
}
table.formStyle td{
	padding: 8px;
	border-top: 1px dotted #CCC;
}	

table.formStyle td.largerSizeText{
	font-size: 16px;
	color: #0071BD;
}
table.hosting_plans th{
	padding: 8px;

	
}
table.formStyle th.choosethisone{
	font-size: 16px;
}

table.formStyle td.largerSizeText a.buttonLink{
	font-size: 20px;
}

label.error{
	color: #f00;
}

/*
	Wordpress styles	
*/

#site-description
{
	float: right;
}
.widget-area
{
	width: 250px;
	margin-left: 600px;
}
.post
{
	float: left;
	width: 600px;
	padding-bottom: 1em;
	padding-top: 1em;
}
.entry-meta
{
	padding: .5em;
	font-size: 10px;
}

h2.entry-title a
{
	color: #0071bd;
}

li
{
	text-align: left;
}

.xoxo li
{
	list-style: none;
}

.widget-container li
{
	padding-left: 0px;
	margin-left: -20px;
}

h3.widget-title
{
	margin-top: 15px;
	color: #0071BD;
}
.entry-content {
	padding-top:10px;
	font: 14px/22px Arial, Helvetica, sans-serif;
}
.entry-content p {
	text-align: left;
}
.entry-content li
{
	margin-bottom: 10px;
}

#logo { padding-left:32px;padding-top:20px;float:left; }
#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;
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

@media (max-width: 1024px) {
	#wrapthewrapper { width: 100%; margin: 0px auto; }
	#wrapper { width: 100%; }
	#header { height: 120px; width: 100%; }
	#supportbar { display: none; }
	#phone { font: bold 48px Arial, Helvetica, sans-serif; color: #68737a; margin-left: 0; right: 25px; margin-top: 25px; }	
	#menu { background: #e2e2e2; height: 3.6em; }
	#topnav { overflow: visible; margin-left: 10px; }
	#topnav li a { font-size: 1.8em; line-height: 2em; padding: 0px 1em; }
	#topnav li:nth-of-type(3), #topnav li:nth-of-type(6), #topnav li:nth-of-type(8), #topnav li:nth-of-type(9), #topnav li:nth-of-type(10) { display: none; }
	#primary { display: none; }
	#content { padding: 5px 10px; }
	.post { width: auto; padding-bottom: 15px; padding-top: 15px; float: none; }
	.linksalpha_widget { display: none; }
	#logo { padding-left:32px;padding-top:20px;float:left; }
	#logo img { width: 272px; }
	
}


@media (max-width: 768px) {
	#wrapthewrapper { width: 100%; margin: 0px auto; }
	#wrapper { width: 100%; width: 100%; }
	#header { height: 60px;width: 100%; }
	#supportbar { display: none; }
	#phone { font: bold 24px Arial, Helvetica, sans-serif; color: #68737a; margin-left: 0; right: 5px; margin-top: 15px; }	
	#menu { background: #e2e2e2; height: 32px; }
	#topnav { overflow: visible; margin-left: 5px; padding-top: 10px; }
	#topnav li a { font-size: 1em; line-height: 2.8em; padding: 0px 0.5em; }
	#topnav li:nth-of-type(3), #topnav li:nth-of-type(6), #topnav li:nth-of-type(8), #topnav li:nth-of-type(9), #topnav li:nth-of-type(10) { display: none; }
	#primary { display: none; }
	#content { padding: 5px 10px; }
	.post { width: auto; padding-bottom: 10px; padding-top: 10px; float: none; }
	.linksalpha_widget { display: none; }
	#logo { padding-left:8px;padding-top:8px;float:left; }
	#logo img { width: 136px; }
	
	table img{
		width: auto;
	}	
	
	/* Force table to not be like tables anymore */
	table, 
	thead, 
	tbody, 
	th, 
	td, 
	tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	
	
	td { 
		/* Behave  like a "row" */
		border: none;
	
		position: relative;
		white-space: normal;
		text-align:center;
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	
}