@charset "utf-8";
/* CSS Document */

* { font-family:Arial, Helvetica, sans-serif; }
body {
	font-size:12px;
	color:#AAA;
}
a { color:#AAA; text-decoration:none; }
a:hover, a.active, .portfolio_thumbnails a:hover { color:#777; }
a img { border:none; }
#container {
	width:950px;
	height:510px;
	border:1px solid #CCC;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-300px;
	margin-left:-475px;
	padding-top:90px;
	overflow:hidden;
}
#navigation {
	width:205px;
	float:left;
	margin-left:45px;
	height:395px;
}
#navigation ul {
	text-transform:uppercase;
	padding:0px;
	list-style:none;
	margin:35px 0px 0px 50px;
}
#navigation ul li { margin-bottom:13px; }
#navigation ul li ul {
	margin:8px 0px 0px;	
}
#navigation ul li ul li { 
	margin:0px; 
	padding:4px 0px 4px 7px;
	width:100px;
	border-bottom:1px solid #AAA;
	line-height:15px;
}
#navigation ul li ul li#print {
	list-style:url(media/structure/button-print-small.jpg);	
}
#navigation ul li ul li#web {
	list-style:url(media/structure/button-web-small.jpg);	
}
#navigation ul li ul li#newmedia {
	list-style:url(media/structure/button-tv-small.jpg);	
}
#navigation ul li ul li#portfoliobranding {
	list-style:url(media/structure/button-brand-small.jpg);	
}
#navigation ul li ul li#portfolioevent {
	list-style:url(media/structure/button-events-small.jpg);	
}
#navigation ul li ul li:last-child {
	border-bottom:none;	
}
#navigation ul li ul, h1, h2, h3, h4, h5, h6 { text-transform:capitalize; }
#line {
	width:5px;
	background:#BBB;
	float:left;
	height:380px;
	margin-top:15px;
}
#content {
	width:575px;
	float:right;
	margin-right:85px;
	text-align:justify;
	height:380px;
	margin-top:15px;
}
#content table, #flash table { 
	height:100%;
	width:100%;
}
#content table tr td table { height:auto; }
#footer {
	background:#8BC53F;
	height:35px;
	line-height:35px;
	color:#FFF;
	padding-right:10px;
	text-align:right;
	margin-top:80px;
}
#flash {
	width:175px;
	height:175px;
	position:relative;
	top:-207px;
	left:775px;
}
h1, h3, h4, h5, h6, p, #content table tr td table, #search { margin:0px 0px 20px; }
h1, h2, h3, h4, h5, h6, #subsubnav { color:#8BC53F;	text-align:left; }
h1, h2 { font-size:24px; }
h2 { margin:0px 0px 30px; }
.clear { clear:both; height:0px;}
#contactForm input, #contactForm textarea {
	border:1px solid #8BC53F;
	background:#FFF;
	color:#8BC53F;
	margin:2px;
	width:70%;
	font-size:12px;
}
#contactForm input#submit { width:auto; }
#porftolio_web { background:url(media/structure/portfolio-web-background.jpg); width:660px; height:310px;}
#porftolio_web div#portfolio_image {
	width:350px;
	height:215px;
	padding:14px 0px 0px 58px;
	float:left;
}
#porftolio_web div#next_arrow {
	float:right;
	width:30px;
	height:30px;
	margin:70px 125px 0px 0px;
}
#portfolio_image {
	float:left;
	width:500px;
	height:315px;
}
#next_arrow {
	float:right;
	width:30px;
	height:30px;
	margin:0px;
}
#info_tag {
	float:right;
	width:200px;
	height:140px;
	border:1px solid #AAA;
}
#more_info {
	float:right;
	width:18px;
	height:140px;
}
#info {
	height:116px;
	width:158px;
	padding:12px;
	text-align:left;
}
#info p { font-size:10px; }
#info h1, #info p { color:#333; }
#info h1, #info h2, #info a { font-size:12px; font-weight:bold; }
#info h2, #info a { color:#AAA; }
#info h1 { margin:0px 0px 8px; }
#info h2 { margin:0px 0px 4px; }
#info p { margin:0px 0px 12px; }
#subsubnav { position:relative; top:-640px; font-size:9px; padding:0px 0px 0px 293px; }
.subsubnavbullet { padding:0px 5px; font-size:12px; }
.light { font-weight:normal; }
.portfolio_thumbnails a { color:#FFF; display:inline-block; text-align:center; }
.portfolio_thumbnails a img { margin-bottom:5px; }