/* 
CSS Document hand written by Diana Franklin - www.dianaf.com.au for SuperSealing 2007-2008.
*/


body {background: #ccc; /*light grey*/}

#container {
	background-color: #ccc; /*light grey*/
	width: 760px;
	margin: auto;
	}

#main {
	background-color: #663399; /*purple*/
	color: white;
	}

#header {
	height: 80px;
	margin-bottom: 0px;
	padding: 0px;
	display: block;
	position: relative;
	}

#topborder {
	background: url(../images/border.jpg) no-repeat bottom center;
	height: 12px;
	margin-top: -7px;
	padding: 0px;
	display:block;
	position:relative;
	top: 0px;
	left: 0px;
	}

html>body #topborder {   /*hack for IE/Mozilla compatibility*/
	margin-top: 0px;
	}

#middle {
	background: url(../images/streetscape.jpg) repeat-y top center #663399; /*purple*/
	min-height: 427px;
	height: 427px;
	margin: 0;
	padding: 0;
	top: 0px ; 
	}


#middlemedium {
	background: url(../images/streetscape.jpg) repeat-y top center #663399; /*purple*/
	min-height: 427px;
	/*height: auto;*/
	height: 950px;
	margin: 0;
	padding: 0;
	top: 0px ; 
	}

#middlelong {
	background: url(../images/streetscape.jpg) repeat-y top center #663399; /*purple*/
	min-height: 427px;
	/*height: auto;*/
	height: 1425px;
	margin: 0;
	padding: 0;
	top: 0px ; 
	}


#industrylogos {
	display: block;
	position: relative;
	left: 540px;
	width: 200px;
	top: 65px;
	
	}

.onehalf {
	line-height: 20px;
	}

#bottomborder {
	background: url(../images/border.jpg) no-repeat top center;
	height: 12px;
	margin: 0px;
	}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 70%;
	font-weight: normal;
	color: black;
	}

p .purple {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: inherit;
	font-weight: normal;
	color: #663399; /*purple*/
	}

p .purpleactive {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: inherit;
	font-weight: normal;
	color: #663399; /*purple*/
	text-decoration: underline;
	}
	
p .white {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: inherit;
	font-weight: normal;
	color: white;
	}

p .yellow {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: inherit;
	font-weight: normal;
	color: #FFCC00; /*yellow*/
	}
	
p .yellowbold {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: inherit;
	font-weight: bold;
	color: #FFCC00; /*yellow*/
	}

h2 {
	font-family: "Arial Rounded MT Bold", Verdana, Arial, Helvetica, sans-serif ;
	font-size: large;
	font-weight:normal;
	color: white;
	background-color: #000000;
	text-align: center;
	}


#QLD, #WA, #NSW, #VIC, #SA {
	display: block;
	width: 130px; /*154px*/
	position: relative;
	float: left;
	}

#NZ{
	display: block;
	width: 110px; /*135*/
	position: relative;
	float: left; 
	}	

#QLD p, #WA p, #NSW p, #VIC p, #SA p, #NZ p {
	font-size: 60%;
	}
	
#QLD a, #WA a, #NSW a, #VIC a, #SA a, #NZ a {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 100%;
	font-weight: normal;
	color: #663399; /*purple*/
	text-decoration: none;
	}
	
#QLD a:hover, #WA a:hover, #NSW a:hover, #VIC a:hover, #SA a:hover, #NZ a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 100%;
	font-weight: normal;
	color: #663399; /*purple*/
	text-decoration: underline;
	}

#copyright {
	width: 760px;
	margin: auto;
	text-align:right;
	}
	
#summary {
	display: block;
	width: 240px;
	height: auto;
	color: white;
	font-weight: normal;
	background: black;
	padding: 15px 15px 15px 20px;
	position:relative;
	left: 20px;
	}
	
#navigation p {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 70%;
	font-weight: normal;
	color: #ccc; /*light grey*/
	}

#summary p {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 70%;
	font-weight: normal;
	color: white; /*light grey*/
	}
	
#navigation {
	text-align:center;
	padding: 0;
	position:relative;
	}
			
#navigation a {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 100%;
	font-weight: normal;
	color: #ccc; /*light grey*/
	text-decoration: none;
	}
	

#navigation a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 100%;
	font-weight: normal;
	color: #ccc; /*light grey*/
	text-decoration: underline;
	}

#navigation .active {
	color: white;
	text-decoration: underline;
	
	}

#imageNav {
	display: block;
	position:relative;
	float: right;
	width: 400px;
	background: transparent;
	right: 20px;
	}
	
#side {
	width: 130px;
	float: left;
	border-right: #ccc dashed 1px;
	}

#sidenav {
	color: black;
	background: transparent;
	text-align:right;
	padding-right: 5px;
	}

#sidenav h1 {
	font-family: "Arial Rounded MT Bold", Verdana, Arial, Helvetica, sans-serif ;
	font-size: large;
	font-weight:normal;
	color: #FFCC00; /*yellow*/
	background-color: transparent;
	text-align: right;
	}

#sidenav a {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 100%;
	font-weight: normal;
	color: #ccc; /*light grey*/
	text-decoration: none;
	background: transparent;
	}
	

#sidenav a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 100%;
	font-weight: normal;
	color: #ccc; /*light grey*/
	text-decoration: underline;
	}

#sidenav .active {
	color: white;
	text-decoration: underline;
	
	}

#imgnav {
	background: transparent;
	color: white;
	padding-right: 5px;
	}

#imgnav img {
	border:white thin solid;
	}

#wideimage img {
	border:white thin solid;
	}
	
a#csimage {
    display: block;
	float: right;
    width: 120px;
    height: 215px;
    background-image: url(../images/csdouble.jpg);
    background-position: 0 0;
    margin: 0px 5px auto auto;
	}

a#csimage:hover {
    background-position: 0 -215px;
	}

a .alt { display: none; }

a#arimage {
    display: block;
	float: right;
    width: 120px;
    height: 215px;
    background-image: url(../images/ardouble.jpg);
    background-position: 0 0;
    margin: 0px 5px auto auto;
	}

a#arimage:hover {
    background-position: 0 -215px;
	}

a#tmimage {
    display: block;
	float: right;
    width: 120px;
    height: 215px;
    background-image: url(../images/tmdouble.jpg);
    background-position: 0 0;
    margin: 0px 5px auto auto;
	}

a#tmimage:hover {
    background-position: 0 -215px;
	}


#map {
	display: block;
	position: relative;
	text-align: center;
	}

#auswide h1 {
	font-family: "Arial Rounded MT Bold", Verdana, Arial, Helvetica, sans-serif ;
	font-size: large;
	font-weight:normal;
	color: white;
	background-color: #000000;
	text-align: center;
	margin: 0px 50px;
	padding: 5px 0px;
	height: auto;
	}

#details {
	display: block;
	position: relative;
	float: left;
	background: #000000;
	color: white;
	width: auto;
	height: auto;
	left: 50px;
	top: 10px;
	}

#details h1 {
	font-family: "Arial Rounded MT Bold", Verdana, Arial, Helvetica, sans-serif ;
	font-size: large;
	font-weight:normal;
	color: white;
	background-color: #000000;
	text-align: center;
	}

#details p {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 70%;
	font-weight:normal;
	color: white;
	background-color: #000000;
	text-align: left;
	margin: 0px 20px 20px 20px;
	text-decoration: none;
	}

#details a {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: small;
	font-weight:normal;
	color: white;
	background-color: #000000;
	text-align: left;
	text-decoration: none;
	}
	
#details a:hover  {
	text-decoration: underline;
	}

#left {
	display: block;
	position: relative;
	float: left;
	width: 300px;
	height: auto;
	overflow: hidden;
	padding-left: 5px;
	}
	
#detailsleft {
	background: #000000;
	color: white;
	height: auto;
	padding-bottom: 10px;
	padding-top: 10px;
	}

#detailsleft h1 {
	font-family: "Arial Rounded MT Bold", Verdana, Arial, Helvetica, sans-serif ;
	font-size: large;
	font-weight:normal;
	color: #FFCC00; /*yellow*/
	background-color: #000000;
	text-align: left;
	margin: 0px 15px 0px 15px;
	}
	
	
#detailsleft p {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 70%;
	font-weight:normal;
	color: white;
	background-color: #000000;
	text-align: left;
	margin: 0px 15px 0px 15px;
	text-decoration: none;
	}

#detailsleft li {
	padding-right: 15px;
	}
	
#imgleft {
	background: transparent;
	color: white;
	height: auto;
	}

#imgleft img {
	border:white thin solid;
	}


#right {
	display: block;
	position: relative;
	float: left;
	width: 300px;
	height:auto;
	left: 10px;
	background: transparent;
	}


#detailsright {
	background: #000000;
	color: white;
	height: auto;
	padding-bottom: 10px;
	padding-top: 10px;
	}

#detailsright h1 {
	font-family: "Arial Rounded MT Bold", Verdana, Arial, Helvetica, sans-serif ;
	font-size: large;
	font-weight:normal;
	color: #FFCC00; /*yellow*/
	background-color: #000000;
	text-align: left;
	margin: 0px 15px 0px 15px;
	}
	

#detailsright h2 {
	font-family: "Arial Rounded MT Bold", Verdana, Arial, Helvetica, sans-serif ;
	font-size: medium;
	font-weight:normal;
	color: #FFCC00; /*yellow*/
	background-color: #000000;
	text-align: center;
	margin: 0px 15px 0px 15px;
	}

#detailsright a {
	font-family: "Arial Rounded MT Bold", Verdana, Arial, Helvetica, sans-serif ;
	font-size: small;
	font-weight:normal;
	color: white; 
	background-color: #000000;
	/*text-align: center;*/
	margin: 0px 15px 0px 15px;
	}
		
#detailsright p {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 70%;
	font-weight:normal;
	color: white;
	background-color: #000000;
	text-align: left;
	margin: 0px 15px 0px 15px;
	text-decoration: none;
	}

#hidediv {
	display:none;
	}
	
#detailsright li {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 70%;
	font-weight:normal;
	line-height: 125%;
	list-style-position: outside;
	margin-left: -5px;
	margin-right: 5px;
	}

#detailsleft li {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 70%;
	font-weight:normal;
	line-height: 125%;
	list-style-position: outside;
	margin-left: -5px;
	margin-right: 5px;
	}


/*Traffic Management services*/
#detailsleft li .space {
	line-height: 160%;
	}

#imgright {
	background: transparent;
	color: white;
	height: auto;
	}

#imgright img {
	border:white thin solid;
	}


#imgrighttall {
	background: transparent;
	color: white;
	height: auto;
	}

#imgrighttall img {
	border:white thin solid;
	}




#imgrightscroll {
	background: transparent;
	color: white;
	height: 120px;
	width: 180px;
	text-align:center;
	}

#imgrightscroll img {
	border:white thin solid;
	}

#imgrightscrollsmall {
	background: transparent;
	color: white;
	text-align:center;
	}

#imgrightscrollsmall img {
	border: white thin solid;
	}

#nextprevcs h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 70%;
	font-weight:bold;
	color: white;
	background-color: transparent;
	text-align: right;
	margin: 0px 15px 0px 15px;
	}	



/*#detailsright {
	background: #000000;
	color: white;
	height: auto;
	padding-bottom: 10px;
	padding-top: 10px;
	}*/


#nextprevcs a {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 100%;
	font-weight: bold;
	color: #ccc; /*light grey*/
	text-decoration: none;
	background: transparent;
	}
	

#nextprevcs a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 100%;
	font-weight: bold;
	color: #ccc; /*light grey*/
	text-decoration: underline;
	background-color: transparent;
	}

#nextprev h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 70%;
	font-weight:normal;
	color: white;
	background-color: inherit;
	text-align: center;
	margin: 0px 15px 0px 15px;
	}	

#nextprev a {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 100%;
	font-weight: normal;
	color: #ccc; /*light grey*/
	text-decoration: none;
	background: transparent;
	}
	

#nextprev a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 100%;
	font-weight: normal;
	color: #ccc; /*light grey*/
	text-decoration: underline;
	}


#employee {
	display: block;
	position: relative;
	float: right;
	background: #000000;
	color: white;
	width: auto;
	height: auto;
	right: 0px;
	top: 10px;
	margin: 0 20px;
	}

#employee p {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: small;
	font-weight:normal;
	color: white;
	background-color: #000000;
	text-align: left;
	margin: 0px 20px 20px 20px;
	text-decoration: none;
	}
	
#mapgif {
	display:block;
	position: relative;
	width: 130px;
	float: left;
	left: 20px;
	top: 10px;
	background:  transparent;
	}
	
#mapgif h1 {
	font-family: "Arial Rounded MT Bold", Verdana, Arial, Helvetica, sans-serif ;
	font-size: x-large;
	font-weight:normal;
	color: #ccc; /*light grey*/
	background-color: transparent;
	text-align: center;
	margin-bottom: 0px;
	}
	
	
/*Required for the cfcoda - right scrolling tool bar formatting.*/

#frame {
	overflow: hidden;
	margin: 0 0;
	width: 280px;
}
#scroller {
	width: 280px;
	margin: 0 0;	
	overflow: hidden;
}
#content {
	width: 1410px;
}
.section {
	width: 280px;
	float: left;
}


#framecs {
	overflow: hidden;
	margin: 0 0;
	width: 625px;
}
#scrollercs {
	width: 625px;
	margin: 0 0;	
	overflow: hidden;
}
#contentcs {
	width: 2508px;
}
.sectioncs {
	width: 625px;
	float: left;
}


/*end of cfcoda*/