body {
	
	padding-top: 10px;
	background: url(images/backgroundimage.jpg)  no-repeat;
	background-color: rgb(189,231,193);
	font-size: 75%;	
}

p {
	font:normal 1.2em Verdana,Geneva,Tahoma,sans-serif;	
	line-height: 1.7em;
	margin:0px 0px 10px 0px;
	
}



#wrapper {
	width: 960px;	
	margin: 0 auto;
	
}
/*header----------------------------------------*/
#header {
	height: 165px;
	background: url(images/smiths-logo-final.png) no-repeat left top;	
	margin-bottom: 5px;
}

h1 {
	font-family: Georgia,Times,"Times New Roman",serif;
	font-size: 2.3em;
	padding-top: 110px;
	font-weight: bold;
	visibility:hidden;
}

	/*navigation----------------------------------------------*/
	
	#navigation {
		font-family: Georgia,Times,"Times New Roman",serif;	
		float: right;
		font-size: 1.4em;
		margin-top:2px;
		text-transform: capitalize;
		list-style-type:none;
	}
	
	#navigation li {	
		display: inline;	
		padding: 0px 7px 0px 21px;
		border-right:1px solid black;	
		
	}
	
	#navigation li a {
		color:black;
	}
	
	#navigation li a:link,#navigation li a:visited {	
		text-decoration: none;
		
	}
	
	#navigation li a:hover,#navigation li a:active {	
		color: rgb(0,146,69);	
	}
	
	 #navigation li .active {
		color: #F28404;
		font-weight: bold;		
	}
		
	
	/*end of navigation-------------------------------*/

/*end of header----------------------------------*/


/*banner----------------------------------------------*/

#banner {
	height: 160px;
	background: url(images/banner.jpg) no-repeat left top;	
}


	/*opening hours--------------------------------------*/
	
	#openinghours {
		float:right;
		width:200px;
		height:100px;
		margin-top:-180px;
		background: url(images/postit.png) no-repeat left top;		
	}
	
	h4 {
	font: bold small-caps 1.9em 'Coming Soon', cursive;	
	color: rgb(247,147,30);	
	text-align: left;	
	padding: 3px 0px 7px 25px;	
	}
	
	#openinghours p {
	font: 1.1em 'Coming Soon', cursive;
	margin-top: 2px;
	color: rgb(0,146,69);
	text-align: left;
	padding-left:13px;
	line-height: 1em;
	}
	
	.hidecontent {
	visibility:hidden;
}


	/* end of opening hours---------------------------------------*/

/*end of banner----------------------------------------------*/


/*content-------------------------------------------*/
#content {
	width:960px;
	background-color: white;
	overflow: auto;
	min-height: 400px;
	
}
	/*main content-------------------------------------------*/
	#content-main {
		width: 602px;	
		float:left;
		padding:30px 20px 0px 50px;
		}
	
	h2 {
	font: bold 1.4em Georgia,Times,"Times New Roman",serif;	
	color:red;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 20px;
	margin-bottom: 40px;
	}
	
	h3 {
	font:bold 2.5em Georgia,Times,"Times New Roman",serif;
	color: red;
	text-transform: uppercase;
	margin-bottom: 25px;
	background: url(images/orange.jpg) no-repeat left center;
	padding-left: 25px;
	margin-left: 20px;
	}	
	
	h5 {
	font:1.5em Verdana,Geneva,Tahoma,sans-serif;
	color: white;	
	text-transform:capitalize;	
	}
	
	#content-main p{	
	text-indent: 20px;
	}
	
	/*end of main content----------------------------------*/
	
	/*content-sub-------------------------------------------*/
	#content-sub {
	padding-top:90px;
	width:238px;
	float:left;
	padding-left: 30px;
	padding-right: 20px;
	}
	
	#content-sub p {
	font-size:1em;
	color: black;
	margin-bottom: 10px;
	min-height:80px;
	background: url(images/tail.gif) repeat-x left bottom;	
	}
	
	#content-sub img {
	float:left;
	margin-right:8px;
	border:1px solid rgb(171,171,171);
	background-color: rgb(171,171,171);	
	}
	
	#content-sub h2 {
	font:bold 1em Georgia,Times,"Times New Roman",serif;
	padding:0px;
	color: #F28404; 
	margin-bottom: 0px; 
	}
	
	h6{
	font: bold 0.9em Verdana, Geneva, Tahoma, sans-serif;
	color: rgb(0,146,69);
	padding-top: 5px;
	letter-spacing: 0em;
	margin: 10px 0px 20px;
	text-transform: uppercase;
	}

	
	/*end of sub-content------------------------------------*/

/*end of content-----------------------------------*/	


/*footer-----------------------------------------------*/

#footer {
	clear:both;
	height: 190px;
	background: url(images/bottom_image2.jpg) no-repeat left bottom;	
	background-color:white;
	padding-top:40px;
}

/*end of footer-------------------------------------*/

/*copyright------------------------------------------*/

#copyright img {
	margin-right:10px;
	display:inline
}
#copyright {		
	width: 910px;	
	background-color: #FFF;
	padding: 15px 0px 15px 50px;	
	font-size:0.9em;
			
}

#copyright p{
	font-family: Verdana,Geneva,Tahoma,sans-serif;
	text-align:center;
	margin:-20px 0px 0px 0px;	
}

#copyright p a {
	color:black;
	text-decoration:none;	
}

#copyright p.gototop {
	text-align:right;
	margin: -25px 50px 0px 0px;
	background: url(images/back-to-top.jpg) no-repeat right center;	
	padding-right:15px;
	cursor: pointer;	
}

/*end of copyright-------------------------------*/



/*image rollover-----------------------------------*/

.img-wrap,.img-wrap2{
height:250px;
overflow:hidden;
position:relative;
width:250px;
float:left;
margin-right:49px;
margin-bottom:50px;
border: 1px solid grey;
}

.img-wrap2{
height:250px;
overflow:hidden;
position:relative;
width:250px;
float:left;
margin-right:0px;
margin-bottom:50px;
border: 1px solid grey;
}

.img-wrap.nomargin,.img-wrap2.nomargin{
	margin-bottom:0px;
}

.img-overlay{
background-color:#000;
/*bottom:0;*/
top:0;
color:#fff;
opacity:0.75;
filter: alpha(opacity = 75);
position:absolute;
width:100%;
z-index:1000;
height: 81px;
}

.img-overlay h5, .img-overlay p{
padding:0px;

}

.img-overlay h5 {
	font-size:1.2em;
	margin:5px 0px 10px 10px;
	text-transform:uppercase;
	font-weight: bold;	
}

.img-wrap:hover .img-overlay,.img-wrap2:hover .img-overlay{
opacity:0;
filter: alpha(opacity = 0);
transition:opacity 0.25s;
-moz-transition:opacity 0.25s;
-webkit-transition:opacity 0.25s;
}

 #content-main .img-wrap  p, #content-main .img-wrap2  p {
	text-indent:0px;
	font-size:0.9 em;
	margin-left: 10px;
	line-height:1em; 
}

/*end of navigation-------------------------------*/


/*contact------------------------------------------------*/
.address {
	background:url(images/address.jpg) no-repeat left center;	
	padding-left:20px;
	margin-bottom:25px;
}

.email {
	background:url(images/email.jpg) no-repeat left center;	
	padding-left:20px;
	margin-bottom:25px;
}

.telephone {
	background:url(images/telephone.jpg) no-repeat left center;	
	padding-left:20px;
	margin-bottom:25px;
}

.doubleline {
	background: url(images/tail.gif) repeat-x left bottom;    
	padding-bottom:40px;
}

#name{
	margin-left:35px;	
}

#email{
	margin-left:32px;	
}

#subject {
	margin-left: 22px;
}

#submit{
	margin-left:405px;
	background-color: red;
	border: none;
	color: white;
}

label.labelmessage {
		float:left; 
	
}

form {
	margin-top:40px;
}
/*end of contact----------------------------------*/