/*-------------------------------------------------------------
	SYDNEY THEATRE COMPANY WEBSITE 2008
	STYLE SHEET CREATED 11/08/08
	DEEPEND SYDNEY FOR SYDNEY THEATRE COMPANY
---------------------------------------------------------------

	01. GLOBAL STYLES
	02. LAYOUT
	03. NAVIGATION
	04. TYPOGRAPHY
	05. SEARCH BAR HEADER
	06. CONTACT US FORM
	07. SORT FILTER
	08. PERFORMANCE LIST
	09. PERFORMANCE PAGE CONTENT SWITCHER
	10. FOOTER
	11. IMAGE CAROUSEL

/*-------------------------------------------------------------
	01. GLOBAL STYLES
-------------------------------------------------------------*/

*       { margin: 0; padding: 0; }
a 		{	text-decoration: underline; outline: none; }
a:hover {	text-decoration: underline; }
a img 	{	border: none; }
ul li 	{	list-style-type: none; }
a:active, a:focus { outline: 0 }
body    { font-family: Georgia, "Times New Roman", Times, serif;
          font-size:11px;
          color: #333;
        }
        
.cleardiv {clear: both; height: 1px; }

h2, h3, h4, h5 { 
	font-weight: normal; 
	font-family: Georgia, "Times New Roman", Times, serif;
}

/*-------------------------------------------------------------
	02. LAYOUT
-------------------------------------------------------------*/

#sitewrapper {width: 1024px; margin: 0 auto;}
.pagewrapper {width: 920px;	position: relative;}
.center {	margin: 0 auto !important;}

.box-module {
  margin: 0 0 12px 0;
  position: relative;
}

/** HEADER 
 * --------- */
.header-wrapper {	height: 211px !important; }
.header-wrapper.tall { height: 263px !important; }
.header-wrapper.production { height: 210px !important; }

/** CONTENT
----------- **/
.content {
	line-height: 16px;
	width: 690px;
	float: left;
	position: relative;
	padding-top: 94px;
}

.generic .content { padding-top: 53px !important; }
.production .content { padding-top: 138px !important; }
.group .content { padding-top: 148px !important; }
.homepage .content {padding-top: 94px !important; }
.content.middle { width: 455px !important; }

/* Background image added so IE can handle invisible divs with A tags inside them correctly (old div h90, w120) */
.homepage .content #flashheaderlink {	height:90px; left:575px; position:absolute; top:35px; width:160px; z-index:100; background-image: url(../../images/stc/blank.gif);}
.homepage .content #flashheaderlink a { display:block; height:90px; text-indent:-8000px; width:120px; }
.production .content #flashheaderlink {	height:90px; left:575px; position:absolute; top:90px; width:160px; z-index:100; background-image: url(../../images/stc/blank.gif);}
.production .content #flashheaderlink a { display:block; height:90px; text-indent:-8000px; width:120px; }
.group .content #flashheaderlink {	height:90px; left:575px; position:absolute; top:60px; width:160px; z-index:100; background-image: url(../../images/stc/blank.gif);}
.group .content #flashheaderlink a { display:block; height:90px; text-indent:-8000px; width:120px; }
.generic .content #flashheaderlink {	display:block; height:90px; left:575px; position:absolute; top:0; width:160px; z-index:100; background-image: url(../../images/stc/blank.gif);}
.generic .content #flashheaderlink a { display:block; height:90px; text-indent:-8000px; height:120px; width:160px;  }

/** GENERIC BUTTONS
----------------- **/

#GalleryThumb { background: none; }

.btn-more {
  background: url(../../images/stc/icon-arrow-search.gif) no-repeat right 3px;
  color: #000;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  margin: 0;
  padding: 0 10px 0 0;
  position: relative;
  text-transform: uppercase;
}

.clickable {
	cursor: pointer;
}

/** LEFT GUTTER
 * --------**/
.left-gutter {
	position: relative;
	width: 215px;
	padding: 0;
	float: left;
	margin: 0 15px 0 0;
}

/** RIGHT GUTTER
 * ------------- */
.right-gutter {
	position: relative;
	width: 215px;
	padding: 0;
	float: left;
	margin: 0 0 0 15px;
}
.production .right-gutter {
	padding-top: 220px !important;
}

/* -- END MAIN WRAPPERS SECTION
----------------------------------**/

.content .box-module .btn-more {
  background: url(../../images/stc/icon-arrow-search.gif) no-repeat 90px 6px;
  color: #000;
  padding: 0 30px 0 20px;
  position: absolute;
  right: 5px;
  text-transform: uppercase;
}

/* ++ LEFT COLUMN SPECIFIC THINGS (BOTTOM BORDERS)
---------------------------------------------------**/
.left-gutter .mod-news-item {
  border-bottom: 1px dashed #999;
  padding: 0 0 16px 0;
  position: relative;
}

.mod-news-item h3 {
  background: #000;
  color: #fff;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  font-weight: bold;
  padding: 1px 0 1px 7px;
}

.mod-news-item p {
  padding: 0 6px 6px 6px;
  color: #333;
}

/** MAIN COLUMN SPECIFIC THINGS (BOTTOM BORDER)
--------------------------------------------**/
.content .mod-news-item {
  padding: 0 0 16px 0;
  position: relative;
  background: #FFF;
}

.mod-article-small {
  border-bottom: 1px dashed #999;
  padding: 0 0 25px 0;
}

.mod-article-small p {
  margin: 5px 0 0 5px;
}

.mod-small-article-body .btn-more {
  margin: 5px 0 0 0;
}

.mod-html-block {
  font-family: Georgia, Times, "Times New Roman", serif;
  padding: 6px 0 0 0;
  background: #FFF;
}

.mod-html-block h2, .mod-html-block h3, .mod-html-block h4, .mod-html-block ul, .mod-html-block p {
  margin: 0 0 6px 0;
}

.mod-html-block p {
  margin: 0 5px;
}

.mod-html-block a {
  color: #595959;
}
.mod-html-block ul {
	list-style: outside;
	list-style-type: disc !important;
	padding-left: 7px;
	margin: 10px 0 20px 30px;
	
}
.mod-html-block ul li {
	list-style: outside;
	list-style-type: disc;
}

/*-------------------------------------------------------------
	03. NAVIGATION
-------------------------------------------------------------*/
.navigation-wrapper {
	height: 50px;
	background: #000;
  width: 100%;
  padding: 0; 
  font-size: 1px;
}

.navigation-primary {
	background: #000;
	height: 50px;
	margin: 0 auto;
	padding: 0 0 0 64px;
	width: 915px;
}

/*	PRIMARY NAVIGATION
-------------------------------------------------------------*/

/* First Level Navigation */
.site-nav, .site-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
/*	z-index: 100000;	*/
	z-index: 100;
}

.site-nav {
	font-family: "Courier New", Courier, monospace;
	position: relative;
	/*width: 990px;*/
	margin: 0 auto;
}

.site-nav li {
	margin: 0;
	padding: 0;
	float: left;
}

.site-nav li a, .site-nav li a:link, .site-nav li a:active, .site-nav li a:visited {
  color: #959595;
  display: inline;
  padding: 0;
  text-decoration: none;
}

.site-nav li a:hover {
}

#site-nav-one {
	margin: 0 auto;
}

#site-nav-one li:hover a, #site-nav-one li.sfHover a {
}

/* Second Level */

#site-nav-one li:hover ul a, #site-nav-one li.sfHover ul a {
  border-top: 1px dashed #3c3c3c;
  background: #000;
  color: #b9b9b9;
	padding: 4px 0 5px 0;
	display: block;
}

#site-nav-one li:hover ul a:hover, #site-nav-one li.sfHover ul a:hover {
  color: #fff;
}

.site-nav ul {
  background: #000;
  list-style: none;
  margin: 0;
  width: 176px;
  position: absolute;
  top: -999em;
  left: -1px;
}

.site-nav li:hover ul, .site-nav li.sfHover ul {
  top: 45px;
	width: 144px;
	padding: 0 19px 8px 19px;
}

.site-nav ul li {
  border: 0;
  padding: 0;
}

.site-nav ul li a {
  color: #b9b9b9;
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  width: 144px;
  white-space: nowrap;
}

/*	SECONDARY (LEFT HAND SUPPORTING) NAVIGATION
-------------------------------------------------------------*/

/* First Level Navigation */

ul.sub_nav-accordion {
  font-family: "Courier New", Courier, monospace;
  margin: 0 0 12px 0;
  padding: 0;
  width: 215px;
}

ul.sub_nav-accordion li {
  margin: 0 ;
  padding: 0;
  width: 215px;
}

ul.sub_nav-accordion h4.head a, ul.sub_nav-accordion h4.current a, ul.sub_nav-accordion h4.head a:visited { 
  background: #000;   
  color: #b9b9b9;
  display:block;
  font-family: "Courier New", Courier, monospace;
  font-weight: normal;
	font-size: 12px;
	margin: 2px 0 0 0;
	padding: 6px 5px;
	text-transform: uppercase;
	text-decoration: none;
}

ul.sub_nav-accordion h4.current a { 
  color: #fff;
}

ul.sub_nav-accordion h4.head a:hover, ul.sub_nav-accordion h4.current a:hover { 
	color: #fff;
	text-decoration: none;
}

/* Second Level */

ul.sub_nav-accordion ul {
    background: #fff;
    padding: 0;
    margin:0;
}

ul.sub_nav-accordion ul li {
    padding: 0;
    width: 100%;
    margin: 0;
}

ul.sub_nav-accordion ul li a {
    border-top: 1px dashed #999;
    font-size: 12px;
    color: #585858;
    display: block;
    padding: 4px 16px 5px 16px;
    text-transform: uppercase;
}

ul.sub_nav-accordion ul li a:hover, ul.sub_nav-accordion ul li.current a {
    color: #000;
    text-decoration: none;
}

ul.sub_nav-accordion-secondary {
	background: #FFF;
}
ul.sub_nav-accordion-secondary li {
	background: #FFF;
}
ul.sub_nav-accordion-secondary a {
	text-decoration: none;
}
/*-------------------------------------------------------------
	04. TYPOGRAPHY
-------------------------------------------------------------*/ 
.box-module h3 {
  color: #fff;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  padding: 6px 0 8px 7px;
  display: block;
}

.box-module img {
  margin: 0 11px 0 0;
}

.box-module p { font-family: Georgia, "Times New Roman", Times, serif;}
.box-module a { color: #595959;}


.image-viewer p {
  color: #000;
  padding: 8px 0 0 0;
}

.mod-black-text p {
  color: #000;
  font-size: 11px;
}

.mod-black-text p strong {
  display: block;
  margin: 0;
}

.full-text-paragraph {
	padding: 10px 0;
  font-size: 11px;
}

.full-text-paragraph h3 {
  color: #fff;
}

/* Sifr text */
/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

/*---- Header styling ---*/

.sifr-heading-wrapper {
  background: url(../../images/stc/page-header-bg.png) no-repeat left top;  
  color: #fff;
  font-weight: normal;
/*  height: 43px;*/
  height: 35px;
  width: 350px;
  padding: 5px 6px 0 6px;  
  text-transform: uppercase;
}

.repeater {
  background: #000;
  height: 8px;
  z-index: 30;
  width: 100%;
}

.sort-filter .repeater {
  top: 40px;
}

.sifr-heading-wrapper h2 {
  padding: 0;
}

.sIFR-active .pullquote {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 20px;
	margin: 0 0 12px 0;
}

.sIFR-active .pullquote-credit {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 11px;
}

.sIFR-active h3.small-news-heading {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 13px;
}

.mod-news-item .small-news-heading {
  color: #fff;
  font-family: Georgia, Times New Roman, Serif;
  font-size: 13px;
  text-transform: uppercase;
  height: 30px !important;
  padding: 0 0 0 40px;
  background: #000 url('../../images/stc/icon-heading-news.gif') no-repeat top left !important;
}

.content .mod-news-item .small-news-heading {
  height: 24px !important;
  padding: 6px 0 0 40px;
  background: #000 url('../../images/stc/icon-heading-news.gif') no-repeat top left !important;
  margin-bottom: 8px;
}

.mod-news-item .article-button {
	width: 174px;
	float: right;
	padding: 1px 0;
	border-top: 1px dashed #9D9D9D;
	border-bottom: 1px dashed #9D9D9D;
	text-transform: uppercase;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	text-align: center;
	color: #000 !important;
}

.mod-news-item .article-button a, .mod-news-item .article-button a:link {
	cursor: pointer;
	display: block;
	padding: 1px 0 2px 0;
	text-decoration: none;
}

.mod-news-item .article-button a:hover {
	background: #000;
	color: #FFF;
	text-decoration: none;
}

.mod-news-item .full-article {
	display: none;
}

.sIFR-active h3.dynamic-mod-heading {
  background: #000;
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 16px;
  padding: 6px 0 0 5px;
}

.dynamic-mod-heading {
  background: #000;
  color: #fff;
  font-family: Georgia, Times New Roman, Serif;
  font-size: 16px;
  padding: 6px 0 6px 5px;
  text-transform: none;
  display: block;
}

.header-box-wrapper {
 position: relative;
}

.sIFR-active .large-page-heading {
  background: #000;
  font-size: 16px;
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
}

.large-page-heading {
  background: #000;
  font-size: 16px;
  font-family: Georgia, Times New Roman, Serif;
}


.sifr-heading-wrapper h2 {
  width: 242px;
}

/*-------------------------------------------------------------
	05. SEARCH BAR HEADER
-------------------------------------------------------------*/

.header {
	padding: 0;
	margin: 0 auto;
	position: relative;
	width: 100%;
}

.header #flashheader {
	position: relative;
	z-index: 0;
	left: -3px;
	top: -26px;
}

.header .quick-links {
	position: relative;
	left: 0;
	border-top: 3px solid white;
	background: transparent;
	height: 23px;
	/*width: 100%;*/
	width: 999px;
	z-index: 20;
	margin: 0 auto;
}

.header .quick-links .links {
	position: relative;
	float: right;
	padding: 0 25px 0 10px;
	height: 21px;
	vertical-align: middle;
	background: #fff /* url('../../images/stc/search-curve.png') no-repeat */;
	font-family: "Courier New", Courier, monospace;
	text-transform: uppercase;
	font-size: 12px;
}

.search-curve-holder {
  background: url('../../images/stc/search-curve-short.png') no-repeat; 
  width: 57px;
  height: 20px;
  float: right;
  top:0;
}

.header .quick-links .links a, .header .quick-links .search a:link {
	color: #000;
}

.header .quick-links .links ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.header .quick-links .links ul li {
	display: inline;
	margin: 0;
	padding: 0 5px 0 9px;
	border-left: 1px solid #000;
}

.header .quick-links .links .search-button { 
	border: none;
	padding: 0 20px 0 0;
}

.header .quick-links .links .li-first {
  border: none;
}

.header .quick-links .links .search {
	position: absolute;
	display: block;
	top: 0px;
	left: 65px;
	height: 17px;
	vertical-align: middle;
}

.header .quick-links .links .search .search-trigger {
	position: relative;
	top: 4px;
	cursor: pointer;
}

.header .quick-links .links .search input {
	border: none;
	border-bottom: 1px dashed #555;
	background: #EEE;
	color: #333;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	float: left;
}

.header .quick-links .links .search .search-holder {
	font-family: "Courier New", Courier, monospace;
	background: #FFF;
	float: left;
}

.header .quick-links .links .search .search-holder a {
	float: left;
	padding: 0 5px;
}

/*-------------------------------------------------------------
	06. CONTACT US FORM
-------------------------------------------------------------*/

.contact-form label {
	display: block;
	margin: 0 12px 2px 0;
	float: left;
	clear:both;
	font-weight: bold;
}

.contact-form input, .contact-form textarea {
	border: 1px solid #7F9DB9;
	display: block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #656565;
	margin: 0 0 10px 0;
	float:left;
}

.contact-form textarea {
  height: 200px;
  font-size: 12px;
  padding: 4px 3px;
  width: 100%;
}

.contact-form p {
	clear: both;
}

.contact-form .captcha img {
	float:left;
	margin: 0 15px 0 0;
}

.contact-form .error input {
	border: 1px solid #C1002B;
}

.contact-form .error span {
	color: #C1002B;
}

#table-contact {
  margin: 0;
}

#table-contact td {
 padding: 3px 10px;
 vertical-align: top;
}

#table-contact td label {
 padding: 3px 0 0 0;
}

.submit.button {
  height: 25px;
  width: 85px;
  border: none;
  padding: 0 0 3px 0;
  margin: 24px 0 0 0;
}

/*-------------------------------------------------------------
	07. SORT FILTER
-------------------------------------------------------------*/



.sort-filter {
  float: right;
  margin: 0 0 24px 0;
  position: relative;
  width: 100%;
}

.sort-title {
  color: #666;
  float: right;
  text-transform: uppercase;
  margin: 5px 18px 0 0;
  padding: 0;
  width: 100px;
}

.sort-filter .filters {
  background: #FFF;
  border-top: 4px solid #595959;
  border-bottom: 4px solid #595959;
  height: 25px;
  text-align: right;
}

.sort-filter .filter {
  position: relative;
  float: right;
  z-index: 3000;
}

.filter label {
  background: url(../../images/stc/icon-sort-filter.gif) no-repeat right 10px;
	color: #000;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	height: 18px;
	text-transform: uppercase;
	text-align: left;
	float: left;
	cursor: pointer;
	/*width: 120px;*/
	width: 149px;
	padding: 4px 15px 4px 20px;
	border-left: 1px solid #4A4A4A;
	border-right: 1px solid #4A4A4A;
	left: -1px;
}

.filter select {
  border: none;
  top: 8px;
  width: 80px;
  display: none;
}

.sort-filter .results {
	min-height: 400px;
}

.sort-filter .filter .filter-value {
	float: left;
	height: 22px;
	width: 120px;
	text-align: left;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	cursor: pointer;
	display: none;
}

.sort-filter .filter ul.filter-values {
	list-style: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	float: left;
	color: #979696;
	position: absolute;
	left: 0;
	z-index: 50000;
	background: #fff;
	text-align: left;
	border: 1px solid #4A4A4A;
	border-top: none;
	padding: 0 15px;
	display: none;
}

.sort-filter .filter .filter-values li {
	padding: 5px;
	border-top: 1px dashed #AAA;
	/*width: 110px;*/
	width: 144px;
	cursor: pointer;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	text-transform: uppercase;
	z-index: 50000;
}

.sort-filter .filter .filter-values li.hover {
	color: #000;
}

/*-------------------------------------------------------------
	08. PERFORMANCE LIST
-------------------------------------------------------------*/

.production-list-item {
  position: relative;
}

#twocolumnhomepage .content {width: 689px;}

.list-heading {
 	background: #000 url(../../images/stc/menu-toggler-down.gif) no-repeat right 13px;
 	color: #fff;
 	cursor: pointer;
	font-size: 16px;
	font-weight: normal;
	margin: 2px 0 0 0;
	padding: 6px 6px 7px 6px;
	position: relative;
	z-index: 3;
}

.div-open { background: #000 url(../../images/stc/menu-toggler-up.gif) no-repeat right 13px; }
.div-open-hover { background: #000 url(../../images/stc/menu-toggler-up-hover.gif) no-repeat right 13px; }
.div-closed { background: #000 url(../../images/stc/menu-toggler-down.gif) no-repeat right 13px; }

.list-heading:hover {
  background: #fff url(../../images/stc/menu-toggler-down-hover.gif) no-repeat right 13px;
 	color: #000;
 	cursor: pointer;
}

.list-info-container {
  padding: 8px 0 8px 0;
  margin: 0;
/*  position: relative;	*/
  height: 100px;
}

.list-info {
  background: #fff;
  border-top: 4px solid #a14762;
  padding: 0;
  overflow:hidden;
}
.list-info .image-link {
	width: 150px;
}

.list-info p { margin: 0 0 0 5px; }

.list-info .list-info-container .image-box	{
	float: left;
	width: 160px;
	height: 100px;
}

.list-info .list-info-container .list-box	{
	float: left;
	width: 525px;
}

.list-info .list-info-container .list-box .list-description	{
	height: 50px;
	overflow-y: hidden;
}

.list-actions { 
/*	position: absolute; */
	bottom: 6px;
	width: 525px;
	left: 158px;
}

.list-actions p {
  margin: 8px 0 0 5px;
  font-weight: bold;
}

.list-actions a {
  background: url(../../images/stc/btn-info-link.gif) no-repeat left top;
  display: block;
  float: right;
  height: 25px;
  width: 173px;
}

.list-actions a.more-info {
	position: relative;
	top: 10px;
}

.list-actions a:hover {
  background: url(../../images/stc/btn-info-link.gif) no-repeat left -25px;
}

.list-promo {
  display: block;
  font-style: italic;
  font-weight: normal;
}

.list-image {
  float: left;
  margin: 0 12px 0 0;
}

.icon-toggler {
  position: absolute;
  right: 14px;
  top: 15px;
}

/*-------------------------------------------------------------
  09. PERFORMANCE PAGE CONTENT SWITCHER
-------------------------------------------------------------*/
.page-menu-wrapper {
  height: 42px;
  border-bottom: 7px solid #000;
}

#page-menu {
	padding: 0 !important;
	margin: 0 !important;
}

#page-menu li {
  height: 42px;
  position: absolute;
  list-style-type: none !important;
  cursor: pointer;
}

#page-menu li.primaryonly	{
  background: url(../../images/stc/page-tab-desc-only.png) no-repeat left top; 
  padding: 0;
  width: 209px;
}

#page-menu li.primary .active { 
  background: url(../../images/stc/page-tab-desc.png) no-repeat left top; 
  padding: 0;
  width: 139px;
}

#page-menu li.primary .inactive { 
  background: url(../../images/stc/page-tab-desc.png) no-repeat left -42px; 
}

#page-menu li.secondary {
  background: url(../../images/stc/page-tab-review-inactive.png) no-repeat left top;
  left: 137px;
  padding: 0;
  width: 228px;
}

#page-menu li.secondary .active {
  background: url(../../images/stc/page-tab-review-active.png) no-repeat left top;
}

.page-menu-item-1 {
  display: block;
  height: 42px;
  width: 139px;
}

.page-menu-item-2 {
  display: block;
  height: 42px;
  width: 248px;
}

#page-menu li a {
  color: #fff;
  /*font-size: 1.3em;*/
  text-decoration: none;
}

.production-description .production-icons	{
	text-align: right;
	padding-bottom: 10px;
	background: #FFF;
}

.production-description .production-icons .sharethis	{
    float: right;
	width: 150px;
	height: 25px;
	padding-right: 5px;
	padding-top: 5px;
	
}
.production-description .production-icons .sharethis span a	{
  text-decoration: none;
  color: #000;
}
.production-description .production-icons .sendtofriend	{
	float: right;
	width: 150px;
	padding-right: 5px;
}

.production-description .production-icons .comment	{
	float: right;
	width: 200px;
}

.production-divider	{
	height: 4px;
	line-height: 4px;
	margin-bottom: 10px;
}

.pagecontent-primary {
  background: #fff;
/*  position: relative;	*/

}

.pagecontent-secondary {
  background: #fff;
/*  position: relative;	*/
}
.pagecontent-secondary .form {
	margin: 0 auto 20px;
	padding: 0 0 0px;
	width: 281px;
}
.pagecontent-secondary label {
	display: block;
	clear: both;
	font-weight: bold;
	margin: 10px 0 0 0;
}
.pagecontent-secondary input {
	display: block;
	clear: both;
}
.pagecontent-secondary .form-field {
	border: 1px solid #a5acb2;
	display: block;
	font-size: 12px;
	padding: 1px;
	width: 281px; /*207px;*/
}
.pagecontent-secondary .popup-btn-send {
	color: #333;
	background: #CCC;
	border-top: 1px dashed #3c3c3c;
	border-bottom: 1px dashed #3c3c3c;
	float: none !important;
	display: block;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	padding: 6px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 140px;
	margin: 10px auto;
}
.pagecontent-secondary a.popup-btn-send:hover {
	color: #FFF;
	border-color: #FFF;
	background-color: #000 !important;
}

.paragraph-inactive {
  display: none;
}

.article-quote {
	padding: 11px 13px 20px 5px;
	
}

/*-------------------------------------------------------------
	10. FOOTER
-------------------------------------------------------------*/

#footer {
  background: #e1e1e1;
  height: 49px;
  margin: 100px 0 0 0;
  position: relative;
  width: 100%;
}

/** footer nav */

.footer-nav {
  background: #fff;
	margin: 0 auto;
	padding: 8px 0 9px 21px;
	width: 475px;
}

.footer-nav li {
	display: inline;
	margin: 0 20px 0 0;
}

#footer a {
  color: #7f7f7f;
  font-family: "Courier New", monospace, Courier;
  font-size: 11px;
	text-transform: uppercase;
}

#footer a:hover {
  color: #000;
}

#footer li.highlight {
	background-color: #EEEE00;
}

.footer-credits {
	position: absolute;
	top: 0px;
	right: 0px;
	background: #FFF;
	font-family: "Courier New", monospace, Courier;
	font-size: 11px;
	text-transform: uppercase;
	padding: 8px 0 9px;
}
.footer-credits li {

}
.footer-credits li a {
	padding: 10px;
}

.center-align {
	width: 920px;
	margin: 0 auto;
	position: relative;
}

/*-------------------------------------------------------------
	11. IMAGE CAROUSEL
-------------------------------------------------------------*/

.carousel-img {
  margin: 0 0 25px 0;
}

.jcarousel-skin-stc .jcarousel-item .btn-more-carousel {
  background: url(../../images/stc/icon-arrow-more.gif) no-repeat right 6px;
  color: #000;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  float: right;
  padding: 2px 20px 2px 0;
  text-align: right;
  text-transform: uppercase;
  width: 195px;
}

.jcarousel-skin-stc .jcarousel-item a:hover {
  background: #000 url(../../images/stc/icon-arrow-more-over.gif) no-repeat right 6px;
  color: #fff;
}

/*-------------------------------------------------------------
  13. SOCIAL NETWORK TILE
-------------------------------------------------------------*/
.mod-social-tile a
{
    display:block;
    width:215px;
    height:53px;  
    margin-top:8px;
    margin-bottom:8px;  
}

.mod-social-tile a.facebook-link
{
    background:transparent url(../../images/stc/facebook-tile.png) no-repeat 0 0;
}

.mod-social-tile a.twitter-link
{
    background:transparent url(../../images/stc/twitter-tile.png) no-repeat 0 0;
}

.mod-social-tile a.youtube-link
{
    background:transparent url(../../images/stc/youtube-tile.png) no-repeat 0 0;
}

.mod-social-tile a.facebook-link:hover, .mod-social-tile a.twitter-link:hover, .mod-social-tile a.youtube-link:hover
{
    background-position:0 -53px;
}

/*-------------------------------------------------------------
  14. TWITTER FEED
-------------------------------------------------------------*/
.tweet-list-item
    {
        position: relative;
        height: auto;
    }
    .tweet-list-info
    {
        border-top: 4px solid #48C4ED;
        padding: 8px 0 6px 0;
        overflow: hidden;
        font-size: 8px;
        line-height: 1.5em;
        margin: 0 0 0px;
    }
    .tweet-list-info p
    {
        margin: 0 0 0 5px;
    }
    .tweet-list-info-container
    {
        padding: 0px 0 0px 0;
        margin: 0; /*  position: relative;	*/ /*height: 100px;*/
    }
    .tweet-list-box
    {
        float: left;
        height: auto;
        border-bottom: dashed 1px #000;
        width: 220px;
    }
    .tweet-list-box-timestamp
    {
        font-size: smaller;
        color: #cccccc;
        margin-top: 3px;
        margin-bottom: 3px;
    }
    .tweet-list-description
    {
        height: auto;
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 95%;
    }
    .tweet-list-description a
    {
        text-decoration: underline;
        color: #000;
    }

    .twitter-list-heading
    {
        background: #000;
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        font-weight: normal;
        margin: 2px 0 0 0;
        padding: 6px 6px 7px 6px;
        position: relative;
        z-index: 3;
        text-transform: uppercase;
    }
    .twitter-list-heading a
    {
        color: #fff;
        text-decoration: none;
    }
    
    .btn-twitter-view-more
    {
        background: url(../../images/stc/icon-arrow-more.gif) no-repeat right 6px;
        color: #000;
        font-family: "Courier New" , Courier, monospace;
        font-size: 12px;
        float: right;
        padding: 2px 20px 2px 0;
        text-align: right;
        text-transform: uppercase;
        text-decoration: none;
        width: 195px;
    }
    .btn-twitter-view-more a:hover
    {
        background: #000 url(../../images/stc/icon-arrow-more-over.gif) no-repeat right 6px;
        color: #fff;
    }
    
/*-------------------------------------------------------------
  15. POSTEROUS BLOG
-------------------------------------------------------------*/   

    .posterous-list-item
    {
        position: relative;
        height: auto;
    }
    .posterous-list-info
    {
        border-top: 4px solid #fff;
        padding: 8px 0 6px 0;
        overflow: hidden;
        font-size: 8px;
        line-height: 1.5em;
        margin: 0 0 0px;
    }
    .posterous-list-info p
    {
        margin: 0 0 0 5px;
    }
    .posterous-list-info-container
    {
        padding: 0px 0 8px 0;
        margin: 0; /* position: relative; */ /*height: 100px;*/
    }
    .posterous-list-box
    {
        float: left;
        height: auto;
        border-bottom: dashed 1px #000;
        width: 220px;
    }
    .posterous-list-box-timestamp
    {
        font-size: smaller;
        color: #cccccc;
        margin-top: 3px;
        margin-bottom: 3px;
    }
    .posterous-list-description
    {
        height: auto;
        overflow-y: hidden;
        font-size: 11px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 10px;
        line-height: 1.5em;
    }
    .posterous-list-description a
    {
        text-decoration: underline;
        color: #000;
    }
    .posterous-list-heading
    {
        background: #000;
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        font-weight: normal;
        margin: 2px 0 0 0;
        padding: 6px 6px 7px 6px;
        position: relative;
        z-index: 3;
        text-transform: uppercase;
    }
    
    .btn-posterous-blog-more
    {
        background: url(../../images/stc/icon-arrow-more.gif) no-repeat right 6px;
        color: #000;
        font-family: "Courier New" , Courier, monospace;
        font-size: 12px;
        float: right;
        padding: 2px 20px 2px 0;
        text-align: right;
        text-transform: uppercase;
        text-decoration: none;
        width: 195px;
    }
    .btn-posterous-blog-more a:hover
    {
        background: #000 url(../../images/stc/icon-arrow-more-over.gif) no-repeat right 6px;
        color: #fff;
    }
    
/*-------------------------------------------------------------
	16. POSTEROUS BLOG CAROUSEL
-------------------------------------------------------------*/

.jcarousel-skin-posterous-blog .jcarousel-item .btn-more-carousel {
  background: url(../../images/stc/icon-arrow-more.gif) no-repeat right 6px;
  color: #000;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  float: right;
  padding: 2px 20px 2px 0;
  text-align: right;
  text-transform: uppercase;
  width: 195px;
}

.jcarousel-skin-stc .jcarousel-item a:hover {
  background: #000 url(../../images/stc/icon-arrow-more-over.gif) no-repeat right 6px;
  color: #fff;
}