/*CSS Reset*/
 
body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }
 
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
 
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }
 
ol, ul { list-style: none; margin: 0; padding: 0; }
 
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
 
acronym, abbr, fieldset, img { border: 0;}
 
:focus { outline: 0; }
body { color: #959595; font-family: "Lucida Grande", Arial, Verdana, sans-serif; text-align: center; background-image: url(images/wifinity-new-bg.gif); background-repeat: repeat-x; }
#container { position: relative; width: 990px; margin-right: auto; margin-left: auto; text-align: left; }
#logo { float: left; display: inline-block; background-image: url(images/wifinity-new-logo.gif); background-repeat: no-repeat; height: 166px; width: 155px; }
#header { height: 100px; }
#content { display: inline; float: left; width: 530px; clear: both; }
#sidebar { padding-left: 20px; display: inline; float: right; padding-top: 225px; background-image: url(images/wifinity-new-bullets.gif); background-repeat: no-repeat; width: 250px; }
#footer { float: right; background-color: #dddddd; bottom: 0px; height: 100px; width: 100%; display: block; background-image: url(images/wifinity-footer-bg.gif); background-repeat: repeat-x; }
#footer p { padding-top: 15px; font-size: 11px; }
#content_wrap { padding-bottom: 30px; display: inline; float: right; }
h1 { padding-top: 5px; padding-bottom: 10px; line-height: 28px; font-size: 20px; color: #0081d5; }
p { padding-bottom: 15px; line-height: 22px; font-size: 12px; }
#home_banner { height: 291px; width: 504px; background-image: url(images/wifinity-new-home-banner.jpg); background-repeat: no-repeat; display: block; }





/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */





/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	}

a {
		color: #009aff;
	}

a:hover {
		text-decoration: none;
	}

#header ul li {
		float: left;
	}

#header ul li a {
		font-weight: bold;
		padding: 10px;
		color: white;
		line-height: 16px;
		font-size: 12px;
		text-decoration: none;
	}

#header ul {
		padding-top: 15px;
	}

#header ul li a:hover, #header ul li a.selected {
		color: #ccff89;
	}

#home_banner {
	}

#footer a {
		color: #959595;
	}

strong {
		font-weight: bold;
	}

.navigation a {
		font-size: 11px;
	}
/* End Various Tags & Classes*/


div#the_post_ticker
 { color: #999; font-size: 11px; line-height: 18px; margin-bottom: 4px; padding: 4px; height: 85px; overflow: hidden; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc }
div#the_post_ticker a
{
	font-weight: bold;
	text-decoration: none;
}
div#the_post_ticker a:hover
{
	text-decoration: underline;
}

#latest_news {
		padding-right: 35px;
		padding-top: 25px;
	}

#latest_news h3.news_icon {
		padding-bottom: 8px;
		padding-left: 28px;
		line-height: 20px;
		font-size: 14px;
		background-repeat: no-repeat;
		background-image: url(images/cold_logic_news_icon.jpg);
		color: #0081d5;
	}

#latest_news p {
		border-bottom-color: #999999;
		border-bottom-style: dotted;
		border-bottom-width: 1px;
		border-top-width: 1px;
		border-top-color: #999999;
		border-top-style: dotted;
		padding-bottom: 5px;
		padding-top: 3px;
		line-height: 17px;
		font-size: 11px;
	}
	


#video_wrap{
	left: -10px;
	position: absolute;
	height: 500px;
	width: 320px;
	z-index: 1;
	top: 300px;
	display: block;
}

a#close_button{
	float: right;
	font-size: 11px;
	background-position: 0px 0px;
	background-image: url(images/close_button.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	display: block;
}

a#close_button:hover{
	background-position: 0 -30px;
}

a#play_button{
	position: absolute;
	border-color: #00acae;
	border-width: 1px;
	border-style: solid;
	right: 0px;
	bottom: 0px;
	width: 107px;
	height: 60px;
	background-image: url(images/player_play.gif);
	background-repeat: no-repeat;
	display: block;
}

a#play_button:hover{
	background-position: 0 -60px;
}