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

body {
margin: 0px;
padding: 0px;
background: #a2cbe7 url(http://www.smg.com.au/images/back4.jpg) repeat-x;
font: 12px/18px Arial, Helvetica, sans-serif;
	color: #454545;
}
h1,h2,h3,h4,h5,p,form{
	margin: 0px;
	padding: 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;
}
.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;
}
#header{
	background: url(http://www.smg.com.au/images/smg_web_design_brisbane_01.png) no-repeat #e4e4e4;
	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;
}
#phone{
	position: absolute;
	font: bold 40px Arial, Helvetica, sans-serif;
	color: #68737a;
	margin-left:690px;
	margin-top: 60px;
}
#menu{
	background:url(http://www.smg.com.au/images/smg_web_design_brisbane_02.png) no-repeat #e2e2e2;
	height: 77px;
}
ul#topnav{
	margin: 0px;
	padding: 0px;
	margin-left: 45px;
	padding-top: 10px;
	overflow: hidden;
}
ul#topnav li{
	list-style: none;
	display: inline;
}
ul#topnav li a{
	float: left;
	display: inline-block;
	font: bold 14px/58px Arial, Helvetica, sans-serif;
	color: #68737a;
	text-decoration: none;
	padding: 0px 9px;
	margin-top: -9px;
}

ul#topnav li a:hover{
	background: url(http://www.smg.com.au/images/menu-hover.png) #68737a;
	color: #FFF;
	font: bold 14px/58px Arial, Helvetica, sans-serif;
		padding: 0px 9px;

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


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

ul#supportBarLinks{
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	margin-left: 25px;
}

ul#supportBarLinks li{
	list-style: none;
	display: inline;
}	
ul#supportBarLinks li a{
	display: inline-block;
	float: left;
	padding: 0px 10px;
	font: bold 12px/20px Arial, Helvetica, sans-serif;
		text-decoration: none;
}
ul#supportBarLinks li a:hover{
	background: #68737a;
	color: #FFF;
	text-decoration: none;

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

#top, #top_container, #content_container
{
	width: auto;
	background-color: inherit;
	color: inherit;
	border: 0px;
	height: auto;
}

#content_left
{
	width: 600px;
}