
/*  SITE STRUC  */

body {
	margin: 0;
	padding: 0;
	background: url(images/bg_body.jpg) top left repeat-x;
	}

#container {

	/*background: url(images/bg_container.jpg) center repeat-y;*/
	}

#header {
	height:134px;
	}
	
#topnav_wrapper {
	margin: 0 auto;
	position: relative;
	width: 817px;
	}
	#topnav_right {
		top: 3px;
		right: 0;
		position: absolute;
		color: #000;
		}
	#topnav_right a,
	#topnav_right a:link,
	#topnav_right a:active,
	#topnav_right a:visited {
		color: #000 !important;
		text-decoration: none;
		font-size: 11px;
		font-family: "Trebuchet MS", Arial;
		}
	
#content_wrapper {
	background: url(images/bg_container.jpg) center repeat-y;
	color: #444;
	text-align: left;
	width: 817px;
	margin-left: auto;
	margin-right: auto;
	padding: 16px 15px 0;
	}
	#content_left {
		clear: left;
		float: left;
		padding: 20px 0 20px 25px;
		width: 530px;
		/*border: 1px solid #ddd;*/
		}
	#content_right {
		clear: right;
		float: right;
		padding: 15px 35px 25px 15px;
		width: 204px;
		background: url(images/bg_right.jpg) top left no-repeat;
		}


#footer_wrapper {
	clear: both;
	height: 40px;
	margin: 0 0 0;
	z-index: 828;
	width: 853px;
	background: url(images/footer-bk-1.jpg) top center no-repeat;
	}
	#footer_wrapper #footer {
		
		margin: 0 auto;
		width: 817px;
		padding: 10px 0;
		color: #ccc;
		text-align: left;
		font-size: 90%;
		}


/*  -- GENERAL SELECTORS --  */
a:link img, a:visited img {
	border: none !important;
	}
body {
	color: #eee;
	font-family: Verdana, Arial;
	font-size: 12px;
	text-align: center;
	margin-top: 1px;
	}
h1, h2, h3, h4 {
	font-family: "Georgia, Arial, sans-serif";
	font-weight: normal;
	}
h1 {
	color: #000000;
	font-size: 1.6em;
	border-bottom: dotted 2px #ddd;
	padding-bottom: 2px;
	letter-spacing: -.5px;
	
	}
h1 a:link, h1 a:visited {
	color: #000000;
	text-decoration: none;
	}
h1 a:hover, h1 a:active {
	color: #000000;
	text-decoration: none;
	}
h2 {
	color: #000000;
	font-size: 1.2em;
	border-bottom: dotted 1px #6f6f6f;
	letter-spacing: -.5px;
	}
.highlight {
	color: #3882b3;
	}

#container a:link, a:visited,
#footer_wrapper a:link, a:visited  {
	color: #0000ff;
	}	
#container a:hover, a:active,
#footer_wrapper a:hover, a:active {
	color: #000000;
	text-decoration: none;
	}
blockquote {
	border-left: 4px solid #3f3f3f;
	padding: 0 10px;
	margin: 0 0 0 10px;
	font-style: italic;
	}	
p {
	line-height: 1.7em;
	}
sup {
	font-size: 60%;
	vertical-align: top;
	}
.fl_left {
	float: left;
	margin: 0 6px 4px 0;
	}
.fl_right {
	float: right;
	margin: 0 25px 0 0;
	}
.design {
	float: right;
	color: #888;
	}
	.design a:link,
	.design a:active,
	.design a:visited {
	color: #999; !important
	}

div.top {
	width: 96%;
	text-align: right;
	padding: 3px 0;
	margin: 0 0 10px 0;
	}
	div.top a,
	div.top a:link,
	div.top a:active,
	div.top a:visited {
		padding: 5px 0;
		display:block;
		color: #bbb !important;
		text-decoration: none !important;
		font-size: 90%;
		}
div.address {
	float:left;
	margin: -5px 20px 0 10px;
	}

/*  HEADER SELECTORS */
#header h1.maintitle {
	color: #ddd;
	margin: 0;
	font-size: 2.2em;
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
	}
h1.maintitle span {display: none;}
h1.maintitle img {border:none;}
h1.maintitle small {font-size: 60%; display: block;}
	

/*  CONTENT RIGHT SELECTORS */
#content_right { 
	text-align: left !important; 
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	#content_right a:link, 
	#content_right a,
	#content_right a:active,
	#content_right a:visited {
		color: #000000;
		}
	#content_right h3 {
		font-size: 1.7em;
		color:#81b51c;
		margin: 0 0 5px 0;
		}
	#content_right h2 {
		font-size: 1.7em;
		margin-bottom:0;
		color: #07325e !important;
		}
	#content_right p {
		margin: 10px 0;
		}
	#content_right .box {
		padding: 0;
		margin: 0 0 20px 0;
		position: relative;
		width: 220px;
		}
		#content_right .box div.pad {
			padding:0 15px 15px;
			}
		#content_right .box h2 {
			font-size: 1.7em;
			color:#9b3144;
			}
		#content_right .box div.top img {
			position: absolute;
			top: 0;
			left: 0;
			height: 7px;
			display:block;
			}
		#content_right .box div.btm img {
			position: absolute;
			bottom: 0;
			left: 0;
			height: 7px;
			display:block;
			}
		#content_right .bg2{
			background: #FAC75A;
			}

	#content_right ul {
		list-style:url(images/bullet.gif) outside;
		margin: 0 0 0 20px;
		padding: 0;
		}
	#content_right li {
		margin: 2px 0;
		padding: 3px 1px;
		line-height: 1.5em;
		}
	#content_right .qmenu {
		padding: 15px;
		margin: 0;
		width: 190px;
		background: url(images/bg_qmenu.jpg) top left no-repeat;
		}
		#content_right .qmenu a,
		#content_right .qmenu a:link,
		#content_right .qmenu a:active,
		#content_right .qmenu a:visited {
			color:#666 !important;
			}

/*  fixes */
.clearfix:after { /* ie float hack used to float content correctly */
    content: "."; 
   	display: block; 
   	height: 0; 
   	clear: both; 
    visibility: hidden;
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}/* Hides from IE-mac \*/
/* End hide from IE-mac */

.clear {
	clear: both;
	}
.clearfix {display: inline-table;}
.clearfix {display: block;}



ul#topnav {
	margin: 0;
	list-style: none;
	padding: 0;
	position:absolute;
	top: 100px;
	right: 0;
	/*border: solid 1px red;*/
	}
	#topnav li {
		float: left;
		margin-left: 1px;
		padding: 7px 0;
		display: inline;
		background:url(images/nav.gif) no-repeat;
		width:91px;
		height:20px;
		text-align:center;
		}
		#topnav li.active {
			background:url(images/nav_active.gif) no-repeat;
			}
		#topnav li.big {
			padding: 7px 0;
			background: url(images/nav_larger.gif) no-repeat;
			width: 100px;
			}
			#topnav li.bigactive {
				padding: 7px 0;
				background: url(images/nav_larger_active.gif) no-repeat;
				width: 100px;
				}
			#topnav li a,
			#topnav li a:link,
			#topnav li a:active,
			#topnav li a:visited {
				font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
				color: #fff;
				font-size:13px; 
				text-decoration: none;
				}
	
.titlelogo {
	position: absolute;
	left: 0;
	top: 0;
	}


/*  Content */

.lists ul,
.lists-serv ul {
	margin: 0;
	list-style: none;
	padding: 0;
	}
	.lists li {
		margin-right: 10px;
		list-style: none;
		padding: 6px 4px;
		font-size:90%;
		/*letter-spacing: -.5px;*/
		border-bottom: dotted 1px #eee;
		width: 162px;
		color: #888;
		font-family: "Trebuchet MS", Arial;
		}
	.lists-serv li {
		margin-right: 10px;
		list-style: none;
		padding: 6px 4px;
		/*letter-spacing: -.5px;*/
		border-bottom: dotted 1px #eee;
		width: 245px;
		color: #aaa;
		}
		.lists li:hover {
			background:#f3f9f9;
			color: #222;
			}
		.lists li.top {
			border-top: solid 2px #f58458;
			}
	.lists ul.end li {
		margin-right: 0;
		}
		.lists .list-l,
		.lists-serv .list-l {
			float: left;
			}
			
			
/*  Technologies Specific Content */

.lists ul {
	margin: 0 0 25px 0;
	list-style: none;
	padding: 0;
	}
	.lists div.list-t li {
		margin-right: 10px;
		list-style: none;
		padding: 5px 4px 5px 10px;
		/*letter-spacing: -.5px;*/
		border-bottom: dotted 2px #eee;
		width: 235px;
		color: #888;
		font-size: 100%;
		}
		.lists div.list-t li:hover {
			background:#f5f9f2;
			color: #222;
			}
		.lists div.list-t li.top {
			border-top: none;
			padding: 5px 10px 5px 4px;
			font-size: 1.2em !important;
			font-weight: bold;
			color: #777;
			font-family: Arial, Helvetica, sans-serif !important;
			background: url(images/bg_litop.gif) top left;
			}
	.lists ul.end li {
		margin-right: 0;
		}
		.lists .list-t {
			float: left;
			}			
			
			
			
			
			
			
			
			
			
			
			
			