/*----------
	Taylors Engineering - CSS Document 
----------*/

@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
	color: #B7B7B7;
	text-align: center;
	background-color: #151515;
	font: 62.5%/1.8em Verdana, Arial, Helvetica, sans-serif;
}

#body_bg {
	background: #1F1F1F url(../images/core/bg.jpg) repeat-x;
}

.home #container {
	font-size: 1.1em;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: left;
	background: #1F1F1F url(../images/core/bg-container.jpg) no-repeat center top;
}

#container {
	font-size: 1.1em;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: left;
	background: #1F1F1F url(../images/core/bg-container.jpg) no-repeat center top;
}


#content {
	width: 1000px;
}

.home #text {
	width: 445px;
	margin-right: 40px;
	_margin-right: 20px;
}

#text {
	width: 650px;
	margin-right: 40px;
}


/*----------	HeaDeR STYLeS	----------*/
#header {
	width: 1000px;
	height: 410px;
	position: relative;
}

#header img#logo { position: absolute; top: 27px; left: 0px; border: none; }
#header img#slogan { position: absolute; top: 190px; left: 25px; border: none; }

/*----------	NaVIGaTIoN STYLeS	----------*/
#nav {
	width: 220px;
	height: 356px;
	display: block;
	position: absolute;
	top: 27px;
	left: 262px;
	background: url(../images/nav/bg-nav.jpg) no-repeat;
}
#nav ul { margin: 0; position: absolute; top: 41px; left: 10px; }
#nav ul li { display: inline; background: none; padding: 0; }
#nav ul li a { width: 200px; display: block; height: 24px; margin: 1px 0; }
#nav ul li a:hover { background-position: -200px 0 !important; }
#nav ul li#home a { background: url(../images/nav/home.gif) no-repeat; }
#nav ul li#positions a { background: url(../images/nav/positions.gif) no-repeat; }
#nav ul li#specialised a { background: url(../images/nav/specialised2.gif) no-repeat; height:41px !important;}
#nav ul li#exotic a { background: url(../images/nav/exotic.gif) no-repeat; }
#nav ul li#workshop a { background: url(../images/nav/workshop.gif) no-repeat; }
#nav ul li#site a { background: url(../images/nav/site.gif) no-repeat; }
#nav ul li#project a { background: url(../images/nav/project.gif) no-repeat; }
#nav ul li#accreditation a { background: url(../images/nav/accreditation.gif) no-repeat; }
#nav ul li#contact a { background: url(../images/nav/contact.gif) no-repeat; }

.home li#home a,
.specialised li#specialised a,
.positions li#positions a,
.exotic li#exotic a,
.workshop li#workshop a,
.site li#site a,
.project li#project a,
.accreditation li#accreditation a,
.contact li#contact a {
	background-position: -200px 0 !important;
}

/*----------	BaNNeR STYLeS	----------*/
#flash {
	position: absolute;
	top: 64px;
	left: 492px;
	overflow:hidden;
	width:490px; 
	height:329px;
}

#flash img { border: 8px solid #FFFFFF; }

/*----------	CoMMoN STYLeS	----------*/
.clear { display: block; clear: both; }
.hidden { display: none; }
.right { float: right; }
.left { float: left; }

a { color: #EEC91B; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 5px solid #151515; margin: 10px; }
h1, h2 {
	color: #FFFFFF;
	font-size: 1.8em;
	padding: 10px 0;
	font-weight: normal;
}
h3 { color: #FFFFFF; font-size: 1.4em; }
strong { font-weight: bold; }
em { font-style: italic; }
hr { border: none; border-bottom: 1px solid #2C2C2C; margin: 10px 0; }
p { margin: 10px 0px; }
ul { margin: 10px 0; }
ul li { margin: 0px; background: url(../images/core/icon-list.gif) left center no-repeat; padding-left: 15px; }
img#mudmap { float: right; margin: 10px; }
img.inner_photos { float: right; margin: 10px;}

.top { border-top: 1px solid #2C2C2C; text-align: right; font-size: 0.9em; margin: 10px 0; }

/*----------	aDDReSS STYLeS	----------*/
#address { width: 218px; margin: 0px 30px 10px 26px; _margin: 0 30px 10px 13px; }
#address img { border: 5px solid #151515; }

/*----------	SeRVICeS STYLeS	----------*/
#services { width: 220px; }
#services a {
	color: #DCDCDC;
	font-size: 1.4em;
}

/*----------	FooTeR STYLeS	----------*/
#footer { color: #454444; width: 960px; margin: 0 auto; padding: 20px; text-align: left; font-size: 1.1em; }
#footer a { color: #858585; text-decoration: none; }	
#footer a:hover { text-decoration: underline; }
#footer ul { margin: 0; }
#footer ul li { float: left; padding: 0; margin-right: 15px; background: none; }
#footer img#wflogo { float: right; }