/* ------------------------------------- */
/* GLOBAL */
/* ------------------------------------- */
	body {
		background:url(../images/bg_body.jpg) top repeat-x #d4c078;
	}
	td {
		vertical-align: top;
	}
	#wrapper {
		width: 1000px;
		background: #fff;
		margin: 0 auto;
	}
	#wrapper_padding {
		padding:0 10px 15px 10px;
	}
	#content {
		margin: 10px 0 0 0;
	}
	#columns {
		background: #d3c9a4;
		padding: 15px;
	}
	.gang {
		-moz-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	.gang .inner_padding {
		padding: 20px;
	}
	#wide_col.gang {
		background: url(../images/bg_blue.jpg) top repeat-x #2b4860;
		margin: 0 15px 15px 0;
		width: 603px;
	}
	#got_a_project.gang {
		background: url(../images/bg_brown_sidebar.jpg) top repeat-x #584b1a;
		width: 330px;
	}
	.gang h2.headline {
		padding: 2px 0 0 25px;
		margin: 0 0 6px 0;
		background: url(../images/pointy.png) top left no-repeat;
		font: bold 22px/100% georgia, times, serif;
		color: #d0b236;
	}
	.gang p.copy {
		font: normal 14px/120% arial, sans-serif;
		color: #dbdbdb;
		margin-bottom: 10px;
	}
	.gang p.copy a {
		color: #fe6;
		font-weight: bold;
	}
	a#contact_button {
		display: block;
		margin: 20px 0 20px 0;
	}
	div#acc {
		position: relative;
		margin: 15px auto;
		text-align: center;
	}
	img#accolades_tab {
		position: absolute;
		display: block;
		width: 22px;
		height: 115px;
		left:-32px;
		bottom: 35px;		
	}
/* ------------------------------------- */
/* GLOBAL featuredlist */
/* ------------------------------------- */
		ul.featuredlist {
			margin-top: 10px;
		}
		ul.featuredlist li {
			display: block;
			margin-bottom: 15px;
			padding-bottom: 15px;
			border-bottom: 1px dotted #999;
		}
		ul.featuredlist li h3 {
			display: block;
			color: #fff; 
			font: normal 20px/120% georgia, times, serif;
			text-decoration: none;
		}
		ul.featuredlist li h3 a {
			display: block;
			color: #ffeea6; 
			font: normal 30px/120% georgia, times, serif;
			text-decoration: none;
		}
		ul.featuredlist li h3 a:hover {
			text-decoration: underline;
		}
		ul.featuredlist li p a {
			color: #fff; 
			font: italic normal 16px/120% georgia, times, serif;
			text-decoration: none;
			text-decoration: underline;
		}
		ul.featuredlist li p a:hover {
			color:#aaa;
		}
		ul.featuredlist li p.description {
			color: #999; 
			font: normal 14px/120% arial, sans-serif;
		}
		
/* ------------------------------------- */
/* GLOBAL header */
/* ------------------------------------- */
	#preheader {
		position: absolute;
		display: none;
		text-indent: -9999px;
	}
	a#logo_link {
		display: block;
		width: 245px;
		height: 122px;
		text-indent: -9999px;
		background: url(../images/logo_homeworks.jpg) top center no-repeat #d5ceb6;
		
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
	}
	td.header_cell {
		vertical-align: top;
	}
	#meta {
		margin: 10px 0 0 10px;
	}
	#meta p {
		color: #716537;
		font: normal normal normal 12px/120% arial, sans-serif;
	}
	#meta p a {
		color: #2979bc;
	}
	#meta td#left {
		background: #dfd5af;
		width: 405px;
	}
	#meta td#right {
		background: #e6e2d2;
	}
	
	#meta .meta_padding {
		padding: 10px;
	}
	#meta td#right em {
		color: #f15b00;
		font-weight: bold;
	}
	ul#top_nav {
		display: block;
		text-align: center;
		background: #826d13;
		margin-left: 12px;
		padding: 14px 20px 14px;
		
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
	}
	ul#top_nav li {
		display: inline;
		margin-right: 24px;
	}
	ul#top_nav li:last-child {
		margin-right: 0px;
	}
	ul#top_nav li a {
		text-decoration: none;
		color: #d5ceb6;
		font: normal normal normal 16px/120% arial, sans-serif;
	}
	 ul#top_nav li a:hover {
		text-decoration: underline;
	}

/* ------------------------------------- */
/* GLOBAL footer */
/* ------------------------------------- */
	#footer {
		width: 980px;
		margin: 15px auto 50px;
	}
	#footer table#columns {
		width: 100%;
	}
	#footer td#leftcol{
		text-align: left;
	}
	#footer td#rightcol{
		text-align: right;
	}
	#footer ul#menu {
		display: block;
		margin: 0 0 10px 0;
	}
	#footer ul#menu li {
		display: inline;
		margin: 0 20px 0 0;
	}
	#footer ul#menu li a {
		text-decoration: none;
		font: 16px/100% arial, sans-serif;
		color: #fff;
	}
	#footer ul#menu li a:hover {
		text-decoration: underline;
	}
	#footer #copyright {
		font: 11px/100% arial, sans-serif;
		color: #9d8e5a;
	}
	#footer #copyright a {
		color: #9d8e5a;
	}
	#footer #copyright a:hover {
		color: blue;
	}
	#footer #columns {
		background: none;
	}

/* ------------------------------------- */
/* frontpage */
/* ------------------------------------- */
	#frontpage #gangofthree {
		background: #d3c9a4;
		padding: 15px;
	}
	#frontpage .gang {
		-moz-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	#frontpage .gang .inner_padding {
		padding: 20px;
	}
	#frontpage #how_we_work.gang {
		background: url(../images/bg_blue.jpg) top repeat-x #2b4860;
		margin: 0 15px 15px 0;
	}
	#frontpage #we_provide.gang {
		background: url(../images/bg_brown.jpg) top repeat-x #584b1a;
		margin: 15px 15px 0 0;
	}
	#frontpage .gang h2.headline {
		padding: 2px 0 0 25px;
		margin: 0 0 6px 0;
		background: url(../images/pointy.png) top left no-repeat;
		font: bold 22px/100% georgia, times, serif;
		color: #d0b236;
	}
	#frontpage .gang p.copy {
		font: normal 14px/120% arial, sans-serif;
		color: #dbdbdb;
		margin-bottom: 10px;
	}
	#frontpage .gang ul.copy {
		margin: 5px 0 5px 10px;
	}
	#frontpage .gang ul.copy li {
		font: normal 14px/140% arial, sans-serif;
		color: #dbdbdb;
		list-style: disc;
		list-style-position: inside;
		margin: 0 15px 0 0;
	}
	
	/* ------------------------------------- */
	/* s3slider */
	/* ------------------------------------- */
		#s3slider {
			width: 980px; /* important to be same as image width */
			height: 460px; /* important to be same as image height */
			position: relative; /* important */
			overflow: hidden; /* important */
		}
		#s3sliderContent {
			width: 980px; /* important to be same as image width or wider */
			position: absolute; /* important */
			top: 0; /* important */
			margin-left: 0; /* important */
		}
		.s3sliderImage {
			float: left; /* important */
			position: relative; /* important */
			display: none; /* important */
		}
		.s3sliderImage span {
			position: absolute; /* important */
			right: 0;
			font: 16px/120% Arial, Helvetica, sans-serif;
			padding: 30px 20px;
			width: 185px;
			height: 410px; /* important to be same as image height */
			background-color: #000;
			filter: alpha(opacity=80); /* here you can set the opacity of box with text */
			-moz-opacity: 0.8; /* here you can set the opacity of box with text */
			-khtml-opacity: 0.8; /* here you can set the opacity of box with text */
			opacity: 0.8; /* here you can set the opacity of box with text */
			color: #fff;
			display: none; /* important */
				
			/* if you put top: 0; the box with text will be shown at the top of the image */
			/* if you put bottom: 0; the box with text will be shown at the bottom of the image */
			bottom: 0;
		}
		.clear {
			clear: both;
		}

/* ------------------------------------- */
/* events page */
/* ------------------------------------- */
		ul.calendar {
			margin: 10px 0;
		}
		ul.calendar li {
			display: block;
			color: #fff; 
			font: normal 20px/120% georgia, times, serif;
			text-decoration: none;
		}
		ul.specialists {
			margin: 10px 0;
		}
		ul.specialists li {
			list-style: disc inside;
			color: #fff; 
			font: normal 16px/120% georgia, times, serif;
			text-decoration: none;
		}