﻿body {
margin: 0px;
padding: 0px;
background: #eae7de url(/images/splash_graphic.gif) no-repeat top center;
}

html {
margin: 0px;
padding: 0px;
}

#splashcontainer {
width: 800px;
margin: 0 auto;
padding-top: 220px;
padding-bottom: 40px
}
	
img { border: 0; }
	
#siteWrap {
margin: 0px auto 0 auto;
width: 960px;
height: 345px;
position: relative;
}
	
	
#pageWrap {
position: absolute;
z-index: 5;
top: 260px;
left: 96px;
padding-bottom: 50px;
}
	
	
#propane {
margin-right: 48px;
float: left;
cursor: pointer;
}
	
	
#energy {
margin-right: 45px;
float: left;
cursor: pointer;
}	

#gas {
margin-right: 0;
float: left;
cursor: pointer;
}	


#bubbleWrap {
position: absolute;
z-index: 10;
left: 356px;
top: 175px;
}


.bubble {
position: absolute;
}


.clear {
clear: both;
}

.login{width: 200px; border-collapse:collapse; padding: 0px; margin: 0 auto; margin-top: 30px;}
.login td{	color: #391c0d;font-family: Verdana, sans-serif;font-size: 12px;padding: 5px; text-transform:uppercase; vertical-align:middle;}

.login input[type="text"], .login input[type="password"] {border: 1px solid #a5968e;padding: 5px;margin-bottom: 10px;}

.login input[type="submit"], #main .content input[type="button"]{background: #223832;padding:7px 12px 7px 12px;color: #fff;border: 1px solid #0b1110;font-family: Verdana, sans-serif;font-size: 12px; font-weight:bold;}
.login input:hover[type="submit"], #main .content input:hover[type="button"]{background:#0b1110;}


.employeeportal{	text-align: center;margin-top: 200px;}
.portal {width: 460px;margin: 0 auto; text-align:center; margin-top: 200px;}
.error{font-family: Verdana, sans-serif;font-size: 12px; font-weight:bold; color: #520505;text-align: center;}
