/*	Saltire Suzuki website 
	Built and Designed by Abel Rogers and Lisa Jelly
	Zero-Design Ltd,
	www.zero-design.net
*/
	
/* 	page width 1009px
	left column 285px
	middle column 420px
	right column 284px
*/

body {
	margin:0;
	padding:0;
	font: 1em/130% Arial, Helvetica, sans-serif;
	background:white;
	line-height:1.2;
	color:#636C6F;
}

p {margin:0; padding:0; font-size: 0.7em;}
h1 {margin:0; padding:0;}
h2 {margin:0; padding:0;}
h3 {margin:0; padding:0; font-size: 1em; text-align:justify;}
img {margin:0; padding:0;}
a {color:#404749;text-decoration:none;}
a:hover {color:#A9AFB3;}

#wrap {
	width: 1009px;
	margin:0 auto;
	padding: 0 10px 0 0;
}

/*------HEADER AND NAVIGATION----------*/

#logo {
	float:left;
	margin:0;
	padding:0;
	height:142px;
	width:705px;
	background: url(images/background_logo3.jpg) no-repeat;
}

#logo h1 {
	margin: 17px 0 0 19px ;
	padding:0;
	text-indent: -999em;
	height:68px;
	width:205px;
}

#logo img {
	margin:35px 0 0 30px;
}

.logo_right1 {
	float:left;
	width:142px;
	height: 142px;
	background: url(images/logo_right1.gif) no-repeat;
	background-color:transparent;
	display:block;
	background-position:left top;
	text-indent:-999em;
}

.logo_right1:hover {
	background-position:left bottom;
}

.logo_right2 {
	float:left;
	width:142px;
	height: 142px;
	background: url(images/logo_right2.gif) no-repeat;
	background-color:transparent;
	display:block;
	background-position:left top;
	text-indent:-999em;
}

.logo_right2:hover {
	background-position:left bottom;
}

#nav {
	float:left;
	margin:0;
	padding:0;
	background-color:#5B6467;
	width:705px;
	height:35px;
	border-bottom: 7px solid #DE1B24;
}

#nav ul, #nav li {
	margin:0; 
	padding:0; 
	list-style:none; 
}

#nav ul {
	margin: 0;
	width: 100%;
	height:35px;
	overflow:hidden; 
}

#nav li {
	display:inline;
	float:left; 
	margin-left:30px; 
}

#nav ul li a {
	margin:0; 
	padding-top: 10px;
	height:35px;
	float:left;
	font-size: 0.82em; 
	text-decoration:none; 
	color:#FFF; 
}

#nav ul li a:hover {color:#A9AFB3; }

#nav_search {
	float:left;
	margin:0;
	padding:5px 0 0 10px;
	background-color:#5B6467;
	width:274px;
	height:30px;
	border-top: 7px solid #DE1B24;
}

#nav_search form {
	margin:0;
	padding:0;
}

#nav_services {
	float:left;
	margin:0 0 0 30px;
	padding:0;
	background-color:#5B6467;
	width:390px;
	height:24px;
/*	border-left: 6px solid #DE1B24;
	border-right: 6px solid #DE1B24;*/
	border-bottom: 6px solid #DE1B24;
}

#nav_services ul, #nav_services li {
	margin:0; 
	padding:0; 
	list-style:none; 
}

#nav_services ul {
	margin: 0;
	width: 100%;
	height:24px;
	overflow:hidden; 
}

#nav_services li {
	display:inline;
	float:left; 
	margin-left:20px; 
}

#nav_services ul li a {
	margin:0; 
	padding-top: 4px;
	height:24px;
	float:left;
	font-size: 0.82em; 
	text-decoration:none; 
	color:#FFF; 
}

#nav_services ul li a:hover {color:#A9AFB3; }


/*------MAIN CONTENT----------*/

#content {
	display:inline;
	float:left;
	margin:0 0 15px 0;
	padding:0;
	width:989px;
}

#cont_left {
	float:left;
	margin:0;
	padding:0;
	width: 284px;
	border-right:dashed 1px #A9AFB3;
}

#cont_left img {margin-bottom:-3px;}

#cont_left h1 {
	text-indent: -999em;
	background: url(images/welcome2.gif) no-repeat;
	height:123px;
	width:230px;
	margin:20px auto;
	padding:0;
}

.box {
	float:left;
	background: url(images/visit.gif) no-repeat;
	background-color:transparent;
	display:block;
	background-position:left top;
	width:260px;
	height:35px;
	border-top: 7px solid #DE1B24;
	text-indent: -999em;
}

.box:hover {
	background-position:left bottom;
}

#cont_about_left {
	float:left;
	margin:0;
	padding:20px 10px 10px;
	width: 264px;
	border-right:dashed 1px #A9AFB3;
}

#cont_middle td{
	font-size:0.8em;}


#cont_middle {
	float:left;
	margin:0;
	width: 380px;
	padding: 20px;
}


#cont_right {
	float:left;
	margin-top: 20px;
	padding:0;
	width: 284px;
}

#map {
	width: 378px; 
	height: 385px; 
	border:1px solid #000; 
	margin:0; 
	padding:0;
}

.news_main {
	float:left;
	width: 685px;
	padding: 20px 10px 10px 10px;
}

.news_main_border {
	border-bottom: dashed #A9AFB3 1px;
	width:550px;
	margin:15px 20px;
}

.news {
	width: 254px;
	/*height: 239px;*/
	padding:15px;
	margin:-3px 0;
	background: #CCCCCC;
}

.news p{font-size:0.66em; margin-bottom:-10px;}
.news_heading{font-size:1.3em;}

.news_link img{border-style:none; margin-bottom:-3px;}

.margin{ margin:20px 0 0 0;}

.bike_search {
	width:989px;
	height:30px;
	border-bottom: solid #A9AFB3 1px;
}

.bike_search img {
	margin:0;
	padding:8px 10px;
}

.bike_search form{
	margin:0 ;
	padding:4px 10px;
}

.bike_search select {
	font-family: arial;
	font-size:0.8em;
}

.category {
	float:left;
	display:inline;
	width:192px;
	height:170px;
	padding:20px 25px 5px 25px;
	margin:30px 42px 0 42px;
	border: dashed #A9AFB3 1px;
}

.category_result {
	float:left;
	display:inline;
	width:292px;
	height:280px;
	padding:10px;
	margin: 7.5px;
	border: dashed #A9AFB3 1px;
}

.category_result img{border-style:none;}
.category_result h3 {text-align:left;}

.link {
	padding:5px 5px;
	height: 25px;
	width:130px;
	border-top: dashed #A9AFB3 1px;
}

.cost {
	font-size:14px;
	padding-top:4px;
	color:#DE1B24;
	float:right;
	display:inline;
}

.cost a{color:#DE1B24; font-size:10px;}

.link2 {
	padding:5px 5px;
	height: 14px;
	width:130px;
	border-top: dashed #A9AFB3 1px;
	border-bottom: dashed #A9AFB3 1px;
}

.soon {
	font-size:12px;
	color:#DE1B24;
	float:right;
	display:inline;
}

.miles{
	position:relative;
	left:175px;
}

.link3 {font-size:14px;}

.price {margin-left:242px;/*color:#DE1B24;*/}
.price a{color:#DE1B24;}

.pages_used {margin-left:60px;color:#DE1B24;}
.pages_used a{color:#DE1B24;color:#DE1B24;}
.pages_news {margin-left:700px;color:#DE1B24;}
.pages_news a{color:#DE1B24;}
.pages {margin-left:500px;color:#DE1B24;}
.pages a{color:#DE1B24;}

.more{font-size:1.3em; margin-left:10px; color:#DE1B24;}

.address{clear:both; text-align:center; font-size:0.81em;margin-right:10px;}

.flright1{float:right;display:inline; width:140px; height:102px;}
.flright{float:right;display:inline;}
.fleft{float:left; display:inline;}
.clear{clear:both;}
.clear2{clear:both;margin-top:10px;}

.search_result{clear:both; margin:10px;}

/*------IMAGES GALLERY-----*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FFFFCC;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*------FOOTER----------*/

#footer{ 
	clear:both; 
	margin:0 auto 15px auto; 
	padding:5px;
	text-align:center;
	width:600px;
	border-top: solid #A9AFB3 1px;
}
