/* ------------------------------------------------------------------------- */
/* CSS DOCUMENT */
/* ------------------------------------------------------------------------- */
/*
Title:      www.phillipsmotirservices.co.uk
Author:     Chris Phillips
Updated:    March 08
*/
/* ------------------------------------------------------------------------- */

html {
	/* fixes firefox to have vert scroll bars */
	/* -------------------------------------- */
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
}

body{
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	margin:0px 0 20px 0;
	padding:0;
	font-size:12px;
}

a{
	color:#0099ff;
}

.clearall{
	clear:both;
}

#page	{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

/*  All Pages */
/*------------------------------------------------------------------------*/

#logo	{
	width:288px;
	height:110px;
	float:left;
}

#navbar	{
	width:712px;
	height:110px;
	background-image:url(../images/navbar_bg.gif);
	background-repeat:no-repeat;
	float:left;
}

#navbar ul{
	margin:0;
	padding:0;
	list-style:none;
	margin:80px 0 0 0 ;
}

#navbar li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:100px;
	height:30px;
	text-align:center;
	border-right:1px solid #000000;
	padding:0;
}

#navbar li a{
	color:#ffffff;
	text-decoration:none;
	width:100px;
	height:22px;
	margin:0;
	padding:8px 0 0 0;
	display:block;
}

#navbar li a:hover	{
	background-color:#000000;
	text-decoration:none;
}

/* Second Level Nav - All Pages */
/*----------------------------------------------------------------------------------------------------- */

#navbar li ul { /* second-level lists */
	position: absolute;
	z-index:100;
	background-color:#f90201; 
	width: 100px;
	left: -999em;
	margin:0;
	
	/* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navbar li ul li{
	background-color:#f90201;
	color:#FFFFFF;
	width:100px;
	height:30px;
	margin:0;
	border-top: 1px solid #000000;
	border-right:none;
}

#navbar li ul li a{
	background-color:#f90201;
	background-image:none;
	width:90px;
	height:13px;
	color:#ffffff;
	text-align:left;
	padding:7px 0px 10px 10px;
}

#navbar li ul li a:hover{
	color:#ffffff;
	background-color:#000000;
	padding:7px 0px 10px 10px;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: 0px 0 0 -50px;
}

#navbar li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#navbar li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#navbar li:hover, #nav li.hover {
    position: static;
}

#navbar li a span{
	display:none;
}

#leftcol	{
	width:799px;
	height:544px;
	margin:10px 1px 0 0;
	background-image:url(../images/leftcol_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#leftcol h1	{
	width:600px;
	color:#4d4e50;
	text-align:center;
	font-size:2.0em;
	font-weight:lighter;
	float:left;
	margin:10px 0 20px 80px;
	padding:0 120px 0  0;
}

#leftcol h1 span	{
	color:#f90201;
}

#leftcol	ul	{
	width:749px;
	margin:0 0 30px 50px;
	padding:0;
	list-style:none;
	float:left;
	font-size:1.2em;
}

#leftcol ul li	{
	width:700px;
	list-style-image:url(../images/list-icon.gif);
	margin:0 0 10px 0;
}

#leftcol .query	{
	color:#f90201;
	margin:0px 0 0 30px;
	padding:0;
	font-size:1.2em;
	font-weight:bold;
	width:749px;
}


#leftcol .phone {
	width:300px;
	color:#4d4e50;
	font-size:2.3em;
	margin:35px 0 0 90px;
	float:left;
}
	
#leftcol .email {
	width:300px;
	color:#4d4e50;
	font-size:1.7em;
	margin:40px 0 0 30px;
	float:left;
}

#leftcol .email a	{
	color:#4d4e50;
	text-decoration:none;
}

#leftcol .email a:hover	{
	color:#f90201;
}

#rightcol	{
	width:200px;
	float:right;
	margin:0;
	padding:0;
}
	
#rightcol .image	{
	width:200px;
	height:110px;
	margin-top:1px;
	float:left;
}


#content	{
	width:1000px;
	height:177px;
	background-image:url(../images/maincontent_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

.text	{
	width:700px;
	margin:10px 0 0 50px;
}

.pagetext	{
	width:700px;
	margin:20px 0 50px 20px;
	float:left;
}

.pagetext	h3{
	margin:10px 0 0 0;
	padding:0;
}

.pagetext	ul{
	width:310px;
	float:left;
	list-style:none;
}

.pageimg	{
	width:158px;
	float:right;
	margin:50px 20px 0px 0px;
}

.pageimg .pic	{
	width:150px;
	height:150px;
	padding:3px;
	margin:10px 0 10px 0;
	border:1px solid #666666;
}
	
.pageimg .pictext	{
	text-align:center;
	color:#f90201;
	font-weight:bold;
}	


/*  About Us Page */
/*------------------------------------------------------------------------*/

.about	{
	width:1000px;
	margin:20px 0 50px 0px;
}

.aboutimg	{
	width:150px;
	float:left;
}

.about h1, .pagetext	h1{
	margin:0  0 0 0px;
	color:#4d4e50;
	font-size:2.0em;
	font-weight:lighter;
}

.about h2, .pagetext  h2{
	color:#4d4e50;
	font-size:1.5em;
	font-weight:lighter;
	margin:20px  0 10px 10px ;
}


.staffl	{
	width:478px;
	margin:5px;
	float:left;
}

.staffr	{
	width:478px;
	margin:5px;
	float:right;
}

.staffl .staffimg, .staffr .staffimg	{
	width:85px;
	height:120px;
	float:left;
	margin:5px 20px 5px 5px;
	padding:3px;
	border:1px solid #666666;
}

.staffl .stafftext, .staffr .stafftext	{
	width:350px;
	height:130px;
	float:left;
	padding:0;
	margin:0;
	}
	

.byline	{
	width:700px;
	margin:10px  0 10px 15px;
	line-height:1.3em;
	}
	
.byline	a{
	color:#4d4e50;
	text-decoration:underline;
}

.byline	a:hover{
color:#f90201;
}

.byline	 span	{
	color:#f90201;
	font-weight:bold;
}

/*  Find Us Page */
/*------------------------------------------------------------------------*/


#leftcontact	{
	width:300px;
	float:left;
	margin:20px 0px 0px 100px;
}

#leftcontact h1 {
	color:#4d4e50;
	font-size:2.0em;
	font-weight:lighter;
}

#leftcontact	ul	{
	list-style:none;
	font-size:1.3em;
	text-align:left;
	margin:0;
	padding:0;
}

#leftcontact .contact	{
	font-size:1.3em;
}

#leftcontact .contact a	{
	text-decoration:none;
	color:#666666;
}

#leftcontact .contact a:hover	{
	color:#f90201;
}


#rightcontact	{
	width:500px;
	float:left;
}

#rightcontact #map	{
	width:500px;
	height:400px;
	float:left;
	border:3px solid #666666;
	margin:40px 0 0px 50px;
}

/*  Footer */
/*------------------------------------------------------------------------*/


#footer	{
	width:1000px;
	height:50px;
	background-color:#4d4e50;
	margin-top:1px;
}

#footer ul	{
	margin:0;
	padding:0;
	list-style:none;
	margin:0; 
}

#footer li	{
	margin:18px 30px 0px 10px;
	padding:0;
	list-style:none;
	float:left;
	height:30px;
	color:#FFFFFF;
}

#footer	li a	{
	color:#FFFFFF;
	text-decoration:none;
}

#footer	li a:hover	{
	text-decoration:underline;
}

#footer #bookmark	{
	width:120px;
	float:left;
	margin:18px 0 0 0;
	
}

#footer #bookmark	img {
	margin:0 5px 0 0;
}

#footer #bookmark	a{
	width:100px;
	text-decoration:none;
	text-align:right;
	color:#FFffff;
}

#footer #bookmark	a:hover {
	text-decoration:underline;
}