@import url("reset.css");

/* Global -------------------------------------------------------- */ 

body {
	padding:20px;
	width:800px;
	position:relative;
	font-family:Arial,sans-serif;
}
h1 {
	font-size:24px;
	color:#00783B;
	margin-bottom:15px;
}
h2 {
	font-size:16px;
	color:#999999;
	margin-bottom:20px;
	line-height:19px;
}
a {
	color:#55BB11;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}
blockquote {
	font-style:italic;
	margin:18px 0px 10px 10px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding-top:15px;
	padding-left:20px;
}
hr {
	border:none;
	height:1px;
	color:#CCCCCC;
	background:#CCCCCC;
}
form {
	margin:20px 0px 0px 70px;
}
label {
	float:left;
	width:100px;
	font-size:12px;
	padding-top:3px;
	color:#666666;
}
form ul li {
	height:30px;
}
form ul li input {
	width:200px;
}
input#btnDownload{
	margin:5px 0px 0px 100px;
}

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

p#links {
	position:absolute;
	right:20px;
	margin-bottom:5px;
	font-size:10px;
	color:#CCCCCC;
}
div#logo {
	margin-top:20px;
	padding-bottom:0px;
}

/* Shadow and main container ------------------------------------- */ 

div#container {
	margin:20px 0px 10px 0px;
	width:758px;
	overflow:auto;
	min-height:600px;
	background-color: #ffffff;
	border: 1px solid #afafaf;
	padding: 0px 20px 15px 20px;
}

/* Main ---------------------------------------------------------- */

div#main {
	width:514px;
	float:left;
	padding:35px 35px 0px 0px;
}

div#main p { 
	font-size:12px;
	line-height:16px;
	margin-bottom:15px;
	color:#666666;
}

p.src {
	font-style:normal;
	font-weight:bold;
}

div.home {
	background-image:url("../img/bg-stopwatch.jpg");
	background-repeat:no-repeat;
	background-position:bottom right;
}

img#bannerHome {
	float:left;
	margin-top:10px;
}

p#downloadGuide a {
	font-size:15px;
}
p.subtext {
	font-size:11px !important;
}
img.info {
	margin-top:15px;
}
h2#links {
	margin-bottom:10px;
}
ul#links {
	padding-left:200px;
}
ul#links li {
	font-size:12px;
	color:#666666;
	list-style-type:disc;
	padding-top:5px;
}
ul#longdesc {
	margin-left:20px;
}
ul#longdesc li {
	list-style-type:disc;
	font-size:13px;
	color:#666666;
	line-height:15px;
}

/* RHS nav ------------------------------------------------------- */

div#nav {
	width:200px;
	height:400px;
	float:left;
}
div#nav ul {
	margin-bottom:20px;
}
div#nav ul li {
	height:12px;
	padding:7px 10px 12px 10px;
	text-align:center;
	background-color:#EEEEEE;
	font-size:12px;
	background-repeat:no-repeat;
	background-position:0px -28px;
}
div#nav ul li#first {
	background-image:url("../img/bg-nav-london2012-business-guide.jpg");
	background-position:bottom;
	height:31px;
}
div#nav ul li#first img { 
	width:180px;
	height:33px;
}
div#nav ul li.on { 
	height:12px;
	color:#505050;
	font-weight:bold;
}
div#nav ul li#red {
	background-image:url("../img/bg-nav-red.jpg");	
}
div#nav ul li#black {
	background-image:url("../img/bg-nav-black.jpg");	
}
div#nav ul li#blue {
	background-image:url("../img/bg-nav-blue.jpg");	
}
div#nav ul li#green {
	background-image:url("../img/bg-nav-green.jpg");	
}
div#nav ul li#yellow {
	background-image:url("../img/bg-nav-yellow.jpg");	
}
div#nav ul li#grey {
	background-image:url("../img/bg-nav-grey.jpg");	
}

/* Box   -------------------------------------------------------- */
div.box{
	margin-top:30px;
}

/* Box Blue  -------------------------------------------------------- */

div.boxBlue {
	width:230px;
	color:#fff;
	float:left;
	font-size:12px;
	font-family:Arial,sans-serif;
}

div.boxBlue h2 {
	color:#fff;
	margin:0;
	padding-left:10px;
}
div.boxBlue a {
	color:#fff;
	text-decoration:none;
}

div.boxBlue ul {
	margin:0;
	padding:3px 10px 0 25px;
	list-style-type:disc !important;
}

div.boxBlue ul li {
	padding-top:6px;
	line-height: 1.3;
}

div.boxBlue_top {
	padding:0;
	margin:0;
	float:left;
	width:230px;
	height:19px;
	background-image:url(../img/bg-boxBlue_top.gif);
	background-repeat:no-repeat;
}

div.boxBlue_center {
	padding:0;
	margin:0;
	width:230px;
	height:auto;
	background-color:#04256A;
}

div.boxBlue_bottom {
	padding: 0;
	margin: 0;
	width:230px;
	height:18px;
	background-image:url(../img/bg-boxBlue_bottom.gif);
	background-repeat:no-repeat;
}

/* Box Grey  -------------------------------------------------------- */

div.boxGrey {
	height:auto;
	float:left;
	position: relative;
	background-color:#87888A;
	color:#fff;
	font-size:12px;
	font-family:Arial,sans-serif;
}

div.boxGreyStandard{
	width:230px;
	margin-left:30px;
}

div.boxGreyHome {
	width:474px;
}

div.boxGrey h2{
	margin:0;
	padding:16px 0 0 10px; 
	color:#fff;
}

div.boxGrey p{
	color:#fff !important;
	padding:5px 12px 0 10px;
}

div.boxGrey p#home{
	margin-bottom:0px !important;
}

div.boxGrey a{
	color:#fff;
	text-decoration:none;
}

div.boxGrey ul {
	margin:0;
	padding:3px 10px 0 25px;
	list-style-type:disc !important;
}

div.boxGrey ul li{
	padding:6px 0 5px 0;
	line-height: 1.3;
}

div.boxGrey div {
	position: absolute;
}

div.boxGrey_topLeft{
	width:19px;
	height:16px;
	top:0;
	left:0;
	background-image:url(../img/bg-boxGrey_tl.gif);
}

div.boxGrey_topRight{
	width:19px;
	height:16px;
	background-image:url(../img/bg-boxGrey_tr.gif);
	top:0;
	right:0;
}

div.boxGrey_bottomLeft{
	width:19px;
	height:16px;
	background-image:url(../img/bg-boxGrey_bl.gif);
	left:0;
	bottom:0;
}

div.boxGrey_bottomRight{
	width:19px;
	height:16px;
	background-image:url(../img/bg-boxGrey_br.gif);
	bottom:0;
	right:0;
}

/* Footer -------------------------------------------------------- */
div#footer {
	background-color:#E8E8E8;
	font-size:10px;
	padding:20px 20px 10px 20px;
	color:#999999;
	text-align:justify;
}

div#footer p {
	line-height:12px;
	padding-bottom:10px;
}