/*
----------------------------
Filongley Garage
Author: Bright Fox Solutions
----------------------------
*/

*
{
	margin: 0px;
	padding: 0px;
}

body
{
	background: url(../images/body.jpg) repeat-x top left;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#container
{
	width: 770px;
	margin: auto;
	text-align: left;
	overflow: hidden;
}

div#header
{
	float: left;
	display: inline;
	width: 770px;
	height: 142px;
	position: relative;
}

div#header h1
{
	float: left;
	display: inline;
	background: url(../images/logo.gif) no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
	margin: 18px 0px 0px 68px;
}

div#header h1 a
{
	display: block;
	width: 277px;
	height: 33px;
}

div#header p#telephone
{
	position: absolute;
	top: 51px;
	left: 234px;
	width: 111px;
	height: 18px;
	background: url(../images/telephone.gif) no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
}

div#header img#avro
{
	position: absolute;
	top: 7px;
	right: 157px;
	width: 101px;
	height: 121px;
}

div#header img#testing
{
	position: absolute;
	top: 18px;
	right: 60px;
	width: 97px;
	height: 113px;
}

div#maincontent
{
	float: left;
	display: inline;
	width: 433px;
	min-height: 351px;
	background: url(../images/content.jpg) no-repeat top left;
	margin: -29px 0px 0px 46px;
	position: relative;
}

div#maincontent h2
{
	width: 377px;
	color: #9b0700;
	font-size: 1.375em;
	font-weight: normal;
	margin: 40px 0px 25px 29px;
}

div#maincontent h3
{
	width: 377px;
	color: #9b0700;
	font-size: 1.1em;
	font-weight: normal;
	margin: 20px 0px -5px 29px;
}

div#maincontent p
{
	width: 377px;
	font-size: 0.8em;
	color: #4b4a4a;
	margin: 13px 0px 13px 29px;
}

div#maincontent ul
{
	list-style: none;
	width: 377px;
	margin: 13px 0px 13px 25px;
}

div#maincontent ul li
{
	color: #4b4a4a;
	font-size: 0.8em;
	background: url(../images/point.gif) no-repeat 0px 1px;
	margin: 3px 0px;
	padding-left: 16px;
}

div#maincontet p#phone span, div#maincontent p#email span
{
	float: left;
	display: inline;
	width: 65px;
}

div#secondarycontent
{
	float: right;
	display: inline;
	width: 270px;
}

div#portfolio
{
	float: left;
	display: inline;
	width: 178px;
	background: #be1901 repeat top left;
	margin: 13px 0px 0px 16px;
	padding: 2px 0px 0px 2px;
}

div#portfolio a
{
	float: left;
	display: inline;
	margin: 0px 0px 2px 0px;
}

div#portfolio a.right
{
	float: right;
	display: inline;
	margin-right: 2px;
}

div#portfolio a img
{
	width: 87px;
	height: 87px;
	border: none;
}

div#portfolio p#address
{
	width: 178px;
	text-align: center;
	color: #fefefe;
	font-size: 0.875em;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	clear: left;
}

div#footer
{
	float: left;
	display: inline;
	width: 770px;
	height: 50px;
	background: url(../images/line.gif) no-repeat 51px 0px;
	margin-top: 18px;
}

div#footer p
{
	text-align: center;
	font-size: 0.7em;
	color: #4b4a4a;
	margin-top: 15px;
}

/* Navigation */

div#cmsnav
{
	position: absolute;
	top: 86px;
	left: 98px;
}

div#cmsnav ul
{
	list-style: none;
	float: left;
	display: inline;
	width: 355px;
}

div#cmsnav ul li
{
	float: left;
}

div#cmsnav ul li a
{
	float: left;
	display: inline;
	height: 27px;
	text-indent: -999em;
	overflow: hidden;
	margin-right: 19px;
}

div#cmsnav ul li#navhome a {background: url(../images/home.gif) no-repeat top left; width: 46px;}
div#cmsnav ul li#navabout a {background: url(../images/about.gif) no-repeat top left; width: 71px;}
div#cmsnav ul li#navservices a {background: url(../images/services.gif) no-repeat top left; width: 71px;}
div#cmsnav ul li#navcontact a {background: url(../images/contact.gif) no-repeat top left; width: 87px;}

div#cmsnav ul li#navhome a:hover {background: url(../images/home-hover.gif) no-repeat top left;}
div#cmsnav ul li#navabout a:hover {background: url(../images/about-hover.gif) no-repeat top left;}
div#cmsnav ul li#navservices a:hover {background: url(../images/services-hover.gif) no-repeat top left;}
div#cmsnav ul li#navcontact a:hover {background: url(../images/contact-hover.gif) no-repeat top left;}

body.homepg div#cmsnav ul li#navhome a {background: url(../images/home-hover.gif) no-repeat top left;}
body.aboutpg div#cmsnav ul li#navabout a {background: url(../images/about-hover.gif) no-repeat top left;}
body.servicespg div#cmsnav ul li#navservices a {background: url(../images/services-hover.gif) no-repeat top left;}
body.contactpg div#cmsnav ul li#navcontact a {background: url(../images/contact-hover.gif) no-repeat top left;}

/* End Navigation */