@import url(/_css/views/default.css?v=2);

@media screen {

	a#cn_logo {
		width: 207px;
		height: 169px;
		top: 45px;
		left: 80px;
		background: url(/_elements/logo.png) no-repeat;
	}
	
	#top {
		background-image: url(/_elements/background_top_home.png);
		background-color: #FFF;
		background-repeat: no-repeat;
		background-position: top left;
		height: 460px;
		border-bottom: 1px solid #CCC;
	}
	
	#introduction {
		position: absolute;
		top: 290px;
		left: 80px;
		width: 265px;
		font-size: 1.2em;
		line-height: 1.4em;
	}

	#middle {
		position: relative;
		height: 350px;
		background-position: 30px bottom;
		background-repeat: no-repeat;
	}
	
	#middle_inset {
		padding: 0 20px;
	}
	
	#footer {
		background: url(/_elements/background_footer_home.png) no-repeat;
	}
	
	#splash {
		position: absolute;
		right: 5px;
		top: 10px;
		height: 418px;
		width: 582px;
		/*
		-webkit-border-radius: 30px;
		border: 5px solid #000;
		background-color: #0D7EC8;
		*/
		color: #FFF;
		text-align: center;
		line-height: 418px;
	}
	
	#slogan {
		top: 232px;
		left: 80px;
	}
	
	#candy_buttons {
		position: absolute;
		top: 30px;
		left: 30px;
		background-image: url(/_elements/action_buttons_home.png);
		background-repeat: no-repeat;
		background-position: top right;
		width: 910px;
		height: 73px;
	}
	
	#candy_buttons h2 {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 233px;
		height: 79px;
		background: url(/_elements/your_broadband_resources.gif) no-repeat;
	}
	
	/*used for national broadband map promo */
	#candy_buttons a#nationalmap,
	#candy_buttons a#nationalmap:link,
	#candy_buttons a#nationalmap:visited {
		position: absolute;
		top: 0;
		left: 10px;
		display: block;
		width: 233px;
		height: 79px;
		background: url(/_images/BB_MapButton2.jpg) no-repeat;
	}
	
	#candy_buttons span {
		display: none;
	}
	
	#candy_buttons a,
	#candy_buttons a:link,
	#candy_buttons a:visited {
		position: absolute;
		display: block;
		top: 6px;
		width: 186px;
		line-height: 49px;
		text-align: center;
		color: #FFF;
		font-size: 1.2em;
		padding: 6px;
		background-image: url(/_elements/action_buttons_home.png);
		background-repeat: no-repeat;
	}
	
	#candy_buttons a:focus,
	#candy_buttons a:hover,
	#candy_buttons a:active {
		line-height: 53px;
		text-decoration: none;
	}
	
	a#candy_button_1,
	a#candy_button_1:link,
	a#candy_button_1:visited {
		right: 410px;
		background-position: -43px -6px;
	}
	
	a#candy_button_1:focus,
	a#candy_button_1:hover,
	a#candy_button_1:active {
		background-position: -43px -79px;
	}
	
	a#candy_button_2,
	a#candy_button_2:link,
	a#candy_button_2:visited {
		right: 210px;
		background-position: -243px -6px;
	}
	
	a#candy_button_2:focus,
	a#candy_button_2:hover,
	a#candy_button_2:active {
		background-position: -243px -79px;
	}
	
	a#candy_button_3,
	a#candy_button_3:link,
	a#candy_button_3:visited {
		right: 10px;
		background-position: -443px -6px;
	}
	
	a#candy_button_3:focus,
	a#candy_button_3:hover,
	a#candy_button_3:active {
		background-position: -443px -79px;
	}
	
	.panel {
		position: absolute;
		top: 119px;
		width: 306px;
		height: 200px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #E2DDD9;
		background: #FFF url(/_elements/background_panel.png) bottom repeat-x;
	}
	
	.panel div {
		background: #FFF;
		border: 1px solid #E2DDD9;
		height: 140px;
		width: 266px;
		padding: 10px 10px 0 10px;
		margin: 0 auto;
		overflow: auto;
	}
	
	.panel h2 {
		font-size: 1.2em;
		line-height: 2em;
		text-indent: 9px;
		color: #908C89;
	}
	
	.panel h3 {
		font-size: 1.1em;
	}
	
	.panel p + h3 {
		margin-top: 5px;
	}
	
	#events {
		right: 30px;
	}
	
	#news {
		right: 351px;
	}
}