/*
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,img {
	margin: 0;
	padding: 0;
	}

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

/*
02-----[ BODY & FRAMEWORK ]-----------------------------
 */

body {
	background: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 11px;
	}	

a:link, a:visited {
	color: black;
	text-decoration: none;
	}

#interactive #content a:link, #interactive #content a:visited {
	color: #000000;
	text-decoration: none;
	}
a:hover {
	color: #000000;
	}
#interactive #content a:hover {
	color: #C8CBCC;
	}
	
/*
03-----[ MAIN MENU ]---------------------------------------
 
04-----[ SUB MENU ]------------------------------------------
 */

#archive_submenu_div {
	position: absolute;
	left: 115px;
	top: 72px;
	width: 350px;
	height: 20px;
	
}

#archive_submenu_header_todel {
	position: absolute;
	left: 123px;
	top: 52px;
	width: 150px;
	height: 20px;
	background: transparent;
	color: black;
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 14px; 
	font-family: arial, helvetica, sans-serif;
}

#archive_submenu_header {
	position: absolute;
	left: 122px;
	top: 51px;
	width: 124px;
	height: 13px;
	background: transparent url(../graphics/pastprojects.gif) 0px 0px no-repeat;
	color: black;
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 14px; 
	font-family: arial, helvetica, sans-serif;
}


#archive_submenu {
	position: absolute;
	left: 113px;
	top: 71px;
	width: 350px;
	height: 20px;

	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0;
}

#archive_submenu  li {
	float: left;
	margin: 0;
	padding: 0 0 0 8px;
	list-style: none;
}	

/* Highlighting */

#archive-packaging #n-packaging a   {
		color: #B30033;
	}

#archive-print #n-print a   {
		color: #B30033;
	}

#archive-identity #n-identity a   {
		color: #B30033;
	}

#archive-websites #n-websites a   {
		color: #B30033;
	}

#archive-misc #n-misc a   {
		color: #B30033;
	}

#archive-murals #n-murals a   {
		color: #B30033;
	}

#archive-diverse #n-diverse a   {
		color: #B30033;
	}

#archive-packaging a:hover, #archive-print a:hover, #archive-identity a:hover, #archive-websites a:hover, #archive-misc a:hover, #archive-murals a:hover   {
		color: #B30033;
	}

/*

#submenu {
	position: relative;
	float: left;
	margin-top: 74px;
	margin-left: 6px;
	padding: 0;
	}

#submenu  li {
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;
	}	

/* Highlighting */

#packaging-beverages #n-beverages a, #packaging-care #n-care a   {
	color: #000000;
	}

/*
05-----[ CONTENT ]-------------------------------------------
 */

#content, #content2, #content3, #content4, #content5 {
	float: left;
	clear: both;
	width: 1100px;
	margin-top: 116px;
	margin-left: 45px;
	}

#content6 {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 130px;
	margin-left: 0px;
	}

#content_packaging {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 116px;
	margin-left: 0px;
	}

#info_background {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 211px;
	height: 694px;
	background: transparent url(../graphics/leftbar.gif) -3px -2px no-repeat;
}

#portfolio_info {
	position: absolute;
	top: 135px;
	left: 25px;
	width: 165px;
	height: 420px;
}

#portfolio_back {
	position: absolute;
	top: 560px;
	left: 23px;
	width: 35px;
	height: 15px;
}

#portfolio_next {
	position: absolute;
	top: 560px;
	left: 93px;
	width: 35px;
	height: 15px;
}

#thumbnails {
	position: absolute;
	top: 125px;
	left: 220px;
	width: 75px;
	height: 380px;
}

#portfolio_image {
	position: absolute;
	top: 175px;
	left: 350px;
}

#recent_projects {
	position: absolute;
	top: 58px;
	left: 112px;
	width: 357px;
	height: 19px;
	background: transparent url(../graphics/recent_projects.gif) 0px 0px no-repeat;
}

img.sports {
	background: #5bc2d5;
}

img.beauty {
	background: #eae202;
}

img.misc {
	background: #96d3ad;
}

a.tn:hover {
	filter:alpha(opacity=60); 
	-moz-opacity: 0.6; 
	opacity: 0.6;
	-khtml-opacity: 0.6;
}

img.thumbnails {
	margin: 0;
	margin-top: 5px;
	border: 0px solid black;
}
 
#interactive #content {
	width: 1230px;
	} 
 
#content2 {
	margin-top: 136px;
	width: 970px;
	} 
 
#content3 {
	width: 1335px;
	margin-top: 116px;
	}  
 
#content3 p {
	margin-bottom: 10px;
	}   
 
#content3 .box img{
	margin: 0;
	margin-right: 7px;
	}   

#content4 {
	margin-top: 136px;
	width: 1100px;
	}  
	
#content5 {
	width: 1335px;
}  


#print #content4 {
	width: 1050px;
	} 	
	
.light{
	color: #A9A9A9;
	}

.box {
	float: left;
	margin: 0;
	margin-right: 0px;
	padding: 0;
	line-height: 1.2em;
	}
	
.box1 {
	float: left;
	margin: 0;
	margin-right: 0px;
	padding: 0;
	padding-left: 10px;
	line-height: 1.2em;
	}

.archive .box1 {
	float: left;
	margin: 0;
	margin-right: 0px;
	padding: 0;
	padding-left: 80px;
	line-height: 1.2em;
	}



#print .box {
	margin-top: 20px;
	}	
	
.new h4 {
	color: #E8D90B;
	font-size: 20px;
	margin-left: -26px;
	margin-bottom: 12px;
	}

.new .box p {
	color: #C8CBCC;
	font-size: 20px;
	font-weight:bold;
	line-height: 1em;
	margin-left: 6px;
	}
	
.new .box p span{
	color: #C8CBCC;
	font-size: 15px;
	}

h4.pheader {
	color: #B30033;
	font-size: 11px;
	font-weight: normal;
}

h4.header {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
}

#packaging_bar {
	background: #FFF4DB;
	font-size: 12px;
	font-weight: normal;
}

table.packaging {
	padding: 0px;
	margin: 0px;
	border-spacing: 0;
	border: 0px;
	text-align: center;
	width: 100%;
}

table.portfolio {
	top: 140px;
	left: 0px;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top: 0px;
	border-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0px solid black;
	text-align: center;
	align: center;
	width: 100%;
	border-collapse: collapse;
}

.portfolio tr {
	border-spacing: 0px;
}

.portfolio td {
	padding-left:0px;
	padding-right:0px;
	border-spacing: 0px;
}



table.packaging1 {
	padding: 0px;
	margin: 0px;
	border-spacing: 0;
	border: 0px;
	text-align: center;
}

h5 {
	font-size: 12px;
	font-weight: bold;
	color: #B30033;
}

a.back, a.back:hover {
	font-size: 12px;
	font-weight: normal;
	color: black;
}

a.sports {
	position: absolute;
	top: 140px;
	left: 0px;
	height: 184px;
	width: 100%;
}


	
/*
06-----[ MISC ]------------------------------------------------
 */
	
hr, .hide {
	display: none;
	}
	
.clearboth { 
	clear: both; 
	}

/*
07-----[ NEW PORTFOLOIO SECTION ]------------------------------------------------
2009 Christopher Doyle
 */
#websites-main, #brand-main, #print-main
	{
	margin-top: 150px;
	}
#menubackground {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 92px;
	/* background: transparent url(../graphics/menu_background_white.gif) 0px 0px no-repeat; */
	background: #fff;
}
#homebird {
	position: absolute;
	top: 0px; 
	left: 0px; 
	width: 268px; 
	height: 171px;
	margin: 0;
	padding: 0;
	background: transparent url(../graphics/bird_w.gif) 0px 0px no-repeat; 
}
#header{
	position:fixed;
	top:0px;
	left:0px;
	}

#footer {
	font-size: 13px;
	color: #666;
	/* color: #838689; */
	/* background: url('../graphics/bird_logo_footer.gif') no-repeat 620px 0px; */
	}
#footer p {
	padding: 5px 0px 5px 0px;
	margin-top: 14px;
	margin-left: 80px;
	}
#archive-main, #archive-main-misc, #archive-main-id {
	margin-left: 80px;
	padding-top: 120px;
	width: 835px;
	color: #666;
	}
 #archive-main-id{
	}
#archive-main ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#archive-main ul li {
	display: inline;
	}
#archive-main-misc img {
	margin: 0px 5px 0px 0px;
	}
.divider {
	background: url('../graphics/dots.gif');
	height: 7px;
	margin: 30px 0px 40px 0px;
	}
.portfolio-entry {
	margin-right: 40px;
	padding-left: 70px;
	}
.portfolio-entry a {
	font-weight: bold;
	color: #444;
	}
.portfolio-entry a:hover {
	font-weight: bold;
	color: #000;
	}
.portfolio-entry h1 {
	display: none;
	}
.portfolio-entry h2 {
	margin: 15px 0px 0px 10px;
	font-size: 13px;
	padding: 0;
	font-weight: normal;
	}
.portfolio-entry h3 {
	margin: 0px 0px 0px 10px;
	font-size: 13px;
	padding: 0;
	font-weight: normal;
	}
.portfolio-entry p {
	font-size: 12px;
	width: 600px;
	padding: 0;
	margin: 10px 0px 0px 10px;
	color: #666;
	}
.portfolio-entry img {
	margin-left: 10px;
	}
.slide-list	{
	width: 585px;
	}
.slide-list ul {
	list-style: none;
	background: url('../graphics/portfolio-arrow.gif') 0px 4px no-repeat;
	padding: 0px 0px 0px 13px;
	margin: 0px;
	float: right;
	*margin-top: 17px;
	}
.slide-list ul li	{
	display: inline;
	padding-right: 1px;
	font-size: 13px;
	}
.slide-list a
	{
	cursor: pointer;
	font-weight: normal;
	}
.slide-list ul li a:hover, .slide-list ul li a:focus {
	color: #efe307;
	font-weight: normal;
	}
.entry-01 {
	background: transparent url('../graphics/portfolio/01.gif') no-repeat bottom right;
	}
.entry-02 {
	background: transparent url('../graphics/portfolio/02.gif') no-repeat bottom right;
	}
.entry-03 {
	background: transparent url('../graphics/portfolio/03.gif') no-repeat bottom right;
	}
.entry-04 {
	background: transparent url('../graphics/portfolio/04.gif') no-repeat bottom right;
	}
.entry-05 {
	background: transparent url('../graphics/portfolio/05.gif') no-repeat bottom right;
	}
.entry-06 {
	background: transparent url('../graphics/portfolio/06.gif') no-repeat bottom right;
	}
.entry-07 {
	background: transparent url('../graphics/portfolio/07.gif') no-repeat bottom right;
	}
.entry-08 {
	background: transparent url('../graphics/portfolio/08.gif') no-repeat bottom right;
	}
.entry-09 {
	background: transparent url('../graphics/portfolio/09.gif') no-repeat bottom right;
	}
.entry-10 {
	background: transparent url('../graphics/portfolio/10.gif') no-repeat bottom right;
	}
.slide-list	{
	width: 585px;
	}
.slide-list ul {
	float: right;
	*margin-top: 17px;
	}
.slide-list a
	{
	cursor: pointer;
	}
.slide-list ul li a:hover, .slide-list ul li a:focus {
	color: #efe307;
	font-weight: normal;
	}
.slide-list ul li a:visited
	{
	color: #efe307;
	}
.slide-list .selected
	{
	color: #efe307;
	}