/* --------------------------------------------------------
  ABLE247 LOCKSMITH SERVICES
   -------------------------------------------------------- */

/* Declare body first of all */

body {
background:#333;
font:normal 62.5% 'Lucida Grande',Verdana,sans-serif;
text-align:center;

 scrollbar-face-color: #369;
 scrollbar-base-color: #036;
 scrollbar-arrow-color: #f90;
 scrollbar-highlight-color: #69c;
 scrollbar-3d-light-color: #369;
 scrollbar-shadow-color: #036;
 scrollbar-dark-shadow-color: #036;}



}


/* Message is not part of the case study - just provides info and a link to the main book site */

#message {
height:20px;
}
#message p {
padding:5px;
color:#FFF;
}
#message a:link, #message a:visited {
color:#FFF;
}
#message a:hover {
color:#FFF;
}

/* Wireframing - use border:1px to place borders around all div elements during development, but be aware that you'll need to change sidebar width to 306px to allow for the border widths */

div {
margin:0;
padding:0;
border:0px solid #F00;
}

/* ---------------
   Layout elements
   --------------- */

/* Masthead and descendants */

#masthead {
	height:132px;
	background:url(herefordlocksmith/locksmith_01.jpg) no-repeat;
	border-bottom: 5px;
	border-bottom-color: #FFFFFF;	
}

#masthead h1 {
display:none;
}
/* Main Dead Goods logo */
#masthead img {
margin:0 0 0 300px;
}

/* Container - needed only for faux background */

#container {
	width:780px;
	margin:20px auto 20px auto;
	background:#211E0E;
background-image:url(herefordlocksmith/white.jpg);
	background-repeat: repeat;
}

/* The main column and descendants */

#mainCol {
	float:right;
	width:594px;
	font-size:1.1em;
	line-height:150%;
	color:#000000;
	text-align:left;
	background-color: #EAEAEA;
	
}

#mainCol ul {
list-style:none;
margin:10px 0 10px 0;
padding:0;
}
#mainCol li {
display:inline;
margin:0 10px 0 0;
padding:0;
line-height:200%;
}
#mainCol li a:link, #mainCol li a:visited {
text-decoration:none;
font-size:1.3em;
font-weight:bold;
color:#000000;
}
#mainCol li a:hover {
color:#FFF;
}
/* Highlighting the current page */
#home #mainCol a.home { 
border-bottom:3px solid #FFE86C;
}
#about #mainCol a.about { 
border-bottom:3px solid #FFE86C;
}
#area #mainCol a.area { 
border-bottom:3px solid #FFE86C;
}
#contact #mainCol a.contact { 
border-bottom:3px solid #FFE86C;
}
#access #mainCol a.access { 
border-bottom:3px solid #FFE86C;
}
#mainCol p {
width:300px;

}

/* The left column and descendants */

#sidebar {
	float:left;
	margin:0;
	width:186px;
	background-color: #FFFFFF;
	
}
.style1 {color: #FF0000}
#sidebar li{
	list-style:none;
	padding:12px 5px 0px 5px;
	line-height:160%;
	font-weight: bold;
	text-align:left;
	margin:0 10px 0 0;
}
#sidebar ul{
	list-style:none;
	padding:12px 5px 0px 5px;
	line-height:160%;
	font-weight: bold;
	text-align:left;
	margin:0 ;
}
#sidebar p{

	padding:0;
	line-height:160%;
	font-weight: bold;
	text-align: center;	
}


/* The footer and descendants */

#footer {
	clear:both;
	height:10em;
	
	font-size:0.9em;
	line-height:150%;
	color:#999999;
	text-align:centre;
	background-color: #FFFFFF;
}

#footer img {
float:left;
margin:10px 112px 60px 56px;
}

#footer ul {
list-style:none;
margin:10px 0 0 0;
padding:0;
}
#footer li {
display:inline;
margin:0 10px 0 0;
padding:0;
line-height:160%;
}
#footer li a:link, #footer li a:visited {
text-decoration:none;
font-weight:bold;
color:#999999;
font-size:1em;
}
#footer li a:hover {
color:#FFF;
}

#footer p {
margin:0 0 3px 0;
}

/* ----------------------------
   All headings and versions of 
   ---------------------------- */

h2, h3 {
color:#000099;
}
h2 {
margin-left:5px;
margin-top:40px;
font-size:1.6em;
}
h3 {
margin-top:30px;
font-size:1.5em;	
}
h4 {
margin:550px 0 10px 56px;
font-size:1.3em;
color:#FFE86C;
}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
color:#000000;
text-decoration:none;
}

/* ---------------------
   Other common elements 
   --------------------- */

abbr {
	
}

/* Turn off borders on image links */
img {
border:0;
}

/* Link states */

a:link {
	
}
a:visited {
	
}
a:hover {
	
}
a:active {
	
}

/* ------------
   Unique Items 
   ------------*/

.date {
	
}

/* -------------
   Form elements 
   -------------*/

form {
margin:0;
padding:0;
}

fieldset {
border:0;
margin:10px 0 10px 56px;
padding:0;	
}

label {
font-weight:bold;
color:#FFE86C;
}

input.submit {
margin:0 0 30px 56px;
}
.image_float {
	float:right;
	
	}
	
.stream {
	width:380px;
	height:475px;
	padding:10px;
border;1px solid #999;
	list-style:none;
	overflow:auto;
	border-color: #211E0E;;
}