/*
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-----[ SERVICES ]------------------------------------------------
 */

body {
	/* background: #000 url(../graphics/breathing.gif) 0 0 no-repeat; */
	background-color: #0A0010;
	font-family: 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_sensa.jpg) 0px 0px repeat;
}

.process #left {
	background: url(../images/left/bar_light.jpg) 0px 0px repeat;
}

.clientnotes #left {
	background: url(../images/left/bar_woods.jpg) 0px 0px repeat;
}

/* Overview */

.overview #breathing {
	position: absolute;
	left: 101px;
	top: 198px;
	width: 611px;
	height: 22px;
	background: url(../images/services/breathing.gif) 0px 0px no-repeat;	
}

.overview #textLeft {
	position: absolute;
	left: 101px;
	top: 242px;
	width: 360px;
	height: 320px;
	font-family: courier, arial, sans-serif;
	font-size: 11px;
	color: #D7C1C0;
}

.overview #textRight {
	position: absolute;
	left: 509px;
	top: 242px;
	width: 360px;
	height: 320px;
	font-family: courier, arial, sans-serif;
	font-size: 11px;
	color: #D7C1C0;
}

/* End of Overview */

/* Work Process */

.process #container {
	position: absolute;
	left: 99px;
	top: 198px;
}

.process #resilience {
	position: relative;
	width: 272px;
	height: 19px;
	background: url(../images/services/resilience.gif) -2px 0px no-repeat;	
}

.process #textTop {
	position: relative;
	padding-top: 25px;
	width: 368px;
	font-family: courier, arial, sans-serif;
	font-size: 11px;
	color: #D7C1C0;
}

.process #work {
	padding: 0;
	margin: 0;
	margin-top: 35px;
	width: 243px;
	height: 20px;
	background: url(../images/services/work.gif) -4px 0px no-repeat;		
}


.process #textBottom {
	position: relative;
	padding: 0;
	padding-top: 25px;
	width: 360px;
	font-family: courier, arial, sans-serif;
	font-size: 11px;
	color: #D7C1C0;
	line-height: 17px;
}

.process #image {
	position: absolute;
	left: 542px;
	top: 185px;
	width: 504px;
	height: 538px;
	background: url(../images/services/process.jpg) 0px 0px no-repeat;		
	border: none;
}

/* End of Work Process */ 

/* Client Notes */ 

.clientnotes #text {
	position: absolute;
	left: 95px;
	top: 192px;
	width: 375px;
}

.clientnotes #text1 {
	position: relative;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 5px;
	font-family: courier, arial, sans-serif;
	font-size: 11px;
	color: #404040;	
	background-color: #D7C1C0;
	width: 375px;
}

.clientnotes #text2 {
	position: relative;
	width: 375px;
	margin-top: 12px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 5px;
	font-family: courier, arial, sans-serif;
	font-size: 11px;
	color: #404040;	
	background-color: #D7C1C0;
}

.clientnotes #text3 {
	position: absolute;
	top: 192px;
	left: 490px;
	width: 400px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 5px;
	font-family: courier, arial, sans-serif;
	font-size: 11px;
	color: #404040;	
	background-color: #D7C1C0;
}


/* End of Client Notes */