/*
	Cardiff Drain Cleaning
	--------------------------------------------
	Background Grey		: #3D4C5B;
	Nav Hover 			: #C9B49E;

*/

body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 77%;
	color					: #FFFFFF;
	background-color		: #3D4C5B;
	text-align				: center;
	margin					: 0px;
	padding 				: 0px;
}
#container{
	width					: 748px;
	height					: 700px;
	margin-right			: auto;
	margin-left				: auto;
	text-align				: left;
	display					: block;
	background-color		: #3D4C5B;
}
#leftBar{
	width 					: 150px;
	float 					: left;
}

.logo{
	margin-left 			: 155px;
	border 					: 0px none;
}
.contactDetails{
	text-align				: right;
	margin-top 				: 300px;
}
.contactDetails a{
	color 					: #8796A5;
}
.tel{
	font-size				: 180%;
}.fax{
	font-size				: 160%;
	letter-spacing:-1.3pt;
}
.footerContent{
	font-size				: 80%;
	color 					: #8796A5;
}
ul#leftnav{
	list-style				: none;
	margin 					: 0px;
	padding 				: 0px;
	width 					: 150px;
	
}
ul#leftnav li a{
	display 				: block;
	text-align 				: right;
	text-decoration 		: none;
	color 					: #FFFFFF;
	width 					: 144px;
	padding 				: 3px;
	height 					: 15px;
	font-weight 			: bold;
}
ul#leftnav li a:hover{
	color 					: #ff0000;
}


#content{
	width 					: 571px;
	height 					: 455px;
	border 					: 2px solid #FFFFFF;
	background-image		: url(../images/content_background.jpg);
	background-repeat		: repeat-x;
	background-color 		: #B0BBD1;
	float					: left;
	margin-left				: 10px;
}
#topnav{
	list-style				: none;
	margin 					: 0px;
	padding 				: 0px;
	width 					: 571px;
}
ul#topnav li{
	display					: inline;
}
ul#topnav li a{
	display					: block;
	float 					: left;
	color 					: #FFFFFF;
	font-weight 			: bold;
	padding 				: 5px;
	margin-top 				: 1px;
	border-left				: 1px solid #3D4C5B;
	background-color 		: #C9B49E;
	text-decoration 		: none;
	text-align				: center;
	padding-left 			: 10px;
	padding-right 			: 9px;
}

ul#topnav li a.last{
	padding-right 			: 8px;
	border-right				: 0px none;
	margin-right:-1px;
}
ul#topnav li a:hover{
	background-color 		: #8B7258;
}
#images{
	float					: left;
	margin-top				: 10px;
	margin-left				: 10px;
}

#images img{
	border 					: 1px solid #FFFFFF;
	margin-left 			: 10px;
}
#images img.first{
	margin-left 			: 0px;
}
#scrollingContent{
	margin					: 8px;
	padding					: 8px;
	width 					: 539px;
	height 					: 390px;
	overflow 				: auto;
	overflow-x 				: hidden;
	display 				: block;
	clear 					: both;
}


/* ----------------------------------------------------- */
h1{
	font-size 				: 175%;
}
a.generalLink{
	color 					: #FFFFFF;
}
a.generalLink:hover{
	color 					: #FF0000;
}