/* Free Day IN Birmingham   |   screen.css   |   3/16/09 */

body	{
	background-color: #797979;
	font: 62.5%  Helvetica, Arial, sans-serif; 
	color: #333; 
	text-align: center; 
	margin: 0; 
	padding: 20px 0;
	}
	
#wrap {
	width: 967px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	}
	
#internal-wrap {
	background: url(../images/wrap-bg.jpg) 0 0 repeat-y;
	padding: 10px 40px 20px 40px;
	width: 927px;
	float: left;
	}
	
h1 {
	text-indent: -9999em;
	float: left;
	color: #fff;
	}
	
* + html #top { margin-bottom: -4px; }

* html #top { margin-bottom: -4px; }
	
#header { 
	width: 927px;
	float: left;
	}
	
* + html #header { margin-bottom: 10px; }

* html #header { margin-bottom: 10px; }

#logo { 
	float: right;
	border: 0;
	}
	
#content-wrap {
	width: 907px;
	background: #dadada url(../images/content-bg.jpg) 0 0 repeat-x;
	padding: 10px;
	float: left;
	}
	
#content-wrap .form {background: #fff; }
	
#in-guide {
	position: absolute;
	top: 105px;
	left: 785px;
	border: 0;
	}
	
* + html #in-guide { top: 95px; }

* html #in-guide { top: 93px; }

#content {
	width: 887px;
	background: #fff url(../images/in-book-open.jpg) bottom right no-repeat;
	padding: 10px;
	margin-bottom: 10px;
	float: left;
	}
	
#content p.home {
	color: #777;
	font-size: 1.1em;
	margin-bottom: 10px;
	width: 220px;
	float: left;
	margin-top: -10px;
	}
	
#billboard {
	float: left;
	background: url(../images/billboard.jpg) 0 0 no-repeat;
	width: 569px;
	height: 344px;
	margin-right: 10px;
	}
	
.door-knob {
	display: block;
	width: 135px;
	height: 320px;
	float: right;
	margin: 15px 40px 0 0;
	}
	
#content #billboard p {
	color: #888;
	font-size: 1.2em;
	margin: 250px 180px 20px 20px;
	}
	
#billboard a {
	color: #888;
	text-decoration: underline;
	}
	
#billboard a:visited { color: #888; }

#billboard a:hover { color: #fa180c; }

h2 {
	text-transform: uppercase;
	color: #ccc;
	font-size: 2.2em;
	letter-spacing: -.01em;
	}
	
h3 {
	text-transform: uppercase;
	font-size: 1.4em;
	clear: both;
	border-bottom: #ccc solid 1px;
	padding-bottom: 3px;
	}
	
h3.first { clear: none; margin-right: 320px; }
	
a.guide-btn {
	display: block;
	width: 130px;
	padding: 4px 5px 12px 3px;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #fff;
	background: url(../images/btn-bg.jpg) 0 0 no-repeat;
	float: left;
	text-decoration: none;
	text-align: center;
	}
	
#content.internal a.guide-btn {
	display: block;
	width: 120px;
	padding: 3px 5px 12px 3px;
	font-size: 1.0em;
	text-transform: uppercase;
	color: #fff;
	background: url(../images/btn-bg.jpg) 0 0 no-repeat;
	float: left;
	text-decoration: none;
	text-align: center;
	}
	
.button {
	background: url(../images/video-btn.png) 65px 0 no-repeat;
	display: block;
	padding: 10px 40px 12px 0;
	color: #666;
	text-decoration: none;
	font-size: 1.2em;
	position: absolute;
	top: 410px;
	left: 845px;
	}

* html .button {
	background: url(../images/video-btn.gif) 65px 0 no-repeat;
	padding: 10px 70px 12px 0;
	width: 70px;
	top: 420px;
	}
	
.button:visited { color: #666; }

.button:hover { text-decoration: underline; }
	
a:visited.guide-btn, #content.internal a.guide-btn { color: #fff; }

a:hover.guide-btn, #content.internal a.guide-btn { background: url(../images/btn-bg.jpg) -138px 0 no-repeat; }
	
#magnets {
	width: 907px;
	float: left;
	}

a#magnet-01 {
	width: 195px;
	background: url(../images/magnet-01-bg.jpg) 0 0 no-repeat;
	float: left;
	margin-right: 20px;
	padding: 70px 25px 35px 10px;
	color: #5c5c5c;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.3em;
	}
	
a:visited#magnet-01 { color: #5c5c5c; }

a:hover#magnet-01 { 
	color: #fa180c;
	text-decoration: underline; 
	}
	
a#magnet-02 {
	width: 195px;
	background: url(../images/magnet-02-bg.jpg) 0 0 no-repeat;
	float: left;
	margin-right: 20px;
	padding: 70px 25px 35px 10px;
	color: #5c5c5c;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.3em;
	}
	
a:visited#magnet-02 { color: #5c5c5c; }


a:hover#magnet-02 { 
	color: #fa180c;
	text-decoration: underline; 
	}
	
a#magnet-03 {
	width: 195px;
	background: url(../images/magnet-03-bg.jpg) 0 0 no-repeat;
	float: left;
	margin-right: 20px;
	padding: 70px 25px 35px 10px;
	color: #5c5c5c;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.3em;
	}
	
a:visited#magnet-03 { color: #5c5c5c; }

a:hover#magnet-03 { 
	color: #fa180c;
	text-decoration: underline; 
	}
	
a#magnet-04 {
	width: 124px;
	background: url(../images/red-magnet.jpg) 0 0 no-repeat;
	float: left;
	color: #fff;
	font-size: 1.3em;
	text-transform: uppercase;
	text-decoration: none;
	padding: 90px 10px 15px 20px;
	}
	
a:visited#magnet-04 { color: #fff; }

a:hover#magnet-04 { text-decoration: underline; }

#footer {
	margin: 20px auto 0 auto;
	width: 950px;
	text-align: center;
	}
	
#footer li {
	list-style: none;
	float: left;
	padding: 0 10px;
	border-right: #555 solid 1px;
	font-size: 1.1em;
	}
	
#footer li.first { 
	margin-left: 130px;
	padding: 0 10px 0 0;
	}
	
* html #footer li.first { margin-left: 70px; }
	
#footer li.last {
	padding: 0 0 0 10px;
	border-right: 0;
	}
	
#footer li a {
	color: #fff;
	text-decoration: none;
	}
	
#footer li a:visited { color: #fff; }

#footer li a:hover { text-decoration: underline;}
	


/*---------INTERNAL---------*/
#content.internal { background: #fff; }

#content.internal h2 { color: #fa180c; }

#content.internal p {
	font-size: 1.3em;
	color: #333;
	margin-bottom: 20px;
	}
	
#content.internal a {
	color: #fa180c;
	text-decoration: underline;
	}
	
#content.internal a:visited { color: #fa180c; }

#content.internal a:hover { color: #333; }
	
#content.internal img.right {
	padding: 3px;
	border: #ccc solid 1px;
	float: right;
	margin: 0 0 20px 20px;
	}
	
#content.internal img.left {
	padding: 3px;
	border: #ccc solid 1px;
	float: left;
	margin: 0 20px 20px 0;
	}
	
#content.internal p.reader { clear: both; }
	
#content.internal img.reader {
	padding: 3px;
	float: left;
	margin: -11px 10px 10px 0;
	}
	
#content.internal ul {
	margin: 0;
	padding: 0 30px 0 15px;
	}
	
#content.internal ul.hotels {
	margin: 0;
	padding: 0 30px 0 15px;
	float: left;
	width: 390px;
	}
	
#content.internal li { 
	font-size: 13px;
	margin-bottom: 15px;
	}

#content.internal li a {
	color: #fa180c;
	text-decoration: underline;
	list-style: disc;
	line-height: 20px;
	}
	
#content.internal li a:visited { color: #fa180c; }

#content.internal ul.no-bullet { padding: 0;}

#content.internal ul.no-bullet li { list-style: none; float: left;}

#content.internal ul.no-bullet li.first { width: 555px; float: none;}

#content.internal ul.savings { padding: 0;}

#content.internal ul.savings li { list-style: none; float: left; width: 555px;}

.disclaimer { clear: both; }
	
.date {
	color: 333;
	text-decoration: none;
	line-height: 18px;
	font-size: 1.1em;
	}
	
#content.internal li.title {
	color: #333;
	list-style: none;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 10px -15px;
	}
	
#content.internal ul#nav {
	clear: both;
	float: left;
	width: 910px;
	margin: 0;
	padding: 0;
	}
	
* html #content.internal ul#nav { 
	width: 887px;
	margin-bottom: -15px; }
	
#content.internal #nav li {
	list-style: none;
	float: left;
	text-transform: uppercase;
	padding: 0 10px;
	border-right: #ccc solid 1px;
	font-weight: bold;
	}
	
#content.internal #nav li.first { padding: 0 10px 0 0; }
	
#content.internal #nav li.last {
	padding: 0 0 0 10px;
	border-right: 0;
	}
	
#content.internal #nav li.in-button a {
	background: url(../images/in-book-btn.jpg) 3px 3px no-repeat;
	display: block;
	width: 300px;
	height: 50px;
	padding: 3px;
	border: #ccc solid 1px;
	margin-left: 14px;
	}
	
#content.internal #nav li a {
	text-decoration: none;
	color: #333;
	}
	
#content.internal #nav li a:visited { color: #333; }

#content.internal #nav li a:hover { color: #fa180c; }

#content.internal #nav li a.active { color: #fa180c; }

* html #content.internal #nav li.in-button a { margin-left: 8px; }

/*---------FORM---------*/
#content-wrap .form { 
    margin: 0;
    padding: 0;
    background: url(../images/form-bg.jpg) bottom right no-repeat;
    width: 907px;
    height: 600px;
    }

#content.form h2 { color: #fff; }

* + html #content.form h2 { padding-left: 15px; }

* html #content.form h2 { padding-left: 15px; }

#content.form p {
	font-size: 1.3em;
	color: #444;
	float: left;
	margin: 20px 0 0 20px;
	width: 590px;
	}
	
#content-wrap .form table {
	width:243px;
	height: 600px;
	background-color: #dc2910;
	padding: 0 15px 0 15px;
	float: left;
	}
	
* html #content-wrap .form table { padding: 0 0 0 10px; }

#content.form table#popup { 
    width: 200px;
    height: 358px; 
    padding: 0;
    margin: 0;
    }
    
* + html #content.form table#popup { margin: 0 0 0 10px; }

#content td.note {
	color: #000;
	font-size: 0.9em;
	}
	
* + html #content td.note { font-size: 1.0em; }

* html #content td.note { font-size: 1.0em; float: left; margin-left: 20px; }
	
a.form-btn {
	display: block;
	width: 130px;
	padding: 4px 5px 12px 3px;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #333;
	background: url(../images/events-button.jpg) 0 0 no-repeat;
	float: left;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	}
	
a:visited.form-btn { color: #fff; }

a:hover.form-btn{ background: url(../images/events-button.jpg) -138px 0 no-repeat; }

* + html a.form-btn { margin-left: 10px; }

* html a.form-btn { margin-left: 7px; }

.txt { width:185px;	}

.txtSmall { width:50px;	}

#content.form td.left {
	width:120;
	font-size: 1.2em;
	color: #fff;
	text-transform: uppercase;
	}

* + html #content.form td.left { padding-left: 15px; }

* html #content.form td.left { padding-left: 15px; }
	
#content.form img.right {
	padding: 3px;
	border: #ccc solid 1px;
	float: right;
	margin: 0 0 15px 15px;
	}

.chk
{
	font-size: 1.3em;
	text-align:left;
	color: #fff;
	margin: 0;
	padding: 0;	
}

* html .chk { margin-left: 10px; font-size: 1.2em; }

.chkReport
{
	font-size: 1.3em;
	text-align:left;
	color: #333;
	margin: 0;
	padding: 0;	
}

.summary
{
	font-size: 1.4em;
	text-align:left;
	color: Red;
}

#see-whats-in {
    width: 369px;
    height: 136px;
    background: url(../images/whats-in-bg.jpg) 0 0 no-repeat;
    position: absolute;
    top: 535px;
    left: 570px;
    padding: 20px 0 0 15px;
    }
    
#content.form #see-whats-in h2 { 
    color: #dc2910;
    margin: 0 0 5px 0;
    }
    
#content.form #see-whats-in p { 
    color: #333;
    margin: 0;
    padding: 0;
    }

.popup-text { 
    color: #fff;
    font-size: 1.3em;
    }
    
* + html .popup-text { margin-left: 15px; }

* html .popup-text { margin-left: 15px; }
    
#content.form #see-whats-in img {
    border: 0;
    padding-right: 8px;
    }
    
* + html #content.form table a.guide-btn {margin-left: 15px; }

* html #content.form table a.guide-btn {margin-left: 7px; }