@import url('reset.css');

/* element styles */
	BODY{
		/* font-size: 11px; */
		font-size: 0.69em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background: url(/assets/images/site_bg.gif) #222;
		color: #FFF;
	}
	
	P{
		margin-top: 17px;
		margin-bottom: 17px;
		line-height: 130%;
		color: #CCC;
	}
	
	A, A:visited, A:active{
		color: #6699FF;
		text-decoration: none;
		cursor: pointer;
	}
	
	A:hover, A:visited:hover{
		color: #FFF;
		text-decoration: underline;
		cursor: pointer;
	}
	
	H1, H2, H3, H4, H5, H6{
		font-weight: bold;
	}
	
	H6{
		font-size: 100%;
		line-height: 130%;
	}
	
	H5{
		font-size: 110%;
		line-height: 140%;
	}
	
	H4{
		font-size: 120%;
		line-height: 150%;
	}
	
	H3{
		font-size: 130%;
		line-height: 160%;
	}
	
	H2{
		font-size: 140%;
		line-height: 170%;
	}
	
	H1{
		font-size: 150%;
		line-height: 180%;
	}
	
	strong{
		font-weight: bold;
	}
	
/* shell */
	#wrapper{
		text-align: center;
	}
	
	#container{
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}
	
	#header{
		overflow: hidden;
	}
	
	#header #logo{
		float: left;
		width: 191px;
		height: 102px;
		margin: 36px 0 0 18px;
		background: url(/assets/images/logo.gif) no-repeat top left;
		position: absolute;
	}
	
	#fourthdoor_banner{
		cursor: pointer;
		float: right;
		width: 780px;
		height: 102px;
		background: url(/assets/images/top_banner.gif) no-repeat top right;
	}
	
	#fourthdoor_banner span{
		position: absolute;
		left: -9999px;
	}
	
	#logo span{
		position: absolute;
		left: -99999px;
	}
	
	#nav_wrap{
		margin-left: 220px;
		background: #000;
		padding: 10px;
		padding-bottom: 0;
		overflow: visible;
		clear: both;
	}
	
	#top_navigation{
		list-style: none;
		margin: 0px;
		padding: 0px;
		height: 40px;
	}
	
	#top_navigation li{
		float: left;
		margin-right: 10px;
	}
	
	#top_navigation li a, #top_navigation li a:visited{
		display: block;
		width: 100px;
		height: 40px;
		text-align: center;
		vertical-align: middle;
		background: #333;
		color: #FFF;
	}
	
	#top_navigation li a:hover, #top_navigation li a:active, #top_navigation li a:visited:hover{
		background: #3366CC;
		color: #FFF;
	}
	
	#top_navigation li a span{
		position: absolute;
		left: -99999px;
	}
	
	#top_navigation #tn_home a{
		background: url(/assets/images/nav_home.jpg) no-repeat 0px 0px;
	}
	
	#top_navigation #tn_directory a{
		background: url(/assets/images/nav_directory.jpg) no-repeat 0px 0px;
	}
	
	#top_navigation #tn_entertowin a{
		background: url(/assets/images/nav_entertowin.jpg) no-repeat 0px 0px;
	}
	
	#top_navigation #tn_mediakit a{
		background: url(/assets/images/nav_mediakit.jpg) no-repeat 0px 0px;
	}
	
	#top_navigation #tn_features a{
		background: url(/assets/images/nav_features.jpg) no-repeat 0px 0px;
	}
	
	#top_navigation #tn_offers a{
		background: url(/assets/images/nav_offers.jpg) no-repeat 0px 0px;
	}
	
	#top_navigation #tn_contact a{
		background: url(/assets/images/nav_contact.jpg) no-repeat 0px 0px;
	}
	
	#top_navigation #tn_advertising a{
		background: url(/assets/images/nav_advertising.jpg) no-repeat 0px 0px;
	}
	
	
	
	#top_navigation #tn_home a:hover, #top_navigation #tn_directory a:hover, #top_navigation #tn_entertowin a:hover, #top_navigation #tn_contact a:hover,
	#top_navigation #tn_mediakit a:hover, #top_navigation #tn_features a:hover, #top_navigation #tn_advertising a:hover, #top_navigation #tn_offers a:hover,
	
	#top_navigation #tn_home.current a, #top_navigation #tn_directory.current a, #top_navigation #tn_entertowin.current a, #top_navigation #tn_contact.current a,
	#top_navigation #tn_mediakit.current a, #top_navigation #tn_features.current a, #top_navigation #tn_advertising.current a, #top_navigation #tn_offers.current a, 
	
	#top_navigation #tn_home.current a:hover, #top_navigation #tn_directory.current a:hover, #top_navigation #tn_entertowin.current a:hover, #top_navigation #tn_contact.current a:hover,
	#top_navigation #tn_mediakit.current a:hover, #top_navigation #tn_features.current a:hover, #top_navigation #tn_advertising.current a:hover, #top_navigation #tn_offers.current a:hover{
		background-position: 0px -40px;
	}
	
	#top_navigation #tn_advertising{
		margin-right: 0;
	}
	
	#footer{
		vertical-align: middle;
		text-align: center;
	}
	
	#footer #footer_inner{
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
		padding-bottom: 20px;
		width: 980px;
	}
	#bottom_left_contact_info{
		float: left;
		font-size: 110%;
		text-align: left;
		width: 680px;
	}
	
	#bottom_left_contact_info .nav_and_copyright{
		padding-top: 5px;
		font-size: 90%;
	}
	
	#bottom_left_contact_info .phone{
		color: #FFF;
	}
	
	#bottom_left_contact_info .nav_and_copyright a, #bottom_left_contact_info .nav_and_copyright a:visited{
		text-decoration: none;
	}
	
	#body_focus{
		float: left;
		margin-left: 10px;
	}
	
	#mag_logos{
		float: right;
		overflow: hidden;
	}
	
	#mag_logos a{
		background-image: url(/assets/images/bottom_logos.gif);
		background-repeat: no-repeat;
		background-position: left top;
		display: block;
		float: left;
		height: 31px;
		margin-right: 17px;
		width: 60px;
	}
	
	#mag_logos a span{
		position: absolute;
		left: -99999px;
	}
	
	#mag_logos a.blu_logo{
		background-position: -135px top;
	}
	
	#mag_logos a.rpg_logo{
		background-position: -67px top;
		margin-right: 0;
	}
	
	#main_body{
		background: #000;
		position: relative;
		top: -1px;
	}
	
	#left_column #left_head{
		text-align: center;
		background: #333;
		height: 45px;
	}
	
	#left_column #left_head #head_inner{
		margin-left: auto;
		margin-right: auto;
		/* width: 180px; */
	}
	
	#left_column{
		width: 210px;
		float: left;
	}
	
	.right_column{
		width: 209px;
		margin-left: 771px;
	}
	
	
/* misc styles */
	#calendar{
		width: 111px;
		height: 122px;
		position: relative;
		left: 18px;
		top: -30px;
		float: left;
	}
	
	#calendar_text{
		/* position: relative;
		top: 10px;
		left: 30px;
		width: 360px; */
	}
	
	#big_calendar{
		padding-left: 5px;
	}
	
	#left_head .stm_logo, #left_head .blu_logo, #left_head .rpg_logo{
		width: 57px;
		height: 35px;
		background: #000;
		float: left;
		margin-right: 11px;
		margin-top: 3px;
		display: block;
	}
	
	#left_head .stm_logo{
		background: url(/assets/images/left_stm_logo.gif) no-repeat left top;
		margin-left: 7px;
	}
	
	#left_head .blu_logo{
		background: url(/assets/images/left_blu_logo.gif) no-repeat left top;
	}
	
	#left_head .rpg_logo{
		background: url(/assets/images/left_rpg_logo.gif) no-repeat left top;
		margin-right: 0;
	}
	
	#head_inner{
		padding: 0;
		margin: 0;
	}
	
	#left_head span{
		position: absolute;
		left: -9999px;
	}
	
	.left_navigation{
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
	.left_navigation li{
		border-bottom: 1px solid #666;
	}
	
	.left_navigation li#tn_rmk{
		border: 0;
	}
	
	.left_navigation li a, .left_navigation li a:visited{
		padding: 10px 0px;
		display: block;
		/* text-decoration: none; */
		/* color: #FFF; */
		font-size: 90%;
	}
	
	.left_navigation li a:hover, .left_navigation li a:active, .left_navigation li a:visited:hover{
		/* color: #999; */
	}
	
	.content_body{
		width: 540px;
	}
/* temporary styles */
	
/* reusable styles */
	.padding_all_around{
		padding: 10px;
	}
	
	.padding_top_and_bottom{
		padding: 10px 0px;
	}
	
	.padding_left{
		padding-left: 10px;
	}
	
	.padding_right{
		padding-right: 10px;
	}
	
	.padding_bottom{
		padding-bottom: 10px;
	}
	
	.padding_top{
		padding-top: 10px;
	}
	
	.padding_left{
		padding-left: 10px;
	}
	
	.cleaner{
		background:transparent none repeat scroll 0%;
		border:medium none;
		clear:both;
		font-size:1px;
		height:1px;
		margin:0px;
		padding:0px;	
	}
	
	.nobold{
		font-weight: normal;
	}
	
	.white, a.white{
		color: #FFF !important;
	}
	
	.dark{
		color: #666;
	}
	
	.black_bg{
		background: #000;
	}
	
	.red_bg{
		background: red;
	}
	
	.blue_bg{
		background: blue;
	}
	
	.upper{
		text-transform: uppercase;
	}
	
	.left{
		float: left;
	}
	
	.one_half{
		width: 50%;
	}
	
	.one_third{
		width: 33%;
	}
	
	.two_thirds{
		width: 66%;
	}
	
	ul.nobullets{
		margin-top: 20px;
		margin-left: 20px;
		margin-bottom: 20px;
		font-size: 100%;
	}
	
	ul.bullets{
		margin-top: 20px;
		margin-left: 20px;
		margin-bottom: 20px;
		font-size: 100%;
		list-style-type: disc;
	}
	
	ol.numbers{
		margin-top: 20px;
		margin-left: 20px;
		margin-bottom: 20px;
		font-size: 100%;
		list-style-type: decimal;
	}
	
	ul.bullets li, ol.numbers li, ul.nobullets li{
		margin-left: 8px;
		font-size: 90%;
		line-height: 130%;
		margin-bottom: 10px;
		color: #CCC;
	}
	
/* buttons */
	.add_link{
		display: block;
		width: 60px;
		height: 26px;
		background: url(/assets/images/btn_add.jpg) left top no-repeat;
	}
	
	.buy_link{
		display: block;
		width: 60px;
		height: 26px;
		background: url(/assets/images/btn_buy.jpg) left top no-repeat;
	}
	
	.buy_link span, .add_link span, .map_link span{
		position: absolute;
		left: -9999px;
	}

/* contact form */
	.contact_form{
		/* width: 500px; */
	}

	.contact_form td{
		padding: 5px;
	}

	.contact_form td input{
		font-size: 130%;
	}

	.contact_form td label{
		display: block;
		padding-bottom: 5px;
	}

	.contact_form td.checks label{
		display: inline;
	}

	.inner_contact_form td{
		padding: 0;
	}

	#name, #email{
		width: 320px;
	}

	#title, #phone{
		width: 176px;
	}

	#company_name{
		width: 513px;
	}

	#address{
		width: 276px;
		margin-right: 5px;
	}

	#suite{
		width: 50px;
		margin-right: 5px;
	}

	#state{
		width: 30px;
		margin-right: 5px;
	}

	#zip{
		width: 123px;
	}

	#comments{
		width: 514px;
		height: 60px;
	}

/* overrides */
	/* nothing yet */