@charset "utf-8";
/* CSS Document */

html {
margin: 0px;
padding: 0px;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 67%;
background-color: #434949;
background-image: url(../images/homepage/background4x900.gif);
padding: 0px;
margin: 0px;
}

.container {
color: white;
width: 980px;
height: 900px;
margin-left:auto;
margin-right:auto;
}

.clear {
clear: both;
}

.boldtext {
font-weight: bold;
font-size: 1.2em;
}

.smalltext {
font-size: 0.9em;
}

.bluetext {
color: #3ba4dc;
}

.redtext {
color: red;
}

.news2 {
margin-left: 0px;
width: 146px;
list-style-type:disc !important;
}


a img {
border: none;
}

a:hover {
color: red;
}

.linkover {
color: red;
}

.link {
text-decoration:none;
color: white;
}

.boldtext a:visited {
color: white;
}

.boldtext a:hover {
color: red;
}




/* ---------- logo ----------- */

#top-div { 
height: 1px;
}

	#logo {
	float: left;
	text-align: center;
	margin: 30px 0px 0px 20px;
	}
	
	#headline {
	float: right;
	text-align: center;
	margin: 30px 20px 0px 0px;
	font-weight: bold;
	font-size: 1.8em;
	width: 430px;
	}


/* ---------- console ------------ */

#top-middle-div { 
clear: both;
margin-top: 123px;
background-image: url(../images/homepage/console2.png);
background-position: 4px -5px;
background-repeat:no-repeat;
height: 359px;
}

#start-box {
position: relative;
	top: 13px;
	left: 147px;
	width: 113px;
}


#contact-box {
position: relative;
	top: -3px;
	left: 737px;
	width: 113px;
}

	.em {
	margin: 1em 0em;
	}

.console-boxout-title {
font-weight: bold;
font-size: 110%;
}

	#console-boxout-1 {
	width: 152px;
	height: 122px;
	position: relative;
	top: 111px;
	left: 74px;
	border: 0px solid;
	color:black;
	}

#console-boxout-1 a { 
color: #3ba4dc;
text-decoration: none;
}

#console-boxout-1 a:hover { 
color: red;
}

.latest_updates {
margin-left: 0px;
padding-left: 0px;
margin-top: 6px;
}

.latest_updates a {
color: #3ba4dc;
text-decoration: none;
}

.latest_updates a:hover {
color: red;
}




	.newsticker {
	list-style-type: none;
	padding: 0;
	}

	#console-boxout-2:hover, 
	#console-boxout-4:hover {
	cursor: pointer;
	}

	#console-boxout-2 p, 
	#console-boxout-3 p, 
	#console-boxout-4 p {
	margin-top: 0.5em;
	}
	
	#console-boxout-2 {
	width: 152px;
	height: 122px;
	position: relative;
	top: -59px;
	left: 299px;
	border: 0px solid;
color: black;
	}
	
	#console-boxout-3 {
	width: 152px;
	height: 122px;
	position: relative;
	top: -182px;
	left: 535px;
	border: 0px solid;
color: black;
	}
	
	#console-boxout-4 {
	width: 154px;
	height: 122px;
	position: relative;
	top: -257px;
	left: 760px;
	border: 0px solid;
color: black;
	}
	
	
	
	
	
/* ------ gauges ------- */
#counter {
/*background-image:url(http://covalentcpm.com/version6live/CovalentGauge?c=149&p=WebAM1&title=0&bgcol=000000); */
background-repeat:no-repeat; 
background-position:-50px -50px; 
height:20px; 
width:100px;
position: relative;
top: -174px;
left: 347px;
}

#console-speedo {
text-align: center;
position: relative;
top: -230px;
left: 323px;
width: 12em;
}

#console-custno {
text-align: center;
position: relative;
top: -282px;
left: 526px;
width: 12em;
}

#console-custno .number, #console-speedo .number {
margin-top: 10px;
}


/* -------- calls to action (CTA) ----------- */

#bottom-middle-div { 
clear: both;
margin-left: 22px;
font-size: 90%;
}


	.boxout {
	float: left;
	vertical-align: top; 
	margin: 5px; 
	padding: 10px;
	width: 160px;
	color: #cccccc;
	}

	.boxout:hover {
	color: white;
	cursor: pointer;
	}

	.boxout ul {
	padding-left: 0px;
	}

	.boxout a.boxouttext img {
	margin-left: -3px;
	border: 3px solid black;
	}

	
	.bullet {
	vertical-align: bottom;
	font-weight: bold;
	}
	
	.bullet img{
	margin-right: 4px;
	margin-bottom: -2px;
	}
	
	.boxout-content {
	/* margin-top: 8px;
	margin-left: 9px; */
	width: 172px;
	padding: 3px;
	border: 0px solid #cccccc;
	}
	
	.boxout-content ul {
list-style-position: outside;
padding-left: 3px;
font-size: 85%;

}
	.separator { /* vertical lines between CTAs */
	float: left;
	width: 5px;
	background-image: url(../images/homepage/separator.gif);
	background-repeat:no-repeat;
	height: 193px;
	}
	
/* -------- Footer ----------- */

#bottom-div {
clear: both;
text-align: center;
margin-top: 350px;
height: 50px;
font-size: large;
font-weight: bold;
}

#bottom-div-US {
clear: both;
text-align: center;
margin-top: 350px;
height: 50px;
font-size: large;
font-weight: bold;
}