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

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_fog.jpg) 0px 0px repeat;
}

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

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

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


.team #red {
	position: absolute;
	top: 279px;
	left: 99px;
	width: 200px;
	height: 40px;
	background: url(../images/agency/red.gif) 0px 0px no-repeat;
}

.team #team {
	position: absolute;
	top: 296px;
	left: 519px;
	width: 94px;
	height: 24px;
	background: url(../images/agency/team.gif) 0px 0px no-repeat;
}


.team #textLeft {
	position: absolute;
	left: 101px;
	top: 337px;
	width: 380px;
	height: 300px;
	font-family: "Courier New", courier, arial, sans-serif;
	font-size: 11px;
	color: #D7C1C0;
}

.team #photo {
	position: absolute;
	top: 188px;
	left: 318px;
	width: 127px;
	height: 128px;
	background: url(../images/agency/red.jpg) 0px 0px no-repeat;
}

.team #textRight {
	position: absolute;
	left: 525px;
	top: 337px;
	width: 395px;
	height: 300px;
	font-family: "Courier New", courier, arial, sans-serif;
	font-size: 11px;
	color: #D7C1C0;
}

/* End of Team */

/* Red Formula */
.redformula #redformula {
	position: absolute;
	top: 196px;
	left: 107px;
	width: 170px;
	height: 18px;
	background: url(../images/agency/redformula.gif) 0px 0px no-repeat;
}

.redformula #text {
	position: absolute;
	top: 245px;
	left: 110px;
	width: 750px;
	font-family: "Courier New", courier, arial, sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	color: #D7C1C0;
}

.redformula .more {
	font-family: "Courier New", courier, arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	color: #D7C1C0;
}

.redformula .more a {
	color: #F22710;
}

.redformula .more a:hover {
	color: #584B59;
}

/* End of Red Formula */

/* Clients */
.clients #clients {
	position: absolute;
	top: 196px;
	left: 108px;
	width: 103px;
	height: 18px;
	background: url(../images/agency/clients.gif) 0px 0px no-repeat;
}

.clients #brandexperience {
	position: absolute;
	top: 196px;
	left: 475px;
	width: 242px;
	height: 18px;
	background: url(../images/agency/brandexperience.gif) 0px 0px no-repeat;
}


.clients #textLeft {
	position: absolute;
	top: 245px;
	left: 110px;
	width: 300px;
	font-family: "Courier New", courier, arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #D7C1C0;
}

.clients #textCenter {
	position: absolute;
	top: 245px;
	left: 478px;
	width: 300px;
	font-family: "Courier New", courier, arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #D7C1C0;
}

.clients #textRight {
	position: absolute;
	top: 245px;
	left: 642px;
	width: 300px;
	font-family: "Courier New", courier, arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #D7C1C0;
}

/* End of Clients */

/* Press */
.press #press {
	position: absolute;
	top: 196px;
	left: 107px;
	width: 355px;
	height: 20px;
	background: url(../images/agency/press.gif) 0px 0px no-repeat;
}

.press .tableClass {
	position: absolute;
	top: 245px;
	left: 100px;
	width: 700px;
}

.press .row {
	clear: both;
	position: relative;
	width: 700px;
}

.press .left {
	float: left;
	width: 138px;
}

.press .right {
	float: left;
		width: 562px;
}

.press span {
	font-family: "Courier New", courier, arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #D7C1C0;
}

.press span.header {
	color: #F22710;
}

.press a.download {
	border: none;
	font-family: courier, arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ECE2E8;
	align: left;

}

.press a.download:hover {
	filter:alpha(opacity=70); 
	-moz-opacity: 0.7; 
	opacity: 0.7;
	-khtml-opacity: 0.7;
}

.press a.more {
	font-family: courier, arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #584b59;
}

.press a.more:hover {
	color: #ECE2E8;
}

.press #articles {
	position: absolute;
	top: 160px;
	left: 110px;
	width: 700px;
	font-family: courier, arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ECE2E8;
	align: left;
}

.press #articles p{
	margin-bottom: 14px;
}	


.bold {
	font-weight: bold;
	}



/* End of Press */