/* Reset */
@import '../css/reset.css';
html body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	background-color:#ced3c3;
}
#container {
	width:941px;
	margin: 0 auto;
}

body#homepage li#menuhome a, #aboutpage li#menuabout a, #facilitiespage li#menufacilities a, #peoplepage li#menupeople a, #workpage li#menuwork a, #clientpage li#menuclient a, #featurespage li#menufeatures a, #newspage li#menunews a, #sumcreativepage li#menusumcreative a, #contactspage li#menucontacts a {
  background: #e09403;
  color:#ffffff;
}

body#peoplepage li#menupeople ul li a {
  background: #dce1d0;
  color:#000;
}
body#peoplepage li#menupeople ul li a:hover {
	background: #e09403;
	color:#FFFFFF;
}

body#facilitiespage li#menufacilities ul li a {
  background: #dce1d0;
  color:#000;
}
body#facilitiespage li#menufacilities ul li a:hover {
	background: #e09403;
	color:#FFFFFF;
}

.img1, .img1 span .img2, .img2 img, .paging { behavior: url(./iepngfix.htc) }

/* For the pages with a side panel */
.two-tone-bg{
	background-color:#CED3C3;
	background:url(../css/graphics/main-container-bg.gif) repeat-y;
}

/*pages without side panel */
.single-tone-bg{
	background-color:#b0ab8e;
}

#topbanner {
	height: 124px;
	background-color:#000;
}

#topbanner img{
	border: none;
	margin: 0;
	padding: 0;
}

/*************** MENU **************/
#menu {
	border: none;
	background: #dce1d0;
	width: 941px;
	z-index:1000;
}

#menu li {
	float: left;
	list-style: none;
	z-index:1001;
}

#menu li a {
	display: block;
	background: #dce1d0;
	padding: 5px 10px 5px 10px;
	margin:0;
	text-decoration: none;
	color: #000;
	font:16px Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	white-space:nowrap;
	z-index:1002;
}


#menu li a.client-login {
	background-color:#b0ab8e;
}

.small-width{
	width: 62px;
}

.medium-width{
	width: 85px;
}

.large-width{
	width: 97px;
}

#menu li a:hover {
	background: #e09403;
	color:#ffffff;
}

#menu li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	z-index:1003;
}

#menu li ul li {
	float: none;
	display: inline;
}

#menu li ul li a {
	width: auto;
	background: #dce1d0;
	border: none;
	font-size: 14px;
	padding: 5px 5px;
	line-height:90%;
	z-index:1001;
}

#menu li ul li a:hover {
	background: #e09403;
	color:#FFFFFF;
}
/***************END MENU**************/

/*-----------------main content css---------------------*/

#main-container {
	width:941px;
	clear:both;
}

/* Smaller main content div, to be used with a side panel div */
#main-content {
	background: #C1C0A8 url(../css/graphics/main_bg1.jpg) no-repeat top left;
	padding:20px 10px 0px 10px;
	width:623px;
	float:left;	
}


/* larger main content css, to be used without a side panel div*/
#large-main-content {
	background: #C1C0A8 url(../css/graphics/main_bg_single_tone.jpg) no-repeat top left;
	padding:20px 10px;
}


#main-content h1, #large-main-content h1 {
	text-transform:lowercase;
	color: #000;
	font-size:20px;
	font-weight:200;
	letter-spacing:0.03em;
	padding-bottom: 12px;
}

#people {
	height:90px;
	padding:0px 0px 20px 0px;
	position:relative;
}

#people .people-text {
	height:85px;
	width:485px;
	position:absolute;
	top:3px;
	left:135px;
	z-index:20;
}

#people .people-text h1 {
	text-transform:none;
	color: #fff;
	font-size:20px;
	font-weight:200;
	letter-spacing:0.03em;
}

#people .people-email {
	position:absolute;
	top:10px;
	left:375px;
	z-index:21;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	color: #584b44;
}

#people .people-email:hover {
	text-decoration: none;
	color: #fff;
	background: #e09403;
}

#people .people-main {
	position:absolute;
	top:25px;
	left:135px;
	width:485px;
	z-index:23;
	color: #584b44;
}

#people .people-title {
	color: #584b44;
	font-weight:bold;
}

#people-side {
	height:90px;
	padding:0px 0px 20px 0px;
	position:relative;
}

#people-side .people-text {
	height:85px;
	width:275px;
	position:absolute;
	top:10px;
	left:100px;
	z-index:20;
}

#people-side .people-text h1 {
	text-transform:none;
	color: #fff;
	font-size:20px;
	font-weight:200;
	letter-spacing:0.03em;
}

#people-side .people-email {
	position:absolute;
	top:60px;
	left:100px;
	z-index:21;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	color: #584b44;
}

#people-side .people-email:hover {
	text-decoration: none;
	color: #fff;
	background: #e09403;
}

#people-side .people-main {
	position:absolute;
	top:45px;
	left:100px;
	width:170px;
	z-index:23;
	color: #584b44;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#people-side .people-title {
	color: #584b44;
	font-weight:bold;
}

#people-clientsupport {
	width:622px;
	height:90px;
	padding:0px 0px 20px 0px;
	position:relative;
}

#people-clientsupport-left {
	width:300px;
	height:90px;
	float:left;
	position:relative;

}

#people-clientsupport-right {
	width:300px;
	height:90px;
	float:right;
	position:relative;

}

#people-clientsupport-left h1 {
	text-transform:none;
	color: #fff;
	font-size:20px;
	font-weight:200;
	letter-spacing:0.03em;
	position:absolute;
	top:20px;
	left:115px;
	z-index:20;
}

#people-clientsupport-right h1 {
	text-transform:none;
	color: #fff;
	font-size:20px;
	font-weight:200;
	letter-spacing:0.03em;
	position:absolute;
	top:20px;
	left:115px;
	z-index:20;
}



.sub-h1 {
	font-size: 14px;
	color:#50422D;
	letter-spacing:0.03em;
}

.sub-h1-right {
	position:absolute;
	top:5px;
	right:0px;
	font-size: 14px;
	color:#50422D;
	letter-spacing:0.03em;
	text-align:right;
}

#main-content .h1-sub {
	color:#FFF;
	letter-spacing:0.03em;
}


#main-content p,#large-main-content p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 7px 0 25px 0;
	line-height:125%;
}


#main-content .news-item, #large-main-content .news-item  {
	border-top: 3px solid #B0AB8E;
	padding:10px 0;
}

#main-content .news-item h2{
	font-size:17px;
	color: #fff;
	font-weight:normal;
	letter-spacing:0.02em;
	padding:8px 0 5px 0;
}

#large-main-content .news-item h2 {
	font-size:17px;
	color: #fff;
	font-weight:normal;
	letter-spacing:0.02em;
	padding:0px 0 3px 0;
}

#large-main-content .news-item h3 {
	font-size:14px;
	color: #000;
	font-weight:normal;
	letter-spacing:0.01em;
	padding:2px 0 2px 0;
}


#large-main-content .news-item .text {
	margin-left: 563px;
	padding:0;
	margin: 0;
	margin-left: 563px;
}

#main-content .news-item img {
	float: right;
}

#main-content .main-image {
	padding:0 0 20px 0;
}

#large-main-content .news-item  object, #large-main-content .news-item  img {
 	float:left;
	padding-right: 17px;
 }


#main-content .news-item p {
	margin-right: 225px;
	padding: 5px 0;
}

#main-content .news-item-full p {
	padding: 5px 0px 20px 0px;
}

#large-main-content .news-item p {
	padding-bottom: 5px;
}


a.more-link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	font-weight:bold;
}
.vid-caption{
	padding-top: 1px;
}


/*----------------- side menu container ---------------------*/
#side-menu-container {
	background-color:#958E72;
	float: right;
	padding: 5px;
}

/*----------------- various -------------------*/
#main-content .team-member {
	background:url(../css/graphics/team-member-bg.gif) repeat-y top right;
	height: 93px;
	overflow: hidden;
}

#main-content .team-member img {
	float: left;
	display: block;
}

#main-content .team-member .member-info {
	float: left;
	width: 248px;
	padding: 10px;
}

#main-content .team-member .member-projects {
	padding: 10px;
	margin-left: 394px;
}

#main-content .team-member h2 {
	color: #FCF3D7;
	font: 17px Georgia, "Times New Roman", Times, serif ;
	font-weight: 200;
	letter-spacing:0.01em;
}

#main-content .team-member p {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	line-height:135%;
	padding: 10px 0;
}

#main-content .team-member .member-projects ul {
	padding: 10px 0;
}

#main-content .team-member .member-projects ul li{
	list-style: none;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

#main-content a{
	text-decoration: none;
	font-weight:bold;
	color: #584b44;
}

#main-content a:hover {
	text-decoration: none;
	font-weight:bold;
	color: #fff;
	background: #e09403;
}

#client-comments p{
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	font-style:italic;
}

#client-comments .red-text {
	color:#9d3c36;
}

#client-comments .blue-text {
	color:#3c406d;
}

#client-comments .client-name {
	color:#fff;
	font-weight:normal;
}

#titlebanner {
	position:relative;
	width:620px;
	padding:0px 0px 0px 0px;
}

#titlebanner img {
	padding:0px 0px 0px 0px;
}

#titlebanner .img1{
	position:absolute;
	top:-7px;
	left:-18px;
	z-index:5;
	padding:0px 0px 0px 0px;
}

#titlebanner .img1 span{
	padding:0px 0px 0px 0px;
}

#titlebanner .img2{
	position:absolute;
	top:-7px;
	left:-2px;
	z-index:5;
	padding:0px 0px 0px 0px;
}

#titlebanner .maintitle{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	width: 620px;
}

#contacts-container {
	position:relative;
	width:622px;
	height:230px;
	padding:0px 0px 10px 0px;
	background-color:#b0ab8e;
}

#contacts {
	float:left;
	width:180px;
	height:230px;
	text-align:left;
	padding:10px 10px 0px 10px;
}

#contacts-image {
	float:left;
	width:452px;
	height:165px;
}


/*-----------------end  people/finishing team ----------------*/


/*-----------------end main content css---------------------*/


/*-----------------side content css---------------------*/
#side-panel {
	background: #B0AB8E url(../css/graphics/right-col-bg2.jpg) no-repeat top left;
	padding:20px 10px;
	margin-left: 643px;
	position:relative;
}

#side-panel h1 {
	text-transform:lowercase;
	color: #000;
	font-size:20px;
	font-weight:200;
	letter-spacing:0.03em;
	padding-bottom: 27px;
}

#side-panel img {
	display:block;
}

.side-content {
	margin: 0 auto;
	padding: 0px 0px 20px 0px;
}

.side-button {
	padding:0px 0px 20px 0px;
}

* html .side-content
{
	\padding: 20px 0; /* for IE6 in standards mode */
	p\adding: 20px 0; /* for IE6 in standards mode */
}


.sc-img {
	height: 75px;
	border: none;
	background-color: #50422D;
}


.side-content p {
	width: 265px;
	background-color: #50422D;
	padding:5px 5px;
	color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}

p.side-paragraph {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: none;
	padding:0;

}

.side-content a.more-link {
	padding-top: 20px;
	text-decoration: none;
	color: #fff;
}

.side-content a.more-link:hover {
	text-decoration: none;
	font-weight:bold;
	color: #e09403;
}


/*-----------------side menu css---------------------*/
#side-menu {
	border: none;
}

#side-menu li {
	list-style: none;
	margin: 0;
}

#side-menu li a {
	display: block;
	padding:5px;
	text-decoration: none;
	color: #000;
	font-size: 14px;
	white-space:nowrap;
	text-align:right;
}

#side-menu li a:hover {
	text-decoration: none;
	color: #fff;
	background: #e09403;
}

/*-----------------end side menu css---------------------*/


/*-----------------end side content css---------------------*/

/*-----------------footer styles---------------------*/

#footer {
	clear: both;
	background-color:#dce1d0;
	background-repeat:no-repeat;
	overflow:hidden;
}

#footer img {
	float: left;
	padding: 18px;

}

#footer p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;	
	color: #584b44;
	text-align:right;
	padding: 10px;
	line-height:130%;
}

#footer a{
	text-decoration: none;
	color: #584b44;
}

#footer a:hover {
	text-decoration: none;
	color: #fff;
	background: #e09403;
}

/*-------------general classes---------------------*/
.clear-both{
	clear: both;
}


.width-550 {
	width: 550px;
}

/*-------------added by Chris---------------------*/



#fulltext {
	color: #000;
}

#fulltext p{
	padding: 0 0 5px 0;
}

#fulltext h1{
	padding-bottom: 15px;
}

#fulltext .img-right{
	float:right;
}

#fulltext .img-left{
	float:left;
}

#fulltext .img-center{
	align:center;
}

#fulltext a{
	text-decoration: none;
	color: #000;
}

#fulltext a:hover {
	text-decoration: none;
	color: #fff;
	background: #e09403;
}

#teamleaders h1 {
	text-transform:lowercase;
	color: #000;
	font-size:20px;
	font-weight:200;
	letter-spacing:0.03em;
	padding-bottom: 12px;
}

.tlside-content {
	margin: 0 auto;
	padding: 5px 0;
}

/* People individual Divs */

#teamtext {
	margin-left:135px;
}

#teamtext h1 {
	text-transform:capitalize;
}

#teamtext .teamname {
	color:#ffffff;
	float:left;
	padding-right:20px;
}

#teamtext .teamemail {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	float:left;
	padding-top:7px;
	padding-left:0px;
	text-decoration: none;
	color: #584b44;
}

#teamtext .teamemail:hover {
	text-decoration: none;
	color: #fff;
	background: #e09403;
}

#teammain {
	padding-top:25px;
	color: #584b44;
}

#teammain .teamtitle {
	color: #584b44;
	font-weight:bold;
}

/* Audio */

#audiotony {
	height:73px;
	background-image: url(../imgs/staff/audio/TONY.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

#audioashley {
	height:73px;
	background-image: url(../imgs/staff/audio/ASHLEY.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

#audiorichardlee {
	height:73px;
	background-image: url(../imgs/staff/audio/RICHARD_LEE.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

#audiolindsey {
	height:73px;
	background-image: url(../imgs/staff/audio/LINDSEY.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

#audioemily {
	height:73px;
	background-image: url(../imgs/staff/audio/EMILY.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

#audiodan {
	height:73px;
	background-image: url(../imgs/staff/audio/DAN.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

#audioheidi {
	height:73px;
	background-image: url(../imgs/staff/audio/HEIDI.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}


/* Production */

#prodjanet {
	height:90px;
	background-image: url(../imgs/staff/production/01_PRODUTION_JANET_001.jpg);
	background-repeat:no-repeat;
	padding:0px 0px 20px 0px;
}

#prodnicola {
	height:73px;
	background-image: url(../imgs/staff/production/01_PRODUTION_NICOLA_001.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

#prodrachel {
	height:73px;
	background-image: url(../imgs/staff/production/01_PRODUTION_RACHEL_001.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

#prodjon {
	height:73px;
	background-image: url(../imgs/staff/production/01_PRODUTION_JON_001.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

#prodlucy {
	height:73px;
	background-image: url(../imgs/staff/production/01_PRODUTION_LUCY_001.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

#prodmadi {
	height:73px;
	background-image: url(../imgs/staff/production/01_PRODUTION_MADI_001.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

/* Finishing */

#finishrob {
	height:73px;
	background-image: url(../imgs/staff/finishing/ROB.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

#finishmatt {
	height:73px;
	background-image: url(../imgs/staff/finishing/MATT.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

#finishpaul {
	height:73px;
	background-image: url(../imgs/staff/finishing/PAUL_SHIELDS.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

#finishjamie {
	height:73px;
	background-image: url(../imgs/staff/finishing/JAMIE.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

/* SumCreative */

#sumcreativepaulp {
	height:73px;
	background-image: url(../imgs/staff/sumcreative/PAULP.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

#sumcreativelynn {
	height:73px;
	background-image: url(../imgs/staff/sumcreative/LYNN.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

#sumcreativeant {
	height:73px;
	background-image: url(../imgs/staff/sumcreative/ANT.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

#sumcreativealan {
	height:73px;
	background-image: url(../imgs/staff/sumcreative/ALAN.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

/* Technical */

#techroger {
	height:73px;
	background-image: url(../imgs/staff/technical/ROGER.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

#techpaul {
	height:73px;
	background-image: url(../imgs/staff/technical/PAUL_B.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

#techchrisw {
	height:73px;
	background-image: url(../imgs/staff/technical/CHRIS_W.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}

#techchrism {
	height:73px;
	background-image: url(../imgs/staff/technical/CHRIS_MANN.jpg);
	background-repeat:no-repeat;
	padding:10px 10px 30px 10px;
}




/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	padding:0px 0px 20px 0px;
}
/*--Window/Masking Styles--*/
.window {
	height:350px;	width: 622px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: 462px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 38px;
	background: url(../imgs/New_paging_001.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	position:relative;
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #dce1d0;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}

.links {
	position: absolute;
	bottom: 40px; right: 462px;
	width: 178px; height:47px;
	z-index: 101; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 38px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}

.links a {
	position:relative;
	padding: 5px;
	text-decoration: none;
	color: #fff;
}

.links a.active {
	font-weight: bold;
	background: #dce1d0;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.links a:hover {font-weight: bold;}

#video-main {
	padding: 0px 0px 50px 0px;
	z-index:1;
}

#video-main a{
	padding: 0px 0px 0px 0px;
}

#video-main a:hover {
	background:none;
}

#video-main .link a{
	text-decoration: none;
	color: #584b44;
	font-weight:bold;
}

#video-main .link a:hover {
	text-decoration: none;
	color: #fff;
	background: #e09403;
	font-weight:bold;
}

#thumbnail-container {
	position:relative;
	width:920px;
	height:270px;
}

#thumbnail-images {
	float:left;
	width:230px;
	padding:0px 0px 20px 0px;
}

#thumbnail-images img{
	width:190px;
	height:100px;
	padding:20px 20px 0px 20px;
	display:block;
}

#thumbnail-images h2{
	background-color: #50422D;
	width:180px;
	margin:0 auto;
	padding:5px 5px 5px 5px;
	color:#fff;
}

#thumbnail-images p{
	position:relative;
	width:180px;
	height:90px;
	background-color: #50422D;
	margin:0 auto;
	padding:0px 5px 20px 5px;
	color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#thumbnail-images p a{
	text-decoration: none;
	color: #fff;
	font-weight:bold;
	text-align:right;
	position:absolute;
	bottom:5px;
	right:5px;
}

#thumbnail-images p a:hover {
	text-decoration: none;
	color: #fff;
	background: #e09403;
	font-weight:bold;
}


.credits {
	line-height:30px;
}

#main-media-content {
	padding:0px 0px 20px 0px;
	background-color:none;
}

#map-container {
	position:relative;
	padding:0px 0px 20px 0px;
	width:622px;
}

#map_canvas {
	height: 500px;
	padding:0px 0px 0px 0px;
}

#facilities-content {
	padding:0px 0px 20px 0px;
}

#facilities-content h2 {
	color:#FFF;
}

#copyright {
	background: #C1C0A8 url(../css/graphics/main_bg_single_tone.jpg) no-repeat top left;
	margin: 0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#copyright p {
	padding:2px 0px 2px 0px;
}

#copyright a{
	text-decoration: none;
	color: #584b44;
	font-weight:bold;
}

#copyright a:hover {
	text-decoration: none;
	color: #fff;
	background: #e09403;
	font-weight:bold;
}

#copyright p {
	text-align:center;
	width:940px;
}

#news-content {
	padding:0px 0px 20px 0px;
}

#news-content h2 {
	color:#FFF;
}