/*
00-----[ META ]-------------------------------------------------
	Title: tripplered.com CSS styles for screen media
	Author: Joachim Koll
	Date: 06/2006
	Modified by Christopher Doyle, February 2009
*/

/* 
01-----[ RESET BROWSER DEFAULTS ]------------------
	(CC) 2004 Tantek Celik. Some Rights Reserved.             
	http://creativecommons.org/licenses/by/2.0                   
*/

:link,:visited { 
	text-decoration: none;
	}

ul,li,h1,h2,body,html,p {
	margin: 0;
	padding: 0;
	}

a img,:link img,:visited img {
	border: none;
	}
	
a, a:active {
	outline: none;
	}

a:link, a:visited {
	color: #48403D;
	text-decoration: none;
	}
	
a:hover {
	color: #48403D;
	text-decoration: none;
	}	
	
/*
02-----[ CONTACT ]------------------------------------------------
 */

body {
	/* background: #000 url(../graphics/breathing.gif) 0 0 no-repeat; */
	background-color: #0A0010;
	font-family: "Courier New", courier, arial, sans-serif;
	font-size: 11px;
	color: #48403D; 
}

#left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 45px;
	bottom: 0px;
	z-index: 1000;
	background: url(../images/left/bar_moss.jpg) 0px 0px repeat;
}

#leftText {
	position: absolute;
	left: 92px;
	top: 170px;
	width: 331px;
	line-height: 14px;
	font-family: "Courier New", courier, arial, sans-serif;
	font-size: 11px;
	color: #D7C1C0;
}

#fresh {
	width: 327px;
	height: 22px;
	background: url(../images/contact/fresh.gif) -2px 0px no-repeat;
}

a.mail {
	color: #ECE2E8;
}

a.mail:hover {
	color: #584b59;
}

.textfield {
	color: #D7C1C0;
	background: #0A0010;
	border: 0;
	font-size: 11px;
	margin: 8px 0px 8px 4px;
}

.textarea {
	width: 220px;
	height: 110px;
	display: inline;
	overflow: auto;
	font-size: 11px;
	margin: 0px;
	color: #D7C1C0;
	background: #0A0010;
	border: 0;
	padding-left: 5px;
}

.line {
	margin: 0;
	padding: 0;
	margin-top: -4px;
	width: 331px;
	height: 1px;
	border-top: 1px solid #5D5665;
}

.messageBox {
	border: 1px solid #5D5665;
	width: 325px;
	height: 130px;
	margin-top: 5px;
	padding-left: 5px;
	padding-top: 5px;
}

label {
	color: #F69624;
}

.red {
	color: #F22710;
}

.darkgrey {
	color: #584b59;
}

input.btn {
	border: none;
	background: #0A0010;
	font-family: "Courier New", courier, arial, sans-serif;
	font-size: 11px;
	color: #F69624;
	margin: 0;
	padding: 0;
}

input.btn:hover {
	color: #ECE2E8;
}

#rightText {
	position: absolute;
	left: 550px;
	top: 190px;
	width: 320px;
	line-height: 14px;
	font-family: "Courier New", courier, arial, sans-serif;
	font-size: 11px;
	color: #D7C1C0;
}

#photo {
	margin: 0;
	padding: 0;
	width: 320px;
	height: 213px;
/*	background: url(../images/contact/1.jpg) 0px 0px no-repeat; */
}

.slideshow { height: 359px; width: 632px; margin: auto }
.slideshow img { padding: 0; border: 0px solid #ccc; background-color: none; }

#flash {
	position: absolute;
	top: 0px;
	left: 450px;
	z-index: 2000;
}