/* ------------------------------------------------------------------------
Basic Style Sheet - Somerset Storage Ltd

Author: Oliver Coningham
Website: http://www.aztec4design.com/
Email: oliver@aztec4design.com
-------------------------------------------------------------------------*/


/* =General
-------------------------------------------------------------------------*/

body
	{ 
	background: #091a30 url('../images/body-bg.gif') repeat-x top left;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	}
	
#container
	{ 
	margin: auto; 
	width: 810px;
	}
	
#skip
	{ 
	display: block;
	height: 100px;
	margin-top: -100px; 
	width: 760px;
	}
	
hr
	{ 
	display: none;
	}

strong
	{ 
	font-weight: bold;
	}
	
.hide
	{ 
	display: none;
	}
	
.latin
	{
	color: #6887c9;
	}
	
.underline
	{
	text-decoration: underline;
	}
	
.tab-indent
	{
	margin-left: 25px;
	}
	
.cleared
	{
	clear: both;
	}


/* =Tables
-------------------------------------------------------------------------*/	

table 
	{ 
	margin-bottom: 25px;
	}
	
th, td 
	{ 
	padding: 10px;
	}
	
th 
	{ 
	background-color: #fff; 
	border: 1px solid #365fb7; 
	color: #365fb7; 
	font-weight: bold; 
	}
	
td 
	{ 
	background-color: #6887c9; 
	border: 1px solid #365fb7;
	}
	
table caption
	{ 
	padding-bottom: 25px; 
	}

		
		
/* =Header
-------------------------------------------------------------------------*/

#header
	{ 
	background: url('../images/header-bg.jpg') no-repeat top right; 
	height: 150px;
	width: 100%;
	}
	
#header-inner
	{ 
	background: url('../images/header-inner-bg.gif') no-repeat top left; 
	height: 150px;
	margin: auto;
	padding: 0 25px;
	width: 760px;
	}
	
h1 a
	{ 
	background: url('../images/logo.gif') no-repeat top left;
	display: block;
	float: left;
	height: 150px;
	text-indent: -25000px;
	width: 298px;
	}
	
h2
	{ 
	display: none;
	}
	
#telephone
	{ 
	background: url('../images/telephone.gif') no-repeat top left;
	float: right;
	height: 34px;
	margin: 49px 56px 0 0;
	text-indent: -25000px;
	width: 160px;
	}
	
#nav-home a
	{ 
	background: url('../images/nav-home.gif') no-repeat top left;
	clear: right;
	display: block;
	float: right;
	height: 56px;
	margin-top: 11px;
	text-indent: -25000px;
	width: 272px;
	}
	
#nav-home a:hover
	{ 
	background-position: 0 -56px;
	}
	
#nav-home .selected
	{ 
	background-position: 0 -112px;
	}
	
	
/* =Content
-------------------------------------------------------------------------*/

#left-corner
	{ 
	background: url('../images/left-corner.gif') no-repeat top right; 
	float: left;
	height: 25px;
	margin-top: 5px;
	width: 25px;
	}
	
#right-corner
	{ 
	background: url('../images/right-corner.gif') no-repeat top right; 
	float: right;
	height: 25px;
	margin-top: 5px;
	width: 25px;
	}
	
#content
	{ 
	background: #365fb7 url('../images/content-bg.jpg') no-repeat bottom left;
	float: left;
	width: 760px;
	}

#rent #content
	{ 
	background: #365fb7 url('../images/rent-bg.jpg') no-repeat bottom left;
	}

#security #content
	{ 
	background: #365fb7 url('../images/security-bg.jpg') no-repeat bottom left;
	}
	
#packaging #content
	{ 
	background: #365fb7 url('../images/packaging-bg.jpg') no-repeat bottom left;
	}
	
#packaging-text
	{ 
	background: url('../images/packaging-1.jpg') no-repeat top left;
	height: 140px;
	margin: 0 0 0 -10px;
	padding: 10px 0 0 127px;
	}
		
#content-inner
	{ 
	float: left;
	padding: 25px 0 0 25px;
	width: 463px;
	}
	
#content-inner p, #content-inner h3
	{ 
	line-height: 1.5em;
	padding-bottom: 1.25em;
	}
	
#content-inner #badge
	{ 
	background: url('../images/h4-badge.gif') no-repeat top left;
	float: left;
	height: 134px;
	text-indent: -25000px;
	width: 149px;
	}

#content-inner h4
	{ 
	font-weight: bold;
	margin-bottom: 1.25em;
	text-decoration: underline;
	}
	
#content-inner ul
	{ 
	line-height: 1.5em;
	list-style: none;
	margin-bottom: 1.25em;
	padding-left: 25px;
	
	}
	
#content-inner ul li
	{ 
	background: url('../images/tick.gif') no-repeat 0 50%;
	height: auto;
	margin-bottom: 5px;
	padding: 2px 0 2px 25px;
	}
	
#content-inner #checked-list
	{ 
	color: #fff;
	float: right;
	font-size: 100%;
	font-weight: normal;
	list-style: none;
	margin-bottom: 10px;
	padding-left: 25px;
	width: 289px;
	}
		
#content-inner #checked-list li
	{ 
	background: url('../images/tick.gif') no-repeat 0 50%;
	margin-bottom: 0.5em;
	height: 20px;
	padding: 0 0 0 25px;
	}
		
#heading-home-1
	{ 
	background: url('../images/h3-home-1.gif') no-repeat top left;
	height: 33px;
	text-indent: -25000px;
	width: 463px;
	}
	
#heading-home-2
	{ 
	background: url('../images/h3-home-2.gif') no-repeat top left;
	height: 13px;
	text-indent: -25000px;
	width: 463px;
	}
	
#heading
	{ 
	height: 19px;
	text-indent: -25000px;
	width: 463px;
	}
	
.contact
	{ 
	background: url('../images/heading-contact.gif') no-repeat top left;
	}
	
.about
	{ 
	background: url('../images/heading-about.gif') no-repeat top left;
	}
	
.security
	{ 
	background: url('../images/heading-security.gif') no-repeat top left;
	}
	
.storage
	{ 
	background: url('../images/heading-storage.gif') no-repeat top left;
	}
	
.domestic
	{ 
	background: url('../images/heading-domestic.gif') no-repeat top left;
	}
	
.commercial
	{ 
	background: url('../images/heading-commercial.gif') no-repeat top left;
	}
	
.rent
	{ 
	background: url('../images/heading-units.gif') no-repeat top left;
	}
	
.industrial
	{ 
	background: url('../images/heading-tips.gif') no-repeat top left;
	}
	
.insurance
	{ 
	background: url('../images/heading-insurance.gif') no-repeat top left;
	}
		
.packaging
	{ 
	background: url('../images/heading-packaging.gif') no-repeat top left;
	}
	
.map
	{ 
	background: url('../images/heading-map.gif') no-repeat top left;
	}

#frome .map
	{ 
	background: url('../images/heading-frome.gif') no-repeat top left;
	}
	
#yeovil .map
	{ 
	background: url('../images/heading-yeovil.gif') no-repeat top left;
	}

.thankyou
	{ 
	background: url('../images/heading-thankyou.gif') no-repeat top left;
	}
	
.sorry
	{ 
	background: url('../images/heading-sorry.gif') no-repeat top left;
	}
		
	
/* =Navigation
-------------------------------------------------------------------------*/

#nav
	{ 
	float: right;
	margin-bottom: 80px;
	text-indent: -25000px;
	width: 272px;
	}

#home #nav
	{ 
	margin: 0;
	}
		
#nav a
	{
	display: block;
	height: 36px;
	width: 272px;
	}

#nav a:hover
	{
	background-position: 0 -36px;
	}

#nav .selected
	{
	background-position: 0 -72px;
	}
	
#nav-contact a
	{ 
	background: url('../images/nav-contact.gif') no-repeat top left;
	}
	
#nav-about a
	{ 
	background: url('../images/nav-about.gif') no-repeat top left;
	}
	
#nav-security a
	{ 
	background: url('../images/nav-security.gif') no-repeat top left;
	}
	
#nav-storage a
	{ 
	background: url('../images/nav-storage.gif') no-repeat top left;
	}
	
#nav-domestic a
	{ 
	background: url('../images/nav-domestic.gif') no-repeat top left;
	}
	
#nav-commercial a
	{ 
	background: url('../images/nav-commercial.gif') no-repeat top left;
	}
	
#nav-rent a
	{ 
	background: url('../images/nav-units.gif') no-repeat top left;
	}
	
#nav-insurance a
	{ 
	background: url('../images/nav-insurance.gif') no-repeat top left;
	}
	
#nav-industrial a
	{ 
	background: url('../images/nav-tips.gif') no-repeat top left;
	}
	
#nav-packaging a
	{ 
	background: url('../images/nav-packaging.gif') no-repeat top left;
	height: 65px;
	}
	
#nav-packaging a:hover
	{
	background-position: 0 -65px;
	}

#nav-packaging .selected
	{
	background-position: 0 -130px;
	}
	
#nav-metal a, #nav-metal a:hover
	{ 
	background: url('../images/nav-metal.gif') no-repeat top left;
	height: 29px;
	}
	
#nav-frome a
	{ 
	background: url('../images/nav-frome.png') no-repeat 0 0;
	height: 100px;
	margin-top: 17px;
	}
	
#nav-frome a:hover
	{ 
	background-position: 0 -100px;
	}
	
#nav-yeovil a
	{ 
	background: url('../images/nav-yeovil.png') no-repeat 0 0;
	height: 100px;
	margin-top: 7px;
	}
	
#nav-yeovil a:hover
	{ 
	background-position: 0 -100px;
	}

	
/* =Images
-------------------------------------------------------------------------*/

#images
	{
	clear: left;
	padding: 0 0 15px 15px;
	}
	
.images-padding
	{ 
	padding-right: 1px;
	}
	
#reduce-margin 
	{ 
	margin-left: -10px ;
	}
		
		
/* =Footer
-------------------------------------------------------------------------*/

#footer
	{ 
	clear: both;
	font-size: 90%;
	padding-top: 10px;
	}
	
#footer a
	{ 
	color: #fff;
	text-decoration: underline;
	}

#footer a:hover
	{ 
	color: #365fb7;
	text-decoration: underline;
	}
		
#contact
	{ 
	float: left;
	padding: 0 0 15px 50px;
	}
	
#aztec
	{ 
	float: right;
	padding-right: 50px;
	}
	
#aztec a
	{ 
	text-decoration: none;
	}


/* =Depots
-------------------------------------------------------------------------*/

#depots
	{ 
	clear: both;
	margin: 0 0 0 25px;
	}
	
#depots p {
    line-height: 1.5em;
    padding-bottom: 1.25em;
	}