/**************************************************************
			
	style.css
	Created by Verritech
	Casey Wight - casey@verritech.com
	http://www.verritech.com/
	
	4-16-2009, 1 day after taxes... ugh...

**************************************************************/

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background: url('images/bg_page.gif') repeat;
	background-position: center;
	}
	
	a, a:visited {
		color: #0066CC;
		text-decoration: underline;
		}
		
	a:hover, a:visited:hover {
		color: #ff6600;
		}
		
	a img {
		border: none;
		}
	
	h1 {
		margin: 0 0 14px;
		padding: 0;
		color: #333;
		font-size: 24px;
		}
		
	p {
		line-height: 18px;
		}
		
/**************************************************************
			
			CORE ELEMENTS

**************************************************************/
	
	#wrap {
		width: 722px;
		margin: 0 auto 0 auto;
		background: url('images/bg_overlay_bak.png') center;
		padding: 10px 30px;
		}
		
	#header {
		height: 102px;
		background: url('images/headerBar_bg.png') no-repeat;
		padding: 0 10px 0 250px;;
		margin: 0 0px;
		width: 462px;
		}
		
	#content {
		border-left: 10px solid #000;
		border-right: 10px solid #000;
		border-bottom: 10px solid #000;
		min-height: 463px;
		}
		
		#content h1 {
			color: #ff6600;
			font-size: 24px;
			}
			
		#content h2 {
			font-size: 16px;
			}
		
		#contentLeft {
			float: left;
			width: 351px;
			}
			
		#contentRight {
			float: right;
			width: 341px;
			margin: 0 10px 0 0;
			}
		
	#top_btns {
		padding: 20px 0 22px 0;
		float: right;
		margin: 0 12px 0 0;
		}
		
	#shadow {
		height: 7px;
		line-height: 0;
		font-size: 0;
		padding: 0 10px 0 10px;
		margin: auto;
		width: 732px;
		background: url('images/bg_bottom_shadow.gif') no-repeat;
		}
		
/**************************************************************
			
			NAVIGATION

**************************************************************/
		
	#header #top_nav {
		clear: both;
		margin-left: 83px;
		}
		
	#header #top_nav a, #header #top_nav a:visited {
		text-decoration: none;
		}
		
	#header #top_nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
	
	#header #top_nav ul li {
		margin: 0;
		padding: 0;
		float: left;
		text-align: center;
		}
		
	#header #top_nav ul li a, #header #top_nav ul li a:visited {
		color: #fff;
		display: block;
		height: 22px;
		float: left;
		padding: 8px 5px 0 5px;
		background: url('images/tab_right.gif');
		background-position: top right;
		background-repeat: no-repeat;
		border-left: 1px solid #000;
		}
		
		#header #top_nav ul li a span, #header #top_nav ul li a:visited span {
			background: url('images/tab_left.gif');
			background-position: left top;
			background-repeat: no-repeat;
			padding: 8px 5px 7px 14px;
			position: relative;
			left: -5px;
			height: 30px;
			}
			
		
	#header #top_nav ul li a:hover, #header #top_nav ul li a:visited:hover {
		background-position: right -34px;
		}
		
		#header #top_nav ul li a:hover span, #header #top_nav ul li a:visited:hover span {
			background: url('images/tab_left.gif');
			background-position: left -34px;
			background-repeat: no-repeat;
			}
			
/**************** ACTIVE: */

		#header #top_nav ul li a.active, #header #top_nav ul li a:visited.active {
			background: url('images/tab_right_on.gif') top right;
			}
						
		#header #top_nav ul li a span.active, #header #top_nav ul li a:visited span.active {
			background: url('images/tab_left_on.gif') no-repeat;
			}
			
			
	/**************************************************************
				
				SERVICES NAVIGATION
	
	**************************************************************/
	
		#serv_nav ul {
			margin: 0 0 15px 0;
			padding: 0;
			list-style: none;
			clear: both;
			height: 27px;
			line-height: 28px;
			border-bottom: 1px solid #ccc;
			}
			
		#serv_nav ul li {
			margin: 0 6px;
			padding: 0;
			display: inline;
			}
			
		#serv_nav ul li a, #serv_nav ul li a:visited {
			padding: 6px 5px;
			border-top: 1px solid #ccc;
			border-right: 1px solid #ccc;
			border-left: 1px solid #ccc;
			text-decoration: none;
			} 
			
		#serv_nav ul li a:hover, #serv_nav ul li a:visited:hover {
			color: #FF6600;
			border-top: 2px solid #83a1cf;
			border-right: 2px solid #83a1cf;
			border-left: 2px solid #83a1cf;
			padding: 5px 4px;
			} 
			
/**************** ACTIVE: */
			
		#serv_nav ul li a.active, #serv_nav ul li a:visited.active {
			color: #333;
			border-top: 2px solid #6699cc;
			border-right: 2px solid #6699cc;
			border-left: 2px solid #6699cc;
			background: #f2f2ea;
			padding: 5px 5px 6px 5px;
			font-weight: bold;
			} 
			
		#serv_nav ul li a:hover.active, #serv_nav ul li a:visited:hover.active {
			color: #ff6600;
			}
					
			
/**************************************************************
			
			ORANGE NOTIFICATION AREA

**************************************************************/

	#orange {
		border-left: 1px solid #fff;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #000;
		background: url('images/bg_orange_bar.gif');
		color: #fff;
		font-weight: bold;
		height: 24px;
		padding: 10px 12px 0 12px;	
		}
		
/**************************************************************
			
			HOME PADS

**************************************************************/

	.rightInfo {
		height: 171px;
		.height: 185px;
		border-bottom: 1px solid #ccc;
		margin: 0 10px;
		padding: 0;
		display: block;
		}

	.rightInfo h3 {
		color: #ff6600;
		margin: 14px 0;
		padding: 0;
		font-size: 16px;
		}

	.rightInfo p {
		margin: 8px 0;
		}

	.homePad {
		padding: 15px 130px 10px 20px;
		margin: 0;
		float: left;
		width: 190px;
		height: 160px;
		}
		
		.homePad h3 {
			color: #276BBA;
			font-size: 20px;
			font-weight: lighter;
			margin: 0;
			padding: 0;
			}
		
		.homePad p {
			line-height: 18px;
			margin: 4px 0 8px 0;
			}
		
	#homepad1 {
		border-right: 1px solid #276BBA;
		border-bottom: 1px solid #276BBA;
		background: url('images/img_gen_cont_sec.jpg') top right no-repeat;
		}
		
	#homepad2 {
		border-right: 1px solid #276BBA;
		border-bottom: 1px solid #276BBA;
		background: url('images/img_sub_cont_sec.jpg') top right no-repeat;
		}
		
	#homepad3 {
		border-right: 1px solid #276BBA;
		border-bottom: 1px solid #276BBA;
		background: url('images/img_pub_agen_sec.jpg') top right no-repeat;
		}
		
/**************************************************************
			
			SERVICE BUTTONS

**************************************************************/

	.service_btns {
		float: left; 
		width: 450px;
		height: 35px;
		margin: 0 0 20px 0;
		border-bottom: 1px solid #ccc;
		}

	.service_btns a, .service_btns a:visited {
		padding: 5px 5px 5px 26px;
		border: 1px solid #fff;
		margin: 0 8px;
		text-decoration: none;
		line-height: 27px;
		}
		
	.service_btns a:hover, .service_btns a:visited:hover {
		text-decoration: none;
		background-color: #d8edef;
		color: #000;
		border: 1px solid #a9c9cd;
		}
		
		/***** SIGNUP *****/
		a.signup, a:visited.signup {
			background: url('images/icon_sign_up.gif') no-repeat 3px 3px;
			}
			
		/***** VIEW DEMO *****/
		a.viewdemo, a:visited.viewdemo {
			background: url('images/icon_movie_clip.gif') no-repeat 3px 3px;
			}
		
/**************************************************************
			
			FOOTER

**************************************************************/
		
	#footer {
		font-size: 11px;
		background-color: #000;
		padding: 8px 16px 16px 16px;
		color: #ccc;
		}
		
	#footer_nav {
		width: 450px;
		float: right;
		}
		
	#footer_nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		float: right;
		}
		
	#footer_nav ul li {
		float: left;
		display: inline;
		}
		
	#footer_nav ul li a, #footer_nav ul li a:visited {
		color: #999;
		margin: 0 6px;
		padding: 0 3px;
		}
		
	#footer_nav ul li a:hover, #footer_nav ul li a:visited:hover {
		color: #fff;
		}
		
/**************************************************************
			
			MISC TOOLS

**************************************************************/

	.imgleft {
		float: left;
		margin: 0 10px 10px 0;
		}
		
	.imgright {
		float: right;
		margin: 0 0 10px 10px;
		}
		
	.floatleft {
		float: left;
		}
		
	.floatright {
		float: right;
		}
		
	.clear {
		clear: both;
		}
		
	.clearleft {
		clear: left;
		}
		
	.clearright {
		clear: right;
		}

	.bold {
		font-weight: bold;
		}
		
	.black {
		color: #000;
		}
		
	.dark_grey {
		color:#666;
		}
		
	.light_grey {
		color: #ccc;
		}
		
	.red {
		color: #ff0000;
		}
		
	.font10 {
		font-size: 10px;
		}
		
	.font11 {
		font-size: 11px;
		}
	
	.font12 {
		font-size: 12px;
		}
	
	.font14 {
		font-size: 14px;
		}
		
	ul.average {
		line-height: 18px;
		}
		
	ul.average li {
		margin: 3px;
		}