/************************/
/************************/

/*   Saltash Mobility   */
/*  Custom web Design   */
/*  enq@designz.org.uk  */

/************************/
/************************/

 /* ~~ reset styles ~~ with Credit to Eric Meyer ~~ */

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
body, select, input, textarea {
	font: 100%/1.2 /* "lucida sans unicode", */ verdana, arial, helvetica, sans-serif;
}
#container {
	font-size: 0.8em;
	width: 760px;
	margin: 0 auto;
}
h1, h2, h3, h4, h5, h6 {
	padding-bottom: 0.8em;	
}
h1 {
	font-size: 1.8em;
	color: #529b24;
}
h2 {
	font-size: 1.6em;	
}
h3 {
	font-size: 1.4em;	
}
h4 {
	font-size: 1.2em;	color: #b62167;
}
h5 {
	font-size: 1.0em;	
}
h6 {
	font-size: 1em;	
}
p {
	padding-bottom: 1.2em;	
}

/* end reset */



body {
	background: #FFFFFF url(images/mobility-page-BG_02.jpg) repeat-x;
	line-height: 1.2em;
	}
 
#pagewidth{ 
	width: 960px; 
 	text-align: left;  
	margin-left: auto; 
 	margin-right: auto; 
	} 
 
#header{
 	position: relative; 
 	height: 110px; 
 	background: #FFFFFF url(images/mobility-page-BG_02-03.jpg) no-repeat; 
 	width: 100%;
	z-index: 1000;
} 
 
#left_banner{
 	width: 34%; 
 	float: left; 
 	position: relative; 
 	background: #FFFFFF url(images/mobility-page-BG_05.jpg) no-repeat;
 	height: 370px;
 	min-height: 370px;
 }
 
#main_banner{ 
	background: #FFFFFF url(images/mobility-page-BG_06.jpg) no-repeat; 
 	float: right; 
 	display: inline; 
 	position: relative; 
 	width: 66%; 
 	height: 370px;
 	min-height: 370px;
 }

#leftcol{ 
	background: #FFFFFF url(images/mobility-page-BG_07.jpg) no-repeat;
 	width: 34%; 
 	float: left; 
 	position: relative; 
 	background: transparent; 
 	min-height: 300px;
	text-align: center;
 }
 
#maincol{
	background: transparent url(images/mobility-page-BG_08.jpg) top left no-repeat;
 	float: right; 
 	display: inline; 
 	position: relative; 
 	width: 66%; 
 	min-height: 300px;
 }

ul.pad { padding-left: 20px; }
ul li {
list-style-image: url(images/star.gif);
list-style-type: square;
padding-bottom: 5px;
}


 
#footer{ 
	background: #eaeaea url(images/footer.jpg) repeat-x; 
 	height: 25px;
	padding-top: 75px; 
 	clear: both;
 } 
 

 
 /* ** Float fix http://www.csscreator.com/attributes/containedfloat.php *** */ 
	.clearfix:after {
 	content: "."; 
	display: block; 
	height: 0; 
 	clear: both; 
 	visibility: hidden;
 }
 
.clearfix{display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix{height: 1%;}
	.clearfix{display: block;}
	/* End hide from IE-mac */  


 /*printer styles*/
 
 	@media print{ 
	/*hide the left column when printing*/ 
	#leftcol, #left_banner {display:none;} 
	#twocols, #maincol{width:100%; float:none;}
}

/* classes  */

.green { color: #529b24; font-weight: bold; }

.ban_but_first { 
	margin: 60px 0 0 35px;
}
.ban_but { 
	margin: -20px 0 0 35px;
}
.first { margin: 40px 10px 10px 0 ;}

img.first, img.main, img.thumbr { padding: 5px;
	border: 2px solid #f1f1f1;
}

img.thumbr {float: right; margin-left: 5px; }

img.sidebar_img, .sidebar_img1 { padding-top: 100px; }
img.sidebar_img1 { margin: 0 auto; }
img.last { padding-top: 120px; margin: 0 auto; }

.img_right { float: right;
	margin-right: 10px;
	padding: 5px;
}

.footer { margin: 0;
	padding: 0;
	text-align: center;
	color: #555555;
	font-size: 0.8em;
}

.bold { font-weight: bold; }
.single { text-align: center; width: 580px; height: 500px; margin: auto; padding-top: 30px; }