/*
	css/style.css
	
	BunkMedia - Excellence Through Creativity
	http://www.bunkmedia.net
	Author: Mark R.
	*/
	
	body {
		background: url('images/bg.gif') #000;
		border-top: 15px solid #1A1A1A;
		margin: 0px;
		margin-bottom: 30px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
		
		a, a:visited, a:active {
			color: #249385;
		}
		
		a:hover {
			color: #34C7B4;
			text-decoration: none;
		}

	/* global classes */
	
	.c {
		margin-left: auto;
		margin-right: auto;
		margin-top: 60px;
		display: block;
		width: 900px;
	}
	
	.box {
		background: url('images/m-bg.png') repeat-x #ECECEC;
	}
		
		.left {
			background: url('images/nav_left-bg.gif') repeat-y;
		}
	
	.content {
		background: url('images/content_tleft-bg.gif') top right no-repeat #fff;
		margin: 30px 30px 0px 30px;
		padding: 20px 60px 20px 60px;
	}
	
	.content_x {
		background: url('images/content_tleft-bg.gif') top right no-repeat #fff;
		margin: 30px 30px 30px 30px;
		padding: 20px 60px 20px 60px;
	}
	
	.whybm_content {
		background: url('images/whysplash_bg.gif') repeat-x #000;
		margin: 30px 30px 0px 30px;
		padding: 23px;
		color: #CBFBF3;
	}
		
		.whybm_content h1 {
			font-weight: bold;
			font-size: 18px;
			padding-top: 0px;
			margin-top: 0px;
		}
		
			.whybm_content h1 a, .whybm_content h1 a:visited, .whybm_content h1 a:active {
				color: #60FFE5;
			}
			
			.whybm_content h1 a:hover {
				text-decoration: none;
			}
			
		.whybm_image {
			background: #000;
			border: 1px solid #1C796D;
			padding: 5px;
			margin-right: 10px;
		}
		
		.whybm_toptab {
			background: url('images/whysplash_tright.gif') no-repeat top right;
			float: right;
			position: relative;
			width: 54px;
			height: 54px;
			margin: 30px 30px 0px 0px;
		}	
		
		.whybm_sub {
			background: #000;
			border-top: 1px solid #10685A;
			padding: 20px;
			margin: 0px 30px 0px 30px;
			text-align: right;
		}
			
			.whybm_sub a, .whybm_sub a:visited, .whybm_sub a:active {
				color: #34E3CD;
			}
			
			.whybm_sub a:hover {
				color: #34E3CD;
				text-decoration: none;
			}
		
	.whybm_content_sub {
		background: #fff;
		padding: 20px 60px 20px 60px;
		margin: 0px 30px 0px 30px;
	}
			
	
	.page_sub {
		background: url('images/page-sub_bg.gif') repeat-x #000;
		padding: 30px;
		margin: 0px 30px 30px 30px;
		color: #fff;
		text-align: right;
		height: 40px;
	}
		
		.page_sub_button {
			float: right;
			position: relative;
			background: #000;
		}
			
			.page_sub_button a, .page_sub_button a:visited, .page_sub_button a:active {
				color: #35C9A4;
				border: 1px solid #5C5C5C;
				display: block;
				padding: 10px;
			}
			
			.page_sub_button a:hover {
				color: #35C9A4;
				text-decoration: none;
				border: 1px solid #2BF0B1;
			}
		
		.current_projects {
			padding: 0px 10px 10px 10px;
		}
			
			.bar_c {
				background: #f1f1f1;
				padding: 5px;
			}
			
			.bar_d {
				background: #fff;
				border: 1px solid #ccc;
			}
			
			.bartext {
				padding-bottom: 5px;
			}
			
			.bar {
				background: #3BB2A3;
				padding: 5px;
				border: 1px solid #fff;
				height: 1px;
			}

		.date {
			background: #f1f1f1;
			border-bottom: 1px solid #1F9482;
			padding: 5px;
			float: left;
			font-size: 11px;
			position: absolute;
			width: 459px;
			border-left: 1px solid #A5ACB2;
			border-right: 1px solid #A5ACB2;
			border-top: 1px solid #A5ACB2;
		}
	
	.indent {
		margin-left: 15px;
	}
	
	.table {
		background: #83E8DB;
	}
		.table tr {
			background: #fff;
		}
		
		.table tr.alt {
			background: #F0FFFD;
		}
		
		.table tr.top {
			background: url('images/nav_s-bg.png') repeat-x #000;
			color: #fff;
			font-weight: bold;
		}

		.table tr.order {
			text-align: center;
			font-weight: bold;
		}
	
	.subfoot_note {
		font-size: 11px;
		font-style: italic;
	}
	
	.error {
		background: url('images/error_bg.gif') repeat-x #FFE3E3;
		border: 1px solid #FF0000;
		padding: 15px;
		font-size: 11px;
		float: left;
		position: absolute;
		z-index: 1000;
		width: 430px;
		margin-top: 10px;
	}
		
		.error_arrow {
			background: url('images/error_arrow.gif') no-repeat top left;
			width: 21px;
			height: 12px;
			float: left;
			position: absolute;
			z-index: 1001;
			margin-top: 0px;
			margin-left: 185px;
		}
		
		.error_arrow_c {
			background: url('images/error_arrow.gif') no-repeat top left;
			width: 21px;
			height: 12px;
			float: left;
			position: absolute;
			z-index: 1001;
			margin-top: 0px;
			margin-left: 170px;
		}
	
	.right {
		float: right;
		position: relative;
	}

	/* alternate / misc classes */
	
	.send_surr {
		background: #000;
		padding: 20px;
		width: 400px;
		margin-top: 200px;
	}
		
		.send_message {
			background: #fff;
			padding: 20px;
			text-align: center;
			color: #000;
		}
	
	.alt {
		background: #f1f1f1;
	}	

	
	.msg {
		width: 100%;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 30px 2px 2px 2px;
	}
	
	/* client classes */	
	
	.client_picture_sur {
		margin: 0px 30px 0px 30px;
	}
		
		.scroll {
			background: #000;
			padding: 10px;
		}
		
			.scroll a, .scroll a:visited, .scroll a:active {
				color: #fff;
				font-size: 20px;
				font-weight: bold;
				text-decoration: none;
			}
			
			.scroll a:hover {
				color: #00FFDF;
			}
				
				.caption {
					font-size: 11px;
					color: #999;
					padding-top: 10px;
				}
	
	.client_picture {
		background: #000;
		padding: 20px 20px 20px 20px;
		overflow: hidden;
		color: #fff;
		width: 501px;
	}
		
		.page_guide {
			background: #FFFDD8;
			border-top: 1px solid #DBD248;
			border-bottom: 1px solid #DBD248;
			padding: 5px;
			margin-bottom: 10px;
			font-size: 11px;
		}
			
			.page_guide a, .page_guide a:visited, .page_guide a:active {
				color: #000;
			}
			
			.page_guide a:hover {
				text-decoration: none;
			}
	
		
	.client_content {
		background: url('images/content_tleft-bg.gif') top right no-repeat #fff;
		margin: 30px 30px 0px 30px;
		padding: 20px 60px 20px 60px;
	}
	
	.clientb_content {
		background: #fff;
		margin: 0px 30px 0px 30px;
		padding: 20px 60px 20px 60px;
	}
	
	.client_alt {
		background: #F2FFFD;
		border-top: 1px solid #D1F3EE;
		border-bottom: 1px solid #D1F3EE;
		padding: 0px 10px 10px 10px;
	}
		
	.client_alt2 {
		background: #fff;
		padding: 0px 10px 10px 10px;
	}

	/* sitemap classes */
	
	.sitemap {
		line-height: 20px;
		padding-left: 20px;
		list-style: none;
	}

	/* navigation classes */

	.nav {
		list-style: none;
		margin: 0px;
		padding: 0px;
		font-size: 14px;
	}
		
		.nav li {
			width: 237px;
		}
		
		.nav li#s {
			background: url('images/nav_s-bg.png') repeat-x #000;
			color: #00FFE0;
			display: block;
			padding: 10px;
			width: 217px;
			border-bottom: 1px solid #000;
		}
		
		.nav li#sub_s {
			background: url('images/nav_s-bg.png') repeat-x #000;
			color: #00FFE0;
			display: block;
			padding: 10px;
			width: 207px;
			border-bottom: 1px solid #000;
			border-left: 10px solid #28A494;
		}
		
			
			.nav li a, .nav li a:active, .nav li a:visited {
				color: #000;
				padding: 10px;
				display: block;
				border-bottom: 1px solid #ECECEC;
				background: url('images/nb_navbg.gif') repeat-x #fff;
			}
				
				.nav li.sub a, .nav li.sub a:visited, .nav li.sub a:active {
					border-left: 10px solid #ccc;
					background: #fff;
				}
			
			.nav li a:hover {
				background: url('images/nav_s-bg.png') repeat-x #000;
				color: #00FFE0;
				display: block;
				padding: 10px;
				border-bottom: 1px solid #000;
			}
				
				.nav li.sub a:hover {
					border-left: 10px solid #28A494;
					background: url('images/nav_s-bg.png') repeat-x #000;
				}

	/* modified classes */
	
	h1 {
		color: #28A494;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
	}
	
	h2 {
		color: #28A494;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
	}
	
	h3 {
		color: #28A494;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
	}
	
	input, select {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 2px;
	}

	/* footer classes */
	
		#footer {
		background: url('images/footer_bg.gif') repeat-x #000;
		padding: 20px 40px 20px 40px;
	}
		
		.footer_title {
			background: #4B4B4B;
			padding: 10px;
			font-weight: bold;
			color: #CECECE;
		}
			
			.footer_ico {
				float: right;
				background: url('images/footer_ico.gif');
				position: relative;
				height: 184px;
				width: 174px;
			}
		
		.footer_links {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}

			.footer_links li a, .footer_links li a:active, .footer_links li a:visited {
				color: #fff;
				display: block;
				padding: 5px;
				border-bottom: 1px solid #848484;
				text-decoration: none;
			}
			
			.footer_links li a:hover {
				display: block;
				color: #00FFE0;
				background: #393939;
				padding: 5px;
			}
		
		#footer_column-1 {
			width: 180px;
		}
		
		#footer_column-2 {
			float: left;
			position: absolute;
			width: 180px;
			margin-left: 200px;
		}
		
		#footer_column-3 {
			float: left;
			position: absolute;
			width: 180px;
			margin-left: 400px;
		}
		
	.footer_final {
		background: #000;
		padding: 15px;
		color: #ccc;
	}