@import "reset.css";

body {
	background:#120c0e;
	font-family:Helvetica,Arial;
	color:#fff;
	font-size:12px;
}

a:link, a:visited, a:hover, a:active {
	color: #FFF;
}

br {
	clear:both;
}

#main-container {
	width:990px;
	padding-top:400px;
	overflow:hidden;
	margin:auto;
	min-height:500px;
	background:url("http://maroon5.com/images/header_splash.jpg") no-repeat center top;
	position:relative;
}

#enter {
	position:absolute;
	display:block;
	top:0px;
	right:0px;
}

#itunes {
	position:absolute;
	display:block;
	top:100px;
	left:1px;
	width: 220px;
	height: 290px;
}

#left-side {
	float:left;
	padding-left:5px;
	width:400px;
}

#left-side h1 {
	display:block;
	float:left;
	width:395px;
	height:70px;
	background:url("http://maroon5.com/images/maroon5.jpg") no-repeat left 5px;
	text-indent:-9999px;
	padding:5px 0px 30px 0px;
}

#video-box {
	border:5px solid #fff;
	width:390px;
	height:290px;
	float:left;
	background:#000;
}

#box-wrapper {
	margin:0px 0px 0px 0px;
	padding:15px 0px 0px 0px;
}

#box-wrapper li.box-item {
	float:left;
	width:100%;
	padding-top:18px;
	line-height:14px;
}

#box-wrapper li.box-item li {
	width:100%;
	float:left;
}

.box-largest {
	float:left;
	width:400px;
	background:url("http://maroon5.com/images/box_largest_middle.jpg") repeat-y left top;
}

* html .box-largest .box-top  {
   height: expression( this.scrollHeight < 253? "253px" : "auto" ); /* sets min-height for IE */
}


.box-largest .box-top {
	float:left;
	min-height:253px;
	padding:12px 16px 5px 11px;
	width:373px;
	font-size:11px;
	background:url("http://maroon5.com/images/box_largest_top.jpg") no-repeat left top;
}

.box-largest .box-bottom {
	float:left;
	width:400px;
	height:9px;
	font-size:9px;
	line-height:9px;
	background:url("http://maroon5.com/images/box_largest_bottom.jpg") no-repeat left bottom;
}


.box-medium {
	float:left;
	width:400px;
	font-size:11px;
	background:url("http://maroon5.com/images/box_medium_middle.jpg") repeat-y left top;
}

* html .box-medium .box-top  {
   height: expression( this.scrollHeight < 163? "163px" : "auto" ); /* sets min-height for IE */
}

.box-medium .box-top {
	float:left;
	min-height:163px;
	width:373px;
	padding:12px 16px 5px 11px;
	background:url("http://maroon5.com/images/box_medium_top.jpg") no-repeat left top;
}

.box-medium .box-bottom {
	float:left;
	width:400px;
	height:9px;
	font-size:9px;
	line-height:9px;
	background:url("http://maroon5.com/images/box_medium_bottom.jpg") no-repeat left bottom;
}

.box-smallest {
	float:left;
	width:400px;
	background:url("http://maroon5.com/images/box_smallest_middle.jpg") repeat-y left top;
}

.box-smallest .box-top {
	float:left;
	min-height:93px;
	width:373px;
	padding:12px 16px 5px 11px;
	background:url("http://maroon5.com/images/box_smallest_top.jpg") no-repeat left top;
}

* html .box-medium .box-top  {
   height: expression( this.scrollHeight < 93 ? "93px" : "auto" ); /* sets min-height for IE */
}


.box-smallest .box-bottom {
	float:left;
	width:400px;
	height:9px;
	font-size:9px;
	line-height:9px;
	background:url("http://maroon5.com/images/box_smallest_bottom.jpg") no-repeat left bottom;
}

.giveaways {
	text-indent:-9999px;
	width:100%;
	float:left;
	background:url("http://maroon5.com/images/giveaways.jpg") no-repeat left top;
	height:24px;
	padding-bottom:15px;
}

.fanclub {
	text-indent:-9999px;
	width:100%;
	float:left;
	background:url("http://maroon5.com/images/fanclub.jpg") no-repeat left top;
	height:24px;
	padding-bottom:15px;
}

.vip {
	text-indent:-9999px;
	width:50px;
	float:left;
	background:url("http://maroon5.com/images/vip.jpg") no-repeat left top;
	height:24px;
	padding-bottom:5px;
}

.vip_promotion {
	float:right;
	text-align:right;
}

#right-side {
	float:right;
	width:565px;
	padding-right:5px;
}

#right-side h2 {
	text-indent:-9999px;
	width:100%;
	float:left;
	background:url("http://maroon5.com/images/ontour.jpg") no-repeat left top;
	height:36px;
	padding-bottom:5px;
}

#right-side ul {
	padding:0px 0px 50px 0px;
	margin:0px;
	list-style-type:none;
	float:left;
}

#right-side li {
	float:left;
	width:100%;
	padding:18px 0px;
	border-bottom:1px solid #2b2527;
}

#right-side li table {
	float:left;
	width:50px;
	height:50px;
}

#right-side li table td {
	vertical-align:middle;
	text-align:center;
	color:#fff;
	font-size:15px;
	line-height:20px;
	font-weight:bold;
	background:url("http://maroon5.com/images/date_bg.jpg") no-repeat left top;
}

.date-wrapper {
	float:left;
	padding-right:11px;
	width:50px;
	height:50px;
}

.tour_info {
	width:500px;
	float:left;
}

.tour_name {
	float:left;
	width:100%;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
}

.tour_details {
	width:320px;
	float:left;
	font-size:12.5px;
	line-height:15px;
}

.tour_buttons {
	float:left;
	width:170px;
	padding-top:5px;
	padding-left:6px;
}

.buytix {
	float:left;
	width:55px;
	height:25px;
	display:block;
	background:url("http://maroon5.com/images/buy_tix.jpg") no-repeat;
	text-indent:-9999px;
}

.buyvip {
	float:left;
	width:55px;
	height:25px;
	display:block;
	background:url("http://maroon5.com/images/buy_vip.jpg") no-repeat;
	text-indent:-9999px;
	margin-left:2px;
}

.facebook {
	float:left;
	width:55px;
	height:25px;
	display:block;
	background:url("http://maroon5.com/images/f_rvsp.jpg") no-repeat;
	text-indent:-9999px;
	margin-left:2px;
}