/* GENERAL 
_____________________________________________________________________________*/

html {
	margin-bottom: 1px;
	min-height: 100%;
	height: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, pre, form, fieldset, img {
	margin: 0;
	padding: 0;
	border: 0;
}

img {
	vertical-align: bottom;
}

body {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 1.22em;
	background: #CCC;
}

.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}

a {
	text-decoration: none;
	color: #0086ff;
}

a:hover { 
	text-decoration: underline;
}

/* STYLES
_____________________________________________________________________________*/

#container {
	width: 1040px;
	margin: auto;
	background: #FFF url(/website-images/header.gif) no-repeat;
	position: relative;
}

	#quote {
		position: absolute;
		top: 150px;
		left: 109px;
	}
	
	#photo {
		position: absolute;
		top: 0px;
		right: 0px;
	}
	
	#content {
		padding: 223px 155px 18px 101px;
	}

		/* LEFT COL */
		
		#content #left {
			float: left;
			width: 443px;
		}

			/* TOUR DATES */
			
			#tour-data-container {
				padding: 15px 15px 50px 15px;
			}
			
			#tour-data {
				color: #7a7a7a;
			}
			
			#tour-data th,
			#tour-data td {
				padding: 10px;
			}
			
			#tour-data th {
				text-align: left;
				color: #3d3d3d;
				border-bottom: 1px solid #e4e4e4;
			}
			
			#tour-data td {
				background-color: #FFF;
				border-bottom: 1px solid #e4e4e4;
			}
			
			#tour-data td.row {
				background-color: #f2f2f2;
				border-bottom: 1px solid #e4e4e4;
			}
			
			a.buy {
				text-decoration: none;
				color: #ff7c00;
				font-weight: bold;
				background: url(/website-images/icon-buy.gif) no-repeat 5px 3px;
				padding-left: 23px;
				display: inline-block;
			}
			
			a.buy:hover {
				text-decoration: underline;
			}

		/* RIGHT COL */
		
		#content #right {
			float: right;
			width: 318px;
			padding-top: 70px;
		}

			/* MAILING LIST */
			
			#content #right #mailing-list-container {
				padding: 7px;
				color: #666;
			}
			
				#content #right #mailing-list-container .dropdown {
					width: 140px;
				}
				
				#content #right #mailing-list-container .email {
				width: 245px;
				color: #666;
				background-color: #f2f2f2;
				border: 1px solid #e4e4e4;
				}
				
				#content #right #mailing-list-container .btn {
				border: 0;
				width: 35px;
				height: 19px;
				}
			
			#content #right .updates {
				border-top: 1px solid #ededed;
				padding: 10px 15px;
				font-size: 11px;
				color: #3d3d3d;
				font-weight: bold;
			}

			/* TWITTER FEED */
			
			#content #right a.follow {
				padding: 5px 0 0 205px;
				color: #FFF;
				text-decoration: underline;
			}
			
			#content #right a.follow:hover {
				text-decoration: none;
			}
			
			#content #right #twitter-data-container {
				padding: 7px;
			}
			
				#content #right #twitter-data-container .tweet {
					color: #666;
				}
				
				#content #right #twitter-data-container .tweet .tweet_list {
					-webkit-border-radius: .5em;
					list-style-type: none;
					margin: 0;
					padding: 0;
					background-color: #FFF;
				}

				#content #right #twitter-data-container .tweet .tweet_list li {
					overflow: auto;
					padding: 7px;
				}

				#content #right #twitter-data-container .tweet .tweet_list li a {
					text-decoration: underline; 
					color: #b3b3b3;
					font-size: 10px;
				}

				#content #right #twitter-data-container .tweet .tweet_list li a:hover {
					text-decoration: none;
				}

				#content #right #twitter-data-container .tweet .tweet_list .tweet_even {
					background-color: #f2f2f2;
				}

				#content #right #twitter-data-container .tweet .tweet_list .tweet_avatar {
					display: none;
				}
			
			#content #right .go {
				border-top: 1px solid #ededed;
				padding: 10px 15px;
				font-size: 11px;
				color: #3d3d3d;
				font-weight: bold;
			}
			
				#content #right .go a {
					color: #0066cc;
					text-decoration: underline;
				}
				
				#content #right .go a:hover {
					text-decoration: none;
				}

	/* FOOTER */
	
	#footer {
		padding: 0 155px 0 101px;
	}
	
		#footer #left {
			float: left;
			width: 443px;
			color: #999;
			padding-top: 30px;
		}
		
			#footer #left a {
				color: #999;
				font-size: 15px;
				text-decoration: none;
			}

			#footer #left a:hover {
				text-decoration: underline;
			}
		
		#footer #right {
			text-align: right;
			float: right;
			width: 318px;
		}
				#footer #right .copyright {
					color: #b3b3b3;
					font-size: 10px;
					margin-top: 15px;
					margin-bottom: 24px;
				}
