/* ------------------------ */
/*		General				*/
/* ------------------------ */

* 								{ margin: 0px; padding: 0px; }

html,
body							{ overflow: hidden; }

body							{ margin-bottom: 30px; background-color: #ffffff; color: #000000; font-family: helvetica, verdana, tahoma, sans-serif; }
a,
a:link,
a:visited,
a:active,
a:hover							{ color: #f30702; font-weight: bold; text-decoration: none; }
a:hover   						{ color: #58595b; }
a img							{ border: 0px; }
h1								{ font-weight: bold; font-size: 14px; color: #000000; margin: 10px 0px 10px 0px; }
h2								{ letter-spacing: 0em; font-weight: bold; font-size: 0.8em; margin: 1em 2em 0.5em 0; line-height: 1.2em; color: #565656; }
p								{ font-size: 11px; margin: 0px 0px 10px 0px; line-height: 16px; }
td								{ font-size: 11px; line-height: 16px; }

table							{ border: 0px; border-collapse: collapse; }
td								{ border: 0px; border-style: none; padding: 0px; margin: 0px; vertical-align: top; }

.ClearFloat						{ border: none; clear: both; font-size: 1px; height: 0px; margin: 0px; padding: 0px; overflow: hidden; }

/* ------------------------ */
/*		Framework			*/
/* ------------------------ */

#Frame							{ width: 770px; height: 550px; left: 50%; top: 50%; margin-left: -345px; margin-top: -275px; position: absolute; }

/* ------------------------ */
/*		Top					*/
/* ------------------------ */

#Top							{ width: 770px; height: 60px; overflow: hidden; }
#Logotype						{ width: 120px; height: 60px; float: left; display: inline; }
#Logotype img					{ display: block; }
#Header							{ width: 650px; height: 59px; float: left; display: inline; border-bottom: 1px solid #000000; }
#Title							{ height: 28px; text-align: right; font-size: 11px; }
#Title div						{ }
#Title div a,
#Title div a:link,
#Title div a:visited,
#Title div a:active,
#Title div a:hover				{ color: #000000; font-weight: normal; text-decoration: none; position: relative; top: 14px; }
#Title div a:hover   			{ color: #000000; }
#Title div span					{ position: relative; top: 14px; color: silver; }
#Navigation						{ }

/* ------------------------ */
/*		Menu				*/
/* ------------------------ */

#Menu							{ width: 510px; height: 31px; float: left; }
#Menu ul						{ margin: 12px 0px 0px 15px; padding: 0px; list-style-type: none; text-align: left; }
#Menu ul li 					{ float: left; text-transform: uppercase; font-size: 11px; }
#Menu ul li a 					{ text-decoration: none; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 15px; color: #000000; font-weight: normal; }
#Menu li a:hover,
#Menu li a.Active,
#Menu li a.Active:hover			{ background: url(../Img/Framework/ArrowOver.gif) left 45% no-repeat; color: #000000; }
#Menu ul li a.Active			{ background: url(../Img/Framework/ArrowActive.gif) left 45% no-repeat; color: #000000; }

#MenuEnd						{ width: 140px; height: 31px; float: left; }
#MenuEnd ul						{ margin: 12px 0px 0px 0px; padding: 0px; list-style-type: none; text-align: right; }
#MenuEnd ul li 					{ float: right; text-transform: none; font-size: 11px; }
#MenuEnd ul li a 				{ text-decoration: none; padding: 0px 0px 0px 15px; color: #000000; font-weight: normal; }
#MenuEnd li a:hover,
#MenuEnd li a.Active,
#MenuEnd li a.Active:hover		{ background: url(../Img/Framework/ArrowOver.gif) left 45% no-repeat; color: #727272; }
#MenuEnd ul li a.Active			{ background: url(../Img/Framework/ArrowActive.gif) left 45% no-repeat; color: #58595b; }

/* ------------------------ */
/*		Content				*/
/* ------------------------ */

#Content						{ margin-top: 15px; height: 425px; }
#LeftColumn						{ width: 770px; height: 425px; float: left; }
#Theme							{ width: 770px; height: 230px; background-repeat: no-repeat; overflow: hidden; }

#LeftWrapper					{ margin-top: 15px; width: 744px; height: 170px; position: relative; overflow: hidden; z-index: 100; float: left; }
#LeftScrollArea					{ position: absolute; left: 0px; top: 0px; width: 744px; height: 170px; clip: rect(0px, 744px, 170px, 0px); overflow: hidden; z-index: 1; }
#LeftContent					{ position: absolute; visibility: hidden; left: 0px; top: 0px; z-index: 1; }

#LeftContent a,
#LeftContent a:link,
#LeftContent a:visited,
#LeftContent a:active,
#LeftContent a:hover			{ color: #58595b; font-weight: normal; text-decoration: none; }
#LeftContent a:hover   			{ color: #f30702; }

#LeftSrollWrapper				{ margin-top: 15px; float: left; margin-left: 15px; width: 11px; }
#LeftScroll						{ position: relative; left: 0; top: 0; width: 11px; height: 170px; font-size: 1px; z-index: 1; }
#LeftScrollTrack				{ position: absolute; left: 0; top: 11px; width: 11px; height: 148px; background: url(../Img/Framework/Scroll/LeftTrack.gif) #ffffff repeat; z-index: 1; }
#LeftScrollDragBar				{ position: absolute; left: 1px; top: 1px; width: 9px; height: 52px; background-color: #ffffff; background-image: url(../Img/Framework/Scroll/LeftDragBar.gif); z-index: 1; }  
#LeftScrollUp					{ position: absolute; left: 0; top: 0; z-index: 2; background-image: url(../Img/Framework/Scroll/LeftUp.gif); } 
#LeftScrollDown					{ position: absolute; left: 0; bottom: 0; z-index: 3; background-image: url(../Img/Framework/Scroll/LeftDown.gif); }
#LeftScrollUp img,
#LeftScrollDown img				{ width: 11px; height: 11px; }

/* ------------------------ */
/*		Portfolio			*/
/* ------------------------ */

#PortfolioWrapper				{ margin-top: 15px; width: 690px; height: 66px; position: relative; overflow: hidden; z-index: 100; }
#PortfolioScrollArea			{ position: absolute; left: 0px; top: 0px; width: 690px; height: 66px; clip: rect(0px, 690px, 66px, 0px); overflow: hidden; z-index: 1; }
#PortfolioContent				{ position: absolute; visibility: hidden; left: 0px; top: 0px; z-index: 1; }

.PortfolioItem,					
.PortfolioItemActive			{ width: 90px; height: 66px; }
.PortfolioItem div,					
.PortfolioItemActive div,
.PortfolioItemOver div			{ cursor: pointer; width: 90px; height: 64px; overflow: hidden; background-repeat: no-repeat; }
.PortfolioItemActive div		{ border-bottom: 2px solid #f30702; }
.PortfolioItemOver div			{ border-bottom: 2px solid #cccccc; }
.PortfolioItemActive div img	{ display: block; }
.PortfolioSeperator				{ width: 15px; }
.PortfolioSeperator img			{ width: 15px; height: 1px; }

#PortfolioSrollWrapper			{ margin-top: 13px; width: 11px; }
#PortfolioScroll				{ position: relative; left: 0; top: 0; width: 690px; height: 11px; font-size: 1px; z-index: 1; }
#PortfolioScrollTrack			{ position: absolute; left: 11px; top: 0px; width: 668px; height: 11px; background: url(../Img/Framework/Scroll/Horizontal/HorizontalTrack.gif) #ffffff repeat; z-index: 1; }
#PortfolioScrollDragBar			{ position: absolute; left: 1px; top: 1px; width: 52px; height: 9px; background-color: #ffffff; background-image: url(../Img/Framework/Scroll/Horizontal/HorizontalDragBar.gif); z-index: 1; }  
#PortfolioScrollLeft			{ position: absolute; left: 0; top: 0; z-index: 2; background-image: url(../Img/Framework/Scroll/Horizontal/Left.gif); } 
#PortfolioScrollRight			{ position: absolute; left: 679px; bottom: 0; z-index: 3; background-image: url(../Img/Framework/Scroll/Horizontal/Right.gif); }
#PortfolioScrollLeft img,
#PortfolioScrollRight img		{ width: 11px; height: 11px; }

.PortfolioLeftPanel				{ width: 250px; height: 275px; overflow: hidden; float: left; display: inline; }
.PortfolioRightPanel			{ width: 425px; height: 275px; overflow: hidden; float: left; display: inline; margin-left: 15px; }

.PortfolioData					{ width: 250px; height: 171px; overflow: hidden; }
.PortfolioImage					{ width: 250px; height: 42px; overflow: hidden; margin-top: 10px; }
.PortfolioImage div				{ width: 42px; height: 42px; margin-right: 10px; float: left; display: inline; }
.PortfolioImage div img			{ display: block; cursor: pointer; }

/* ------------------------ */
/*		Bottom				*/
/* ------------------------ */

#Bottom							{ margin-top: 0px; border-top: 1px solid #000000; }
#Controls						{ float: right; margin-top: 8px; text-align: right; }
#Controls img					{ margin-left: 8px; }
#Address						{ width: 690px; font-size: 10px; color: #000000; padding-top: 5px; }
#Copyright						{ width: 690px; font-size: 10px; color: #000000; margin-top: 3px; }
#Member							{ width: 690px; font-size: 10px; color: #000000; margin-top: 3px; }
#Bottom a,
#Bottom a:link,
#Bottom a:visited,
#Bottom a:active,
#Bottom a:hover					{ color: #000000; font-weight: normal; text-decoration: none; }

/* ------------------------ */
/*		List				*/
/* ------------------------ */

.List							{ width: 100%; margin-bottom: 10px; }
.ListHeader td,
.List td						{ font-weight: normal; white-space: nowrap; padding: 4px 10px 4px 0px;  font-size: 11px; }
.ListHeader td					{ font-weight: bold; padding: 0px 10px 5px 0px; }
.List tr.InActive td			{ color: silver; }
.ListEmpty						{ color: #cccccc; }