/* ------------------------------------------------------------------------
Basic Style Sheet - Jongor Hire

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

.cleared { clear: both; }
a { outline: none; }


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

* 
	{ 
	margin: 0; 
	padding: 0; 
	}
	
body
	{
	background: #c7c2ab url('../images/background.jpg') no-repeat top center;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em; 
	}
	
#container
	{ 
	margin: auto; 
	width: 760px;
	}
	
#content
	{
	background-color: #bbb6a1;
	color: inherit;
	overflow: hidden;
	margin-bottom: 5px;
	}
	
#content-bg
	{
	background: url('../images/content-bg.gif') no-repeat bottom;
	clear: both;
	color: inherit;
	height: 15px;
	width: 760px;
	}
	
.hide
	{
	display: none;
	}
	
form strong, #content-images strong
	{
	color: #333;
	}
	
	
/* =Links
-------------------------------------------------------------------------*/

#content-text .listed li a
	{
	outline: none;
	color: #666;
	text-decoration: none;
	border-bottom: 1px dotted #666;
	}
	
#content-text .listed li a:hover
	{
	outline: none;
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid #666;
	}
	
#content-text #btn-gallery a
	{
	background: url('../images/btn-product-gallery.gif') no-repeat 0 0;
	display: block;
	float: right;
	height: 30px;
	text-indent: -25000px;
	width: 143px;
	}

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

#header
	{
	height: 166px;
	margin: auto;
	width: 760px;	
	}
	
#header img
	{
	float: right;
	}
	
#logo
	{
	float: left;
	padding: 50px 0 0 205px;
	}
		
h1
	{
	background: url('../images/jongor-hire.jpg') no-repeat top left;
	height: 43px;
	text-indent: -25000px;
	width: 350px;	
	}
	
h1 a
	{
	display: block;
	height: 43px;
	width: 350px;	
	}
	
h2
	{
	background: url('../images/tagline.jpg') no-repeat top left;
	height: 7px;
	text-indent: -25000px;
	width: 350px;	
	}
	
h2 a
	{
	display: block;
	height: 7px;
	width: 350px;	
	}
	
	
/* =Navigation
-------------------------------------------------------------------------*/

#nav
	{
	float: left;
	list-style: none;
	width: 205px;	
	}
		
#nav a
	{
	display: block;
	height: 32px;
	text-indent: -25000px;
	width: 205px;
	}
	
#nav a:hover, #nav .selected
	{
	background-position: 0 -32px;
	}
	
#nav-home a
	{
	background: url('../images/nav-home.gif') no-repeat top left; 
	}
	
#nav-crockery a
	{
	background: url('../images/nav-crockery.gif') no-repeat top left; 
	}
	
#nav-cutlery a
	{
	background: url('../images/nav-cutlery.gif') no-repeat top left; 
	}
	
#nav-glassware a
	{
	background: url('../images/nav-glassware.gif') no-repeat top left; 
	}
	
#nav-chairs a
	{
	background: url('../images/nav-chairs.gif') no-repeat top left; 
	}
	
#nav-kitchen a
	{
	background: url('../images/nav-kitchen.gif') no-repeat top left; 
	}
	
#nav-misc a
	{
	background: url('../images/nav-misc.gif') no-repeat top left; 
	}
	
#nav-brochure a
	{
	background: url('../images/nav-brochure.gif') no-repeat top left; 
	}
	
#nav-gallery a
	{
	background: url('../images/nav-gallery.gif') no-repeat top left; 
	}
		
#nav-contact a
	{
	background: url('../images/nav-contact.gif') no-repeat top left; 
	}
	
#nav-image
	{
	background: url('../images/nav-image.jpg') no-repeat top left; 
	height: 165px;
	width: 205px;
	}
	
#nav-events a
	{
	background: url('../images/nav-events.gif') no-repeat top left; 
	}
	
	
/* =Text
-------------------------------------------------------------------------*/

#content-text
	{
	float: left;
	padding-right: 15px;
	width: 335px;	
	}
	
h3
	{
	margin: 10px 0 1em 0;
	text-indent: -25000px;
	}
	
h4
	{
	margin-bottom: 1em;
	text-indent: -25000px;
	}
	
p
	{
	line-height: 1.5em;
	margin-bottom: 1.5em;
	}
	
	
/* =Image
-------------------------------------------------------------------------*/

#content-images
	{
	float: left;
	text-align: center;
	width: 205px;	
	}
	
.image-thumbs
	{
	margin: 0 0 3px 0;
	}
	
.image-top
	{
	margin-bottom: 15px;
	}
	
.image-right
	{
	margin-right: 5px;
	}
	

/* =Footer
-------------------------------------------------------------------------*/

#footer
	{
	background-color: inherit;
	color: #999;
	font-size: 80%;	
	padding: 0 15px;
	text-transform: uppercase;
	}
	
#footer a
	{
	background-color: inherit;
	color: #999;
	text-decoration: none;
	}
	
#footer a:hover
	{
	background-color: inherit;
	color: #666;
	text-decoration: underline;
	}
		
#contact-numbers
	{
	float: left;
	}
	
#contact-numbers strong
	{
	background-color: inherit;
	color: #666;
	}
	
#aztec-link
	{
	float: right;
	text-transform: none;
	}
	
#aztec-link a
	{
	background-color: inherit;
	color: #666;
	text-decoration: none;
	}
	
#aztec-link a:hover
	{
	background-color: inherit;
	color: #666;
	text-decoration: underline;
	}
	
	
/* =Lists
-------------------------------------------------------------------------*/

.listed
	{
	margin-top: 15px;
	}
	
.listed ul
	{
	background-color: inherit;
	color: #666;
	line-height: 1.5em;
	list-style: outside square;
	margin: 0 0 1.5em 15px;
	text-align: left;
	}
	
.listed p
	{
	background-color: inherit;
	color: #666;
	margin-left: 15px;
	text-align: left;
	}
	

/* =Search
-------------------------------------------------------------------------*/

#cse-search-box
	{
	float: right;
	margin-right: 10px;
	}
	
#cse-search-box legend
	{
	display: none;
	}
	
#cse-search-box fieldset
	{
	border: none;
	}

#cse-search-box #keyword
	{
	background: url('../images/keyword-bg.gif') no-repeat top left; 
	border: none;
	float: left;
	font-size: 100%;
	height: 19px;
	padding: 5px 0 0 5px;
	width: 146px;
	}

#cse-search-box #search
	{
	float: left;
	height: 24px;
	width: 24px;
	}

	
/* =Contact
-------------------------------------------------------------------------*/

.address
	{
	background-color: inherit;
	color: #666;
	text-align: left;
	}
	
.address strong
	{
	text-transform: uppercase;
	}
	
.address a
	{
	background-color: inherit;
	color: #666;
	text-decoration: underline;
	}
	
.address a:hover
	{
	background-color: inherit;
	color: #000;
	text-decoration: underline;
	}
	
#form1 
	{ 
	background-color: #C7C2AB; 
	color: #666;
	text-align: left; 
	padding: 30px 30px 13px 30px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 20px;
	}	

#form1 fieldset
	{
	border: none;
	}	

#form1 legend
	{
	display: none;
	}

#form1 #submit
	{
	height: 34px;
	padding: 0;
	width: 63px;
	margin-bottom: 0;
	}

#name, #phone, #email, #postcode, #country, #arrival, #departure, #number, #tour
	{
	height: 14px;
	margin-top: 7px;
	width: 216px;
	}

#message, #address-area
	{
	height: 74px;
	margin-top: 7px;
	width: 216px;
	}

#form1 input, #form1 textarea, #form1 select
	{
	padding: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	overflow: hidden;
	}
	
.error
	{
	background-color: inherit;
	color: #990000;
	}