/*-----------------------------------------------------------------------------
Primary Layout National Capital Motors Style Sheet

version:   1.0
author:   Nick Heskes
email:     nick.heskes@datamotive.com.au
website:   http://www.nationalcaptialmotors.com.au
-----------------------------------------------------------------------------*/
/* Imports Global CSS */
@import url("global.css") all, print;
/* Body */
/* ------------------------------------------------------------------------------------ */
/* 
div, class  {
border: dotted 1px #FF0000 !important;
}
 */
/* 100% Height */
html ,body {
	height:100%; min-height: 100%; max-height: 100%; margin: 0 auto; color: #5E5E5E;
}
html {
	background: #FFF url(../img/background-repeat.jpg) repeat-x;
}
body {
	background: transparent url(../img/background-centre.jpg) no-repeat center top;
}
#wrapper {
	overflow: auto; 
}
*:focus { 
	outline: none; 
}
button:focus { 
    outline: none; 
}
.auto { 
    margin: 0 auto;
}
span {
text-indent: -9999px;
}
img {
	border: 0;
}
/* remove halo effect in firefox   */
a:active{
	outline: none;
}
/* Body */
/* ------------------------------------------------------------------------------------ */
/* Firefox and Safari Force  */
body>#wrapper{
	background: #FFF;
}
#wrapper{ 
	width: 926px; min-height: 100%; text-align:center; background: #FFF;
}
/* Header */
/* ------------------------------------------------------------------------------------ */
#header {
	width: 926px; height: 95px; display: block;  float:left; background:url(../img/canberra-fleet.jpg) no-repeat;
}
a.logo {
	float: left; background: url(../img/ncm-logo.gif) no-repeat; width: 162px; height:62px; text-indent: -9999px; display: block;
}
/* Flash Feature */
/* ------------------------------------------------------------------------------------ */
#content {
	clear: both; width: 926px; background: #FFF; overflow: auto; height:100%; min-height: 100%; max-height: 100%;
}
.features {
	float: left; width: 280px; height: 150px; background: url(../img/features.gif) no-repeat; margin: 0 6px 0 0;
}
.features-short {
	float: left; width: 270px; height: 150px; background: url(../img/features-short.gif) no-repeat; margin: 0 9px 0 0;
}
.features-bk {
	float: left; background: url(../img/features-bk.jpg) repeat-x; width: 915px; height: 160px; padding: 20px 0 0 11px;
}
.content-bk {
	overflow: auto; background:url(../img/content-bk.gif) repeat-x !important;
}
#content #sidebar .features {
	margin: 10px 2px 0 -3px; background: url(../img/features-white.gif) no-repeat;
}
#content-home #content #sidebar .features {
	margin: 10px 2px 0 3px; background: url(../img/features-white.gif) no-repeat;
}
.content-bk  #sidebar .features {
	margin: 10px 2px 0 3px; background: url(../img/features.gif) no-repeat !important;
}
.features h1, .features h2, .features h3, .features h4, .features h5 {
	text-indent: -9999px; height: 20px !important; margin: 7px 0 0 10px; padding: 0 0 0 0px; border: 0 !important; width: 260px !important;
}
.features-short h1 {
	text-indent: -9999px; height: 20px !important; margin: 7px 0 0 10px; padding: 0 0 0 0px; border: 0 !important; width: 250px !important;
}
#content .features-ncm-h1 {
	background: url(../img/features-ncm-h1.gif) no-repeat;
}
.features a img  {
	float: left; width: 146px; height: 92px; padding: 4px; margin: 6px 12px; background: url(../img/features-img-border.jpg) repeat; 
}
.features a:hover img  {
	background: #FFF; 
}
.features a:hover  {
	color: #FFF;  background: #FFF;
}
.features div {
	float: left; width: 80px; height: 78px; font: normal 10px/1.3em Arial, Helvetica, sans-serif; text-align: left; padding: 4px 5px 0 0; color: #668FA4; margin-left: 5px;
}
.clear {
	clear: both;
}
#foter {
	clear: both; width: 854px; margin: 0 36px 20px 33px; background: #FFF;
}
#foter div {
	margin: 0 auto; width: 300px; height: 25px; clear: left; margin-bottom: 20px;
}
#foter span {
	margin: 0 auto; color: #999; text-indent: 0; float: left; padding: 0px 0 0 0; font: normal 0.625em/1.5em Verdana, Arial, Helvetica, sans-serif;
}
ul.foter {
	clear: left; padding: 0; float: left; margin: 15px 0 5px 0px;
}
ul.foter li{
	float: left; list-style-type: none; padding: 2px 0; 
}
ul.foter li span {
	padding: 4px 4px 0 4px !important; text-indent:0; color: #999999; text-align: left; font: normal 0.625em/1.8em Verdana, Arial, Helvetica, sans-serif;
}
ul.foter li em {
	padding: 0px 4px;
}
ul.foter li a {
	padding: 0px 4px; text-decoration: underline; color: #999999; text-align: left; font: normal 0.625em/1.5em Verdana, Arial, Helvetica, sans-serif;
}
ul.foter li a:hover {
	color: #CC6666; text-decoration: none;
}
.features a.more {
	clear: none; float: right; background:url(../img/more-R1.gif) no-repeat 0 0; width: 90px; height:30px; display: block; text-indent: -9999px; margin: 0 15px 0 -5px;
}
.features-short a.more {
	float: left; margin: 0 0px 0 -5px; 
}
.features a:hover.more {
	background:url(../img/more-R1.gif) no-repeat -90px 0;
}
.vehicle-range-bk {
	width: 926px; height: 65px; background:url(../img/vehicle-range-bk.jpg) repeat-x; float: left;
}
.locations {
	width: 180px; float: left; color: #668FA4; text-align: left; margin: 15px 70px 10px 0px; font-size: 11px !important; font-family:Arial, Helvetica, sans-serif;
}
.locations-bk {
	width: 853px; overflow: auto; background:url(../img/locations-bk.jpg) repeat-x; float: left; padding: 0 36px;
}
strong {
	font-weight: bold;
}
a {
	color: #CC6666;
}
a:hover {
	text-decoration: none;
}
a.datamotive {
	float: left; width: 109px; height: 17px; margin: 0 0 0 10px; display: block; background: url(../img/datamotive-R1.gif) no-repeat; text-indent: -9999px;
}
#content h1 {
	width: 924px; height: 200px; float: left; text-indent: -9999px; border: solid 1px #FFF; background: #eee;
}
#content h1.canberra {
	background:url(../img/h1-canberra.jpg) no-repeat;
}
h2 {
	width: 524px; margin: 20px 30px 0 36px; float: left; font: bold 0.75em/1.5em Arial, Helvetica, sans-serif; text-align: left; color: #668FA4;
}
#content .content {
	width: 537px; margin: 0 30px 25px 36px; float: left; font: normal 0.75em/1.5em Arial, Helvetica, sans-serif; text-align: left; color: #787878;
}
.content-large {
	clear: both; width: 890px; float: left; margin: 0 0 0 36px; font: normal 0.75em/1.5em Arial, Helvetica, sans-serif; text-align: left; color: #787878;
}
#content .content p:first-child {
	
}
#content div h2 {
	font: bold 1em/1.5em Arial, Helvetica, sans-serif; margin: 26px 0 1.5em 0;
}
p {
	margin: 1.5em 0 0 0 ;
}
a.ncm {
	width: 740px; height:62px; float: left; display: block; text-indent: -9999px;
}
#content #sidebar {
	float: left; width: 290px; margin: 20px 0 0 0; font: normal 0.688em/1.5em Arial, Helvetica, sans-serif; text-align: left; color: #668FA4;
}
#send {
	float: left; width: 124px; height: 33px; border: 0; cursor: pointer; background:url(../img/send-enquiry-R1.gif) no-repeat; text-indent: -9999px; margin: 0 0 20px -5px;
}
#send:hover {
	background:url(../img/send-enquiry-R1.gif) no-repeat -124px 0;
}