﻿body{
   margin:0 auto;
	text-align:center;
   font:12px "Trebuchet MS";
   color:#333;
}

ul{
	margin-top:0;
}

p, ul{
	margin-bottom:0;
}

#container{
	width:960px;
	margin:0 auto;
}

#header{
	height:95px;
	padding:9px 20px 0;
}

#header .logo{
	display:block;
	background:url(../images/logoTest.jpg) no-repeat;
	text-indent:-9999px;
	height:93px;
	width:207px;
	float:left;
}

#header .contact{
	font:bold italic 20px "Trebuchet MS";
	color:#3ea8da;
	float:right;
	padding:30px 40px 0;
}

#menu{
	background:url(../images/MetroStay_07.jpg) no-repeat;
	height:32px;
	padding:15px 0 3px;
	color:#bbb;
}


#menu a{
	text-decoration:none;
	color:#777;
}

#menu a:hover{
	text-decoration:none;
	background:#ddd;
	color:#333;
}

#menu ul{
	list-style:none;
}

#menu li{
	float:left;
	padding:0 10px 0 0;
}

#image{
	background:url(../images/MetroStay_08.jpg) no-repeat;
	height:354px;
}

.clear{
	clear:both;
}

#content{
	padding:20px 0 0;
}

#top{
	background:url(../images/MetroStay_09.jpg) no-repeat;
	height:22px;
}

#mid{
	background:url(../images/MetroStay_10.jpg) repeat-y;
	text-align:left;
	overflow:hidden;
}

#btm{
	background:url(../images/MetroStay_13.jpg) no-repeat;
	height:35px;
}

img a{
	text-decoration:none;
	border:0;
}

/* details */

.inside{
 	width:820px;
	padding:0 0 0 60px;
}

.title{
	border-bottom:1px solid #d2d3d4;
	padding:10px 0 0;
}

.inside h1{
   margin:0;
   font:34px Georgia;
   padding:5px 0;
   float:left;
   color:#0f9bcf;
}

.tright a{
	display:block;	
	text-indent:-9999px;
}

.title img{
	float:right;
	padding:17px 0 0;
}

.tright{
	float:right;
	padding:5px 0 20px;
}

.tright a{
	background:url(../images/clickhere.gif) no-repeat;	
	width:240px;
	height:20px;
}

.summary .left{
	float:left;
}

.summary .left .number{
	font:italic 24px "Trebuchet MS";
	padding:5px 0 0;
	text-align:center;
}

.summary .left .number span{
	padding:0 5px;
	cursor:pointer;	
}

.summary .left .image{
	padding:15px;
	border:1px solid #d2d3d4;
}

.summary .left .image img{
	width:330px;
	height:230px;
	border:1px solid #d2d3d4;	
}

.summary .right{
	float:right;
}

/* Information */

.information{
	border:1px solid #d2d3d4;
	width:430px;
	min-height:265px;
	height:auto;
	height:265px;
}

.information tr{
	vertical-align:top;	
}

.information th{
	width:80px;
	border-right:1px solid #d2d3d4;
}

.information th, .information td{
	font-weight:500;
	padding:10px 5px;
}

.blue{
	background:#e3f0fd !important;
}

/* Description */

#description, #location, #tariffs, #features{
	padding:40px 0 0;
	line-height:27px;
}
.titleHead{
	display:block;
	width:530px;
	height:55px;
	text-indent:-9999px;
}
#description .titleHead{
	background:url(../images/decription.gif) no-repeat;
}

#location .titleHead{
	background:url(../images/location.gif) no-repeat;
}

#tariffs .titleHead{
	background:url(../images/tariffs.gif) no-repeat;
}

#features .titleHead{
	background:url(../images/features.gif) no-repeat;
}











