html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family: 'my_font';
 font-size: 13px;
 background: url(../images/backdrop.jpg) repeat-x center bottom;
}

p {
	line-height: 18px;
}

@font-face
{
 font-family: mazda2;
 src: url('Mazda_Bd.ttf');
}

@font-face
{
 font-family: my_font;
 src: url('HelveticaNeueLTPro-Md.otf');
}

@font-face
{
 font-family: my_fontbold;
 src: url('HelveticaNeueLTPro-Bd.otf');
}

@font-face
{
 font-family: mazda;
 src: url('Mazda_Rg.ttf');
}

.bold {
 font-weight: bold;
 font-family: my_fontbold;
}
 
.mazdafont {
 font-family: mazda2;
 margin: 0;
 padding: 20px 0 20px 0;
 color: #fff;
 font-size: 16px;
}

.mazdademo {
 font-family: mazda;
 margin: 0;
 color: #0c8ac5;
 font-weight: normal;
}

.mazdarage {
 font-family: mazda;
 margin: 0;
 padding-bottom: 20px;
 border-bottom: thin solid #dbdbdb;
 color: #3e3e40;
 font-weight: normal;
}

#pagewidth{ 
 width:900px; 
 text-align:left; 
 margin:0 auto; 
 background: #fff;
} 
 
#header{
 background:url(../images/headbg.png) no-repeat center;
 border-right: thin solid #c0c1c2;
 border-left: thin solid #c0c1c2;
 position:relative; 
 height:129px; 
 background-color:#FFFFFF; 
 width:898px;
 margin: 0 auto;
 display:block;
}

#header2{
 background:url(../images/test.png) no-repeat center;
 position:relative; 
 height:259px; 
 background-color:#000; 
 width:100%;
 margin: 0 auto;
 display:block;
}


#slider{
 position:relative; 
 width: 900px;
 margin: 0 auto;
 display:block;
}

#filler {
 position: relative;
 width: 612px;
 height: 259px;
 float: left;
}

#enquiry {
 text-align: left;
 display: block;
 width: 268px;
 height: 259px;
 float: left;
 padding-left: 20px;
 background: #00a1d6; /* Old browsers */
 background: -moz-linear-gradient(top, #00a1d6 0%, #163047 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a1d6),  color-stop(100%,#163047)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #00a1d6 0%,#163047 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #00a1d6 0%,#163047 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #00a1d6 0%,#163047 100%); /* IE10+ */
 background: linear-gradient(top, #00a1d6 0%,#163047 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a1d6', endColorstr='#163047',GradientType=0 ); /* IE6-9 */	
}

#enquiry input {
 width: 165px;
 font-family: my_font;
}

#enquiry label {
 color: #fff;
 vertical-align: top;
 margin-right: 30px;
}

#enquiry textarea {
 margin-top: 2px;
 width: 163px;
 height: 50px;
 font-family: my_font;
}

.btn {
 color: #fff;
 background: url(../images/submitbtn.png);
 padding: 7px;
 width: 115px !important;
 border: 0;
 margin: 5px 20px 0 0;
 cursor: pointer;
}

.message {
 font-family: 'my_font';
 margin-right: 13px !important;
}

/**MENU**/

ul#menu {
 padding: 0;
 margin: 0;
 clear: both;	
}

ul#menu li {
 list-style: none;
 display: inline;
}

ul#menu li a {
 display: block;
 font-family: 'mazda';
 font-size: 12px;
 float: right;
 padding: 5px 20px 10px 20px;
 margin-top: 30px;
 color:#333;
 text-decoration: none;
 border-right: thin solid #c0c1c2;
}

ul#menu li a:hover {
 color: #0c8ac5;
}

ul#menu li a.item1 {
 border-left: thin solid #c0c1c2;
}

ul#menu li a.item2 {
 border-right: 0;
}
 
#leftcol{
 width:340px;
 padding: 20px 10px;
 float:left; 
 position:relative; 
  }
 
#maincol{
 background-color: #FFFFFF;  
 position: relative; 
 padding: 20px 10px;
 width:510px;
 float:right; 
 }
 
#home {
 position: relative;
 width: 510px;
 height: 83px;
 margin-top: 20px;
 background-image: url(../images/home.png);
}

#home a {
 position: absolute;
 left: 45px;
 top: 60px;
 color: #fff;
 text-decoration: none;
}
 
#footer{
 height:100%; 
  background-color:#000000; 
 clear:both;
 display:block;
 overflow:auto;
}

.oldmac {
 padding: 10px 20px 10px 20px;
}

.footer  a, .footer {
 font-size: 12px;
 color: #fff;
 text-decoration: none;
 margin-bottom: 0;
}
 

 
 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}