* {
	margin:0;
	padding:0;
	border:0;
	outline:none;
}

html
{
	overflow: auto;
}
#full-page-container
{
	overflow: auto;
}

body {
	display:block;
	background:#ffffff;
	font-family:"Tahoma",Helvetica, Arial, Sans-serif;
	font-size:1em;
	overflow:hidden;
}

ol, ul {
	list-style:none;
}

a, a:visited, a.img {
	text-decoration:none;
	border:none;
}
a:hover {
	font-weight:bold;
}
img {
	margin:0;
	padding:0;
}
h2 {
	font-size:1em;
}

/*1. Main Layout
=====================================================================*/
#outer {
	width:auto;
	min-width:900px;
	overflow: auto;
}
#wrapper {
	width:900px;
	height:1300px;
	position:relative;
	display:block;
}

#sidebar, #content {
	height:716px;
	position:absolute;
	top:62px;
}
#sidebar {
	width:302px;
	left:0;
}
#content {
	width:720px;
	left:222px;
}
#footer {
	width:100%;
	height:66px;
	position:fixed;
	bottom:0;
	left:0;
	margin-top:10px;
}

/*2. Sidebar
=====================================================================*/
#logo, #logo img {
	width:114px;
	height:114px;
}
#logo{
	position:fixed;
	top:62px;
	left:55px;	
	cursor:pointer;
}
#logo img {
	position:absolute;
	top:0;
	left:0;
}

.showcase-viewer {
	position:relative;
	display:block;
	overflow:hidden;
	width: 525px;
	height: 350px;
}

.showcase-pics {
	width:20000em;
	position:absolute;
}

.showcase-pics img {
	margin:0px;
	width: 525px;
	height: 350px;	
}

.navi {
		position:relative;
		margin-left:0px;
		margin-top: 10px;
		width:90px;
		height:15px;
		float:left;
}

.navi a {
	width:15px;
	height:15px;
	float:left;
	margin-right:3px;
	margin-bottom:5px;
	background:url(../assets/buttons/slideshow_but_white.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	cursor:pointer;
}

.navi a:hover {
	opacity:0.8;
filter:alpha(opacity=40); /* For IE8 and earlier */     
}

.navi a.active {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */    
}

#imgNum {
	font-size:11px;
	margin-top:11px;
	margin-left:100px;
	padding-left:20px;
	background:url(../assets/buttons/slideshow_arrow_white.png) 0 0 no-repeat;
}

/*3. Accordion
=====================================================================*/
#accordion, .tab, .pane, .video_full {
	width:720px;
	display:block;
}

#accordion {
	height:auto;/*change to number*/
	margin-top:24px;
}
.tab, .tab img {
	height:74px;
	padding:0;
}
.tab {
	position:relative;
	overflow:hidden;
	height: 74px;
	margin-bottom: 10px;
	cursor:pointer;
}
.tab img {
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
}
.current {
	padding:0;
} /*this refers to the active tab height*/
.pane, .column_198_a, .column_198_b, .column_198_c {
	height:500px; /*changed to 600 test mob layout -al */
	overflow:hidden;
	position:relative;
}

.home {
	width:100%;
	height:0px;
}

/*accordion overflow styles where necessary*/
.showcase {
	width:100%;
	height: 550px;
	overflow:auto;/*uncommented by al*/
}

#close_showcase {
	float:right;
	margin-top: 17px;
	margin-right: 250px;
	cursor: pointer;
}

.showcase_content {
	color:#ffffff;
	margin-top: 15px;
	margin-left: 15px;
}

.showcase_content div p {
	color:#ffffff;
}

.showcase_column_b {
	margin-top: 20px;
	position:relative; /* added */
}

h4 {
	margin-bottom:5px;
}

.showcase_content .txt {
	font-size: 0.8em; width: 525px; margin-top: 10px;
}

.showcase_content a {
	font-size:1em;
	color: #ffffff;
	text-decoration: underline;
}

.showcase_content a:hover {
	font-size:1em;
	font-weight:normal;
	color: #ffffff;
	text-decoration: none;
}

.showreel div {
	overflow: hidden;
	position:absolute;
}
.about {
	width:100%;
	height: 800px;
	/*overflow:auto;*/
}

.current, .pane, .video_full, .row, li.txt, li.staff_image {
	margin-bottom:10px;
}

/*3a. Accordion - Showreel
=====================================================================*/
.video_full {
	height:435px;
}

#main_video, .viewer {
	width:720px;
	height:405px;
	background: #ffffff;
}

#main_video img {
	overflow: hidden;
	position: absolute;
}
#img_button {
	width:720px;
	height:405px; 
	padding:none;
}

/*3b. Accordion - Showcase
=====================================================================*/

#showcase_scroll {
	overflow:auto;
/*	background-color:#F9C;*/
	display:block;
	width:100%;
}
.row {
	width:624px;
	height:74px;
	position:relative;
}
.showcase_list {
	height:auto;
}
.showcase_project {
	height:550px;
	width:100%;
	position:relative;
	display:none;
}
#showcase_gallery {
	width:100%;
	position:fixed; /*changed from fixed by al*/
	top:0px;
	left:0px;
	margin-left:218px;
	height:0;
	background:#EE3331;
}

#showcase_gallery_m {
	width:100%;
	/*cposition:fixed; hanged from fixed by al*/
	top:0px;
	left:0px;
	/*margin-left:218px;*/
	/*height:0;*/
	background:#EE3331;
	overflow:auto;
}
.column_302_a, .column_302_b, .work_thumbnail, .work_description, .category {
	width:302px;
}
.column_302_a, .column_302_b, .work_description, ul.column_1, ul.column_2, ul.column_3 {
	margin-right:10px;
}
.column_302_a, .column_302_b {
	height:248px;
	position:absolute;
}
.column_302_a {
	top:0;
	left:0;
}
.column_302_b {
	top:0;
	left:322px;
}
.work_thumbnail/*, .work_thumbnail img*/ {
	height:198px;
}
.work_description {
	height:41px;
	margin-top:5px;
}
.project_name, .category, .director {
	height:12px;
	margin-bottom:6px;
}
.project_name p {
	font-size:0.9em;
	font-weight:bold;
}
.category p, .director p {
	font-size:0.7em;
}
.more_button p {
	font-size:0.7em;
	margin-top:10px;
}
.project_name p, .category p, .director p, .more_button p {
	color:#EE3331;
}
.showcase_tab_overlay {
	background-color:#FFFFFF;
	display:block;
	width:624px;
	height:74px;
	position:absolute;
	top:0;
	left:0;
	cursor: pointer;
}
.tab_column_198_a {
	width:600px;
	height:74px;
	position:absolute;
	top:0px;
}
.tab_column_198_a {
	left:10px;
	top:8px;
}
.more_button {
	height:20px;
	margin:0;
	padding:0;
	font-weight:bold;
}
/*3c. Accordion - Clients
=====================================================================*/

.clients {
	height: 500px;
}

.clients a:hover {
	font-weight:normal;
	text-decoration: underline;
}


.column_198_a, .column_198_b, .column_198_c {
	width:198px;
	position:absolute;
	top:10px;
	
}
.column_198_a h2 {
	font-size:0.8em;
	cursor: pointer;
}
.column_198_b p, .column_198_c p {
	font-size:0.8em;
	opacity:0.5;
	color:#FFFFFF;
}
.column_198_a, .footer_column_198_a {
	left:0;
}
.column_198_b, .footer_column_198_b{
	left:208px;
}
.column_198_c, .footer_column_198_c {
	left:416px;
}
.project_view {
	top:415px;
}
.footer_column_198_d {
	left:614px;
}
.column_198_a h2 {
	/*padding:0 0 10px 0;*/
	height:25px;
	color:#FFFFFF;
}
/*3d. Accordion - About
=====================================================================*/
ul.column_1, ul.column_2, ul.column_3 {
	height:500px;
	position:relative;
	float:left;
	background-color: #ffffff;
}
ul.column_1, ul.column_2, ul.column_3, li.txt, li.staff_image, li.staff_image img {
	width:198px;
	background-color: #ffffff;
}
li.txt {
	height:94px;
	background-color: #ffffff;
}
li p {
	display: block;
	font-size:0.7em;
	color:#000000;
	background-color: #ffffff;
}
li.photo {
	width: 198px;
	height:198px;
	background-color: #ffffff;
	overflow:hidden;
	cursor:pointer;
}
li.photo img {
	width: 198px;
	background-color: #ffffff;
}
p span {
	font-weight:bold;
	background-color: #ffffff;
}

.bulletList {
	list-style-type:disc;
	font-size:0.8em;
	margin:0px 20px 0px 0;
	padding-left:20px; 
	
}

/*4. Footer
=====================================================================*/
#footer p {
	font-size:0.7em;
	/*color:#FFFFFF;*/
}
#footer h2 {
	font-size:0.9em;
	/*color:#FFFFFF;*/
}
div#top_footer {
	width:100%;
	height:auto;
	position:relative;
}
.top_footer_content {
	width:100%;
	height:66px;
	position:relative;
	margin-top:10px;
}
#footer_full, #footer_full_content {
	height:375px;
	width:100%;
}
.top_footer_content, #footer_full_content {
	margin-left:222px;
}
.footer_column_198_a, .footer_column_198_b, .footer_column_198_c, .footer_column_198_d {
	height:56px;
	width:198px;
	position:absolute;
	
}
#button_more {
	width:48px;
	height:16px;
	overflow:hidden;
}

#button_more .inner_more {
	width: 600px;
	height: 13px;
	position:absolute;
}

#show_more, #show_close {
	position:relative;
	float:left;
	width:48px;
	height:16px;
	overflow:hidden;
	cursor: pointer;
	
}
#show_more img, #show_close img {
	height:16px;
	position:absolute;
}
#button_more {
	height:20px;
}
#map {
	width:720px;
	height:299px;
}

/*5. Scrollbar Styles
=====================================================================*/
.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 13px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 13px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #cccccc;
	position: relative;
}

.jspDrag
{
	background: #000000;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height:100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

.about_people {
	position:relative;
	display:block;
	width: 600px;
	height: 82px; 
	text-indent:0;
	padding:0;
}

.about_people div{
	position:relative;
	display:block;
	height: 82px; 
	width: 82px;
	float:left;
	text-indent:0;
	padding:0;
	padding-right: 10px;
	margin:0;
	cursor: pointer;
	overflow: hidden;
}

img.divimg {
	display:block;
	position:absolute; 
	left:0px; 
	top:0px;
}

.about_content {
	width: 600px; 
	height: 400px; 
	overflow: hidden;	
}

.about_content div {
	width: 560px; 
	height: 300px; 
	margin: 20px;
}