/* global reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
a img {border:none;}
a, a:visited{display:inline-block;color:#457a1d; text-decoration:none; border-bottom:1px solid white;}
a:hover{color:#457a1d; text-decoration:none; border-bottom:1px dotted #457a1d;}

/* style rules */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1.5em;
	background:white url(../../images/bkg1.gif) repeat-x;
	color:#404040;
	padding:0;
	margin:0 auto;
	text-align:center;
}
html>body{font-size: 10px;}

#header{
	background:white;
	width:960px;
	height:200px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#header div.logo{
	display:block;
	float:left;
	width:267px;
	height:126px;
}
#header div.logo a{
	display:block;
	width:240px;
	height:78px;
	margin:13px 0 0 20px;
	text-decoration:none;
	border:0;
	background: transparent url(../../images/logo_landing_new.gif) no-repeat;
}
#header div.image{

	float:left;
	width:100px;
	margin:10px 0px 0px 200px;
}
#header div.slogan{
	display:block;
	float:left;
	width:300px;
	height:126px;
	margin:20px 0px 0px 0px;
}
#header span, #wrap a span{
	visibility:hidden;
}
#wrap{
	width:960px;
	height:417px;
	margin:0 auto;
	text-align:left;
	background:transparent url(../../images/montage.jpg) no-repeat;
}
#wrap a.grids, #wrap a.cities{
	float:left;
	display:block;
	width:480px;
	height:417px;
	text-decoration:none;
	background:none;
	position:relative;
	border:0;
	z-index:100;
}
#wrap a.cities{z-index:200;}
#wrap a:hover{border:0;}
body.no_JS #wrap a.grids:hover span, body.no_JS #wrap a.cities:hover span{
	visibility:visible;
	position:absolute;
	top:0;
	left:0;
	width:960px;
	height:417px;
	background:transparent url(../../images/montage.jpg) no-repeat -960px 0;
	font-size:4px;
	color:white;
}
body.no_JS #wrap a.cities:hover span{
	left:-480px;
	background-position: -1920px 0;
}
#footer{
	width:960px;
	margin:25px auto;
	text-align:left;
	font-size:1em;
}
#footer .copyright{float:left; color:#404040; font-weight:bold; padding-left:15px;}
#footer .footernav{float:left; color:#535353; padding-left:15px;}
#footer .footeremail{float:right; padding-right:15px;}

/* typography */
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
strong{font-weight:bold;}
em{font-style:italic;}
img{border:0;}

/* clearing */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.clear{clear:both;}