/* Experimental CSS Upgrade for DrivenScotland.com
 * Author Rafe Pilling
 * Last Updated 20/02/2006
 */

 /* Set all margins and padding to 0 */
* {margin:0; padding:0;}

/* Set background and global font settings */
body{color:#550055;
	font-family:Verdana, sans-serif; 
		font-size: 1em;
	text-align: center;
	behavior:url(csshover.htc);
	background:#A9AB9F url(../img/container_bg.jpg) top center repeat-y;
}
 
div#wrapper {
	position:relative;
	background: transparent url(../img/container_bg.jpg) top left repeat-y;
	width: 754px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}


div#header {
	position:absolute;
	width:754px;
	height:251px;
	background:transparent url(../img/header_bg.gif) top left no-repeat;
	left: 2px;
	top: -13px;
}

/* Start Logo Div */
div#logo {
	width:339px;	
	height:27px;
	background-image:url(../img/HeaderLogo.gif);
	background-repeat:no-repeat;
	position:absolute;
		left: 33px;
		top: 23px;
}
/* End Logo Div */

/* Start Header Div */	
div#headerImg {
	width:701px; height:183px;
	background-image:url(../img/HeaderImg2.jpg);
	background-repeat:no-repeat;
	position:absolute;
		left: 28px;
		top: 49px;
}
/* End Header Div */

/* CSS Document */

/*Horizontal Drop Down Menus*/
#menu {
width: 470px;
background-color: #fff;
float: left;
position:absolute;
		left: 31px;
		top: 245px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 7em;
float: left;
}

#menu a, #menu h2 {
	font-size:.9em;
	display: block;
	margin: 0;
	padding: 2px 3px;
	font-family: verdana,sans-serif;
}

#menu h2 {
	text-transform:uppercase;
	color: #fff;
	background-color: #FFFFFF;
	font-size:.8em;
}

#menu a {
	color: #505;
	background: #000;
	text-decoration: none;
	text-align:center;
	background-color: #FFFFFF;
}

#menu a:hover {
	color: #FFFFFF;
	background-color: #505;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
font-size:.5ems;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul, div#menu ul li.over ul,
div#menu ul ul li:hover ul, div#menu ul ul li.over ul,
div#menu ul ul ul li:hover ul, div#menu ul ul ul li.over ul
{display: block;}

/* Start Content Div */	
div#content {
	position:absolute;
	left: 25px;
	top: 276px;
	width: 474px;
	height: 223px;
}
/* End Content Div */

/* Start Sidebar Div */
div#sidebar {
	position:absolute;
	left: 539px;
	top: 245px;
	width: 215px;
	height: 238px;
}
/* End Sidebar Div */

/* Start Footer Div */
div#footer {
	position:absolute;
	left: 1px;
	top: 2107px;
	width: 754px;
	height: 40px;
	background-image:url(../img/footer_bg.gif);
	
}
/* End Footer Div */

/* Content Styles */
p {font-size:.8em; color:#550055; margin-top:1em;}

div#content h1 {
	font-size: 1.2em; 
	color:#550055;
	text-align:center
}
div#content p.welcome {
	color:#550055;
 	font-size:.8em;
	margin-top:1em;
}

div#content p.contact {font-size:1em; color:#550055; margin-top:1em; }
div#content li {
	color: #550055; 
	text-decoration:none;
	list-style: none; 
	margin-top: 1em;
	padding-left:2em;}
	
div#content li a {text-decoration:none; }	

div#content img {padding:.3em; margin-left:3em; margin-top: 1em; border-width:1px; border-style:solid; color:#550055;}
#imagegallery {list-style:none;}
#imagegallery li {display:inline;}
#imagegallery li img {padding:5px; border:none; margin-top:1em; margin-right:.2em;}
#description {margin-left:5em; padding-left:1em;}
#primary {margin-left:2em;}
#servicesList{color: #550055;font-size:.8em; color:#550055; margin-top:.5em;text-transform: uppercase;}


div#sidebar h2 {color:#550055;}
div#sidebar p.contact {font-size:.8em; color:#550055; margin-top:.5em;}
div#sidebar img.sidebar {display:block; padding: 5px; margin: 5px;}

div#footer p {
	font-size: .6em; 
		color:#550055;
	text-align:center;
	padding: 1em .5em;}

.top {font-size: .8em; color:#550055;}


/* Alsett Clearing Method Code
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}*/
