/*
	Six Degrees the Agency ~ Core CSS.
	http://sixdegreestheagency.com/
*/

/* `General HTML
----------------------------------------------------------------------------------------------------*/

body {
	background: #25408f;
	margin: 0;
}

a, img, div {
	behavior: url(scripts/iepngfix.htc)
}

a img {
	border: 0;
}

.logos img {
	margin-bottom: 20px;
}

/* `Divs
----------------------------------------------------------------------------------------------------*/

.container {
	background: url(img/content-bg.png) top left repeat-y;
	margin: 0 auto;
	padding: 0 10px;
	width: 940px;
}

#header {
	height: 400px;
	margin: 0;
	position: relative;
	width: 940px;
}

#banner {
	height: 23px;
	margin: 0 auto;
	overflow: hidden;
	padding: 17px 10px 10px 10px;
	width: 940px;
}

#main-content {
	background: url(img/bg-gradient.jpg) top left repeat-x;
	padding: 40px 40px 10px 40px;
}	

#book-now {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.artist-info {
	display: inline;
	float: left;
	margin: 10px 0 40px 0;
	width: 240px;
}

.separator {
	display: inline;
	float: left;
	margin: 0;
	width: 60px;
}

.float-left {
	display: inline;
	float: left;
}

.float-right {
	display: inline;
	float: right;
}

.tour-info {
	margin-left: 10px;
}

.logos {
	margin-right: 10px;
	width: 185px;
}

.video {
	margin: 0 30px 20px 10px;
} 

#footer {
	background: url(img/footer.png) top left no-repeat;
	height: 40px;
	margin: 0 auto 20px auto;
	width: 960px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}