/*
====================================================
Style sheet for Rubery Owen website
Created by Tellura Information Services Ltd
March 2009
====================================================
*/

/*
==========================
Resets
==========================
*/


/*
==========================
Page defaults
==========================
*/

p {

}

#hangtext {	padding-left: 75px;}
#hangtext p {position: relative; margin: 5px 0;}
#hangtext p span { 
display: block; 
position: absolute; 
left: -75px; 
}

#hanging-logo {	padding-left: 120px;}
#hanging-logo p {position: relative; margin: 10px 0;}
#hanging-logo span { 
display: block; 
position: absolute; 
left: -120px; 
margin-top: 5px;
}


body {
	font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		font-weight: normal;
}

.clearboth {clear: both;}

/*
==========================
Page wrapper
==========================
*/
#wrapper {
	text-align: left;
	width: 950px;
	margin: 0 auto;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

/*
==========================
Banner
==========================
*/
#banner{
	background-image: url(../images/page_banner.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
	height: 184px;
	width: 950px;
}


/*
==========================
Navigation and contact box
==========================
*/
#navcolumn {
	float: left;
	width: 258px;
	margin: 20px 0 0 0;
/*	border: 1px solid #ff0000;*/
}

#nav {
	width: 210px;
	padding: 0;
	margin: 0 0 0 25px;
	/*border: 1px solid green;*/
	background: #f78f1e url(../images/menu-box-bottom.gif) no-repeat left bottom;

}

#nav h2 {
	background: url(../images/menu-box-top.gif) no-repeat left top;
	margin: 0;
	padding: 0;
}

/*Suppress dotty separator after last menu item*/
#nav .last {
	background: none;
}

#nav ul {
	margin: 0;
	padding: 0 0 30px 20px;
	list-style-type: none;
}
#nav ul li {
	display: block;
	width: 180px;
	height: 30px;
	line-height: 25px;
	background: url(../images/dotty-separator.gif) bottom left no-repeat;
}
#nav ul li a {
display: block;
	width: 172px;
	height: 25px;
	text-decoration: none;
	color: #000;
}
#nav ul a:hover {
	background-color: #ff9933;
}

/*Contact us grey box*/
#greybox {
		width: 210px;
		padding: 0;
		margin: 20px 0 20px 25px;
		/*border: 1px solid green;*/
		background: #d9d9d9 url(../images/grey-box-bottom.gif) no-repeat left bottom;
}

#greybox h2 {
	background: url(../images/grey-box-top.gif) no-repeat left top;
	margin: 0;
	padding: 0;
}

#greybox h3 {
	color: #f78f1e;
	padding:0 0 0 20px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0;
}

#greybox p {
	color: #444444;
	padding: 0 0 0 20px;
	font-size: 9px;
}

#greybox .last {
	padding-bottom: 80px;
}

/*Highlight the current page*/
#about-us #nav .about-us a,
#history #nav .history a,
#brm #nav .brm a,
#goc #nav .goc a,
#contact-us #nav .contact-us a {
	color: #fff;
	/*background-color: #f78f1e;*/
	cursor: default;
/*	font-weight: bold;*/
}




/*
==========================
Content
==========================
*/

/*Content is used on the home / about page*/
#content {
	float: left;
	width: 380px;
	padding: 0 15px 0 15px;
	margin: 20px 0;
/*	border: 1px solid red;*/
}

#content-wide {
	float: left;
	width: 680px;
	padding: 0 15px 0 15px;
	margin: 20px 0;
/*	border: 1px solid red;*/
}

* html #content {width:380px;}
* html #content-wide {width:650px;}

#content .pictureleft,
#content-wide .pictureleft {
	background-color: #fff;
	position: relative;
	display: inline;
	padding: 0;
	float: left;
	/* margin-top: 5px; */
	/* margin-left: 5px; */
	margin-right: 15px;
/* 	border: 1px dotted blue; */
/* 	overflow: hidden; */
}

#content .pictureright,
#content-wide .pictureright {
	background-color: #fff;
	position: relative;
	display: inline;
	float: right;
	margin-left: 15px;
/* 	border: 1px dotted red; */
/* 	overflow: hidden; */
}

#content-wide .parapicture {
	background-color: #fff;
	position: relative;
	display: inline;
	padding: 0;
	float: left;
	margin: 0;
/* 	border: 1px dotted green; */
}

#content .TextAttachment
#content-wide .TextAttachment {
}


#content-wide {
	float: left;
	width: 650px;
	padding: 0 15px 20px 15px;
	margin: 20px 0;
/*	border: 1px solid green;*/
}

#content-wide #address-block {
	float: left;
	width: 300px;
/*	border: 1px solid blue;*/
}

/* Various Holly hacks to address IE bad behaviour */
* html #content,
* html #content-wide,
* html #content .pictureleft,
/* * html #content-wide .pictureleft, */
/* * html #content .pictureright, */
* html #content-wide .pictureright div,
* html #content-wide .pictureleft div {height: 1%;}


/*
==========================
WebYep div styles
==========================
*/


#content .PagePicture,
#content-wide .PagePicture {
}

#content .ParaPicture,
#content-wide .ParaPicture {
margin: 10px 0 0 0;
}

#content .ParaText,
#content-wide .ParaText {
margin: 10px 0;
/* border: 1px solid green; */
}

#content .TextLeft,
#content-wide .TextLeft {
/* border: 1px solid red; */
margin: 10px 0;
}

#content .TextRight,
#content-wide .TextRight {
/* border: 1px solid blue; */
margin: 10px 0;
}

#ro-google-map {
	height: 200px;
	width: 340px;
	float: right;
/*	border: 1px solid red;*/
	border-top: 1px solid #999;
	border-right: 2px solid #444;
	border-bottom: 2px solid #444;
	border-left: 1px solid #999;
	
	margin: -30px 0 0 0;
}

/*Image map for company locations*/
#map-box {
	float: right;
/*	border: 1px solid purple;*/
	margin: 20px 0 0 0;
}
#companies-location-map {
	background: url(../images/companies-location-map.gif) no-repeat;
	width: 640px;
	height: 480px;
	position: relative;
/*	top: 120px;*/
/*	border: 1px solid red;*/
}

#companies-location-map ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

#companies-location-map a {
	position: absolute;
	text-indent: -1000em;
/*	border: 1px solid #f78f1e;*/
}

#companies-location-map a:hover {
	border: 1px dotted #f78f1e;
}

#companies-location-map .meh a {
	top: 54px;
	left: 0;
	width: 179px;
	height: 109px;
}

#companies-location-map .rozone a {
	top: 0;
	left: 461px;
	width: 179px;
	height: 110px;
}

#companies-location-map .rotech a {
	top: 166px;
	left: 461px;
	width: 179px;
	height: 109px;
}

#companies-location-map .burrowsgm a {
	top: 218px;
	left: 0px;
	width: 190px;
	height: 169px;
}

#companies-location-map .shukers a {
	top: 331px;
	left: 352px;
	width: 251px;
	height: 149px;
}

/*
==========================
Table styles for BRM page
==========================
*/

/*Containing div for table overcomes shortcomings in IE6 table margin management*/
#brm-grandprix-winners {
	margin: 20px 0;
}

table {
	border-collapse: collapse;
	width: 625px;
	border: 1px solid #000;
	margin-top: 20px;
}

table a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

/*Not using caption style since it is not widely supported. Kept here for future use*/
caption {
	font-size: 12px;
	font-weight:bold;
	margin-top: 20px 0;
}

thead {
	background: #006600;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	color: #fff;
}

tr {
	height: 20px;
}
.odd {
	background-color: #d5ecc3;
}

.short {
	height: 5px;
}

tr:hover {
	background-color: #c1d6b1;
}
thead tr:hover {
	background-color: transparent;
}

/*
==========================
Sidebar (where needed)
==========================
*/
#sidebar {
	float: left;
	width: 275px;
/*	padding: 10px;*/
	margin: 10px 0;
/*	border: 1px solid blue;*/
}

#sidebar .heading {
	float: right;
	display: inline;
	margin-right: 5px;
}
#sidebar #row1 {
	float: right;
	padding: 10px;
/*	border: 1px solid red;*/
}
#sidebar #row2 {
	float: right;
	padding: 10px;
/*	border: 1px solid black;*/
}
#sidebar #row3 {
	float: right;
	padding: 10px;
/*	border: 1px solid green;*/
}

#sidebar img {
	border: none;
}
/*
==========================
Footer
==========================
*/
#footer {
	clear: both;
	background-image: url(../images/page_footer.png);
	/*background-color: #ffffcc;*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	height: 68px;
	width: 950px;
	color: #fff;
	/*border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;*/
	/*line-height: 18px;*/
	/*margin: 10px 25px;
	padding: 5px 0;*/
}

#footer .left {
	float: left;
	margin: 20px 0 0 5px;
	display: inline;
	font-size: 9px;
	line-height: 17px;
}

#footer .right {
	float: right;
	text-align: right;
	margin: 20px 5px 0 0;
	display: inline;
	font-size: 9px;
	line-height: 17px;
}

#footer a,
#footer a:visited {
	text-decoration: none;
	color: #ffffff;
}

#footer a:hover {
	color: #f78f1e;
}

/*
====================================================
End of style sheet for Rubery Owen website
Created by Tellura Information Services Ltd
March 2009
====================================================
*/