/*---
Rounded Borders
border-radius:10px;  CSS3 - not fully supported yet
-moz-border-radius:10px;  for Mozilla browsers
-webkit-border-radius:10px; for webkit browsers(Safari, Chrome)
---*/
html{height:100%;}
body{
	height:100%;
	margin:0;
	padding:0;
	font:1em Arial, Helvetica, sans-serif;
	color:#000;background:#272727;
}
#container{height:100%;}
#main{
	min-height:100%;
	height:auto;
	width:759px;
	margin:0 auto;
	padding:5px 30px 20px 30px;
	border-left:1px solid #272727;
	border-right:1px solid #272727;
	background:#272727;
	position:relative;
	color:#000;
}
a{
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#333;
}
a:hover{
	color:#F00;
	text-decoration:none;
}
h2{
	font:bold 2em Arial, Helvetica, sans-serif;
	color:#333;
	margin:0;
	padding:0;
}
h3 {
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#333;
	padding-left:1em;
}
/* Header Styles*/
#header{
	position:relative;
	padding:0;
	height:115px;
	margin-bottom:.5em;}
#header h1{	
	width:522px;
	height:64px;
	background:url(images/superior-radiators-logo.png) no-repeat left top;
	text-indent:-9999px;
	margin:35px 0 0 0;
	padding:0;
	float:left;
}
#header h2{	text-indent:-9999px;float:left;clear:left;}
/* TopNav Styles*/
#topnav{
	position:absolute;
	bottom:0px; right:0px;
	width:300px;
	height:64px;
	font:bold .85em Arial, Helvetica, sans-serif;
	color:#FFF;
	float:right;
}
#topnav-services{
	position:absolute;
	bottom:0px; right:0px;
	width:850px;
	height:64px;
	font:bold .85em Arial, Helvetica, sans-serif;
	color:#FFF;
	float:right;
}
#topnav .nav{
	height:20px;
	margin-top:45px;
}
#topnav-services .nav{
	height:20px;
	margin-top:45px;
}
#topnav ul{
	height:20px;
	margin:0;
	padding:0;
	list-style-type:none;float:right;
}
#topnav ul li{
	display:inline;
	float:left;
}
#topnav a{
	padding:0 1em 0 1em;
	display:block;
	font:bold .85em Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	border-right:1px solid #857c74;
}
#topnav li.last a{border:none;}
#topnav a:hover{color:#3476B3;}
#topnav-services ul{
	height:20px;
	margin:0;
	padding:0;
	list-style-type:none;float:right;
}
#topnav-services ul li{
	display:inline;
	float:left;
}
#topnav-services a{
	padding:0 0.5em 0 0.5em;
	display:block;
	font:bold .85em Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	border-right:1px solid #857c74;
}
#topnav-services li.last a{border:none;}
#topnav-services a:hover{color:#3476B3;}

/*Main Nav Styles */
ul.mainnav{
	position:absolute;
	top:0px;
	left:0px;
	width:182px;
	height:254px;
	text-align:left;
	list-style-type:none;
	background: #ccc url(images/navbg.png) repeat-x left top;
	border-radius:10px;
	-moz-border-radius:10px;
	margin-top: 0;
	margin-right: 0em;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0.8em;
	padding-right: 1.25em;
	padding-bottom: 1.2em;
	padding-left: 1.25em;
}
ul.mainnav a{
font:bold .55em Arial, Helvetica, sans-serif;
	color:#000;
		display:block;
	border-bottom:2px solid #FFF;
	text-decoration:none;
	text-transform:uppercase;
	padding:.4em .5em .4em 1.5em;
	
	background:url(images/bullet.png) no-repeat 0 3px;
}
/*.mainnav li.aircon a{background:url(images/bullet.png) no-repeat 0 14px;}*/
.mainnav-section a:hover{
	color:#3476B3;
	background: url(images/bullet.png) no-repeat 0 3px;
}
ul.mainnav-section{
	position:absolute;
	top:0px;
	left:0px;
	width:182px;
	height:254px;	
	margin:0 1em 0 0;
	padding:.8em 1.25em 1.2em 1.25em;
	text-align:left;
	list-style-type:none;
	background: #ccc url(images/navbg.png) repeat-x left top;
	border-radius:10px;
	-moz-border-radius:10px;
}
ul.mainnav-section a{
font:bold .55em Arial, Helvetica, sans-serif;
	color:#000;
		display:block;
	border-bottom:2px solid #FFF;
	text-decoration:none;
	text-transform:uppercase;
	padding:.4em .5em .4em 1.5em;
	
	background:url(images/bullet.png) no-repeat 0 3px;
}
/*.mainnav li.aircon a{background:url(images/bullet.png) no-repeat 0 14px;}*/
.mainnav-section a:hover{
	color:#3476B3;
	background: url(images/bullet.png) no-repeat 0 3px;
}

/* Banner Styles*/
#banner{
	position:relative;
	width:759px;
	height:286px;
	float:left;
	background:url(images/banner.jpg) no-repeat right top;
}	
/* Banner2 Styles*/
#banner2{
	float:left;
	clear:left;
	width:743px;
	height:81px;
	margin:.5em 0;
	background:#F00;
	border-radius:10px;/*---CSS3----*/
	-moz-border-radius:10px;/*---CSS3----*/
	-webkit-border-radius:10px;/*---CSS3----*/
	font: 1em Century Gothic, Arial, Helvetica, sans-serif;
	text-align:right;
	padding:.5em 1em .25em 0;
	text-transform:uppercase;
	
}
#banner2 span.right{display:none;}
#banner2 p.fault{
	font:1.1em Century Gothic, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}
#banner2 p.call{
	font:bold 1.25em Century Gothic, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}

#banner2 p.phone{
	font:bold 1.8em Century Gothic, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	color:#CCC;
}
#robot{
	position:absolute;
	left:50px;
	top:402px;
	margin:0;
	z-index:20;
}
#robot-home{
	position:absolute;
	left:20px;
	top:275px;
	margin:0;
	z-index:20;
}
/* Content Styles */
#content{
	width:759px;
	padding:0 0 2em 0;
	margin: 0 0 1em 0;
	font-size:.75em;
	clear:left;
	background:#FFF;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	overflow: auto;
}
#content h2{ 
	height:24px;background:url(images/heading-bg.png) repeat-x left top;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#000;
	text-transform:uppercase;
	padding:.8em 0 0 1em;
	margin:0;
	border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
}
#content p{
	/*width:720px;*/
	padding:0 1em;
	margin:1em auto;
}
#content p.testimonialend{
	padding:.5em;
	border-bottom:1px solid #CCC;
}

a.moreinfo{
	width:70px;
	display:block;float:right;
	padding:.25em .5em;
	margin:1em 1.5em;
	background:#3476B3;
	border:1px solid #000;
	text-align:center;
	font:bold .75em Arial, Helvetica, sans-serif;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	border-radius:4px;/*---CSS3----*/
	-moz-border-radius:4px;/*---CSS3----*/
	-webkit-border-radius:4px;/*---CSS3----*/
}
a.moreinfo:hover{
	background:#333;
	color:#3476B3;
}

dl{ width:350px;
	margin:1em auto;
	overflow:auto;
	clear:both;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	display:block;
}
dt{
	float:left;
	padding:0 .5em 0 0;
}
dd{
	float:left;
	margin:0;
	padding:0;
}p.clr{clear:both;}
span.img{width:auto;display:block;text-align:center;
}
/*--- FOOTER STYLES----*/
#footer{
	min-height:88px;
	height:auto;
	width:759px;
	margin:0 auto;
	padding-bottom:.5em;	
	font:.75em Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	background:#ccc url(images/navbg.png) repeat-x left bottom;
	border-radius:10px;/*---CSS3----*/
	-moz-border-radius:10px;/*---CSS3----*/
	-webkit-border-radius:10px;/*---CSS3----*/
}
#footer ul{
width:550px;
	margin:0 auto;
	padding:2em 0;
	list-style-type:none;text-align:center;
}
#footer ul li{display:inline; padding:.5em 0;height:30px;}	
#footer a{
	color:#000;
	text-decoration:none;
	border-right:1px solid #000;
	padding:0 .65em;
}
#footer a:hover{color:#3476B3;}
#footer li.last a{border:0;}

#footer-services{
	min-height:88px;
	height:auto;
	width:759px;
	margin:0 auto;
	padding-bottom:.5em;	
	font:.75em Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	background:#ccc url(images/navbg.png) repeat-x left bottom;
	border-radius:10px;/*---CSS3----*/
	-moz-border-radius:10px;/*---CSS3----*/
	-webkit-border-radius:10px;/*---CSS3----*/
}
#footer-services ul{
width:700px;
	margin:0 auto;
	padding:1em 0;
	list-style-type:none;text-align:center;
}
#footer-services ul li{display:inline; padding:.5em 0;height:20px;}	
#footer-services a{
	color:#000;
	text-decoration:none;
	border-right:1px solid #000;
	padding-right: 0.4em;
	padding-left: 0.4em;
}
#footer-services a:hover{color:#3476B3;}
#footer-services li.last a{border:0;}


.bold{
	font:bold 1.2em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
}

ul#scope{
	width:300px;
	float:left;
	margin:1em 0 0 5em;
	list-style-type:none;
	font:bold 1.2em Arial, Helvetica, sans-serif;
}
ul#scope li{padding:.25em 0;}
ul#scope2{
	width:480px;
	margin:1em 0 0 7em;
	padding:0;
	float:left;
	clear:left;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#3476B3;
	text-align:center;
	}
ul#scope2 li{float:left;margin-right:1em;	padding:.25em .5em .25em 0;}
ul#scope2 li.first{list-style-type:none;}
ul#images{
	margin:1em 5em 1em 1em;
	list-style-type:none;clear:none;
	float:right;}
ul#images li{
	margin:.5em 0;}
#contactinfo{
	width:400px;
	height:300px;
	float:left;
	font-weight:bold;
}
#map{
	width:300px;
	height:300px;
	border:1px solid #000;
	float:right;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
}
ul.inlinelist, ul.inlinelist2 {
width:550px;
overflow:auto;
margin:0 auto 1.2em auto;
font:bold 1.1em Arial, Helvetica, sans-serif;
padding:0;}
ul.inlinelist li, ul.inlinelist2 li{
	float:left;
margin:.5em 1em;
padding:0 1em 0 1em;
text-align:center;}
ul.inlinelist li.first, ul.inlinelist2 li.first{margin:.5em 1em .5em 0;padding:0 1em 0 0; list-style-type:none;}
ul.inlinelist li.last{width:90%;margin:.5em  0 ;list-style-type:none;}

 ul.inlinelist2 {
width:570px;
overflow:auto;
margin:0 auto;
font:bold 1.4em Arial, Helvetica, sans-serif;
color:#F00;
padding:0;}
ul.inlinelist2 li{
	float:left;
margin:.5em .5em;
padding:0 1.5em 0 1em;
text-align:center;}
ul.inlinelist2 li.last{padding: 0 0 0 1em;width:auto;margin:.5em  0 ;}
p.heading{text-align:center;
font:bold 1.6em Arial, Helvetica, sans-serif;
color:#3476B3;}

ul#services{
	width:350px;
	
}
#content p.indent{
text-indent:4em;
	font-weight:bold;
}

iframe{
	width:300px;
	height:300px;
	border:0;
	margin:0;
}
.uline{
	text-transform:uppercase;
	text-decoration:underline;
}
p.centre{text-align:center;}
#left{
	width:390px;float:left;padding:0 1em;}
	#right{
	float:left;
	width:345px;}
	.logo img{border:none; margin-left:1em;}

#accordion-wrapper {
	float: right;
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
	background-color: #272727;
}
ul.mainnav-section{
	position:absolute;
	top:0px;
	left:0px;
	width:182px;
	height:254px;
	margin:0 1em 0 0;
	padding:.8em 1.25em 1.2em 1.25em;
	text-align:left;
	list-style-type:none;
	border-radius:10px;
	-moz-border-radius:10px;
	background-image: url(images/navbg-section.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#banner-marine{
	position:relative;
	width:759px;
	height:286px;
	float:left;
	background:url(images/headers/marine.jpg) no-repeat right top;
}
#banner-mining{
	position:relative;
	width:759px;
	height:286px;
	float:left;
	background:url(images/headers/mining.jpg) no-repeat right top;
}
#banner-power{
	position:relative;
	width:759px;
	height:286px;
	float:left;
	background:url(images/headers/power.jpg) no-repeat right top;
}
#banner-trucks{
	position:relative;
	width:759px;
	height:286px;
	float:left;
	background:url(images/headers/trucks.jpg) no-repeat right top;
}
#banner-industrial{
	position:relative;
	width:759px;
	height:286px;
	float:left;
	background:url(images/headers/industrial.jpg) no-repeat right top;
}
#banner-lightautomotive{
	position:relative;
	width:759px;
	height:286px;
	float:left;
	background:url(images/headers/lightautomotive.jpg) no-repeat right top;
}