/* CSS Document for Surrey Cycles */

body {
	margin: 20px; 
	padding: 0px; 
	background: #FFFF01; 
	background-image: url(images/bg.gif);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.bike img {
	position: relative;
	top: -60px;
}

a img {border: none; }
td {vertical-align: top;
	font-size: 13px;}
.td-mid td {vertical-align: middle;}
.tr-alt {background: #FFFF01}

.container {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
	background-color: white;
	height: 650px;
}

.logo {
	position: absolute;
	top: 10px;
	left: 10px;
	display: inline;
	float: left;
}

.strapline {
	position: absolute;
	top: 10px;
	left: 182px;
	display: inline;
	width: 448px;
	background-color: #ffff01;
	background-image:url('images/sclogo.gif');
	background-repeat:no-repeat;
	background-position:center;
	color: #000F84;
	text-align: center;
	height: 43px;
}

.navigation {
	position: absolute;
	top: 62px;
	left: 182px;
	display: inline;
	width: 448px;
	height: 47px;
	background-color: #000F84;
	color: white;
	text-align: center;
	font-size: 18px;
}

div.navigation a:link {color: white; text-decoration: none; padding: 4px; }
div.navigation a:visited {color: white; text-decoration: none; padding: 4px; }
div.navigation a:hover {color: white; text-decoration: none; background-color: #0017C2; padding: 4px; }
div.navigation a:active {color: white; text-decoration: none; padding: 4px; }


.bold {
	font-weight: bold;
}

.margin {
	margin-top: 6px;
}

.margin2 {
	margin-top: 12px;
}

.margin3 {
	margin-top: -10px;
}

.body {
	width: 620px;
	height: 435px;
	position: absolute;
	top: 119px;
	left: 10px;
}

.sidebar {
	background-color: #C4C8E1;
	width: 162px;
	height: 510px;
	float: left;
	position: relative;
	background-image: url(images/carb_closeups.jpg);
}

.content {
	background-color: FFFF01;
	padding: 0px;
	width: 448px;
	height: 520px;
	position: relative;
	float: right;
}

.footercontainer {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	spacing-bottom: 20px;
	position: relative;
	top: -8px;
	text-align: left;
	background-color: white;
	height: 69px;
}

.footer {
	width: 620px;
	height: 50px;
	left: 10px;
	top: 9px;
	position: absolute;
	display: inline;
	background-color: #000F84;
	color: white;
	text-align: center;
	z-index: 1;
}

div.footercontainer a:link {color: white; text-decoration: none;}
div.footercontainer a:visited {color: white; text-decoration: none;}
div.footercontainer a:hover {color: white; text-decoration: none;}
div.footercontainer a:active {color: white; text-decoration: none;}

.title {
	font-weight: bold;
	font-size: 18px;
	padding: 10px;
}

.subtitle {
	font-size: 14px;
	position: relative;
	top: -35;
	padding: 10px;
}

.thumb {
	height: 300px;
}

.text-wrap {
	padding: 10px;
	position: relative;
	top: -42;

}

.text-wrap-2 {
	padding: 15px;
	position: relative;
	top: -60;
}