/* CSS Document */

body {
	background-color: #FFFFFF;
	margin: 0 0 0 0; 
	min-width: 960px;
}
a img {
	border: none;
}
* {
  outline: none;
}
.bgdiv {
	width: 960px; 
	height: auto;
	position: absolute; 
	margin-left: 50%; 
	left: -508px; 
	padding-top: 12px; 
	padding-left: 28px;
}
.aboutspace {
	width: 161px; 
	height: auto; 
	float: left;
}
.aboutpadder {
	width: 2px; 
	height: 86px;
}
.content, .loadingwrapper {
	position: relative;
	width: 798px; 
	height: auto; 
	float: left;
}
.subcontent {
	color: #2f2413;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 759px;  
	float: left;
	padding-left: 39px;
	padding-top: 26px;
}
/* STYLE FOR TOP NAVIGATION MENU */
.navspace {
	width: 798px; 
	height: 23px; 
	float: left; 
	padding-top: 46px; 
	background-color: #FFFFFF;
}
.navigationwrapper {
	width: 798px; 
	height: 23px; 
	position: relative; 
	bottom: 0px; 
	left: 0px; 
	overflow: hidden;
}
.graynav {
	background: url(../images/site/graynav_bg.gif);
	width: 304px;
	height: 23px;
	left: 0px;
	margin-left: 795px;
	border-left: solid #DEDEDE 3px; 
}
.rednav, .rednavnojs, .rednavscroll, .rednavscrollnojs, .rednavarchive, .rednavlinkswrapper, .rednavlinkswrappernojs, .rednavlinks, .rednavlinksnojs, .lscroll, .graynav {
	position: absolute; 
	overflow: hidden;
	float: left;
	width: auto;
}
.rednav {
	background: url(../images/site/nav_work.gif) no-repeat;
	width: 500px;  
	height: 23px;
	left: 0px;
	margin-left: 792px;
	border-left: solid #e42b33 3px; 
}
.rednavlinkswrapper, .rednavlinks, .rednavlinksnojs {
	left: 0px;
}
.rednavscroll {
	width: 0px;
	height: 23px;
	left: 0px;
	margin-left: 793px;
}
.rednavlinkswrapper {
	width: 260px;
	height: 23px;
	left: 16px;
}
.rednavlinks {
	background: url(../images/site/rednav_bg.gif);
	width: 404px;
	height: 23px;
	left: 0px;
}
.rednavscrollnojs {
	width: 370px;
	height: 23px;
	left: 0px;
	margin-left: 50px;
}
.rednavnojs {
	background: url(../images/site/nav_work.gif) no-repeat;
	width: 500px;
	height: 23px;
	left: 0px;
	margin-left: 0px;
	border-left: solid #e42b33 3px; 
}
.rednavlinkswrappernojs {
	width: 500px;
	height: 23px;
	left: 16px;
}
.rednavlinksnojs {
	background: url(../images/site/rednav_bg.gif) no-repeat;
	width: 404px;
	height: 23px;
	left: 0px;
}
.rednavarchive {
	background: url(../images/site/archive_navbg.gif) no-repeat;
	height: 23px;
	width: 80px;
	left: 280px;
}
.lscroll {
	background: url(../images/site/nav_redarrowl1.gif) no-repeat;
	width: 16px;
	height: 23px;
	left: 0px;
}
#rednavarchive ul, #graynav ul, #rednavlinks ul, #rednavlinksnojs ul {
	white-space: nowrap;
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
}
#rednavarchive li, #graynav li, #rednavlinks li, #rednavlinksnojs li {
	list-style-type:none;
	display: inline;
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
} 

/* Style for GALLERY section */

.gallery {
	color: #6a6a6a;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 759px;  
	height: auto;
	float: left;
	padding-left: 39px;
	padding-top: 26px;
}
.tmbnl_overlay {
	cursor: pointer;
}
.largeimage { 
	width: 446px;
	height: 334px;
	float: left;
}
.galnavwrapper {
	padding-left: 51px;
	width: 262px;
	height: 334px;
	float: left;
}
.contentwrapper {
	position: relative;
	float: left;
	width: 262px;
	height: 317px;
	margin: 0px;
	padding: 0 0 0 0;
	overflow: hidden;
}
.thumbnailpane {
	position: relative;
	margin-left: 0px;
	padding-left: 0 0 0 0;
	height: 143px;
	width: 100%;
}
#thumbtable tr td{
	padding-right: 14px;
	padding-bottom: 12px;
}
#description {
	text-align: left;
	padding-top: 15px;
	height: 123px;
	overflow: hidden;
	font-size: 13px;
}
#description a {
	color: #444444;
}
#description a:hover {
	color: #CC3300;
}
.galscrollarrows {
	height: 14px;
	width: 91px;
	float: left;
	background-color: black;
	background: url(../images/site/panearrows.gif) no-repeat;
}
#gallarrow, #galrarrow {
	float: left;
	position: relative;
	width: 14px;
	height: 14px;
}
#gallarrow {
	background: url(../images/site/gal_larrow.gif) no-repeat transparent;
}
#galrarrow {
	background: url(../images/site/gal_rarrow.gif) no-repeat transparent;
}
#galscrollpage {
	height: 14px;
	text-align: center;
	float: left;
	width: 57px;
	font-size: 10px;
}
#headerwrap {
	width: 798px; 
	height: 158px; 
	position: relative; 
	overflow: hidden;
	margin-top: 0px;
}
#headerscroll {
	margin-top: 0px;
}
#header1, #header2 {
	width: 798px;
	height: 159px;
	background-repeat: no-repeat;
}
#header1 {
	background-image: url(../images/site/pages/work/archive/header_tballiance.gif);
}

/* Style for YOURSPACE section */

.left_space {
	float: left;
	width: 418px;
}
.left_space p, ul {
	font-size: 14px;
	line-height: 22px;
}
.left_space p {
	text-align: left;
	color: #7C7C7C;
}
.left_space ul {
	color: #7C7C7C;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}
.right_space {
	width: 227px;
	padding-left: 43px;
	float: left;
}
.headerlarge {
	font-size: 19px;
	line-height: 30px;
}
.headermed {
	font-size: 14px;
	line-height: 30px;
}
.your_sanct {
	color: #ECB30C;
}
.your_stage {
	color: #3EBCBB;
}
.your_space {
	color: #8FC843;
}

/* Style for WHAT'S NEW section */
#header {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.leftcontentnew {
	width: 418px;
	padding-right: 10px;
	float: left;
}
.leftnewscroll{
	float: left;
	position: relative;
	width: 418px;
	height: 442px;
	overflow: hidden;
}
#newscrollbars{
	position: relative;
	float: left;
	left: 0px;
	height: 422px;
	width: 28px;
}
#newscrolldown, #newscrollup{
	width: 8px;
	height: 4px;
	padding: 9px;
}
.article, .rightcontentnew {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	color: #7C7C7C;
	line-height: 16px;
}
.article{
	padding-bottom: 60px;
}
.rightcontentnew {
	width: 260px;
	padding-left: 43px;
	float: left;
}
#headlinelist ul {
	padding: 0 0;
	margin: 0 0;
}
#headlinelist li {
	font-size: 10px;
	list-style-type:none;
}
#headlinelist ul li ul {
	font-size: 10px;
	padding-left: 10px;
}
#headlinelist a {
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}
#headlinslist a:hover{
	color:#CC0000;
}
#headlinelist a:visited{
	color: #333333;
}#scrollhandlearea {
	position: relative;
	top: 0;
	left: 0;
	width: 8px; 
	height: 380px; 
}
#scrollhandle {
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 8px;
	background: #666666;
}
#article_content {
	margin-left: 15px;
	color: #888888;
}
#article_content a {
	color: #333333;
}
#article_content a:hover {
	color: #CC3300;
}
.news_q {
	color: #0099FF;
}
.news_a {
}
.twitterformat {
	margin-left: 0px;
	padding-left: 10px;
	border-left: solid #999999 2px;
}
.tweet_text {
	color: #444444;
}
.tweet_date {
	color: #BBBBBB;
	margin-left: 10px;
}

/* Style for CONTACT section */

.leftcontent {
	width: 394px;
	float: left;
}
.leftcontent a {
	text-align: right;
	font-size: 9px;
	color: #7C7C7C;
}
.rightcontent {
	width: 244px;
	padding-left: 120px;
	float: left;
}
.rightcontent a {
	color: #000000;
}
.rightcontent a:hover {
	color: #7C7C7C;
}
.headerlarge {
	font-size: 19px;
	line-height: 24px;
}
.headermed {
	font-size: 14px;
	line-height: 24px;
}

/* Style for ABOUT US section */

.subcontent {
	color: #2f2413;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 759px;  
	float: left;
	padding-left: 39px;
	padding-top: 26px;
}
.leftcontentabout {
	width: 446px;
	float: left;
}
.leftcontentabout p {
	text-align: left;
	font-size: 14px;
	color: #7C7C7C;
	line-height: 20px;
}
.rightcontentabout {
	width: 206px;
	padding-left: 43px;
	float: left;
}
.uanmember {
	color: #666666;
	font-size: 10px;
}
.uanmember a {
	color: #CC0033;
}
/* Popup bubbles in ABOUT US section... */
.scrollcontainer {
	height: 350px;
	overflow: hidden;
}
.bubblewrap {
	height: auto;
	margin-top: 0;
}
.bubbleInfo {
	height: 70px;
}
.popup {
	background-color: transparent;
    position: absolute;
	width: 282px;
	height: auto;
	display: none;
	z-index: 10;
}
.popup #topballoon{
	background: url(../images/site/pages/about/balloon_top.gif) no-repeat;
	background-color: transparent;
	width: 271px;
	height: 18px;
}
.popup #text{
	background: url(../images/site/pages/about/balloon_bg.gif) repeat-y;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	line-height: 20px;
	color: #000000;
	padding-left: 30px;
	padding-right: 30px;
}
.popup #bottomballoon{
	background: url(../images/site/pages/about/balloon_bottom.gif) no-repeat;
	width: 271px;
	height: 26px;
}

.bubbletail{
	background: url(../images/site/pages/about/balloon_side0.gif) no-repeat;
	position: absolute;
	left: 269px;
	
	width: 11px;
	height: 23px;
	z-index: 11;
}