/* -- BASIC ELEMENTS ------------------------------ */

body {
	background: #868686;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 1.4em;
}
strong { font-weight: 700; }
a { color: #ed4848; }
a:hover { color: #B40000; }

p { margin-bottom: 8px; }


h1
{
	text-transform: uppercase;
	color: #000;
	font-size: 19px;
	margin-bottom: 20px;
}
h2
{
	text-transform: uppercase;
	color: #5c5d5e;
	font-size: 19px;
}
h2 .bigger { color: #798f9b; font-size: 28px; }
h3 { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #ed4848; }
h4
{
	text-transform: uppercase;
	color: #000;
	font-size: 12px;
	font-weight:bolder;
}
/* -- IDs ----------------------------------------- */

#container {
	/*background: transparent url('/images/drop-shadow.png') repeat-y;*/
	width: 989px;
	padding-bottom: 15px;
	position: relative;
	margin: 0 auto;
	text-align: center;
}
	#container .sb-shadow { background: #333; }
	#container div { text-align: left; }
	
#header, #content, #footer { margin: inherit; }
	
/* == HEADER ============================== */

#header {
	position: relative; 
	background: #fff url(/envision/images/envision-banner.jpg) no-repeat;
	width: 959px;
	height: 211px;
	z-index: 10000;
}

	#nav 
	{
		position: absolute;
		top: 170px;
		left: 555px;
		width: 365px;
		height: 31px;
	}
		#nav ul {	margin: 0; }
		#nav li {	display: inline; margin-right: 0; }
		#nav a {
			color: #bdd7f3;
			text-decoration: none;
			text-transform: uppercase;
			display: block;
			float: left;
			text-indent: -19840px;
			margin-right: 0px;
		}
		#nav #about a {
			background: transparent url(/envision/images/nav/about.jpg) no-repeat;
			width: 170px;
			height: 31px;
		}
			#nav #about a:hover{	background: transparent url(/envision/images/nav/about.jpg) no-repeat bottom left; }
		#nav #products a {
			background: transparent url(/envision/images/nav/products.jpg) no-repeat;
			width: 183px;
			height: 31px;
		}
			#nav #products a:hover{	background: transparent url(/envision/images/nav/products.jpg) no-repeat bottom left; }

/* == CONTENT =============================== */

#content { width: 959px; position: relative; background-color: #fff; }
	#main {
		padding-top:40px;
	}
	
	#content #main #col1
	{
		float:left;
		width: 210px;
		margin:0;
	}
	#content #main #col2
	{
		margin:0 40px 0 280px;
	}
	.normal-list
	{
		list-style-type:none;
		padding:0px;
		margin:0px;
	}
	.normal-list li
	{
		background-image:url(/envision/images/list-circle.gif);
		background-repeat:no-repeat;
		background-position:0px 5px;
		padding:0 0 0 10px;
		margin-bottom:5px;
	}
	.pdf-list
	{
		list-style-type:none;
		padding:0px;
		margin:0px;
	}
	.pdf-list li
	{
		background-image:url(/envision/images/pdf.jpg);
		background-repeat:no-repeat;
		background-position:0px 0px;
		padding:0 0 0px 25px;
		margin-bottom:5px;
	}
	.arrow-list
	{
	list-style-type:none;
	padding:0px;
	margin:0px;
	}
	.arrow-list li
	{
		background-image:url(/envision/images/arrow.jpg);
		background-repeat:no-repeat;
		background-position:0px 5px;
		padding:0 0 0px 25px;
		margin-bottom:10px;
	}
	
	.checkbox-list 
	{
	list-style-type:none;
	padding:0px;
	margin:0px;
	}
	.checkbox-list li
	{
		background-image:url(/envision/images/checkbox-on.jpg);
		background-repeat:no-repeat;
		background-position:0px 0px;
		padding:0 0 0px 25px;
		margin-bottom:3px;
		font-weight:bold;
	}
	
	.home-link
	{
		float:right;
	}
	#service-table-header
	{
		background-image:url(/envision/images/service-header.jpg);
		background-repeat:no-repeat;
		height:77px;
		width:564;
	}
	#service-table-footer
	{
		background-image:url(/envision/images/service-footer.jpg);
		background-repeat:no-repeat;
		height:17px;
		width:564;
	}
	#service-table-content
	{
		background-color:#F1F1F1;
		width:564px;
		
	}
	#service-table-content-col1
	{
		float:left;
		width:155px;
		padding:10px 10px 0 20px;
	}
	#service-table-content-col2
	{
		padding:10px 196px 0 196px;
		z-index: -1;
	}
	#service-table-content-col3
	{
		float:right;
		width:155px;
		padding:10px 20px 0 10px;
	}
	
	#main { padding-left: 45px; padding-bottom: 5px; }
	#content .section { 
		float: left; 
		width: 33%;
		margin-left: 20px;
	}
		#content .section p{ 
			padding-right: 15px;
		}
		#content .section li {
			line-height: 1.2em;
		}
		#checkboxes li a {
			background: transparent url(/envision/images/checkbox.jpg) no-repeat 0 0.4em;
			height: 15px;
			padding-left: 21px;
			display: block;
		}
		#checkboxes li a:hover, 
		#checkboxes li a.over {
			background: transparent url(/envision/images/checkbox-on.jpg) no-repeat 0 0.4em;
			color: #852322;
			
		}
		#content .section .call-action {
			color:  #993736;
			font-weight: 700;
		}
	#content #main .section { 
		margin-top: 62px; 
		border-right: 1px solid #c8c8c8;
	}
		#content #main .section h2 { 
			position: absolute;
			top: -38px;
			width: 300px;
		}
		#content #main .last { border: 0; }
			#content #main .last a { text-decoration: none; color: #585858; }
		#content #main #preamble li, #container #content #right-col li { 
			font-size: inherit;
			margin-left: 25px;
			list-style-type: disc;
			padding-right: 25px;
		}
		#content #main #checkboxes li { 
			font-size: 12px;
			margin: 0;
			padding: 0;
		}
		#content #main #checkboxes a { 
			padding-top: 5px;
			padding-bottom: 5px;
		}
		
	#content #aux .section { margin-top: 38px; }
	#content .last { width: 200px; color: #585858; padding-right: 0; }
	#content .first { margin-left: 0; width: 330px; }
	#content .shadow { 
		margin: 23px 0 0 23px;
	}
	#container #content #left-col,
	#container #content #right-col { height: auto; border: 0; margin-top: 23px; }
	#container #content #left-col { margin-top: 23px; margin-left: 20px; }
	#container #content #left-col p { padding-right: 10px; }
	#container #content #left-col h3 { margin-bottom: 5px; }
	#container #content #left-col ul { margin-bottom: 25px;	}
	#container #content #left-col li a { 
		padding-left: 0;
	}
	#left-col li { 
		background: transparent url(/envision/images/list-arrow.gif) no-repeat 0 .4em; 
		padding-left: 10px; 
	}

	#container #aux .pdf {
		background: transparent url(/envision/images/pdf-light.gif) no-repeat 0 .4em; 
		display: block;
		padding-top: 5px; 
		padding-left: 25px;
	}
	#downloads .pdf { 
		background: transparent url(/envision/images/pdf-dark.gif) no-repeat 0 0; 
		padding-left: 25px; 
		height: 16px;
	}
	#container #content #right-col { width: 450px; border-left: 1px solid #c8c8c8; padding-left: 30px; /* margin-top: 40px; */ }
	#container #content #right-col h2 { width: 500px; position: static; }
/* -- Styles for the 'toggler' on the homepage -----*/
#toggler {
	padding: 3px;
	border: 1px solid #a5a5a5;
	overflow: hidden;
	width: 299px;
}
	#container #content #toggler a {
		display: block;
		float: left;
		width: 99px;
		height: 91px;
		text-indent: -10000px;
	}
	#toggler a#toggler-fast { padding-right: 1px; background: transparent url(/envision/images/toggler-fast.jpg) no-repeat; }
	#toggler a#toggler-reliable { padding-right: 1px; background: transparent url(/envision/images/toggler-reliable.jpg) no-repeat; }
	#toggler a#toggler-network { padding-right: 0; background: transparent url(/envision/images/toggler-network.jpg) no-repeat; }
	#toggler a#toggler-fast:hover { padding-right: 1px; background: transparent url(/envision/images/toggler-fast.jpg) no-repeat bottom left; }
	#toggler a#toggler-reliable:hover { padding-right: 1px; background: transparent url(/envision/images/toggler-reliable.jpg) no-repeat bottom left; }
	#toggler a#toggler-network:hover { padding-right: 0; background: transparent url(/envision/images/toggler-network.jpg) no-repeat bottom left; }
	#container #toggler a.over {
		background-position: bottom left;
	}

#submit {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	width: 75px;
	background: #fff;
	color: #333;
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	padding-top: 2px;
	
}
	
/* == FOOTER =============================== */

#footer {
	background: #fff url(/envision/images/envision-footer.jpg) no-repeat;
	font-size: 10px;
	width: 959px;
	height: 51px;
}
	
	#footer #text 
	{
		position:absolute;
		left:15px;
		top: 28px;
		width: 600px;
		color:#868686;
	 }
	
/* == FOOTER =============================== */

#disclaimer {

	font-size: 10px;
	margin-top: 10px;
	
	
}
	
/* -- CLASSES ----------------------------------------- */
.border-padding {
	border: 1px solid #a5a5a5;
	padding: 3px;
}

.float-left {
	float: left;
}

.no-margin {
	margin: 0;
}

.clear {
	clear: both;
	line-height: 1%;
}

.strong {
	font-weight: 700;
	color: #696969;
}