/* CSS Document */

body {

	margin:0px;
	background-color:#454545;
	background-image: url(images/mesh2_bg.jpg);
	background-repeat:repeat-x;
}


/* GLOBAL classes*/

li { list-style-image:url(images/dot1b.jpg); /* custom bullet image */
}

div {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

b {
	font-weight: normal;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}




/* D_I_V_s */

#container{ /* This will be the container div.. to hold all of the layout divs.... note   it starts with #  not  .  This means we call it differently in the site... it also means this only ever gets used once..*/
	position:relative; /*needed to center div on page */
	width:926px; /* This is the total width for the site */
	left:50%; /* This will center this div on the page in Firefox */
	margin-left:-464px; /* This will center the div in ie.. to get the value it is exactly half the width of the site */
}

#top {
	width:926px; /*not strictly neccessary but good to have */
	height:104px; /* We have to set the height of this div to fit the background image */
	background-repeat:no-repeat;
}

#header {
	padding: 1px 0; /* This fixes margin collapsing issue not see in ie.. */
	width:926px; /*not strictly neccessary but good to have */
	height: 44px; /* We have to set the height of this div  to fit the background image */
	background-image: url(images/bartrac-toyota-qld1.jpg);
	background-repeat: no-repeat;
}

/* ---------------- MENU DIV ------------------------------- */

#menu { /* this div will control the menu... */
	padding: 1px 0; /* This fixes margin collapsing issue not see in ie.. */
	margin-top:7px; /*  This will push the div down from the top.. so the menu starts at the right height.. */
	text-align:center; /* This will center all the text in this div... */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #bdbcbc;
}
#menu a{ /* this will be all the formatting for the links in the menu..... This css will only effect links  in the #menu div....*/
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:1px;
	font-size: 14px;
	color: #747474;
	margin-right:3px; /*Put 3 px distance between each link on the menu on the right.. ie space them out a bit.. */
	margin-left:3px; /*Put 3 px distance between each link on the menu on the left.. ie space them out a bit.. */
}
#menu a:visited {
	text-decoration:none;
	color:#747474;
	}	
#menu a:hover{ /* hover settings for any links in the menu div... */
	text-decoration:none;
	font-size: 14px;
	color:#4d9dd4;
}



/* ---------------- MIDDLE DIV ------------------------------- */


#middle {
	padding: 1px 0; /* This fixes maring collapsing issue not see in ie.. */
	width:926px; /*not strictly neccessary but good to have */
	background-image: url(images/bartrac-toyota-qld2.jpg);
	background-repeat:repeat-y; /* Repeat this image down the page */
}

/* This div is used to hold all the content inside the middle div... This is the most relaible method I have found to bring all the content in from the edges of the middle div */


#left_column{
/* border:1px solid #ff00ff;  -- have a border to show div*/	
	width:200px;
	float:left;
	margin-left:15px;	
}


#iframe{
/* border:1px solid #ff00ff;  -- have a border to show div*/	
	width:895px;
	float:left;
	margin-left:15px;
}

#right_column{
	width:575px;
	float:left;
	margin-left:15px; 
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

#main_content { 
	float:left;
	margin-left:15px;
	width:900px;
}


#right_column_contact{
	width:270px;
	float:right;
	margin-right:30px; 
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

#left_column_contact{
/* border:1px solid #ff00ff;  -- have a border to show div*/	
	width:400px;
	float:left;
	margin-left:140px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;	
}








/* ---------------- FOOTER DIV ------------------------------- */

#footer {
	width:926px; /*not strictly neccessary but good to have */

	height: 40px; /*Because we know the height of the footer image.. we need to set the height of this div... */
	background-image: url(images/bartrac-toyota-qld3.gif); /* set background image */
	background-repeat: no-repeat;
}

/* ---------------- COPYRIGHT DIV ------------------------------- */

#copyright { /* this will be the div that contains the copy right */
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #9b9a9b;
	text-align:center; /* center the text in the div */
	padding-top:10px; /* this will put some padding in the top of the div... effectively pushing the text down a little for the footer div above it... */
}
#copyright a{ /* this will be all the formatting for the links in the #copyright div.*/
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #747474;
	margin-right:5px; /*Put 10 px distance between each link on the menu on the right.. ie space them out a bit.. */
	margin-left:5px; /*Put 10 px distance between each link on the menu on the left.. ie space them out a bit.. */
}	
# copyright a:visited {
	text-decoration:none;
	color:#747474;
	}
#copyright a:hover{ /* hover settings for any links in the copyright div... */
	text-decoration:none;
	font-size: 11px;
	color:#4d9dd4;
}




/* T_E_X_T*/


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a4b3c0;
	/*color: #______;*/
	line-height: 10px; 
	margin: 0;
	padding: 0;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #49516e;
	line-height: 20px; 
	margin: 0;
	padding: 5;
}

.form {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;

}


.ToyotaB1 {
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #9b9a9b;
	}

.Small3Grey {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #bdbcbc;
}

.Small4Grey {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #bdbcbc;
}

.Creative2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #3E4D56;
}
.subheading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
	font-weight: bold;
}




/* B_A_C_K_G_R_O_U_N_D_S */

.arrow3 {
	background-image: url(images/arrow3.jpg);
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
}




/* L_I_N_K_S */

A.menuLink {
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:1px;
	font-size: 14px;
	color: #747474;
	}	
A.menuLink:visited {
	text-decoration:none;
	color:#747474;
	}	
A.menuLink:hover {
	text-decoration:none;
	font-size: 14px;
	color:#4d9dd4;
	}	
A.menuLink:active {
	text-decoration: none;
}



A.arcaneLink {
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #747474;
	}
A.arcaneLink:visited {
	text-decoration:none;
	color:#747474;
	}	
A.arcaneLink:hover {
	text-decoration:none;
	font-size: 11px;
	color:#4d9dd4;
	}	
A.arcaneLink:active {
	text-decoration: none;
	
}

.Toyota {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
}


.Toyota2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
}