/* OVERALL STYLES */
body {
	background: #cfcfc4;
	color: #000;
	margin: auto;
	width: 971px;
	padding: 0 0 0 0;
}

#content #right_col {
	float: right;
	width: 242px;
	background: #d6d6b6;
	padding: 0 0 30px 0;
}

#home #content #right_col {
	padding-bottom:0px;
	
}


/* HEADER STYLES */

ul.simple-translator {
	float: right;
	list-style: none;
	padding: 0px 10px 20px 0;
}

ul.simple-translator li {
	float: left;	
	padding: 0;
	margin: 10px 0 0 10px;
}

ul.simple-translator li.selected {
	border-top: 10px solid #edca7a;
	margin-top: 0px;
}

#logo {
	height: 50px;
	width: 405px;
	padding: 20px 0 0 20px;
}

#logo img {
	float: left;	
	padding: 0;
	margin: 0;
}

#logo ul {
	float: right;
	list-style: none;
	padding: 12px 0 0 0;
	margin: 0;
}

#logo ul li {
	float: left;
	color: #fff;
	font: 12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	padding: 0 15px 0 0;
	margin: 0 0 0 0;
}

#home #top_navigation {
	background-image: url('/images/footer_background.gif');
	padding: 20px 0 40px 145px;
}

body#home #right h2 {
	background-image: none;
	padding: 0;
	float: left;
}

body#home #right {
	height: 20px;
	background-image: url('/images/footer_background.gif');
	padding: 0 0 5px 749px;
}

#top_navigation {
	background-image: url('/images/footer_background.gif');
	padding: 20px 0 40px 145px;
}

#top_navigation ul {
	list-style: none;
	padding: 0 0 0 29px;
}

#top_navigation ul li {
	float: left;
	color: #acac39;
	background-image:url('/images/top_bullet.gif');
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding: 0 13px 0 12px;
	margin: 0 0 0 0;
}

#top_navigation ul li a {
	font: 18px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #7c7c6b;
	text-decoration: none;
}

#top_navigation ul li a:hover {
	color: #7c7c6b;
	text-decoration: underline;
}


/* GENERAL SECTION TOP NAVIGATION STYLES */

#top_navigation {
	background-image: none;
	background: #e5e5dd;
}

#top_navigation ul#section li a {
	font: 12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

#top_navigation ul#section li {
	background-image: none;
	padding: 0 20px 0 0;
}


/* ABOUT SECTION TOP NAVIGATION STYLES */

#about #top_navigation ul#section {
	clear: both;
	padding: 10px 0 0 43px;
}


/* NEWS SECTION TOP NAVIGATION STYLES */

#news #top_navigation ul#section {
	clear: both;
	padding: 10px 0 0 43px;
}


/* CREW SECTION TOP NAVIGATION STYLES */

#crew #top_navigation ul#section {
	clear: both;
	padding: 10px 0 0 43px;
}

#crew_content {
	background-color: #e5e5dd;
	width: 971px;
	float: left;
}

#crew #left_col {
	float: left;
	width: 162px;
}


/* WORK SECTION TOP NAVIGATION STYLES */

#work #top_navigation ul#section {
	clear: both;
	padding: 10px 0 0 123px;
}

#right h2 {
	background-image: url('/images/footer_background.gif');
	padding: 0 0 5px 749px;
}


/* PORTFOLIO SECTION TOP NAVIGATION STYLES */

#portfolio #top_navigation ul#section {
	clear: both;
	padding: 10px 0 0 123px;
}

#portfolio #projects #work_rows {
	width: 729px;
}

/* PORTFOLIO SECTION TOP NAVIGATION STYLES */

#casestudy #top_navigation ul#section {
	clear: both;
	padding: 10px 0 0 123px;
}

#casestudy #projects #work_rows {
	width: 729px;
}

/* PROMO STYLES */

#promo {
/*	background-image: url('/images/promo_background.gif');*/
	padding: 0;
	margin: 0;
	border: none;
	width: 971px;
	height: 243px;
	background-color: #f6f6f4;
}

#promo #flash_area {
	float: left;
	padding: 0;
	margin: 0;
	height: 242px;
	width: 728px;
}

#promo #flash_area #img {
	float: left;
	background-color: #DDD;
	width: 160px;
	height: 242px;
}

#promo #flash_area #flash {
	float: right;
	width: 568px;
	height: 242px;
}

#promo dl {
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 242px;
}

#promo dt {
	padding: 0 0 0 0;
}

#promo dd {
	padding: 0 0 0 20px;
	margin: 0;
	color: #7b7b6c;
	font: 12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	width: 210px;
}


/* CONTENT STYLES */

#content {
	float: left;
	background-color: #e5e5dd;
}

#content p { 
	padding: 0 0 10px 175px;
	width: 520px;
}

#about #content {
	background-color: none;
	background-image: url('/images/background.gif');
}

#news #content {
	background-color: none;
	background-image: url('/images/background.gif');
}

#contact #content {
	background-color: none;
	background-image: url('/images/footer_background.gif');
}


/* ABOUT SECTION CONTENT */

#about #page_content {
	float: left;
	background-color: #f6f6f4;
	width: 728px;
	padding: 0 0 40px 0;
}

#about #page_content img#page_image { float: left; }

#about #content #page_content h2 { 
	padding: 0 0 10px 175px;
	width: 520px;
}

#about #content #page_content ul { 
	padding: 0 0 10px 175px;
}

#about #content #page_content li { 
	padding: 0;
}


/* CONTACT SECTION CONTENT */

#contact #page_content {
	float: left;
	width: 728px;
	padding: 0 0 40px 0;
}

#contact #content #page_content form { 
	float: right;
	padding: 0 203px 30px 0;
	width: 350px;
}

#contact #content #page_content form label { 
	float: left;
	width: 140px;
	padding: 7px 0 0 0;
	font: normal 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

#contact #content #page_content form input { 
	float: right;
	padding: 0;
	margin: 0 0 3px 0;
	font: normal 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

#contact #content #page_content form textarea { 
	float: right;
	padding: 0;
	margin: 0 0 3px 0;
	font: normal 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

#captcha {
	margin: 10px 0 0 0;
	width: 350px;
	height: 80px;
}

span.captchatext {
	display: block;
	float: left;
	width: 150px;
	font: normal 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

span.captchaimage {
	display: block;
	margin: 0;
}


/* NEWSLETTER STYLES */
#newsletter #page_content {
	float: left;
	background-color: #f6f6f4;
	width: 553px;
	padding: 35px 0 40px 175px;
}

#newsletter #content #page_content form { 
	padding: 15px 0 30px 0;
	width: 350px;
}

#newsletter #content #page_content form label { 
	float: left;
	width: 140px;
	padding: 0;
	margin: 7px 0 0 0;
	font: 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

#newsletter #content #page_content form input { 
	float: right;
	padding: 0;
	margin: 0 0 3px 0;
	font: normal 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

#newsletter #content #page_content form input#submitbutton {
	margin: 20px 0 0 140px;
	padding: 0;
}

#newsletter #content #right_col h3 {
	padding: 41px 0 0 20px;
}
#newsletter #content #right_col ul ul {
	padding: 0;
	margin: 0;
}

#newsletter #content #right_col ul {
	padding: 10px 0 0 0;
	margin: 0;
}

#newsletter #content #right_col ul li {
	padding: 0 0 5px 20px;
	margin: 0;
}


/* NEWS SECTION CONTENT */

#news #page_content {
	float: left;
	background-color: #f6f6f4;
	width: 728px;
	padding: 0 0 40px 0;
}
#news #page_content #pages { padding: 35px 0 0 0; }
#news #page_content img#page_image { float: left; }

#news #content #page_content p { 
/*	padding: 0 0 10px 175px;
	width: 520px;*/
}

#news #content #page_content h1 { 
	padding: 0 0 0 175px;
	width: 520px;
}

#news #content #page_content h2 { 
	padding: 0 0 10px 175px;
	width: 520px;
}

#news #content #page_content ul { 
	padding: 0 0 10px 175px;
}

#news #content #page_content li { 
	padding: 0;
}


/* CREW SECTION CONTENT */

#crew #page_content {
	float: left;
	background-color: #f6f6f4;
	width: 728px;
	padding: 35px 0 40px 0;
	border: 1px solid #999;
}

#crew #crew_content #content {
	width: 809px;
}

#crew #crew_content #content #crew_body {
	float: left;
	width: 470px;
	padding: 20px 0 0 0;
}

#crew #crew_content #content #jukebox_link {
	float: right;
	padding: 26px 44px 0 0;
	width: 180px;
}

#crew #content ul {
	float: left;
	padding: 0;
	margin: 0;
	width: 971px;
}

#crew #content ul li {
	float: left;
	width: 242px;
	height: 165px;
	background-color: #f6f6f4;
	border-right: 1px solid #e5e5dd;
	border-bottom: 1px solid #e5e5dd;
	padding: 0;
	margin: 0;
}

#crew #content ul li.fourth {
	border-right: none;
}

#crew #content ul li img {
	padding: 0;
	margin: 0;
	border: 0;
	width: 242px;
	height: 136px;
}


/* WORK SECTION CONTENT */

#work #page_content {
	float: left;
	background-color: #e5e5dd;
	width: 971px;
	padding: 10px 0 40px 0;
}

#work #projects {
	height: 450px;
	background-color: #edede7;
}

#work #projects .left {
	float: left;
}

#work #projects .right {
	float: right;
	width: 800px;
}

#work #projects #work_rows {
	width: 729px;
	border-top: 1px solid #edede7;
	padding: 0 80px 0 0;
}

#work #projects .right dl {
	float: left;
	background-color: #f6f6f4;
	width: 242px;
	height: 220px;
	padding: 0 0 10px 0;
	margin: 0;
	border-left: 1px solid #edede7;
	border-bottom: 1px solid #edede7;
}

#work #projects .right dl dt {
	padding: 0;
	margin: 0;
	height: 170px;
}

#work #projects .right dl dd {
	width: 210px;
}


/* PORTFOLIO STYLES */

#portfolio #page_background {
	background-color: #e5e5dd;
}

#portfolio #content #page_content {
	float: left;
	width: 222px;
	padding: 0;
	margin: 0;
}

#portfolio #projects {
	float: right;
	width: 729px;
}

#portfolio #projects #work_rows { }

#portfolio #projects #work_rows ul {
	float: left;
	background-color: #f6f6f4;
	padding: 0;
}

#portfolio #projects #work_rows ul li {
	float: left;
	width: 242px;
	background-color: #f6f6f4;
	padding: 0;
	border-bottom: 1px solid #e5e5dd;
	border-right: 1px solid #e5e5dd;
}

#work_rows ul li img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#portfolio #page_background #footer {
	background-image: none;
	height: 40px;
	padding: 50px 0 0 0;
}

#portfolio #page_background #footer ul {
	background-image: url('/images/q.gif');
	background-repeat: no-repeat;
	background-position: 10px 0;
	padding: 40px 0 40px 740px;
	display: inline;
}

/*#projects #work_rows table tr td {
	border-top: 1px solid #e5e5dd;
	border-left: 1px solid #e5e5dd;
	background-color: #f6f6f4;
}*/

#projects #work_rows table tr td img {
}



/* CLIENT STYLES */

body#portfolio #page_background #page_content ul {
	width: 170px;
}

body#portfolio #page_background #page_content ul li {
	padding-bottom: 10px;
}

body#portfolio #page_background #client_content {
/*	width: 971px;*/
	float: left;
}

body#portfolio #page_background #quote {
	float: left;
	width: 200px;
	padding: 150px 0 0 0;
}

body#portfolio #page_background #client_body {
	float: left;
	width: 475px;
	padding: 20px 0 0 10px;
}


/* CASESTUDY STYLES */

#casestudy #page_background {
	background-color: #e5e5dd;
}

#casestudy #content #page_content {
	float: left;
	width: 202px;
	padding: 0;
	margin: 0;
}

#casestudy #projects {
	float: right;
	width: 749px;
	position: relative;
}

#casestudy #projects ul.ui-tabs-nav { width: 20px; position:absolute;left:-22px;}

#casestudy #projects ul.ui-tabs-nav li { border: 1px solid #c0673b; width: 15px; padding: 2px 0 2px 0; text-align: center; margin-bottom: 3px; font: normal 12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; }
#casestudy #projects ul.ui-tabs-nav li a { text-decoration: none; color: #c0673b; }
#casestudy #page_background #projects ul.ui-tabs-nav li.ui-tabs-selected { background: #c0673b; }
#casestudy #page_background #projects ul.ui-tabs-nav li.ui-tabs-selected a span { color: #fff; }

#casestudy #projects #work_rows {
}

#casestudy #projects #work_rows ul {
	float: left;
	background-color: #f6f6f4;
	padding: 0;
}

#casestudy #projects #work_rows ul li {
	float: left;
	width: 242px;
	background-color: #f6f6f4;
	padding: 0;
	border-bottom: 1px solid #e5e5dd;
	border-right: 1px solid #e5e5dd;
}

#work_rows ul li img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#casestudy #page_background #footer {
	background-image: none;
	height: 40px;
	padding: 50px 0 0 0;
}

#casestudy #page_background #footer ul {
	background-image: url('/images/q.gif');
	background-repeat: no-repeat;
	background-position: 10px 0;
	padding: 40px 0 40px 740px;
	display: inline;
}

#casestudy #work_rows table tr td {
	border-bottom: 1px solid #e5e5dd;
	border-right: 1px solid #e5e5dd;
	background-color: #f6f6f4;
}

#casestudy #work_rows table tr td img {
}



/* CLIENT STYLES */

body#casestudy #page_background #page_content ul {
	width: 170px;
}

body#casestudy #page_background #page_content ul li {
	padding-bottom: 10px;
}

body#casestudy #page_background #client_content {
/*	width: 971px;*/
	float: left;
}

body#casestudy #page_background #quote {
	float: left;
	width: 200px;
	padding: 150px 0 0 20px;
}

body#casestudy #page_background #client_body {
	float: left;
	width: 475px;
	padding: 20px 0 0 10px;
}



/* NEW + NOTEWORTHY STYLES */

body#news #content #right_col {
	float: right;
	width: 242px;
	background: #d6d6b6;
	padding: 0 0 0 0;
}

body#news #content #right_col ul {
	padding: 20px 0 15px 0;
}

ul#section {
	padding: 0 0 20px 0;
}

#section li {
	display: inline;
	list-style-type: none;
	padding-left: 20px;
}

ul#studio_wide {
	float: right;
	width: 729px;
	height: 80px;
	padding: 0;
	margin: 0 0 15px 0;
	background-color: #f3f3f0;
}

ul#studio_wide li {
	float: left;
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: none;
}

ul#studio_wide li.narrow {
	width: 81px;
}

ul#studio_wide li.wide {
	width: 162px;
}

ul#studio_wide li img {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


/* WORK FOOTER */

#work #footer {
	background-image: none;
	background-color: #e5e5dd;
	padding: 20px 0 10px 0;
}

#work #footer ul li#jukebox {
	background-image: url('/images/jukebox.gif');
	background-position: 580px 0;
	padding: 5px 0 20px 595px;
}
#work #footer ul li#newsletter {
	background-image: url('/images/newsletter.gif');
}


/* NEWS, CONTACT, NEWSLETTER & ABOUT SECTION FOOTER */

#news #footer, #contact #footer, #newsletter #footer, #about #footer {
	width: 971px;
	padding: 20px 0 10px 0;
}

#news #footer ul li#jukebox, #contact #footer ul li#jukebox, #newsletter #footer ul li#jukebox, #about #footer ul li#jukebox  {
	background-image: url('/images/section_jukebox.gif');
	background-position: 580px 0;
	padding: 5px 0 20px 595px;
}

#news #footer ul li#newsletter, #contact #footer ul li#newsletter, #newsletter #footer ul li#newsletter, #about #footer ul li#newsletter {
	background-image: url('/images/section_newsletter.gif');
}


/* CREW SECTION FOOTER */

#crew #footer {
	background-image: none;
	background-color: #e5e5dd;
	width: 971px;
	padding: 20px 0 10px 0;
}

#crew #footer ul li#jukebox  {
	background-image: url('/images/jukebox.gif');
	background-position: 580px 0;
	padding: 5px 0 20px 595px;
}

#crew #footer ul li#newsletter {
	background-image: url('/images/newsletter.gif');
}


/* FOOTER STYLES */

#footer {
	clear: both;
	background-image: url('/images/footer_background.gif');
	width: 971px;
	padding: 0 0 10px 0;
}

#footer ul {
	background-image: url('/images/q.gif');
	background-repeat: no-repeat;
	background-position: 10px 0;
	padding: 40px 0 0 165px;
	height: 30px;
}

#footer ul li {
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#footer ul li#jukebox { font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; font-size: 70%; }
#footer ul li#newsletter { font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; font-size: 11px; }

#footer ul li a {
	color: #232220;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#footer ul li#jukebox {
	background-image: url('/images/jukebox.gif');
	background-repeat: no-repeat;
	background-position: 10px 0;
	padding: 5px 0 20px 28px;
	margin: 0 0 0 0;
}

#footer ul li#newsletter {
	background-image: url('/images/newsletter.gif');
	background-repeat: no-repeat;
	background-position: 10px 0;
	padding: 5px 0 20px 30px;
	margin: 0 0 0 0;
}

#copyright {
	float: right;
	font: normal 9px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #fff;
	padding: 5px 27px 0 0;
}
#social-links {
	list-style:none;
}
#social-links li {
	display:inline;
	padding:0;
}

p#vtip { display: none; position: absolute; padding: 5px; left: 0px; font-size: 0.8em; color:#7c7c6b; background-color: #E5E5DD; border: 1px solid #7c7c6b;  z-index: 9999 }