/* STYEL SHEET FOR TED COLEGROVE.COM */
/* COMMON STYLES */
body {
	background: url('../images/background.jpg') top center repeat-y #0c0c0c;
	font-family: Arial, Helvetica, sans-serif;
	color: #918b81;
	font-size: 14px;
	margin: 0px;
}

a:link, a:visited {
	color: #dcff6d;
	text-decoration: none;
	padding: 2px;
}

a:hover, a:active {
	color: #222222;
	background: #dcff6d;
}

.text_block {
text-align: left;
}

.tech {
	color: #515151;
}

.lighter {
	color: #c0c0c0;	
}

.hidden {
display: none;	
}
/* INPUT */
fieldset {
border: #5d5b56 solid 1px;	
}

legend {
font-family: "Trebuchet MS";
font-size: 18px;
color: #dcff6d;
}

textarea.textarea {
	width: 400px;
	height: 240px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px #000 solid;
	background: #5d5b56;
	color: #dcff6d;
	padding: 6px;
	font-family: "Trebuchet MS";
	font-size: 14px;
}

input.btn:active {
	border:1px solid #000;
	padding: 6px;
	background: url('../images/button_bkg.png') left center repeat-x #5d5b56;
	color: #dcff6d;
	font-family: "Trebuchet MS";
	font-size: 14px;
}
input.text_input {
	width: 150px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	border: 1px #000 solid;
	padding: 6px;
	font-family: "Trebuchet MS";
	color: #dcff6d;
	font-size: 14px;
	background: url(../images/txtbox_bkg.png) bottom left repeat-x #5d5b56;
}

input.btn {
	border: 1px solid #000;
	padding:4px;
	color:#161515;
	font-weight: bold;
	font-size:1em;
	letter-spacing:1px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	background: #dcff6d;
	margin: 2px;

}



/* DIVS */

 #container {
	width: 980px;
	margin: 0 auto;
 }
 
 	#header {
 		width: 980px;
		height: 244px;
		float: left;
		background: url('../images/header.jpg') top left no-repeat;
 	}
	
	#content_container {
	float: left;	
	width: 980px;
	min-height: 500px;
	}
	
	#content_changer {
	float: left;	
	width: 980px;
	}
	
		#menu_holder {
			width: 703px;
			margin-left: 277px;
			height: 129px; 
		}
		
			#top_header_text {
				margin-top: 50px;
				border-bottom: 1px solid #716e69;
				height: 20px;
				width: 703px;
				float: left;
				color: #5d5b56;
			}
			
			.submenu {
				width: 500px;
				height: 38px;		
				float: left;	
				margin-left: 250px;
			}
			
				.submenu, .submenu  {
					padding: 20px 20px 30px 20px;
					height: 2px;		
					float: left;
					display: block;	
					color: #918b81;
					text-decoration: none;
				}
					.menu_item:hover, .menu_item:active  {
						color: #dcff6d;
						background: url('../images/menu_mousover.jpg') top center no-repeat;
					}
			
			.menu_system {
				width: 400px;
				height: 38px;		
				float: left;	
				margin-left: 350px;
			}
				
				.menu_item:link, .menu_item:visited  {
					padding: 20px 20px 30px 20px;
					height: 2px;		
					float: left;
					display: block;	
					color: #918b81;
					text-decoration: none;
				}
					.menu_item:hover, .menu_item:active  {
						color: #dcff6d;
						background: url('../images/menu_mousover.jpg') top center no-repeat;
					}
					
				.current_page:link, .current_page:visited {
					padding: 20px 20px 30px 20px;
					height: 2px;		
					text-decoration: none;
					float: left;
					display: block;	
					color: #0c0c0c;
					background: url('../images/current_page.jpg') bottom center no-repeat #dcff6d;
				}
					.current_page:hover, .current_page:active{
						background: url('../images/current_page.jpg') bottom center no-repeat #dcff6d;
					}
					
				.content_header_text {
				width: 640px;
				height: 49px;
				margin-left: 340px;
				float: left;
				margin-top: 75px;
				border-bottom: 1px solid #716e69;
				}
				
					.content_header_text_work {
					width: 640px;
					height: 49px;
					margin-left: 340px;
					float: left;
					margin-top: 45px;
					border-bottom: 1px solid #716e69;
					}
				
			.content {

			/*width: 980px;*/
			
			}
			.left_column {
			width: 236px;
			float: left;
			margin-left: 36px;
			margin-top: 20px;
			}		
			
				.text_heading {
					font-family: "Trebuchet MS";
					font-size: 25px;
					color: #dcff6d;
					float: right;
					width: 235px;
					height: 75px;
					float: left;
					text-align: right;
				}
				
					.text {
					width: 235px; 
					text-align: justify;
					height: 319px;
					border-top: 1px solid #716e69;
					border-bottom: 1px solid #716e69;
					float: left;
					padding-top: 10px;
					padding-bottom: 10px;
					font-size: 13px;
					}
					
					
	
				.work_preview {
				width: 620px;
				/*
height: 415px;
*/
				float: left;
				padding-right: 20px;
				padding-top: 20px;
				text-align: center;
				border-bottom: 1px solid #716e69;
				margin-left: 67px;
				}
				
					.work_preview img {
					border: 1px solid #333333;
					background: #2e2d2d;
					margin: 10px;
					padding: 5px;
					float: left;
					}
					
					.no_hover:hover{
						background: none;					
					}
 	
	
			.work_preview_standalone {
				width: 620px;
				float: left;
				padding-right: 20px;
				padding-top: 20px;
				padding-bottom: 20px;
				text-align: center;
				border-bottom: 1px solid #716e69;
				margin-left: 300px;
				}
				
					.work_preview_standalone img {
					border: 1px solid #333333;
					background: #2e2d2d;
					margin: 10px;
					padding: 5px;
					float: left;
					}
	
			#footer {
			border-top: 1px solid #716e69;
			width: 980px;
			height: 30px;
			float: left;
			margin-top: 75px;
			}
			
				#footer_text {
				background: #272727;
				width: 232px;
				height: 20px;
				color: #5f5f5f;
				font-size: 11px;
				padding: 5px;
				text-align: center;
				line-height: 20px;
				float: right;
				}