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

body {
	font-family: 'Droid Sans', arial, serif;
	font-size: 0.65em;
	color: #7d7d7d;
	background-color: #fcfffb;
	text-align:center;
	margin: 0;
}
img, a {
	outline:none;
	border:none;
}
a {
	color: #7d7d7d;
	text-decoration:none;
}
a:active, a:hover {
	text-decoration: underline;
}
.header {
	height: 88px;
	padding: 0px;
	margin: 0px;
}
.header .logo {
	height: 88px;
	width: 389px;
	margin-left: 270px;
}
#main-header {
	padding-top:20px;
	height: 65px;
	width: 970px;
	margin-left:auto;
	margin-right:auto;
}
#main-header a {
	border:none;
	text-decoration:none;
}
.main-header-logo {
	float: left;
	margin-top:0px;
	margin-left:14px;
}
.main-header-icons {
	float:right;
	margin-top:0px;
	margin-right:20px;
}
.flash-tblcell {
	text-align: center;
	margin-top:75px;
	background-color: #FCFFFB;
	background-image: url(../images/bgrnd.png);
	background-repeat: repeat-x;
	background-position: center;
}

.flash-tblcell2 {
	text-align: center;
	margin-top:0px;
	background-color: #FCFFFB;
	background-image: url(../images/bgrnd.png);
	background-repeat: repeat-x;
	background-position: center;
}

#main-footer {
	width:946px;
	margin-left:auto;
	margin-right:auto;
	color: #7d7d7d;
	text-align:right;
	padding-right:24px;
	padding-top:5px;
}
#main-footer p {
	margin-top:0px;
	margin-bottom:0px;
}
#contents {
	text-align: left;
	width: 960px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}
#contents p {
	margin: 0;
}
#contents .contents-left, #contents .contents-cyan, #contents .contents-yellow, #contents .contents-card {
	margin: 0px;
	padding: 0px;
	width: 237px;
	float: left;
}

.site-holder {
	padding:5px;
	background:#f3f3f3;
	height:auto;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid #eee;
}
#head-container {
	width: 237px;
	height: 300px;
	background-image: url(../images/bg-transit.png);
	background-repeat: no-repeat;
	position:relative;
}
.site-holder h2{
	text-align:center;
	padding:50px 0 0 0;
	margin:0;
	font-size:1.8em;
	color:#333;
}
.site-holder h3{
	text-align:center;
	padding:5px 0 0 0;
	margin:0;
	font-size:1.2em;
	font-weight:normal;
	color:#333;
}
#head-container-yellow {
	width: 237px;
	height: 300px;
	background-image: url(../images/bg-busshop.png);
	background-repeat: no-repeat;
	position:relative;
}
#head-container-cyan {
	width: 237px;
	height: 300px;
	background-image: url(../images/bg-creative.png);
	background-repeat: no-repeat;
	position:relative;
}
#enter-transit,#enter-creative,#enter-card,#enter-busshop {
	position:absolute;
	width:115px;
	height:115px;
	left:62px;
	top:101px;
}
#head-container-card {
	width: 237px;
	height: 300px;
	background-image: url(../images/bg-card.png);
	background-repeat: no-repeat;
	position:relative;
}
.mid-container {
	width: 187px;
	height: auto;
	min-height:135px;
	background: url(../images/bg-rep-y.png) repeat-y;
	padding-left: 25px;
	padding-right: 25px;
}
#mid-container p {
	margin-bottom: 8px;
}
#foot-container {
	width: 237px;
	height: 36px;
	background-image: url(../images/base-transit.png);
	background-repeat: no-repeat;
}
#foot-container-yellow {
	width: 237px;
	height: 36px;
	background-image: url(../images/base-busshop.png);
	background-repeat: no-repeat;
}
#foot-container-cyan {
	width: 237px;
	height: 36px;
	background-image: url(../images/base-creative.png);
	background-repeat: no-repeat;
}
#foot-container-card {
	width: 237px;
	height: 36px;
	background-image: url(../images/base-card.png);
	background-repeat: no-repeat;
}
#contact-info {
	width:970px;
	height:50px;
	text-align:left;
}
.flash-required {
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
}
.flash-required a {
	color: #000;
	text-decoration:none;
}
.flash-required a:active, .flash-required a:hover {
	text-decoration: underline;
}
.clearfloat {
	clear: both;
	font-size: 1px;
	height: 0;
	line-height: 0;
}
.entersite {
	font-size: 1.6em;
	text-align: center;
	font-weight: bold;
	text-shadow:1px 1px 1px #fff;
	padding:47px 0 0 0;
}
#head-container-card .entersite a{
	color:#fff;
	text-shadow:1px 1px 1px #000;
}
.bus-image {
	display:block;
	width:150px;
	height:75px;
	background:url(../images/forsale-action.png) 0 -75px no-repeat;
	text-decoration:none;
	padding:0;
	margin:0px auto 10px;
}
.entersite a {
	color: #000;
	text-decoration: none;
}
.entersite a:active, a:hover {
	text-decoration: underline!important;
	text-shadow:none!important;
}
#links {
	height:40px;
	width:237px;
	padding:0;
	margin:0;
}
.models4sale a {
	margin-left:11px;
	margin-top:5px;
	float:left;
	display: block;
	width: 124px;
	height: 33px;
	padding: 0px;
	background: url(../images/models4sale.png) 0 0 no-repeat;
	text-decoration: none;
}
.models4sale a:active, .models4sale a:hover {
	background-position: 0 -33px;
}
.creative_logo a {
	margin-right:11px;
	margin-top:5px;
	float:right;
	display: block;
	width: 115px;
	height: 33px;
	padding: 0px;
	background: url(../images/creativemaster_logo_splash.png) 0 0 no-repeat;
	text-decoration: none;
}
.creative_logo a:active, .creative_logo a:hover {
	background-position: 0 -33px;
}
/*------------------------------------------------------------------- Index page link - 17 June 2008 */

#creative-models {
	text-align: left;
	width: 460px;
	height:100px;
	margin-right: auto;
	margin-left: auto;
}
#creative-models p {
	margin:0;
	padding:0;
}
.model-text {
	width:150px;
	height:auto;
	float:left;
	margin:2px;
	text-align:center;
}
.model-text-2 {
	width:150px;
	height:auto;
	float:right;
	margin:2px auto;
	text-align:center;
}
.model-link a {
	display:block;
	width:150px;
	height:75px;
	float:left;
	background:url(../images/forsale-action.png) 0 0 no-repeat;
	text-decoration:none;
	padding:0;
	margin:2px;
}
.model-link2 a {
	display:block;
	width:150px;
	height:75px;
	float:left;
	background:url(../images/forsale-sydney.png) 0 0 no-repeat;
	text-decoration:none;
	padding:0;
	margin:2px;
}
.model-link3 a {
	display:block;
	width:150px;
	height:75px;
	float:right;
	background:url(../images/forsale-adelaide.png) 0 0 no-repeat;
	text-decoration:none;
	padding:0;
	margin:2px auto;
}
.model-link a:hover, .model-link a:active {
	background-position:0 -75px;
}
.model-link2 a:hover, .model-link2 a:active {
	background-position:0 -75px;
}
.model-link3 a:hover, .model-link2 a:active {
	background-position:0 -75px;
}
img.valign-mid {
	vertical-align:middle;
}
#flash {
	margin: 0px auto;
	height: 650px;
	width: 970px;
}
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
li {
	float: left;
	width: auto;
	padding: 5px 0px 0px;
	margin: 5px 15px 0px 0px;
	vertical-align: middle;
}
li img {
	vertical-align: middle;
	margin-top: -5px;
}
.footer {
	text-align: center;
	padding-top: 10px;
	float: left;
	width: 960px;
}

.footertop {
	text-align: center;
	float: left;
	width: 960px;
	height: 20px;
}

.footerXmas {
	background:url(../images/christmas-banner-blank.png) no-repeat top center;
	height:300px;
	text-align: center;
	padding-top: 10px;
	float: left;
	width: 960px;
}
.footerXmas h2 {
	width:400px;
	margin:65px auto 13px;
	color:#fff;
	font-size:1.3em;
	text-shadow:-1px -1px 0px #333;
}
.footerXmas h3 {
	width:400px;
	margin:6px auto;
	color:#fff;
	font-weight:normal;
	font-size:1.1em;
	text-align:left;
	display:block;
}
.footer-info {
	width: auto;
	padding: 0px;
	margin: 0px 15px 0px 0px;
	vertical-align: middle;
}
.footer-info img {
	vertical-align: middle;
	margin-top: -5px;
}
blockquote {
	font-size: 24px;
	color: #000000;
	font-weight: bold;
	margin: 15px 0px 10px;
	padding: 0px;
	position: relative;
	z-index: 10;
}
.status {
	float:right;
}
@media screen and (max-width: 480px) {
#contents {
	width:100%;
}
.header .logo {
	width:389px;
	margin:0 auto;
}
#contents .contents-left, #contents .contents-cyan, #contents .contents-yellow, #contents .contents-card {
	float:left;
	margin:0;
	padding:0;
	width:100%;
}
.footer {
	width:100%;
}
#head-container, #head-container-cyan, #head-container-card,#head-container-yellow, .mid-container, #foot-container,#foot-container-cyan,#foot-container-card,#foot-container-yellow  {
	margin:0 auto;
}
.footer-info {
	display:block;
	margin:10px 0
}
.flash-required {
	display:none;
}
}