body{
	background: #f2f2f0 url('../images/interface/backgroundSquare.jpg') 0 0;
	font-family: Arial, Verdana;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  color: #5A4A42;
  font-size: 12px;
}

#outer_wrapper{
	background: transparent;
}

#contentContainerContentLeft a{
	color: #5A4A42;
  text-decoration: underline;
}

#wrapper{
	width: 960px;
  background: transparent;
  margin: 0 auto;
}


img{
	border: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  /*float:left;*/
}

p{
	font-size: 12px;
  line-height: 16px;
  float: left;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

h1{
	padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float:left;
  width: 100%;
  font-size: 15px;
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
}

h3{
	padding-top: 0px;
  margin-top: 0px;
}

#header{
	width: 960px;
  /*height: 148px;*/
  float: left;
  margin: 0px 0px 0px 0px;
}


.hoverable:hover{
/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  cursor:pointer;
}

#logo{
  float: left;
	width: 320px;
}

#nav{
	width: 636px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: right;
  list-style: none;
}


.navPoint{
	width: 159px;
  height: 135px;
  float:left;
	background: transparent url('../images/nav/header_sprite.png') 0 0 no-repeat;
  text-decoration:none;
}

#production-but{
	background-position: 0px 0px;
}

#postProduction-but{
	background-position: -160px 0px;
}

#officeSpace-but{
	background-position: -320px 0px;
}

#about-but{
	background-position: -480px 0px;
}

.production-but-on, #production-but:hover{
	background-position: 0px -139px !important;
}

.postProduction-but-on, #postProduction-but:hover{
	background-position: -160px -139px !important;
}

.officeSpace-but-on, #officeSpace-but:hover{
	background-position: -320px -139px !important;
}

.about-but-on, #about-but:hover{
	background-position: -480px -139px !important;
}
      

#nav li{
	padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: left;
}

.fbPod{
	height: 270px !important;
  float:left;
}

#pods a{
  float:left;

}

iframe{
	padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: left;
}

#pods{
	width:100%;
  float:left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.pod{
	float: left;
  /*min-height: 304px;*/
  padding: 0px 0px 0px 0px;
  margin: 1px 1px 0px 0px;
  /*
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
	*/
}

.podText{
	float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.podTextTitle{
	text-transform:uppercase;
  font-size: 10px;
  color: #999;
  width:100%;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.podTextBody{
	font-size: 13px;
  color: #333;
  width:100%;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.pod-1{
	width: 158px;
  float: left;
  overflow:hidden;
}

.pod-2{
	width: 317px;
  float: left;
  overflow: hidden;
}

.pod-2 img{
	width: 318px;
  float: left;
}

.pod-3{
	width: 478px;
  float: left;
  overflow:hidden;
}

.pod-3 img{
	width: 478px;
}

.pod-4{
	width: 638px;
  float: left;
  overflow:hidden;
}

.pod-5{
	width: 478px;
  float: left;
  overflow:hidden;
}

.pod-6{
	width: 318px;
  float: left;
  overflow:hidden;
}

.pod-6 .podText{
	width: 300px;
  height: 99px;
  float: left;
  padding-bottom: 32px;
}

.podText{
	padding: 15px;
}

.pod-1 .podText{
	width: 128px;
  height: 69px;
  float: left;
  padding-bottom: 32px;
}

.pod-2 .podText{
	width: 287px;
  height: 76px;
  float: left;
}
.pod-2 .bottomPodText {
	width: 287px;
  float: left;
  padding:15px;
  min-height:48px;
  color:#000;
}

.pod-5 .podText{
	width: 450px;
  height: 76px;
  float: left;
}

.pod-1 .podTextTitle, .pod-1 .podTextBody {
	width: 130px;
  float: left;
}

.pod-2 .podTextTitle, .pod-2 .podTextBody {
	width: 290px;
  float: left;
}

.pod-5 .podTextTitle, .pod-5 .podTextBody {
	width: 450px;
  float: left;
}

.podTextBody p{
	padding: 7px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-decoration: none !important;
}

.podTextBodyTall p{
	padding: 0px 0px 0px 0px;
  margin: 0px 0px 5px 0px;
  width: 290px;
  text-decoration: none !important;
}

#homepageIntro p{
	font-size: 15px;
  line-height: 19px;
  color: #494647;
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
}
#homepageIntroContainer{
	width: 100%;
}

#homepageIntro{
	width: 630px;
  min-height: 95px;
  float: right;
}

#homepageIntro p strong{
	font-size: 15px;
  color: #000;
}

#contentContainer{
	float: left;
  width:100%;
}

#contentContainerContent{
	width: 621px;
  float: right;
  background: #FFF;
  padding: 38px 0px 50px 19px;

}

#contentContainerContentWide{
	width: 790px;
  float: right;
  background: #FFF;
  padding: 10px 0px 0px 10px;
}

#contentContainerContent p{
	width: 480px;
}

#contentContainerContentLeft{
	width: 430px;
  float: left;
  margin: 0px 20px 0px 0px;
}

#contentContainerContentLeft p{
	width: 420px;
}

#contentContainerContentRight{
	width: 150px;
  float: left;
}

#contentContainerContentLeft h1{
	width: 430px;
}

#contentContainerContentRight h1{
	width: 240px;
}

#downloads a{
	color: #333;
}

.subNav{
/*background: #FFF url('/images/common/subNavFooter.png') left bottom no-repeat;*/
  background: url("../images/common/corner.png") no-repeat scroll left bottom #FFFFFF;
  width:320px;
  float: left;
  position:absolute;
	padding: 30px 0px 30px 20px;
}

.pageHeaderImage{
	float: right;
  margin-bottom: 1px;
}

.pageHeaderImage img{
	padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float:left;
}

.subNavHeader{
	float: left;
  margin: 0px 0px 19px 0px;
}

.subNav ul{
	width: 300px;
  list-style: none;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.subNav li{
	width: 300px;
  float: left;
  padding: 0px 0px 3px 0px;
  margin: 0px 0px 0px 0px;
}

.subNav li a{
	font-size: 11px;
  color: #333;
  text-transform: uppercase;
}

.blogNav {
	background: url("../images/common/corner.png") no-repeat scroll left bottom #FFFFFF;
    float: left;
    padding: 30px 0 30px 20px;
    width: 300px;
}
.blogPostBlock {
	float:left;
	width:319px;
	margin:0 0 0 0;
	background: url("../images/common/corner.png") no-repeat scroll left bottom #FFFFFF;
}
.blogPostBlock img {
	width:319px;
}
#csLogo {
	border-top:1px solid #d3d4cc;
	padding:0 0 0 0;
	color:#9b9b9b;
}

#subNavItems {
	list-style:none;
	padding:0;
	margin:20px 0;
}
.subNavIndent {
	padding:0 0 3px;
	text-transform:uppercase;
}
.subNavIndent a {
	color:#000000;
	font-size:11px;
}
.subNavIndent a:hover {
	color:#7bca1e;
}
.subNavIndent a.green {
	color:#7bca1e;
}
.postData {
	padding:10px 15px 30px;
}
.clear {
	clear:both;
}
.postDate {
	margin:0;
	padding:0;
	text-transform:uppercase;
	font-size:11px;
}
.blogTitle {
	margin:0 0 10px 0;
	padding:0;
	clear:both;
	font-size:18px;
}
.blogTitle a {
	color:#333333;
}
.blogIntro {
	margin:0;
	padding:0;
}
.categoryTitle {
	color:#7bca1e;
	font-size:18px;
}

#singlePost {
	float:right;
	width:640px;
	background: url("../images/common/corner.png") no-repeat scroll left bottom #FFFFFF;
}
#singlePostInner {
	padding:10px 15px 20px;
}
#singlePost img {
	width:640px;
}
.blogReadMore a {
	text-transform:uppercase;
	color:#333333;
	font-size:11px;
	font-weight:bold;
}
.singlePostDate {
	margin:0 0 10px 0;
	padding:0;
	text-transform:uppercase;
	font-size:11px;
}
.singlePostTitle {
	margin:0 0 0 0;
	padding:0;
	clear:both;
	font-size:18px;
}
#shareButtons {
	margin:10px 0;
	padding:10px 0 0 0;
}


/* TENNANTS */


.tennantList{
	float: left;
	width: 800px; 
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.tennantList li{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 100%;
}

.tennant{
}

.tennantImage{
	width: 160px;
	float: left;
}

.tennantOverview{
	width: 295px;
	float: left;
	margin: 0px 20px 0px 20px;
}

.tennantOverview p{
}

.ListTitle{
	font-weight: bold;
  width: 100%;
  float: left;
  padding: 0px;
  margin:0px;
}

.expertise{
	font-weight: normal;
  width: 100%;
  float: left;
  padding: 5px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.tennantContact{
	width: 297px;
	float: left;
}

.tennantContact a{
	
	float: left;
  color: #5A4A42;
  text-decoration: none;
  float: left;
}

.tennantContact a:hover{
  text-decoration: underline;
}

#footer{
	width: 953px;
	
	height: 125px;
	background: #FFF;
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 50px 0px;
   margin: 0 auto;
}

#footer ul{
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	float: left;
	width: 160px;
}

.footerLeft{
	float: left;
}

.footerRight{
	float: right;
}

.footerSect li{
	text-transform: uppercase;
	font-size: 10px;
	min-height: 19px;
}

.real{
	padding: 3px 0px 0px 0px;
	float: left;
}

.footerSect li a{
	text-transform: uppercase;
	color: #333;
	font-size: 10px;
	float: left;
}

.footerSect li a.everyone{
	color: #CCC;
	padding: 3px 0px 0px 0px;
	float: left;
}

li.copyright{
	color: #333;
	padding: 3px 0px 0px 0px;
	float: left;
}

.curtains{
	background: #353b3b;
	position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  z-index: 9999;
  display:none;
  
}

#gallery{
	width: 961px;
  margin: 0 auto;
  z-index: 10000;
  background: #FFF;
  height: 1050px;
  display:none;
 
}

#galleryThumbnails{
	width: 643px;
  float: left;
  height: 114px;
  overflow: hidden;
  margin: 10px 15px 15px 15px;
  border: 1px solid #CCC;
	
}

#galleryThumbnailTrack{
	width: 9999999px;
  float: left;
  height: 114px;
}

.galleryImage{
	width: 158px;
  height: 114px;
  border-right: 1px solid #CCC;
  float: left;
  text-align: left;
  padding: 1px;
}

.galleryImage img{
	height: 112px;
}

.galleryImageLast{
	width: 161px;
  height: 114px;
  border: 1px solid #CCC;
  float: left;
  text-align: left;
}

#galleryControls{
	width: 77px;
  height: 25px;
  float: left;
  padding: 98px 25px 0px 0px;
}

#galleryLeft{
	width: 27px;
  height: 27px;
  float: left;
  background: transparent url('../images/gallery/leftOff.png') 0 0 no-repeat;
  margin: 0px 1px 0px 0px;
}

#galleryRight{
	width: 27px;
  height: 27px;
  float: left;
  background: transparent url('../images/gallery/rightOff.png') 0 0 no-repeat;
}

#galleryLeft:hover{
  background: transparent url('../images/gallery/leftOn.png') 0 0 no-repeat;
  cursor: pointer;
}

#galleryRight:hover{
  background: transparent url('../images/gallery/rightOn.png') 0 0 no-repeat;
  cursor: pointer;
}

#galleryLogo{
	width: 184px;
  height: 129px;
  float: left;
  margin: 0px 0px 0px 0px;
  background: transparent url('../images/gallery/galleryLogo.png') 0 10px no-repeat;
}

#galleryClose{
	float: right;
  background: transparent url('../images/gallery/close_sprite.png') 0 0 no-repeat;
	width: 27px;
  height: 28px;
  overflow:hidden;
  cursor: pointer;  
}

#galleryClose:hover{
  background-position: 0px -28px;
}

#galleriesContainer{
	width: 100%;
  float: left;
  margin: 0px 0px 20px 0px;
}

.galleries{
	width: 159px;
  margin: 1px 1px 0px 0px;
  float: left;
  cursor: pointer;
  height: 255px;
  background: #FFFFFF url("../images/common/corner.png") no-repeat scroll left bottom;
}

.galleries p{
	width: 148px;
  text-transform: uppercase;
  font-size: 10px;
  color: #333;
   margin: 10px 0px 0px 10px;
}

.galleries a{
	width: 148px;
  font-size: 13px;
  color: #333;
  margin: 10px 0px 0px 10px;
}

.pod img{
	float: left;
}

.ajax-loader{
	width: 100%;
  margin-top: 250px;
  text-align:center;
}
    
#mainGallery{
	width: 100%;
  text-align: center;
  float: left;
}

#galleryWindow{
	width: 100%;
  text-align: center;
  float: left;
  overflow: hidden;
}

#galleryWindowTrack{
	width: 99999999999px;
  float: left;
}

#mainPromotion{
	width: 960px;
  float: left;
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  height:391px;
}


#mainPromotionLeft{
	width: 640px;
  float: left;
  overflow: hidden;
}

.podRow{
	float: left;
  width:100%;
}

.podRow a{
	text-decoration:none;
  }
  
#slideTrack{
	width: 1000000px;
	float: left;
}

.slide{
	width: 640px;
  float: left;
}

#homepageStatement{
	width: 275px;
  height: 371px;
  padding: 20px 20px 0px 20px;
	float: left;
  background: #FFF;
  background: url("../images/common/corner.png") no-repeat scroll left bottom #FFFFFF;
}

#footerWrapper{
	width: 100%;
  background: #FFF;
  min-height: 175px;
  float: left;
  margin: 28px 0px 0px 0px;
}

.tweet{
	color: #333;
  font-size: 13px;
	line-height: 16px;
}

.tweet a{
	color: #333;
  line-height: 16px;
}

.follow{
	float: left;
  color: #999;
  line-height: 16px;
}

.follow a{
	float: left;
  color: #999;
  line-height: 16px;
}

.tweetTime{
	font-size: 13px;
  color: #999;
  padding: 0px 0px 0px 0px !important;
  line-height: 16px;
}

#slideControls{
	width: 640px;
  height: 210px;
  position: absolute;
  padding: 180px 0px 0px 0px;
}

#slideLeft{
	float:left;
}

#slideRight{
	float:right;
}

.newsLink{
	color: #333;
  text-decoration: none;
  margin: 0px 0px 5px 0px;
  width: 250px;
}

.newsLink:hover{
	color: #000;
  text-decoration: underline;
}

.newsSummary{
	float:left;
}

.podTextBodyTall{
	float:left;
}

#social {
	float: left;
	width: 145px;
	padding: 0;
	margin: 0;
}
#subscribe {
	float: left;
	width: 100px;
}

#subscribe #miniSignUp ul{
	padding: 0;
	margin: 0 0 0 0;
    list-style: none outside none;
}
#subscribe #miniSignUp  li {
	float: left;
	margin: 1px 0 0 11px;
	padding: 0;
	font-size: 12px;
}
#subscribe #miniSignUp  input{
	background-color: #EEEFF8;
	border: 0 none;
	padding: 0;
	font-size:14px;
	height: 24px;
	width: 300px;
	margin-top: 5px;
}
#subscribe ul#miniSignUp li#signupButton {
	background: url(../images/footer/SUBMIT_SPRITE.gif) no-repeat;
	height: 10px;
	width:50px;
	margin-top: 8px;
}
#subscribe ul#miniSignUp li#signupButton:hover {
    background-position: 0 -13px;
}

#resources{
	background: #FFF;
  width: 600px;
  padding: 20px 20px 20px 20px;
	float: right;
  margin: 0px 0px 0px 0px;
}

.resource{
	width: 600px;
  float: left;
  border-top: 1px solid #f2f2f2;
  padding: 5px 0px 5px 0px;
}

#resourceIntro{
	float: left;
  width: 600px;
}

.resource a{
	color: #333;
}

#resourceIntro p a{
	color: #333;
  text-decoration: underline;
}

#newsContainer{
	width: 620px;
  float: right;
  background: #FFF;
  min-height: 200px;
}

.newsArticle{
	width: 620px;
  float: right;
  margin-bottom:1px;
}

.newsArticleLeft{
	width: 296px;
  float: left;
  margin: 0px 15px 0px 0px;
}

.newsArticleRight{
	width: 305px;
  float: left;
}

.newsDate{
	width: 320px;
  float: left;
  font-size: 10px;
  text-transform: uppercase;
  color: #333;
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 0px 0px;
}

.newsDateWide{
	width: 100%;
  float: left;
  font-size: 10px;
  text-transform: uppercase;
  color: #333;
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 0px 0px;
}

.articleTitle{
	width: 300px;
  float: left;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  padding: 0px 0px 3px 0px;
  margin: 0px 0px 0px 0px;
}

.articleTitleWide{
	width: 100%;
  float: left;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  padding: 0px 0px 3px 0px;
  margin: 0px 0px 0px 0px;
}

.articleTitle a { color: #333; }

.articleBody{
	width: 300px;
  float: left;
	font-size: 13px;
	color: #333;
  padding: 0px 0px 15px 0px;
  margin: 0px 0px 0px 0px;
}

.articleBodyWide{
	width: 100%;
  float: left;
	font-size: 13px;
	color: #333;
  padding: 0px 0px 15px 0px;
  margin: 0px 0px 0px 0px;
}

.moreNews{
	font-size: 10px;
  text-transform: uppercase;
  color: #333;
  text-decoration:none;
}

.moreNewsWide{
	font-size: 10px;
  text-transform: uppercase;
  color: #333;
  text-decoration:none;
}

.articleSummary{
	padding: 5px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
}

.moreNews:hover{
	text-decoration:underline;
}

.altNewsArticleBody{
	padding: 20px;
}

.altNewsArticleBody p a { color: #b80600; }

#productionOverviewImage{
	float: right;
}

#productionOverview{
	width: 623px;
  min-height: 100px;
	float: right;
  background: #FFF;
  padding: 20px;
}

#productionOverview h1{
	text-transform: none !important;
  font-size: 21px;
}

.productionCreds{
	list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
  float: left;
}

.productionCreds li{
	list-style: none;
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: left;
}

.productionCreds li span.productionCredLabel{
	width: 100px;
  float: left;
  font-weight: bold;
  font-size: 14px;
}
.productionCreds li span.productionCred{
	width: 300px;
  float: left;
  font-weight: bold;
  font-size: 14px;
}

.productionCategorySmall{
	text-transform: uppercase;
  font-size: 12px;
  margin: 0px 0px 10px 0px;
  width: 100%;
  float: left;
}

.clearBoth { clear: both; }
.floatLeft { float: left; margin-bottom: 40px; }