table{border-collapse:collapse;border-spacing:0;}

body {background-color:#E9E9E9; padding:0px; margin:0px; background-image:url(/images/top-shadow.png); background-repeat:repeat-x; font-family: Arial, "MS Trebuchet", sans-serif; font-size:11px;}

a img {border:none;}
.full-width-container {position:relative; padding-left:50%;}
.usable-width { width:940px; position:relative; margin-left:-470px; overflow:visible;}

#header {height:55px; position:relative;}
#header .logo {float:left; margin-top:13px; }
#header .nav {width:720px; float:right; text-align:center; margin-top:22px;}
#header .nav a {color:#57869C; text-decoration:none; letter-spacing:1px; margin-left:35px;} /*display:block; width:102px; text-align:right;*/
#header .nav a:hover {text-decoration:underline;}
#header .nav .external a {color:#888;}
#header .nav .selected, #footer .nav .selected {color:#333;}

#upper-content {height:405px; background-image:url(/images/upper-content-grad.gif); background-repeat:repeat-x; position:relative;}
#upper-content .usable-width {height:405px;}
#upper-content .top-shadow {position:absolute; top:0px; z-index:5; background-image:url(/images/upper-content-shadow.png); background-repeat:repeat-x; height:7px; left:0px; right:0px;}

#upper-content .people-left {background-image:url(/images/people-left.png); height:250px; width:141px; position:absolute; left:15px; bottom:20px;}
#upper-content .people-right {background-image:url(/images/people-right.png); height:253px; width:150px; position:absolute; right:10px; bottom:15px;}

#content {background-image:url(/images/content-grad.gif); background-repeat:repeat-x;  padding-top:10px; position:relative; font-family: Verdana, Arial, "MS Trebuchet", sans-serif; color:#4D4D4D; line-height:18px;}
#content h1 {text-align:center; font-size:18px; font-weight:normal; color:#fff; position:relative; letter-spacing:2px; margin-bottom:15px;}
#content h1 span.fake-shadow {position:absolute; left:0px; right:0px; top:-1px; bottom:0px; color:#787878; }


#content h2 {font-size:15px; margin-top:10px;}

.content-container { position:relative; overflow:visible;  }
.content-container table.container {border-spacing:0px; cellspacing:0px; position:relative; width:100%; margin-bottom:10px;}
.content-container table td {padding:0; }
.content-container .top td {background-image:url(/images/content-container-top.png); height:15px;}
.content-container .bottom td {background-image:url(/images/content-container-bottom.png); height:15px;}
.content-container .left { background-image:url(/images/content-container-left.png); width:15px;}
.content-container .right { background-image:url(/images/content-container-right.png); width:15px; background-position:right;}
.content-container .top td.left {background-image:url(/images/content-container-top-left.png); }
.content-container .top td.right {background-image:url(/images/content-container-top-right.png);  background-position:right;}
.content-container .bottom td.left {background-image:url(/images/content-container-bottom-left.png); }
.content-container .bottom td.right {background-image:url(/images/content-container-bottom-right.png); }
.content-container .actual-content {padding:0px 5px; background-color:#fff; }

#content .home-content h2 {color:#606060; font-size:15px; text-align:center; }
#content a {color:#6AA1D2; text-decoration:none; }
#content p a {text-decoration:underline; }
#content a:hover {text-decoration:underline; }
#content .home-content ul {list-style:none; padding:5px 20px 5px 5px; color:#909090; margin:0; width:310px; }
#content .home-content ul li {padding:7px 0; }
#content .home-content { font-size:14px; margin-top:-14px; margin-bottom:-13px; position:relative; width:100%;}
#content .home-content td {border-right:1px solid #bbb; vertical-align:top; padding:5px 0; }

#content .home-content td.middle ul {width:190px; padding:0 20px;}
#content .home-content td.middle ul li {padding:20px 0; font-size:15px; text-align:center; }
#content .home-content td.last {border:none; }
#content .home-content td.last ul { padding-left:20px; padding-right:0px;}
#content .home-content td.last a {font-weight:bold; }
#content .home-content .more-news {color:#57869C; margin-left:5px; font-weight:bold; }

#trusting-orgs .actual-content {padding:0 15px;}

#content .post-title {color:#909090; font-weight:bold; margin-right:5px; }

#content .company-logos {width:100%;}
#content .more-work {text-align:center; margin-top:5px; padding-top:7px; font-size:14px; font-weight:bold;}
#content .more-work a {text-decoration:underline; }

#footer {margin-top:10px;}
#footer .usable-width { text-align:center;}
#footer div.outer-shadow {border-style:solid; border-width:1px; border-color:#A7A7A7 #fff #fff #A7A7A7; margin:0 10px; }
#footer div.inner-shadow {border-style:solid; border-width:1px; border-color:#fff #A7A7A7 #A7A7A7 #fff; margin:0; } 
#footer .nav {width:700px; margin:3px 100px;}
#footer .nav a {color:#57869C; text-decoration:none; margin:0 20px;}
#footer .nav a:hover {text-decoration:underline;}
#footer p {clear:both; color:#606060;}

/*-------------------------------------------------------------------------------------*/

#screen-holder {position:relative; top:1px; overflow:hidden; margin-left:163px; height:363px; width:613px;}
.screen {width:613px; height:353px; background-image:url(/images/screen.png); background-repeat:no-repeat; background-position:bottom; position:absolute;  text-align:center; padding-top:10px; top:100%;}

.screen .screen-title {display:none;}
.screen a, .screen a img {position:relative; z-index:2;}

#screen-holder-title {width:150px; position:absolute; left:10px; bottom:5px; z-index:2;}
#screen-buttons { position:absolute; right:10px; bottom:5px; z-index:2;}
#screen-buttons a {width:11px; height:11px; display:block; background-image:url(/images/screen-button.png); float:left; margin-left:10px; background-repeat:no-repeat; outline:none;}
#screen-buttons a.selected {background-image:url(/images/screen-button-active.png);}

.screen .dynamic {line-height:30px; font-size:18px; position:relative; z-index:2; }
.screen .vidlocation {position:relative; z-index:2;}

#video-close-button {position:absolute; background-color:#879A9E; padding:3px; bottom:0px; right:5px; z-index:999; width:100px; font-weight:bold; text-align:right; color:blue;}

/*-------------------------------------------------------------------------------------*/

.template2 #content h1, .template3 #content h1, .template4 #content h1, .contact #content h1 {color:#4D4D4D; font-size:30px; text-align:left; font-weight:bold; margin:20px 0 20px 10px; text-shadow:#fff 1px 1px 1px; font-family: Arial, "MS Trebuchet", sans-serif;}
.sidebar {float:right; padding:10px; height:350px; margin-top:-10px; margin-bottom:-10px; margin-left:20px; border-left:1px solid #bbb; line-height:18px; width:210px;}
* html .sidebar {margin-top:-5px;}
.sidebar h4 {padding-bottom:0px; margin-bottom:3px; font-weight:bold;}
.sidebar ul {padding:0px; list-style:none; margin:0;}
.sidebar ul li {padding:3px 0;}
.sidebar a img {border:2px solid #888;}

.template2 #upper-content { background-image:url(/images/t2-upper-content-grad.gif); height:310px;}
.template2 #upper-content .usable-width {height:310px;}
.template2 #upper-content #picture-frame {float:left; border:4px solid #333; background-color:#fff; margin-top:20px; position:relative; height:192px; width:722px;}
.template2 #upper-content #picture-frame img {border:1px solid #000; position:absolute; z-index:1; top:10px; left:10px;}
.template2 #upper-content .person-right {background-image:url(/images/person-right.png); height:242px; width:88px; position:absolute; right:40px; bottom:20px;}
.template2 #upper-content #picture-frame img.profile-card {position:absolute; right:-50px; top:60px; left:auto;}

.template2 #upper-content #picture-changer {position:absolute; left:10px; top:235px; font-size:13px;}
.template2 #upper-content #picture-changer a {color:#00007F; margin:12px;}
.template2 #upper-content #picture-changer a.selected {text-decoration:none; color:#231F20;}


.template2 #content h2 {text-align:left; margin-top:10px; font-weight:normal; font-size:20px;}
.template2 #content h3 {margin-top:25px; margin-bottom:2px; }

.template2 .job-title {}

.template2 .paragraphs {width:660px;}

/*-------------------------------------------------------------------------------------*/

.template3 #upper-content { background-image:url(/images/theatre-background.gif); background-position:center; background-repeat:no-repeat; background-color:#000; height:425px;}
.template3 #upper-content .usable-width {height:425px;}
.template3 #upper-content .top-shadow {position:absolute; top:0px; z-index:5; background-image:url(/images/theatre-top.gif); background-repeat:repeat-x; height:17px; left:0px; right:0px; background-position:center;}

.template3 #upper-content #screen-holder { background-image:none; background-color:#fff; padding:30px 0px 0 0px; top:5px; width:600px; margin-left:145px; height:380px; text-align:center; position:absolute; z-index:1;}
.template3 #upper-content .picture-frame { position:absolute; top:20px; background-image:none; width:579px; left:10px; padding:0; z-index:1;}
.template3 #upper-content .picture-frame .static {overflow:hidden; position:absolute; top:0; left:0px; width:0px; z-index:1;}
.template3 #upper-content .picture-frame .static img {position:relative; z-index:1;}

.template3 #upper-content .theatre-people {background-image:url(/images/theatre-people.png); height:70px; width:898px; position:absolute; left:21px; bottom:0px; z-index:2;}
.template3 #screen-holder { margin-left:0px; height:425px; width:898px;}
.template3 #upper-content .screen-button {width:22px; height:22px; position:absolute; background-repeat:no-repeat; top:200px;}
.template3 #upper-content .previous {background-image:url(/images/theatre-previous.gif); left:40px;}
.template3 #upper-content .next {background-image:url(/images/theatre-next.gif); left:822px;}
.template3 #screen-holder-title {position:absolute;}

.template3 .sidebar {border:none; margin-left:25px; margin-bottom:0;}
.template3 .more-work-link { position:absolute; bottom:15px; left:20px; font-weight:bold; padding-right:17px; background-image:url(/images/more-down-arrow.png); background-position:right center; background-repeat:no-repeat;}
.template3 .more-work-examples .sidebar {height:auto; width:211px;}
.template3 .content-container p {width:640px; }

.sidebar a:hover img {border-color:blue;}

.template3 .content-container, .template4 .content-container {margin-bottom:20px; line-height:18px;}
h2.section-header {text-align:center; font-size:14px; color:#808080; padding-top:20px; font-family: Arial, "MS Trebuchet", sans-serif; margin-top:0; margin-bottom:15px; clear:both;}
.template3 #content.work h3 {text-align:left; font-weight:normal; font-size:19px; line-height:23px;}
.template3 .sidebar h4 {margin-bottom:20px; margin-top:10px; text-align:center;}

#content .page-links {position:relative; top:-4px; font-size:14px; font-weight:normal; text-shadow:none; }
#content .page-links a {color:#29768E;  letter-spacing:0px; white-space:nowrap; margin:0 8px;}
.template3 .image-name {color:#4D4D4D; font-size:10px; text-align:center; margin-bottom:20px;}

.template3 .more-work-examples {border-top:1px solid #ccc; padding-top:20px; margin-top:20px; clear:both;}

/*-------------------------------------------------------------------------------------*/

.template4 #upper-content { background-image:url(/images/t2-upper-content-grad.gif); height:310px;}
.template4 #upper-content .usable-width {height:310px;}
.template4 .service-people {background-image:url(/images/service-people.png); background-repeat:no-repeat; width:864px; height:235px; position:absolute; left:0px; right:0px; margin:auto; bottom:15px;}

.template4 #tv-holder, .template4 #tv-activator-holder {position:absolute; top:35px; padding-left:120px; left:0px;}

.template4 .tv {margin-right:33px; float:left; position:relative;}
.template4 #tv-activator-holder {z-index:3;}
.template4 .tv-activator {margin-right:33px; margin-top:5px; height:70px; width:118px; display:block; float:left; }
.template4 .tv-alt {width:92px; height:53px; display:block; background-color:#fff; position:absolute; top:10px; left:13px; z-index:1px;}

.template4 .sidebar {width:260px;}
.sidebar .pl-list {list-style-image:url(../images/pl-bullet.gif); padding-left:22px; margin-left:5px; margin-top:15px;}
.sidebar .pl-list li {margin:10px 0; }

.template4 .pl-list li {font-weight:bold;}

.template4 .p {max-width:660px;}

/*-------------------------------------------------------------------------------------*/

.contact #content h2 {margin-top:30px; font-weight:normal; font-size:20px;}
.contact label {display:block; float:left; text-align:right; width:70px; font-size:14px; line-height:22px; padding-right:10px;}
.contact .error {color:#af0000; padding:10px; border:1px solid #af0000; margin:10px 0; }
.contact .success {color:green; padding:10px; border:1px solid green; margin:10px 0; }
.contact .sidebar {padding-top:10px; padding-bottom:10px; height:auto; white-space:nowrap; width:230px;}
.contact .sidebar h4 {margin-top:20px;}
.contact .sidebar img {position:relative; top:-2px;}
.contact form {float:left;}
.contact .top-copy {padding-left:90px; margin-bottom:30px;}

/*-------------------------------------------------------------------------------------*/

.clear {	clear: both;	display: block;	overflow: hidden;	visibility: hidden;	width: 0;	height: 0;}
.clearfix:after {	clear: both;	content: ' ';	display: block;	font-size: 0;	line-height: 0;	visibility: hidden;	width: 0;	height: 0;}
.clearfix {	display: inline-block;}

.clearfix {	display: block;}