/** Bluestreak styles, converted from tables and image based site **/

html {
}

body {
}

* {
}

h1 {
	font-size: 1.3em;
	font-weight: bold;
	color: #069;
	padding-bottom: 5px;
}

h2 {
	font-weight: bold;
	color: #069;
}

h3 {
	font-weight: bold;
}

.clear {
	clear: both;
}

/** Basic Page Styles **/

#wrapper {
	width: 800px;
	margin: 0 auto;
	padding-top: 20px;
}

	#header {
		width: 800px;
		}
	
		#top {
			text-align: left;
			}
	
			/** Logo link to homepage **/	
			#homeclick {
				width: 340px;
				height: 90px;
				position: relative;
				top: 20px;
				margin-left: 40px;
				display: block;
				}
	
			#chomeclick {
				width: 350px;
				height: 90px;
				position: relative;
				top: 20px;
				margin-left: 220px;
				display: block;
				}
	
/** Page headers - display page title in top right corner **/
/** Residential **/
.reshead {
	background-image: url(images/residential/res-header.jpg);
	width: 800px;
	height: 122px;
}
	
/** Business **/	
.bizhead {
	background-image: url(images/business/bizhead.jpg);
	width: 800px;
	height: 122px;
}

/**Service Area **/	
.servhead {
	background-image: url(images/service/servhead.jpg);
	width: 800px;
	height: 122px;
}
	
/** Explore Bluestreak**/
.exphead {
	background-image: url(images/explore/exphead.jpg);
	width: 800px;
	height: 122px;
}

/**Contact **/	
.conhead {
	background-image: url(images/contact/conhead.jpg);
	width: 800px;
	height: 122px;
}
	
/** My Account **/	
.acchead {
	background-image: url(images/account/acchead.jpg);
	width: 800px;
	height: 122px;
}

/** Bluestreak is Better **/	
.bluehead {
	background-image: url(images/shared/bluehead.jpg);
	width: 800px;
	height: 122px;	
}
	
/** Flash top left animation homepage **/
#flash {
	float: left;
	width: 400px;
	height: 198px;
}
	
#topright {
	width:400px;
	background-image: url(images/home/mainheader-rt.gif);
	height: 198px;
	float: left;
}

/** Site Navigation **/
#nav {
	height: 35px;
	background-image: url(images/nav/navback.jpg);
	border-left: solid #999 3px;
	border-right: solid #999 3px;
	clear: both;
	padding-left: 14px;
}
	
	.navitem {
		float: left;
		text-indent: -9999px;
		margin: 0 9px;
		background-repeat: no-repeat;
	}
	
	.navitem:hover {
		background-position: 0 -35px;
	}

			 #residential {
				background-image: url(images/nav/residential.jpg);
				height: 35px;
				width: 80px;
			}
			
			 #business {
				background-image: url(images/nav/business.jpg);
				height: 35px;
				width: 65px;
			}
			
			 #service {
				background-image: url(images/nav/service.jpg);
				height: 35px;
				width: 88px;
			}
			
			 #explore {
				background-image: url(images/nav/explore.jpg);
				height: 35px;
				width: 128px;
			}
			
			 #contact {
				background-image: url(images/nav/contact.jpg);
				height: 35px;
				width: 61px;
			}
			 #package {
				background-image: url(images/nav/packages.jpg);
				height: 35px;
				width: 70px;
			}

			 #account {
				background-image: url(images/nav/account.jpg);
				height: 35px;
				width: 80px;
			}
			
			 #home {
				background-image: url(images/nav/home.jpg);
				height: 35px;
				width: 44px;
			}
					
/** Main Page Content **/	
#content {
	width: 800px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}

	/**Homepage background **/
	.homepage {
		background-image: url(images/home/home-event-images8-nobillpay.jpg);
		height:366px;
		text-align: left;
	}

 		/** Buttons on the homepage **/
 		
 			.homepage .buttondiv {
 				width: 281px;
 			}
 			
 			#packages {
				background-image: url(http://www.bluestreakme.com/images/home/packages.png);
			}
			
			#roam {
				background-image: url(images/home/roam.png);
			}
		
			#mybluestreak {
				background-image: url(images/home/mybluestreak.png);
			}
					
			#better {
			background-image: url(images/home/better.png);
			}

	/**Residential Page bkg **/
	.rescon {
		background-image: url(images/residential/res-event-image5.jpg);
		height: 442px;
		text-align: left;
	}
	
	.rescon #buttonspace {
		padding-top: 75px;
		width: 400px;
		line-height: 8px !important;
	}
	
	.rescon ul ul {
		padding-bottom: 0;
	}

	/**Business Page bkg**/
	.bizcon {
		background-image: url(images/business/biz-event-image5.jpg);
		height: 442px;
		text-align: left;
		position: relative;
	}
	
	.bizcon .buttondiv {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
	.bizcon #buttonspace .button  {
		margin-top: -30px;
	}
	
	.bizcon #buttonspace {
		padding-top: 60px;
		width: 400px;
	}
	
	.bizcon ul ul {
		padding-bottom: 0;
	}

	/** Service Area bkg **/
	.servcon {
		background-image: url(images/service/serv-event-image2.jpg);
		height: 442px;
		text-align: left;
	}

	/**Explore Bluestreak bkg **/
	.expcon {
		background-image: url(images/explore/exp-event-image4.jpg);
		height: 442px;
		text-align: left;
	}

	/** Contact bkg **/
	.concon {
		/*background-image: url(images/contact/con-event-image3.jpg);*/
		background: url(images/contact/contactpage_background.jpg) ;
		height: 442px;
		text-align: left;
	}
	
		.concon #buttonspace {
		padding-top: 60px;
		width: 485px;
		line-height: 8px !important;
	}
	
	.concon ul ul {
		padding-bottom: 0;
	}

	/** Bluestreak is Better bkg **/
	.bettcon {
		background-image: url(images/better/bett-event-image2.jpg);
		height: 442px;
		text-align: left;
		position: relative;
	}
 	
 	.bettcon #buttondiv {
		margin-top: -55px;
	}
	
	.bettcon #buttonspace {
		padding-top: 45px;
		width: 425px;
		position: relative;
	}	
	
	.bettcon #buttonspace ul ul {
		padding-bottom: 5px;
		list-style: none;
	}
	
		.bettcon #buttonspace ul ul ul li {
		list-style: none;
	}

	.bettcon .buttonholder {
		position: absolute;
		bottom: 0;
		right: 0;
	}	
	
	/** Bluestreak Community bkg **/
	.comcon {
		background-image: url(images/community/com-event-image.jpg);
		height: 442px;
		text-align: left;
	}

	#community {
		background-image: url(images/better/community.png);
	}
	
	/** Packages bkg **/
	.pakcon {
		background-image: url(images/packages/pak-event-image4.jpg);
		height: 442px;
		text-align: left;
		position: relative;
	}
		.pakcon .buttondiv {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
	.pakcon #buttonspace .button {
		margin-top: 25px;
	}
	
	.pakcon .split {
	width: 150px;
	margin-top: -75px;
	padding: 25px 10px 20px 0px;
	}

.pakcon #rightcolumn {
	margin-left: 10px;
}

.pakcon p {
	clear:both;
}

	/** Roaming bkg **/
	.roaming {
		background-image: url(images/roaming/roaming-event-image.jpg);
		height: 442px;
		text-align: left;
	}
	
	.roaming ul {
		width: 400px;
	}
	
	.roaming #buttonspace .button {
		margin-top: 20px;
	}
	
	.roaming .split {
	width: 150px;
	margin-top: -40px;
	padding: 25px 10px 10px 0px;
	}

.pakcon #rightcolumn {
	margin-left: 10px;
}

	/** My Account **/
	
	.acccon h1 {
		margin-left: 11px;
	}	
	
	.acccon p {
		margin: 0 30px;
	}
	
/** Community Page News**/

.news {
	font-size: 12px;
	width: 450px;
	margin: 0px;
	padding: 0px;
}

ul.news {
	margin: 0px 0px 0px 15px; 
	padding: 0px;
}

.news li {
	margin-left: 15px;
	padding-left: 0px;
}

#newsPage {
	padding-left: 60px;
}

#newsPage h3 {
	margin-top: 15px;
	margin-left: 15px;
}	
	
/**Shared styles for across pages **/

		/** Button on Residential, Business Pages, Bluestreak Is Better **/
			#getblue {
				background-image: url(images/residential/getblue.png);
			}	
	
	.rescon ul, .bizcon ul, .bettcon ul, .comcon ul, .concon ul, .roaming ul {
		padding-bottom: 30px;
		padding-left: 30px;
	}
	.rescon ul li, .bizcon ul li, .bettcon ul li, .comcon ul li, .concon ul li, .roaming ul li {
		list-style-type: disc;
		line-height: 1.7em;
	}
	
	.comcon #buttonspace,  .pakcon #buttonspace, #newsPage {
		padding-top: 185px;
	}
	
	#buttonspace {
		margin: 0;
		padding: 100px 0 0 45px;
	}
	
		.buttondiv {
			padding: 10px;
		}
		
		.button {
			height: 42px;
			width: 281px;
			display: block;
			text-indent: -9999px;
			background-repeat: no-repeat;
		}
		
		.button:hover {
			background-position: 0 -42px;
		}
		
		.first {
			list-style: none !important;
			margin-left: -20px;
		}

.split {
	width: 340px;
	float: left;
	padding: 25px 10px 10px 25px;
}		

/** Sign Up Form **/
.acccon, .sign_up {
	background-image: url(images/account/acc-event-image2.jpg);
	height: 442px;
	text-align: left;
}

#col1 {
	padding: 0;
	width: 350px;
	margin: 0 25px;
	float: left;
	height: 315px;
	position: relative;
}

	#col10 {
		width: 125px;
		float:left;
	}
	
	#col10 {
		float:left;
	}

#col2 {
	padding: 0;
	width: 350px;
	height: 315px;
	position: relative;
	float: left;
}

.sign_up h1 {
	padding: 20px 0px 15px 30px;
}

.sign_up p {
	padding: 0px 0px 15px 30px;
	width: 650px;
}

		
#footer {
	padding-bottom: 20px;
}

.form { 
	margin:0 auto; 
	width:800px; 
	padding: 0px;
	}

.form select {
	float:left;  
	width:146px; 
	margin-top:4px;
	}
.form input {
	float:left;  
	margin-top: 6px;
	}
	
html > body .form input {
	margin-top: 0px;
}	
#msg {
	display:none; 
	position:absolute; 
	z-index:200; 
	background:url(images/msg_arrow.gif) left center no-repeat; 
	padding-left:7px;
	}
#msgcontent {
	display:block; 
	background:#f3e6e6; 
	border:2px solid #924949; 
	border-left:none; 
	padding:5px; 
	min-width:150px; 
	max-width:250px;
	}

#emailbar {
	position:absolute; 
	left:-2000px; 
	top:-500px; 
}
 label {
	font-weight:bold;
	text-align:right;
	width:125px;
	clear: left;
	display: block;
	padding-bottom: 18px;
	margin-top: 5px;
		} 
	
	.acccon label {
		padding-bottom: 0;
	}		
		
input, textarea {
	float:left; 
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 14px 10px;
	} 

.submitbutton {
	bottom: 0;
	right: 0;
}

.sign_up .submit {
	float: right;
}
.submit {
	width: 140px;
}

.submit:hover {
	background-color: #EEB;
	cursor: pointer;
}

.comment {
	width:350px;
	text-align: left;
}

textarea {
	width: 350px;
	height: 150px;
	padding: 0;
	margin-left: 0;
}

.acccon label {
	text-align: left;
	margin-left: 10px;
}

.acccon .submitbutton {
	margin-top: 45px;
	margin-left: 135px;	
	position: relative; 
}

.acccon .submit {
	width: 70px;
}


/** Browser & Software requirements styling **/
.requirements {
	padding: 10px;
	font-size: 90%; 
	font-style: italic;
}

/** Webmail **/

#webmail1, #webmail2 {
	margin-top: 15px;
}