/* ------------------------------------------------------------------------
Basic Style Sheet - Jays Services

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


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

* 
	{ 
	margin: 0; 
	padding: 0; 
	}
	
#container
	{ 
	margin: auto; 
	width: 770px;
	}
	
body
	{
	background-color: #fff;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	}
	
.hide
	{
	display: none;
	}
	
	
/* =Links
-------------------------------------------------------------------------*/

a
	{
	outline: none;
	}

a.external 
	{
	background: url('../images/new_window.gif') no-repeat center right;
	padding-right: 21px;
	}
	
a.rss 
	{
	background: url('../images/rss_icon.gif') no-repeat center left;
	padding-left: 20px;
	}
	
a.add-address
	{
	background: url('../images/hcard_icon.gif') no-repeat center left;
	padding: 3px 0 5px 34px;
	}
	
a.gold
	{
	background: url('../images/gold_icon.gif') no-repeat center left;
	padding-left: 20px;
	}

a.silver
	{
	background: url('../images/silver_icon.gif') no-repeat center left;
	padding-left: 20px;
	}
	
a.bronze
	{
	background: url('../images/bronze_icon.gif') no-repeat center left;
	padding-left: 20px;
	}
	
			
/* =Header
-------------------------------------------------------------------------*/

#header
	{
	height: 141px;	
	}	
	
#header h1
	{
	background: url('../images/logo.jpg') no-repeat top left;
	float: left;
	height: 141px;
	text-align: right;	
	width: 295px;
	}
	
/* =Navigation
-------------------------------------------------------------------------*/

#menu
	{
	background: url('../images/menu_bg.jpg') no-repeat top left;
	float: right;
	height: 141px;	
	width: 475px;	
	}
	
#menu ul
	{ 	
	list-style: none;
	}
	
#menu li
	{ 	
	float: left;
	}	

#nav
	{ 
	float: right;
	height: 25px;
	margin-top: 112px; 
	width: 418px; 
	}
	
#nav a
	{
	border-left: 1px solid #fff; 
	text-indent: -25000px;
	display: block;
	height: 25px;
	}
	
#nav a:hover, #nav a.selected
	{ 
	background-position: 0 -25px;
	}

#nav-home a
	{ 
	background: url('../images/home_link.gif') no-repeat top left; 
	width: 52px; 
	}
	
#nav-general a
	{ 
	background: url('../images/general_link.gif') no-repeat top left; 
	border-left: none;
	width: 76px; 
	}	
	
#nav-valeting a
	{ 
	background: url('../images/valeting_link.gif') no-repeat top left; 
	width: 75px; 
	}	
	
#nav-carpet a
	{ 
	background: url('../images/carpet_link.gif') no-repeat top left; 
	width: 60px; 
	}
	
#nav-windows a
	{ 
	background: url('../images/windows_link.gif') no-repeat top left; 
	width: 76px; 
	}
	
#nav-contact a
	{ 
	background: url('../images/contact_link.gif') no-repeat top left; 
	width: 74px; 
	}
	

/* =Sidebar
-------------------------------------------------------------------------*/

#sidebar
	{
	background: url('../images/sidebar_bg.gif') repeat-y top left;
	text-align: justify;
	float: left;
	height: 475px;
	padding: 0 15px 0 51px;
	width: 229px;	
	}

#home #sidebar
	{
	height: 680px;
	}
		
#sidebar h2
	{
	height: 55px;
	margin-left: -15px;
	text-indent: -25000px;	
	width: 230px;
	}
	
#sidebar p
	{
	margin-bottom: 1em;	
	}
	
#sidebar a
	{
	background-color: #d7e6fa;
	color: #0048a0;
	text-decoration: underline;
	}
	
#sidebar a:hover
	{
	background-color: #d7e6fa;
	color: #000;
	text-decoration: underline;
	}
	
#welcome-heading
	{
	background: url('../images/welcome_heading.gif') no-repeat top left;
	}
	
#general-heading
	{
	background: url('../images/general_heading.gif') no-repeat top left;
	}
	
#valeting-heading
	{
	background: url('../images/valeting_heading.gif') no-repeat top left;
	}
	
#office-heading
	{
	background: url('../images/office_heading.gif') no-repeat top left;
	}

#sidebar #carpet-heading
	{
	background: url('../images/carpet_heading.gif') no-repeat top left;
	width: 259px;
	}
		
#windows-heading
	{
	background: url('../images/windows_heading.gif') no-repeat top left;
	}
	
#contact-heading
	{
	background: url('../images/contact_heading.gif') no-repeat top left;
	}
	
	
/* =Content
-------------------------------------------------------------------------*/

#content
	{
	background: url('../images/twirl.gif') no-repeat 418px -4px;
	float: right;
	height: 316px;
	padding: 55px 72px 15px 15px;
	width: 388px;	
	}	

#home #content 
	{
	height: auto;
	padding-top: 0;
	}
		
#content strong
	{
	background-color: #fff;
	color: #000;
	}	
	
#home-page ul
	{
	list-style: none;
	padding-top: 1em;
	}
	
#home-page li
	{
	padding: 0.75em 0;
	}
	
#content a
	{
	background: #fff url('../images/large_bullet.jpg') no-repeat center left;
	color: #000033;
	font-size: 200%;
	margin-left: 30px;
	padding-left: 46px;
	text-decoration: none;
	}
	
#content a:hover
	{
	background-color: #fff;
	color: #0048A0;
	}
	
#pages ul
	{
	background-color: #fff;
	color: #0048ad;
	font-weight: bold;
	list-style: url('../images/blue_tick.gif');
	margin: 1em 0 1em 0; 
	padding-left: 45px;
	}

#pages p
	{
	margin-bottom: 1em;
	}
		
#pages li
	{
	margin-top: 0.5em;
	padding-left: 5px;
	}
	
#page-heading
	{
	background: #fff url('../images/bubble.gif') no-repeat center left;
	color: #000;
	display: block;
	font-size: 200%;
	margin-bottom: 0.5em;
	padding-left: 46px;
	}


/* =Price List
-------------------------------------------------------------------------*/
	
.prices
	{
	float: right;
	font-weight: bold;
	}
	
.price-list
	{
	float: left;
	}
	
.windows-prices 
	{ 
	float: left; 
	text-align: left; 
	width: 150px;
	}
	
	
/* =Images
-------------------------------------------------------------------------*/

#images 
	{ 
	float: right;
	margin-top: -100px;   
	}

#home #images 
	{ 
	float: right;
	margin-top: 10px;   
	}	
	
/* =Contact
-------------------------------------------------------------------------*/

#contact
	{
	background: url('../images/contact_bg.gif') repeat-x top left;
	clear: both;
	height: 33px;
	width: 770px;	
	}
	
#phone-number
	{
	background: url('../images/phone_number.gif') no-repeat top left;
	display: block;
	height: 33px;
	text-indent: -25000px;
	margin-left: 36px;	
	width: 259px;	
	}
	

/* =Logos
-------------------------------------------------------------------------*/

#logos
	{
	height: 50px;
	width: 460px;
	}
	
#logos img
	{
	float: left;
	margin-right: 6px;
	}

#logo-autosmart
	{
	float: right;
	margin-top: 190px;
	}
		
		
/* =Footer
-------------------------------------------------------------------------*/

#footer
	{
	float: right;
	font-size: 80%;
	margin: 5px 0;
	text-align: right;
	}
	
#footer a
	{
	background-color: #fff;
	color: #999;
	text-decoration: none;
	}
	
#footer a:hover
	{
	background-color: #fff;
	color: #666;
	text-decoration: underline;
	}