*
{
	outline:none;
	margin: 0;
	padding: 0;
}
html
{
	background-image: url("../images/main_bg.jpg");
	background-repeat: repeat;
	background-position: top center;		
}

body
{	
	text-align: center;	
}

.special
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
	background-image: url("../images/pattern_bg.jpg");
	background-repeat: repeat-x ;
	background-position: top center;
	height: 543px;
	width:100%;
}
.clear
{
	clear: both;
}
.upperShadowLeft
{
	float:left;
	width: 8px;	
}
.upperShadowRight
{
	width: 8px;
	float:left;
}
.centralBlock
{
	text-align: center;	
	width: 916px;
	margin: auto;
	background-image: url("../images/general_shadow.png");
	background-repeat: repeat-y ;
}

#header_left {
	background-image: url('../images/banner_portofolio_left.jpg');
	height: 80px;
}

#header_left h3{
	color: white;
	font-size: 30px;
	font-family: Trebuchet MS1, Helvetica, sans-serif ;
	padding: 25px 0px 30px 20px;
	font-weight: normal;
}

#header_right {
	background-color: #E6E6E6;
	height: 90px;
	margin: 0px;
}

#header_right h1 {
	padding: 30px 30px 30px 20px;
	font-weight: bold;
	font-size:20px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	color: #474747;
}

#container
{
	width: 900px;
	margin: auto;	
	float:left;	
}
#header
{
	background-color: #fff;
	height: 98px;
}

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

#logo a
{
	text-decoration: none;
}

#logo img
{
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	border:none;
}

#logo span
{
	border-left: solid 1px #b4e0e9;
	color: #6aa3af;
	display: block;
	float: right;
	/*font-family: Trebuchet MS, Helvetica, sans-serif;*/
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 32px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 125px;
}

#menu
{
	background-image: url("../images/menu_bg.jpg");
	background-repeat: repeat-x;
	background-position: top center;
	float: right;
	height: 98px;	
	width: 530px;	
}

#menu ul
{
	margin-top: 60px;
	margin-left: 10px;
	margin-right: 15px;
	list-style-type: none;
}

#menu ul li
{
	border: medium none;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 16px;
	display: inline;
	padding: 0 15px 0 15px;
}

#menu ul li a
{
	color: #fff;
	padding-bottom: 10px;
	text-decoration: none;
	
}


#menu ul li a:hover
{	
	border-bottom: solid 6px #b1dff7;
	*border-bottom: solid 7px #b1dff7;
}

#menu ul li a.sel
{
	border-bottom: solid 7px #fff;		
}

#content
{
	background-color: #fff;
	padding-top:3px;
}

#maincontent
{	
	background-color: transparent;
	float: left;
	color: #0b86a8;
	font-family: Trebuchet MS1, Helvetica, sans-serif ;
	font-size: 17px;	
	/*height: 800px;*/
	width: 370px;	
	text-align:left;
	margin-top:15px;	
}

#maincontent h2
{
	font-weight:normal;
}

#maincontent .categoryimage
{
	float:left;		
}

#maincontent .categorytitle
{
	float:left;
	padding:0 0 0 0;
	margin: 0 0 0 10px;
	line-height:130%;
	
}

#maincontent .categorytext
{
	float:left;
	padding:0 0 0 0;
	margin: 15px 0 25px 0;
	padding: 0 20px 0 30px;
	font-size:12px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	color: #474747;
	text-align:justify;
}

#recentpr
{
	float: right;
	width: 529px;
	background-image: url("../images/recentpr_bg.png");
	background-repeat: repeat-y;
	background-position: top center;	
}

#recentwork
{	
	width: 520px;
	height:25px;
	background-color: #b1e54e;
	vertical-align: middle;
	line-height: 200%;
	font-size:12px;
	margin-left:5px;
	*margin-left:0px;
	border-bottom:solid 1px #69b72a;
}

#recenttextleft
{	
	color: #1f640c;
	float: left;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-left:8px;
}

#recenttextright
{	
	float: right;
	color: #1f640c;
	padding-right:5px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	
}

#recenttextright a
{		
	color: #1f640c;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
}

#recenttextright a:hover
{		
	color: #25b7ed;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
}

#banner
{
	background-image: url("../images/home_banner.jpg");
	width:900px;
	height:256px;
}

#bannerSubPages
{
	width:900px;
	height:180px;
}

#title
{
	color: white;
	text-align: right;
	padding: 80px 20px 0px 0px;
	font-size:33px;
	font-family: Trebuchet MS1, Helvetica, sans-serif ;
}

#titleSubPages
{	
	padding:65px 0px 0px 30px;
	color: white;
	text-align: right;
	vertical-align:middle;	
	font-size:33px;
	font-family: Trebuchet MS1, Helvetica, sans-serif ;
	padding-right: 40px;
}

#subtitle1
{
	color: white;	
	text-align: right;
	padding: 5px 20px 0px 0px;
	font-size:14px;
	font-family: Arial, Arial, Helvetica, sans-serif;
}
#subtitle2
{
	color: white;	
	text-align: right;
	padding: 0px 20px 0px 0px;
	font-size:17px;
	font-family: Arial, Arial, Helvetica, sans-serif;
}
#language
{
	color: white;
	background-image: url("../images/language_box.png");	
	width:52px;
	height:23px;
	float:right;
	margin: 0px 38px 0px 0px;
	font-size:11px;
	font-weight:bold;
	vertical-align: middle;
	text-align:center;
	line-height:150%;
}
#language a
{	
	vertical-align: middle;
	color: white;
	font-size:12px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding:0 1px 0 1px;
	font-weight:normal;
}

#recentpr .project
{
	float:left;
	margin:10px 0 0 10px;
	
}

#recentpr .project .projectImage
{
	border:solid 1px #69b72a;
	float:left;
}

#recentpr .project .projectImage a
{
	text-decoration: none;
}

#recentpr .project .projectImage .projectImageLink
{
	border: solid 1px #fff;
}

#recentpr .project .projectText
{	
	float:left;
	text-align: left;
	margin-left:10px;
	font-size:12px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	color: #1f640c;
	width:335px;
}

#recentpr .project .projectText a
{	
	color: #fff;
	text-decoration: none;	
}

#recentpr .project .projectText h3
{	
		
	font-weight:bold;	
	font-size:12px;
	font-family: Arial, Arial, Helvetica, sans-serif;
}

#recentpr .projectLine
{			
	margin:10px 10px 0px 10px;	
	background-image: url("../images/dot_line.gif");
	background-repeat: repeat-x;	
	width:504px;
	height:1px;
	line-height:1px;
	text-align:left;
}

.leftFooter
{	
	background-color: #fff;
	float: left;
	color: 0b86a8;
	width: 367px;	
	text-align:left;
	padding: 4px 0 5px 4px;	
}

.leftFooter .leftCenterFooter
{
	
	width: 362px;
	background-image: url("../images/footerbox1_bg.png");
	background-repeat: repeat-y;
	background-position: top center;
	height:50px;
}


.leftCenterFooter .leftFooterMenu
{
	font-size:14px;
	color: #0b86a8;
	font-family: Arial, Arial, Helvetica, sans-serif;
	padding-left:10px;
}

.leftCenterFooter .leftFooterMenu a
{
	font-size:14px;
	color: #0b86a8;
	text-decoration: none;
	font-family: Arial, Arial, Helvetica, sans-serif;
}

.leftCenterFooter .leftFooterMenu a:hover
{
	font-size:14px;
	color: #0b86a8;
	text-decoration: underline;
	font-family: Arial, Arial, Helvetica, sans-serif;
	
}

.leftCenterFooter .leftFooterMenu ul li
{
	display: inline;
}

.leftCenterFooter .copyright
{
	font-size:12px;
	color: #6cc2d8;
	font-family: Arial, Arial, Helvetica, sans-serif;
	padding:19px 0 0 10px;	
}

.rightFooter
{	
	background-color: #fff;
	float: left;
	color: 0b86a8;
	width: 529px;	
	/*width: 532px;	*/
	text-align:center;
	padding: 5px 0 5px 0px;		
}

.rightFooter .marginRight
{	
	margin-right:3px;
	*margin-right:0px;
}

.rightFooter .paddingLeft
{	
	padding-left:10px;
}

.rightFooter .rightCenterFooter
{		
	padding-left:0px;	
	/*padding-left:10px;	*/
/*	margin-right:5px;*/
	width: 525px;
	background-image: url("../images/footerbox2_bg.png");
	background-repeat: repeat-y;
	background-position: top center;
	font-size:12px;
	color: #0b86a8;
	font-family: Arial, Arial, Helvetica, sans-serif;
	height:50px;
	text-align:left;
}
.rightCenterFooter .columnLinks
{	
	float:left;
	font-size:12px;
	color: #6cc2d8;
	font-family: Arial, Arial, Helvetica, sans-serif;
	/*padding:5px 0 0 10px;*/
	padding-left: 10px;
	width:165px;
}

.rightCenterFooter .columnLinks a
{	
	text-decoration:none;
	font-size:12px;
	color: #6cc2d8;
	font-family: Arial, Arial, Helvetica, sans-serif;
}

.bottomShadow
{	
	text-align:center;
	height:9px;
	width:100%;
	/*border: solid 1px red;	*/
}

.portfolioCategory
{	
	background-image:url("../images/portfolio_category.jpg");
	background-repeat: repeat-x;
	width:325px;
	*width:340px;
	font-size:12px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	padding-left:20px;
	color:white;
	font-weight:bold;
	padding-bottom:15px;
}

.listClients
{
	padding-left:13px;
	text-decoration:none;
/*	padding-bottom:10px;*/
	height:78px;
	vertical-align:top;
	margin-bottom: 7px;
}

.listClients a img
{
	text-decoration:none;
	border:none;
}

.listClients a
{
	text-decoration:none;
	border:none;
}

.PortofolioImage
{
	float:left;
	width:109;
	text-align:left;
	padding: 5px 1px 5px 1px;
}

.portfolioRight
{
	float: right;
	width: 529px;	
}

.portofolioHeader
{	
	height:97px;
	width:529px;
	/*border-bottom:solid 1px #d2d2d2;	*/
	background-color: #e6e6e6;
}

.portfolioTitle
{
	padding-top:10px;
	padding-left:15px;
	float:left;
	text-align: left;
	vertical-align:top;	
	font-weight:bold;
	font-size:20px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	color: #474747;
}

.portfolioInfo
{
	padding-top:10px;
	padding-right:20px;
	float:right;
	text-align: left;
	vertical-align:top;	
	font-size:12px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	color: #0B86A8;
}
.teamTitle
{
	padding-top:10px;
	padding-left:15px;
	text-align: left;
	vertical-align:top;	
	font-weight:bold;
	font-size:20px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	color: #474747;
}

.teamInfo
{
	padding-top:5px;
	padding-left:15px;
	text-align: left;
	vertical-align:top;	
	font-size:12px;
	
	font-family: Arial, Arial, Helvetica, sans-serif;
	color: #0B86A8;
}
h3 a{
	color:#fff;
	text-decoration:none;
}
h3 a:hover{
	color:#fff;
	text-decoration:none;
}
.contentPortfolio
{
	background-image:url("../images/content_bg.jpg");
	background-repeat: repeat-y;
	background-position: top center;
	padding-top:3px;
}

.portfolioLink
{	
	text-align:left;
	float:right;	
	width:175px;
	height:30px;
	font-size:11px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	margin-top:1px;
	margin-right:1px;
	margin-bottom: -10 px;
	margin-top: 22px;
	*margin-top: 22px;
}

.portfolioLink a
{
	color:white;
	line-height:180%;
	padding-left:6px;	
	width:175px;
	height:19px;
	background-image:url("../images/project_link.jpg");
	text-decoration:none;
	display: block;
}

.portfolioLink a:hover
{
	text-decoration:none;
	background-image:url("../images/project_link_over.jpg");
}

.portfolioSubTitle
{
	padding:20px 0 0 15px;
	font-size:14px;
	font-weight:bold;
	font-family: Arial, Arial, Helvetica, sans-serif;
	text-align:left;
	color: #474747;
	margin-bottom: 8px;
}

.portfolioText
{
	padding:0px 15px 0 15px;
	font-size:12px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	color: #474747;
	text-align:justify;
}

.portfolioBigImage
{
	margin-top:15px;
	margin-left:10px;
	*margin-left:0px;
	/*width:497px;
	\height:263px;*/
	/*background-image:url("../images/bigimage_bg.jpg");*/
	text-align: center;
}

.portfolioBigImage td {
	padding: 3px;
	border: 1px solid #b0b0b0;
}

.portfolioImage
{
	border: 0;
	/*border: 1px solid #b0b0b0;
	padding: 3px;*/
	/*display: block;*/
}

#PortofolioHeader_new {
	margin-bottom: 0px;
	width: 371px;
	height: 97px;
	background-image: url("../images/banner_portofolio_left.jpg");
}

#PortofolioHeader_new  h3{
	color: white;
	font-size: 30px;
	font-family: Trebuchet MS1, Helvetica, sans-serif ;
	padding: 30px 0px 30px 20px;
	font-weight: normal;
}

#services-container td {
	background-color: #FFFFFF;
	padding: 4px;
}

#services {
	width: 366px;
	padding: 0px;
}

#services th {
	background-color: #98E4FE;
	color: #05758D;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 20pt;
	text-align: left;
	font-weight: 500;
	padding: 2px;
	padding-left: 6px;
}

#services th a {
	color: #05748c;
	text-decoration: none;
}

#services td {
	padding: 6px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: arial;
	font-size: 10pt;
	color: #474747;
}

#services .selected {
	color: #427A17;
	background-color: #B9F061;
	background-image: url('../images/arrow.png');
	background-repeat: no-repeat;
	background-position: center right;
}

#services .selected  a{
	color: #538920;
}

#services td.normal, #services td.normal a {
	color: #40BADF;
	text-align: right;
}

#services td.expanded h1 {
	color: #464646;
	font-size: 12pt;
	border-bottom: solid 1px #B5B5B5;
	width: 330px;
}

#services-container .details h1 {
	font-size: 12pt;
	font-family: arial;
}

#services-container .list {
	background-image: url('../images/shadow_vertical.jpg');
	background-repeat: repeat-y;
	background-position: right;
	width: 4px;
	padding: 0;
}

#services-container .list2 {
	width: 4px;
	padding: 0;
}

#services-container th.list2 {
	background-color: #B9F061;
}

#services-container .top {
	background-image: url('../images/shadow_horizontal.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	height: 10px;
	padding: 0;
}

#services-container .bottom {
	background-image: url('../images/shadow_horizontal_2.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	height: 6px;
	padding: 0;
}

#services-container .details {
	font-size: 10pt;
	font-family: arial;
	padding: 16px;
}

#clients {
	padding-top: 8px;
}

#clients li {
	display: inline;
	list-style-type: none;
}

#clients li img {
	border: solid 1px #B0B0B0;
	padding: 1px;
}

#contact {
	background-color: white;
}

.contact_left_column {
	background-image: url('../images/contact/shadow.jpg'); 
	background-position: right; 
	background-repeat: repeat-y;
	padding: 5px;
	padding-left: 0px;
	padding-top: 20px;
}

#contact p {
	color: #424242;
	font-size: 9pt;
	font-family: Arial;
}

#form_input {
	border: 1px solid #DDDDDD;
	width: 200px;
	background-color: #F3F3F3;
}

#form_textarea {
	border: 1px solid #DDDDDD;
	width: 370px;
	background-color: #F3F3F3;
}

#form_header {
	background-image: url('../images/contact/header_info.png');
	width: 513px;
	height: 23px;
	margin: 8px;
}

#form_header p {
	padding-left: 5px; 
}

#send_button {
	float: right;
	margin-right: 11px;
	*margin-right: 0px;
}

#send_button .send_button_normal {
	background-image: url('../images/contact/buton_trimite_normal.jpg'); 
	border: 0px; 
	width: 71px; 
	height: 26px;
}

#send_button .send_button_over {
	background-image: url('../images/contact/buton_trimite_over.jpg'); 
	border: 0px; 
	width: 71px; 
	height: 26px;
}

.request-filter {
	color: #FF0000;
	font-size: 9pt;
}

#contact_header_right_column {
	border-bottom: 1px solid #D0D0D0;
	padding: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#maincontent td {
	background-color: #FFFFFF;
}