@charset "utf-8";
/* CSS Document */

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

body {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px;
	color:			#000; 
	line-height:	16px;
	background:		url(/images/bg-white-center.jpg) top center repeat-y #FE7800;
}

body.homeBody {
	background:		#FE7800;
}

a { 
	text-decoration: 	none;
	color: 				#555;
}

a: active {
	outline: 			none;
}  

a:focus {
	-moz-outline-style: none;
}
  
a:hover {
	color: #FE7800; 
}
 
img {
	 border: 		0;
}

li {
	list-style:		none; 
}

p, h1, h2 , h3, h4, h5, h6 {
	font-size: 100%; 
	margin-bottom: 9px;
}

h2 {
	font-size: 		120%;
	font-weight:	bold;
}

h3 {
	font-size: 		120%;
	font-weight:	bold;
}

input, textarea {
	font-size: 		100%;
	font-family:	Arial, Helvetica, sans-serif;
}

td {
	vertical-align:	top;
	padding:		0 10px 10px 0;
}

/********************************************/

#mainContainer {
	position:		relative;
	margin: 		0 auto;
	width:			970px;
	z-index:		1;
	background-color: #FFFFFF;
	min-height:	    670px;
	background-image:	url(/images/bg-dots.jpg);
	background-position: center top;
	background-repeat:	no-repeat;
}

#mainContainer.homePage {
	background: 	url(/images/homepage_background.jpg) left top no-repeat;
}

.homeMenu li a {
	color: #FFF;
}

#homeNews {
	position: 		absolute;
	top: 			520px;
	left: 			22px;
	width:			922px;
	height:			110px;
	background:		#fff;
	color:			#FE7800 ;
	z-index: 		20;
	font-size::		100%;
}

#homeNews p {
	font-size: 		100%;
}

#panelTop {
	position: 		relative;
	height: 		146px;
}

#logo {
	position: 		absolute;
	left: 			26px;
	top: 			36px;
}

#topMenu {
	position: 		absolute;
	top: 			42px;
	width:			730px;
	z-index: 		20;
	left: 			220px;
	text-align:		right;
}

li #mailingList {
	font-size: 		110%;
}

#topMenu ul.menuInline li {
	font-size: 		110%;
}

.menuInline li {
	display:		inline;
	list-style:		none;
	margin-right:	4px;
	color:			#FE7800;
}

.menuInline li a {
	color:			#FE7800;
}

.homeMenu li a {
	color: #FFF;
}

body.homeBody #topMenu menuInline li a {
	color:			#fff;
}

.menuInline li a:hover {
	color:			#fff;
	background-color:#FE7800;
}

.homeMenu li a:hover {
	color:			#FE7800;
	background-color:#fff;
}

.menuInline li a.selected {
	background-color:#FE7800;
	color: 			#fff;
}

#lowMenu {
	position: 		absolute;
	left: 			24px;
	top: 			116px;
}

#lowMenuNavigation {
	position: 		absolute;
	left: 			880px;
	width:			70px;
	top: 			114px;
	text-align:		right;
}

.menuInline li a {
	padding: 		2px 8px;
}

/*************************************************************************/
/*** main content **/

/** text pages **/

#mainContentTextHolder {
	border-top: 	1px solid #ccc;
	padding-top: 	10px;
	margin-left:	24px;
	width:			700px;
}

#mainContentText {
	float: 			left;
	color: 			#000;
}
#mainContentText h3 {
	color:		#FE7800;
}

#mainContentText a {
	color:		#FE7800;
}

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


#mainRightText {
	float: 			right;
	width: 			320px;
	height: 		515px;
	overflow: 		auto;
}

/** portfolios **/

#mainContent {
	min-height: 	515px;
	
}

.mainContentInner {
	padding: 0 0 0 24px;
}

#panelMainContent {
	border-top: 	1px solid #ccc;
	margin-left:	24px;
	width:			928px;
}

#mainContentLeft {
	width: 			270px;
	float: 			left;
	
	min-height: 	515px;
}

.lowDivider {
	border-top:	1px solid #ccc;
	margin-top:	10px;
	padding-top: 10px;
}

#mainContentRight {
	width: 			650px;
	float: 			right;
	
}

#mainContentRightImage {
	float: 			left;
	width: 			535px;
	min-height: 	515px;
	border-left: 	1px solid #ccc;
}

#mainContentRightThumbs {
	width: 			110px;
	float: 			left;
	min-height: 	515px;
	position:		relative;
}

.panelPortfolioThumb {
	float: 			right;
	margin-left: 	5px;
	margin-bottom: 	5px;
}

.panelPortfolioThumb img {
	border: 		1px solid #fff;
}

.panelPortfolioThumb a:hover img {
	border: 		1px solid #FE7800;
}

.thumbSelect img {
	border: 		1px solid #FE7800;
}

#showSynopsis {
	
}

.panelPortfolioCategory {
	width: 			215px;
	height: 		255px;
	float: 			left;
	margin: 		10px 10px 0 0;
}

.panelPortfolio {
	width: 			130px; 
	height: 		185px;
	float: 			left;
	position: 		relative;
	margin: 		10px 10px 0 0;
	text-align:		center;
	border: 		1px solid #999;
}

.panelPortfolio img {
	margin-top: 	8px;
}

.thumbDescription {
	position: 		relative;
	margin:			5px auto;
	width: 			115px;
	height:			50px;
	text-align:		left;
	vertical-align: bottom;
	font-size:		90%;
	
}

.panelPortfolio .thumbDescription p {
	position:		absolute;
	bottom:			0px;
	margin:			0;
}

.panelPortfolioCurrent {
	width: 			205px;
	height: 		250px;
	float: 			left;
	position: 		relative;
	margin: 		10px 10px 0 0;
	text-align:		center;
	border: 		1px solid #999;
}

.panelPortfolioCurrent img {
	margin-top: 	5px;
}

.panelPortfolioCurrent .thumbDescription {
	position: 		absolute;
	left: 			5px;
	width: 			195px;
	top: 			205px;
}

.newsRow {
	clear:			both;
	padding-top:	8px;
	color:			#FE7800;
	width:			930px;
	color:			#000;
}

.newsRow a, .newsRow h2 {
	color: 			#FE7800;
}

.newsRow a:hover, .newsRow h3 {
	color: 			#000;
}


.newsRow .divider {
	border-bottom:			1px solid #ccc;
	clear: 			both;
}

.newsRow .leftDate {
	padding-top:	10px;
	width: 			180px;
	float: 			left;
	color: 			#FE7800;
}

.newsRow .leftColumn {
	padding-top:	10px;
	width: 			400px;
	float: 			left;
}

.newsRow .rightColumn {
	padding-top:	10px;
	float:			right;
	width:			270px;
}

#linkText {
	text-align: 	right;
	height:			25px;
}

#thumbsNextPrev {
	text-align: 	right;
	height:			24px;
}

a.selected:hover {
	color: 			#000;
}

#footer {
	position: 		relative;
	clear:			both;
	width:			920px;
	padding-left: 	24px;
	padding-top: 	10px;
	padding-bottom: 10px;
}

#footerHome {
	position: 		absolute;
	width:			920px;
	padding-left: 	0px;
	top:			642px;
	left:			22px;
	color:			#fff;
}

.innerContainer {
	padding: 		12px;
}

/*** text ***/

.textBlack {
	color: 			#000;
}

.textWhite {
	color: 			#FFF;
}

.textOrange {
	color:			#FE7800 ;
}

.headingLarge {
	font-weight: 	bold;
	font-size:		130%;
}

.textRegular {
	font-size:		100%;
}