@CHARSET "UTF-8";
body {
	background: #E7E8EA;
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #888;
}

.acc {
	display: none;
}

.fl_right {
	float: right;
}

.clear {
	clear: both;
}

.purple {
	color: #631e97;
}

.green {
	color: #00b050;
}

.orange {
	color: #f76c00;
}

.bold {
	font-weight: bold;
}

div#wrap_left {
	padding: 0 0 0 20px;
	background: url(../images/shadow_lt.jpg) top left repeat-y;
}

div#wrap_right {
	margin: 0;
	padding: 0 20px 0 0;
	background: url(../images/shadow_rt.jpg) top right repeat-y;
}

div#wrap_bottom {
	background: url(../images/shadow_bt.gif) bottom center no-repeat;
	width: 960px;
	margin: 0 auto;
	padding: 0 0 20px 0;
}

div#wrapper {
	background: #FFFFFF;
	width: 100%;
}

div#header {
	height: 130px;
	background: #FFF;
}
	div#header img#logo {
		float: left;
		border: 0;
		margin: 37px 0 38px 30px;
		padding: 0;
	}
	
	div#header div.subNav {
		float: right;
		margin: 20px 20px 0 0;
	}
	
		div#header div.subNav a {
			color: #f76c00;
			text-decoration: none;
			font-weight: bold;
			padding: 0 0 0 20px;
			font-size: 80%;
		}
		
		div#header div.subNav a:hover {
			color: #AAA;
		}
		
	
	div#header div.nav {
		background: url(../images/nav_rt.png) top right no-repeat;
		height: 60px;
		float: right;
		margin: 60px 30px 0 0;
		padding: 0 30px 0 0;
		color: #AAA;
		font-size: 75%;
		clear: right;
		position: relative;
		z-index: 999;
	}
	
		div#header div.nav a {
			color: #AAA;
			text-decoration: none;
		}

		div#header div.nav a:hover {
			color: #00ad48;
		}

		div#header div.nav * {
			padding: 0;
			margin: 0;
		}
		
		div#header div.nav ul {
			background: url(../images/nav_lt.png) top left no-repeat;
			padding: 0 0 0 20px;
			height: 60px;
			float: right;
		}
		
		div#header div.nav ul, div#header div.nav ul li {
			list-style: none;
			position: relative;
		}
		
		div#header div.nav ul li {
			float: left;
			text-align: center;
			background: url(../images/nav_bg.png) left no-repeat;
			height: 60px;
			padding: 0 0 0 0;
		}
		
		div#header div.nav ul li a {
			padding: 20px 10px;
			display: block;
		}

		div#header div.nav ul li.hover {
			background: url(../images/nav_bg_on.png) left no-repeat;
		}
		
		div#header div.nav ul li ul {
			float: none;
			display: none;
			background: #E5E5E5;
			padding: 0 0 0 0;
			border: 1px #AAA solid;
			border-top: none;
			height: auto;
			position: relative;
			top: -6px;
		}
		
		div#header div.nav ul li ul {
			height: auto;
		}
		
		div#header div.nav ul li ul li a {
			padding: 5px;
		}
		
		div#header div.nav ul li.hover ul {
			display: block;
		}
		div#header div.nav ul li.hover li {
			background: #E5E5E5;
		}

		div#header div.nav ul li ul li {
			text-align: left;
			float: none;
			padding: 0;
			background: transparent;
			height: auto;
		}
		
div#subHeader {
	background: url(../images/header_bg.jpg) top left no-repeat;
	height: 60px;
}
div#main {
	background: #FFF;
}

	div#main div.content_tp {
		float: left;
		width: 100%;
	}
	
		div#main div.content_tp div.graphic {
			background: transparent url(../images/header_bg.jpg) no-repeat scroll left -60px;
			height: 50px;
		}
		
		div#main div.content_tp div.bubble {
			width: 232px;
			padding: 0 0 30px 0;
			background: url(../images/bubble_bt.png) bottom left no-repeat;
			font-size: 65%;
			float: left;
			margin: 0 35px;
			position: relative;
			top: -40px;
			z-index: 50;
		}
			
			div#main div.content_tp div.bubble h3 {
				background: url(../images/bubble_tp.png) top left no-repeat;
				margin: 0;
				padding: 10px 15px 5px 15px;
				font-size: 150%;
			}
			
			div#main div.content_tp div.bubble h5 {
				background: url(../images/bubble_bg.png) top left repeat-y;
				margin: 0;
				padding: 10px 15px 0px 15px;
				font-size: 100%;
				text-align: center;
			}	
			div#main div.content_tp div.bubble p {
				background: url(../images/bubble_bg.png) top left repeat-y;
				margin: 0;
				padding: 0 15px;
				color: #888;
			}
			
			div#main div.content_tp div.bubble p img {
				padding: 0 0 5px 5px;
			}
	
	div#main div.content_md {
		width: 620px;
		padding: 10px 20px;
		float: right;
		clear: right;
		font-size: 80%;
	}
		div#main div.content_md h1, div#main div.content_md h2, div#main div.content_md h3, div#main div.content_md h5 {
			color: #548dd4;
		}
		
		div#main div.content_md h4 {
			color: #00b050;
			font-size: 125%;
		}
		
		div#main div.content_md ul.press {
			padding: 0 0 0 15px;
			margin:0;
		}
		
		div#main div.content_md ul.press li {
			padding: 0 0 0 10px;
			margin: 0 0 20px 0;
		}
		
		div#main div.content_md address {
			font-style: normal;
		}
		
		div#main div.content_md a {
			color: #548dd4;
		}
		
		div#main div.content_md a:hover {
			color: #888;
		}
		
		div#main div.content_md hr {
			border: thin #888 solid;
			border-top-color: #AAA;
			border-left-color: #AAA;
		}
		
		div#main div.content_md div.testimonial {
			padding: 20px 0;
			float: left;
		}
		
		div#main div.content_md div.testimonial b {
			clear: both;
			float: left;
		}
		
		div#main div.content_md div.testimonial a {
			color: #548dd4;
			clear: both;
			float: left;
		}
		
		div#main div.content_md div.testimonial a:hover {
			color: #888;
		}
		
		div#main div.content_md div.video {
			width:400px;
			height: 300px;
			margin: 30px 0 0 0;
			border: 2px #666 solid;
		}
		
		div#main div.content_md div.clients {
			text-align: center;
			padding: 60px 10px 10px;
		}
		
			div#main div.content_md div.clients h5 {
				padding: 0;
				margin: 0;
				font-size: 150%;
			}
		
		div#main div.content_md table {
			border-collapse: collapse;
		}
		
		div#main div.content_md table th, div#main div.content_md table td {
			padding: 5px;
			margin: 0;
			border-spacing: 0;
			border: 0;
			vertical-align: top;
		}
		
		div#main div.content_md table a {
			color: #548dd4;
			text-decoration: underline;
			float: left;
		}
		
		div#main div.content_md table a:hover {
			color: #888;
		}
		
		div#main div.content_md div.bubble {
			float: left;
			margin: 10px 10px 0 0;
		}
		
		div#main div.content_md div.two {
			width: 300px;
		}
		
		div#main div.content_md div.bubble div.middle {
			background: url(../images/content_bubble_bg.gif) top left repeat-x;
			border: #C6DBAB solid 1px;
			border-width: 0 1px;
			padding: 0 6px;
			font-size: 85%;
		}
		
		div#main div.content_md div.bubble div.middle h5 {
			color: #548dd4;
			margin: 0 0 6px 0;
			padding: 0;
			font-size: 120%;
		}
		
		div#main div.content_md div.bubble div.top {
			background: url(../images/content_bubble_tr.gif) top right no-repeat;
			border: 0;
			margin: 0;
			padding: 0;
		}
		
		div#main div.content_md div.bubble div.top div {
			background: url(../images/content_bubble_tl.gif) top right no-repeat;
			width: 6px;
			height: 6px;
			margin: 0;
			padding: 0;
			border: 0;
		}
		
		div#main div.content_md div.bubble div.bottom {
			background: url(../images/content_bubble_br.gif) top right no-repeat;
			border: 0;
			margin: 0;
			padding: 0;
		}
		
		div#main div.content_md div.bubble div.bottom div {
			background: url(../images/content_bubble_bl.gif) top right no-repeat;
			width: 6px;
			height: 6px;
			margin: 0;
			padding: 0;
			border: 0;
		}
		
		div#main div.content_md table.grid {
		}
		
		div#main div.content_md table.grid thead th {
			text-align: left;
			color: #fff;
			background: #548dd4;
		}
		
		div#main div.content_md table.grid tbody tr.odd td {
			background: #c7e7f2;
		}
		
		div#main div.content_md form {
			padding: 20px;
		}
		
			div#main div.content_md form .rowElem {
			}
			
				div#main div.content_md form .rowElem label {
					width:175px;
				}
		
		div#main div.content_md div.content_rt {
			float: right;
			width: 150px;
			font-size: 75%;
			padding: 0 0 0 20px;
		}
		
		div#main div.content_md div.content_rt h5 {
			font-size: 145%;
		}


	div#main div.content_lt {
		width: 190px;
		padding: 0;
		float: left;
		clear: left;
		font-size: 70%;
		margin: 25px 20px 0 20px;
	}
	
		div#main div.content_lt div.clients {
			padding: 0 0 20px 0;
			margin: auto;
			text-align: center;
		}
		
		div#main div.content_lt div.clients h4 {
			color: #00b050;
			font-size: 150%;
			margin: 0 0 5px 0;
			padding: 0;
		}
		
		div#main div.content_lt div.clients img {
			margin: 0 15px;
		}
		
		div#main div.content_lt .nav {
			float: left;
			margin: 0 0 20px 0;
		}
		
		div#main div.content_lt .nav h4 {
			color: #f87d28;
			font-size: 125%;
			padding: 5px 0px;
			margin: 0;
		}
		
		div#main div.content_lt .nav h4 a {
			color:#f87d28;
			text-decoration: none;
		}
		
		div#main div.content_lt .nav ul {
			list-style: none;
			float: left;
			margin: 0;
			padding: 0;
		}
		
		div#main div.content_lt .nav ul li {
			padding: 5px;
		}
		
		div#main div.content_lt .nav ul li a {
			color:#548dd4;
			font-weight: bold;
			text-decoration: none;
			padding: 0 10px 0 10px;
		}
		
		div#main div.content_lt .nav ul li a.on {
			color: #f87d28;
		}
		
		div#main div.content_lt .nav ul li a:hover {
			color: #f87d28;
		}
		
		div#main div.content_lt .nav ul li ul {
			display: none;
		}
		
		div#main div.content_lt div.button {
			height: 40px;
			width: 190px;
			text-align: center;
			vertical-align: middle;
			padding-bottom: 20px;
			float: left;
		}
			
			div#main div.content_lt div.button a {
				background: url(../images/button_lt.png) top left no-repeat;
				font-weight: bold;
				color: #f76c00;
				text-decoration: none;
				display: block;
				padding: 13px 0;
			}
			div#main div.content_lt div.button a:hover {
				background: url(../images/button_lt_on.png) top left no-repeat;
				color: #888;
			}
		
		div#main div.content_lt div.bubble {
			background: url(../images/left_bubble_bg.gif) top left repeat-y;
			float: left;
			width: 190px;
		}
		
			div#main div.content_lt div.bubble div.bubble_bt {
				background: url(../images/left_bubble_bt.gif) bottom left no-repeat;
				float: left;
				padding-bottom: 10px;
			}
			
			div#main div.content_lt div.bubble h4 {
				background: url(../images/left_bubble_tp.gif) top left no-repeat;
				padding: 10px 0 5px 10px;
				margin: 0px;
				color: #631e97;
			}
			
			div#main div.content_lt div.bubble a {
				color: #631e97;
				text-decoration: underline;
				width: 180px;
				padding: 5px;
				float: left;
			}
			
			div#main div.content_lt div.bubble a:hover {
				color: #888;
			}
	
	div#main div.content_ft {
		clear: both;
		padding: 10px 0;
		margin: 0 100px;
		text-align: center;
	}
	
		div#main div.content_ft h5 {
			padding: 10px;
			color: #00b050;
		}
	
		div#main div.content_ft div.link {
			float: left;
			width: 33%;
			text-align: center;
		}

div#footer {
	background: #548dd4 url(../images/footer_bg.gif) top left repeat-x;
	padding: 10px;
	color: #fff;
	font-size: 75%;
}

	div#footer .nav ul {
		list-style: none;
		float: right;
		margin: 0;
		padding: 0;
	}
	
	div#footer .nav ul li {
		float: left;
	}
	
	div#footer .nav ul li a {
		color:#fff;
		text-decoration: none;
		padding: 0 10px 0 10px;
	}
	
	div#footer .nav ul li a:hover {
		color: #f87d28;
	}
	
	div#footer .nav ul li ul {
		display: none;
	}
	
	div#footer .copyright {
		padding: 5px 0 0 0;
		clear: both;
		text-align: center;
		font-size: 75%;
	}
