@charset "UTF-8";

/*COMMON*/

	html {
		overflow-y:scroll;
	}
	
	body {
		font: normal 12px Liberation Sans, Helvetica, Arial, sans-serif;
		color: black;
		margin: 0pt;
		line-height: 1.5;
	}
	
	a { color:blue; text-decoration: none; padding-left: 2px; padding-right:2px; }
	a:hover { background-color:blue; color:white; text-decoration: none; }
	a:visited {  }
	
	h1, h2, h3, h4, h5, h6, p {
		margin:0px;
		padding:0px;
	}
	
	h1 { font-size: 24px; }
	h2 { font-size: 18px; color: gray; }
	h3 { font-size: 14px; color: #cc0000; }
	h4 { font-size: 18px; color: #ffcc00; }
	h5 { font-size: 14px; padding: 65px 0px 10px 0px; }
	h6 { font-size: 20px; padding: 12px; }
	.red { color: #cc0000; }
	.blue { color: #0a2384; }
	
	big { font-size: 18px; }
	
	table, td {
		margin: 0px;
		padding: 0px;
		border-collapse: collapse;
		border-spacing: 0px; 
		border-width: 0px;
		vertical-align: middle;
	}
	p { padding-bottom: 10px; }
		
	
/*CLASSES*/

	.bodycontainer { margin:0 auto; width:1000px; }

	.bodyred { background:url('/img/header_stripe_gradient-red.png'); background-repeat:repeat-x; background-color:black; }
	.bodygray { background:url('/img/header_stripe_gradient-gray.png'); background-repeat:repeat-x; background-color:black; }

	.navbar { background-color:black; color:white; font-size:20px; font-weight:bold; text-decoration:none; padding:2px; padding-left:5px; padding-right:5px; }
	.navbar:hover { background-color:yellow; color:black; text-decoration:none; }
	.navbarsmall { color:white; text-decoration:none; padding:2px; padding-left:4px; padding-right:4px; }
	.navbarsmall:hover { background-color:yellow; color:black; text-decoration:none; }
	
	.footer { color:gray; text-align:center; }

	.linklightgrey { color:#cccccc; }
	.linkyellow { background-color:yellow; text-decoration:none; }
	.linkyellow:hover { color:yellow; background-color:black; text-decoration:none;}
	.project-info {
		float: left;
		position: relative;
		width: 548px;
		height: 235px
	}

	.project-image {
		position:relative;
		width: 100px;
		height: 130px;
	}
	.project-image a:hover {
		background-color: transparent;
	}
	.project-description {
		width: 100px;
		height: 27px;
		background-color:#fff;
		display: block;
		position: absolute;
		bottom: 0px;
		text-align: center;
		font-size: 11px;
		color: #000;
		margin: 0px;
		padding: 3px 2px 0px 2px;
		opacity: 0;
		filter: alpha(opacity = 0);
		font-weight: normal;
		line-height: 12px;
	}	

	.map_container{
		float: left;
		padding: 20px 15px 0px 0px;
	}
	.gmap{
		
	}
	.location{
		width: 325px;
		background-color: #000000;
		color: #ffffff;	
		padding: 10px;
		height: 45px;
	}
	.location span{
		font-size: 16px;
		font-weight: bold;	
	}
	.clear{
		clear: both;
	}
	.red{ color: #cc0000; }
	.right{
		text-align: right;
		width: 125px;
	}
	.left{
		text-align: left;
		width: 515px;
	}	
/*IDs*/

	#clear {
		clear: both;
	}
	#title-basic {
		width:960px; 
		height:53px; 
		padding:20px; 
		margin: 0 auto; 
		background-color:#eeeeee; 
		border-bottom:1px solid;
	}
	#content {
		width:1000px;
		margin: 0px auto;
		background: #ffffff;
		position: relative;
	}
	#promo-home {
		height:200px; 
		width: 960px;
		padding: 20px;
		border-bottom:1px solid;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	#promo-back {
		height: 240px;
		padding: 0px;
		margin: 0px;
		margin-bottom: 1px;
		overflow-y: hidden;
		background-color: #000;
	}
	#promo-local {
		width:960px; 
		height:200px; 
		padding:20px; 
		margin:0 auto; 
		background-color:black;; 
	}
	
	#box {
		margin: 15px;
		padding: 10px;
	}
	#box-bordergradient-gray {
		padding: 15px;
		margin: 10px;	
		border: 1px solid; 
		background: url('/img/home_project-bg.png') #ffffff repeat-x;
	}
	#home-box-bordergradient-gray {
		padding: 15px;
		margin: 10px;	
		border: 1px solid; 
		background: url('/img/home_project-bg.png') #ffffff repeat-x;
		width: 548px;
		height: 235px;
		overflow: hidden;	
	}
	#box-top-gradient-gray {
		padding: 0px;
		margin: 10px;	
		border: 1px solid; 
		background: url('/img/home_project-bg.png') #ffffff repeat-x;
	}
	#home-leftcolumn {
		float: left;
		width: 400px;
		padding: 0px;
		margin: 0px;
		background: #ffffff;
	}
	#home-rightcolumn {
		float: right;
		width: 600px;
		padding: 0px;
		margin: 0px;
		background: #ffffff;
	}
	#local-leftcolumn {
		float: left;
		width: 750px;
		padding: 0px;
		margin: 0px;
		background: #ffffff;
	}
	#local-rightcolumn {
		float: right;
		width: 250px;
		padding: 0px;
		margin: 0px;
		background: #ffffff;
	}
	#local-projecthighlight {
		width: 500px;
		padding: 0px;
		margin: 0px;
		background: #ffffff;
	}
	#projects-leftcolumn {
		float: left;
		width: 200px;
		padding: 0px;
		margin: 0px;
		background: #ffffff;
	}
	#projects-rightcolumn {
		float: right;
		width: 800px;
		padding: 0px;
		margin: 0px;
		background: #ffffff;
	}
	#stories {
		width: 960px;
		padding-top: 15px;
		padding-bottom: 20px;
	}
	#audience_background {
		background-image: url(/img/background_gradient.png);
		background-repeat: no-repeat;
		background-position: left;
		width: 778px;
		height: 99px;		
	}
	#projects_audience {
		padding: 20px 12px 12px 25px;
		color: #ffffff;
		line-height: 20px;
		width: 700px;
	}
	#projects-top {
		padding: 25px;
		overflow: hidden;
	}
	#business_challenges_background {
		background-image: url(/img/background_gradient_2.png);
		background-repeat: no-repeat;
		background-position: left;
		width: 777px;
		height: 178px;		
	}
	#projects_business {
		padding: 0px 0px 0px 25px;
		margin-right: 90px;
		width: 235px;
		float: left;
	}
	#business_challenge_list {
		list-style-image: url(/img/yellow_arrow.png);
		list-style-position: outside;
		padding: 0px;
		margin: 0px;
		color: #ffffff;
	}
	#business_challenge_list li {
		margin: 0px;
		padding: 0px 0px 10px 0px;
		line-height: 15px;
	}
	#projects_solutions {
		float: left;
		padding: 20px 0px 0px 0px;
		width: 400px;
	}
	#projects_bottom_content {
		background-image: url(/img/bottom_gradient.png);
		background-repeat: repeat-x;
		background-position: bottom;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	#projects_details_left {
		padding: 0px 0px 10px 25px;
		width: 320px;
		float: left;
	}
	#projects_details_right {
		float: left;	
		width: 420px;
		padding: 29px 0px 10px;
	}
	#contact_container {
		background-image:url(/img/contact-message_area_gradient.png);
		background-position:top left;
		background-repeat: no-repeat;
		width: 722px;
		min-height: 353px;
	}
	#contact_box {
		margin: 10px;
		padding: 10px;
	}
	#form {
		padding: 0px 0px 0px 30px;
		font-size: 16px;
	}
	#form td {
		padding: 0px 5px 15px 0px;	
			
	}
		#form td.right {
			vertical-align: top;
		}
	#form td input, #form td textarea {
		border: inset 1px #808080;
	}
	#form td .input {
		width: 250px; /*500*/
	}
	#form td .textarea {
		width: 500px;
		height: 190px;
		/*width: 618px;
		height: 100px;*/
	}
	#submit {
		background-color: #000000;
		color: #ffffff;
		cursor: pointer;
		cursor: hand;
		margin-left: 118px;
	}
	label.error {
		color: #cc0000;
		font-size: 12px;
		padding-left: 10px;
	}