body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    /*color: #666666;*/
    background: #EEEEEE;
    margin: 0px;
    padding: 0px;
    scrollbar-face-color:#CCCCCC;
    scrollbar-arrow-color:#FFFFFF;
    scrollbar-track-color:#FFFFFF;
    scrollbar-shadow-color:#999999;
    scrollbar-highlight-color:#999999;
    scrollbar-3dlight-color:#CCCCCC;
    scrollbar-darkshadow-Color:#CCCCCC; 
	height:auto !important;	
}
a, a:active, a:visited
{
	color: #CB2030;
	text-decoration: none;	
	font-weight:bold;
}
a:hover 
{
	color: #000000;
	text-decoration: none;	
}
.floatLeft 
{
    float: left !important;    
}

h1
{
	font-size:15px;
}
.home ul, .technology ul, .projects ul, .custom ul
{	    
	list-style: none;
	padding: 0px;
	margin: 0;
	position:relative;	
}
.home ul li, .technology ul li, .projects ul li, .custom ul li
{
	margin: 0px;
	padding: 0px 0px 0px 9px;
	background:url(Images/li.gif) no-repeat 1px 6px;
}
.spacer
{
	clear:both;
	margin-bottom: 23px;
}
.vspace
{
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 5px;
}
.vspaceBig
{
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 10px;
}
.clear 
{
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;    
}
.border 
{
	line-height:0;
	font-size:0;
	border-bottom: 1px solid #d4cfcf;
	height: 1px;	
}
.header 
{
	/*background: #CB2030;*/
	background: #FFFFFF;
	width: 987px;
	height: 110px;	
}
.plus 
{
	font-size: 10px;
	font-weight: normal;
	line-height: 15px;
}
.scroll 
{
	position: relative;
	width: 987px;
	/*min-height: 483px;*/
	height:auto !important;
	/*height:483px;*/
	/*overflow: auto;
	overflow-y: scroll;
	overflow-x: none;*/
	margin-bottom:-36px;
}
.menu 
{
	float: left;
	margin:7px 50px 0px 20px;
	padding: 0;
	height: 100px;
}

.newsFilter
{
	float:right;
	position:relative;
	bottom:5px;
}

.line
{
	padding-left:7px;
	border-left-style:solid;
	border-left-color:#999999;
	border-left-width:1px;			
}

.boldText
{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
.blogTitle
{
	color:#CB2030;
	font-weight:bold;
	text-decoration:none;
	font-size:15px;
}
#blogTitle a
{
	font-weight:bold;
	font-size:15px;
	text-decoration:none;
}
#blogTitle a:hover
{
	color:#000000;
	text-decoration:none;
}
.blogReadMore
{
	padding-bottom: 5px;
}
#blogReadMore a
{
	text-decoration:none;
}
#blogReadMore a:hover
{
	color:#000000;
	text-decoration:none;
}
#blogReadMore img
{
	border-width:0px;
}
.blogCreator
{
	color:#CB2030;
	font-weight:bold;
	display:inline;
	float:left;
}
.blogCategoriesList
{
	color:#CB2030;
	font-weight:bold;
	display:inline;
}
.blogBorder
{
	padding-top:5px;
	border-top: 1px solid #CCCCCC;
}
.blogDateComments
{
	display:inline;
	position:absolute;
	left:280px;
	_left:265px;
}
.blogItem
{
	background: url('Images/box-transp10.png') repeat top left;
	padding-top:2px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:7px;
}
.blogHeaderText
{
	background: url('Images/box-transp10.png') repeat top left;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:7px;
}
.navmenu 
{
	position: relative;
	font-size: 12px;
    /*color: #000000;*/
    color: #CD2033;
    font-weight: bold;
	line-height: 16px;
	vertical-align:bottom;
	z-index: 8;
}
.menuSelected 
{
	position: relative;
	font-size: 12px;
    /*color: #000000;*/
    color: #CD2033;
    font-weight: bold;
	line-height: 16px;
	vertical-align:bottom;
	z-index: 8;
}
.submenu 
{
	position: relative;
	font-size: 12px;
    /*color: #000000;*/
    color: #CD2033;
    font-weight:bold;
	line-height: 15px;
	z-index: 8;
}
.submenuSelected 
{
	position: relative;
	font-size: 12px;
    /*color: #000000;*/
    color: #CD2033;
    font-weight: normal;
	line-height: 15px;
	z-index: 8;
}
a.navmenu, a.navmenu:active, a.navmenu:visited,
a.submenu, a.submenu:active, a.submenu:visited
{
	text-decoration: none;
	/*color: #490B0B;*/	
    color: #000000;

}
a.navmenu:hover,
a.submenu:hover,
a.menuSelected, a.menuSelected:active, a.menuSelected:visited, a.menuSelected:hover,
a.submenuSelected, a.submenuSelected:active, a.submenuSelected:visited, a.submenuSelected:hover 
{
    /*color: #FFFFFF;*/
    color: #CD2033;
}
.language 
{
	/*position:relative;*/
	padding: 85px 0px 0px 674px;
	#padding: 71px 0px 0px 674px;
    /*color: #490B0B;*/
	font-weight:bold;
    color: #000000;
}
.language a, .language a:active, .language a:visited 
{
    /*color: #FFFFFF;*/
    color: #CD2033;
	text-decoration: underline;	
}
.language a:hover 
{
	/*color: #490B0B;*/
    color: #000000;
}
.language input
{
	width: 100px;
	height: 14px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {

	.language input, .content input.sf_searchText
	{
		vertical-align: bottom;
	}
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {

	.language input, .content input.sf_searchText
	{
		vertical-align: middle;
	}
}
.language label
{
	font-weight: normal;
}
.logo 
{
	float: right;
	background: #FFFFFF;
	width: 300px;
	height: 74px;
	/*padding: 36px 0px 0px 20px;*/
}
form 
{
	padding: 0px;
	margin: 0px;
height:auto !important;	
}
.shadowTop 
{
	clear: both;
	position: absolute;
	background: url('Images/shadow-top.png') repeat-x top left;
	width: 987px;
	top: 0px;
	left: 0px;
	height: 8px;
	z-index:8;
	overflow:hidden;
}
.shadowBot 
{
	clear: both;
	position: absolute;
	background: url('Images/shadow-bottom.png') repeat-x top left;
	width: 987px;
	/*top: 475px;*/
	left: 0px;
	height: 8px;
	z-index:8;
	bottom:0;
}
.home, .technology, .projects, .custom
{
	position: relative;
	width: 987px;
	height:auto !important;
	min-height: 448px;
	float: left;
}
.technology, .projects, .custom
{
	padding-bottom:36px;
}
.home
{
	background:#a71f14 url('Images/home/andries_sirilak_max3.jpg') no-repeat top left;
}
.technology
{
	background:#a71f14 url('Images/max_3blocks/andries_sirilak_max3.jpg') no-repeat top left;
}
.projects
{
	background:#a71f14 url('Images/max_3blocks/andries_sirilak_max3.jpg') no-repeat top left;
}
.homeTitle 
{
	position: relative;
	background: url('Images/home-title-classic.png') no-repeat top left;
	margin: 0px 0 0 70px;
	top: 135px;
	
	
	width: 444px;
	height: 93px;	
}
.homeTitle h1 
{
	display:none;
	text-indent: -9999;	
}
.homeWhatsUp, .homeOurNeeds, .homeVideo 
{
	float:left;
	position: relative;
	background: #FFFFFF;
	color:#666;
	padding: 10px;
	margin-top: 140px;
	line-height: 15px;
	width: 150px;
	height: 230px;
	top: 0px;
}
.homeVideo
{	
	left: 417px;	
}
.homeWhatsUp
{	
	left: 437px;	
}
.homeOurNeeds
{	
	left: 457px;	
}
.homeVideo h2, .homeWhatsUp h2, .homeOurNeeds h2
{
	font-size: 22px;
	color: #000000;
	margin: 0px 0px 7px 0px;
	padding: 0px;
}

.homeVideo h2 a, .homeWhatsUp h2 a, .homeOurNeeds h2 a
{
	color: #000000;
}

.homeVideo .bchTitle a, .homeWhatsUp .bchTitle a, .homeOurNeeds .bchTitle a 
{
	font-size: 13px;
	font-weight:bold;
	color: #000000;
}

.homeWhatsUp .bchText a, .homeOurNeeds .bchText a, .homeVideo .bchText a
{
	color: #666;
	font-weight:normal;
}

.homeWhatsUp .bchText a:hover, .homeOurNeeds .bchText a:hover, .homeVideo .bchText a:hover
{
	text-decoration:underline;
}
.homeVideo a img 
{
	/*margin: 5px 0 10px 0;*/
	border: none;	
}
.homeVideo strong a img
{
	margin:0;
}
.col1, .col2, .col3, .col4 
{
	float:left;
	position: relative;
	background: url('Images/box-transp10.png') repeat top left;
	padding: 8px 10px 8px 10px;
	margin-top: 18px;
	margin-bottom:-15px;
	line-height: 16px;
	width: 202px;
	height: 361px;
	display:none;
}
.col1
{	
	left: 20px;	
}
.col2
{	
	left: 40px;	
}
.col3
{	
	left: 60px;	
}
.col4
{	
	left: 80px;	
}
.box1, .box2, .box3 
{
	float:left;
	position: relative;
	background: url('Images/box-transp10.png') repeat top left;
	padding: 0px 10px 15px 10px;
	line-height: 16px;
	width: 202px;
	display:none;
}
.box1
{	
	top: 0px;	
}
.box2
{	
	top: 20px;	
}
.box3
{	
	top: 40px;
}
.box1 a img, .box2 a img, .box3 a img 
{
	margin: 5px 0 0 0;
	border: none;
}
.colMain 
{
	position: relative;
	background: url('Images/box-transp10.png') repeat top left;
	line-height: 16px;
	width: 710px;
	top: 18px;
	left:20px;
	float: left;
}
.bottomColMain 
{
	position: relative;
	background: url('Images/box-transp10.png') repeat top left;
	line-height: 16px;
	width: 710px;
	left:20px;
	float: left;
	margin-top:18px;
	display:none;
}
.colLeft
{
	position: relative;
	float:left;
	background: url('Images/box-transp10.png') repeat top left;
	line-height: 16px;
	width: 538px;
	/*height: 450px;*/
	top: 18px;
	left: 20px;
}
.colLeftNoBackground
{
	position: relative;
	float:left;
	/*background: url('Images/box-transp10.png') repeat top left;*/
	line-height: 16px;
	width: 538px;
	/*height: 450px;*/
	top: 18px;
	left: 20px;
}
.colLeftNoBackGround a
{
	font-weight:normal;
	text-decoration:underline;
	color:#CD2033;
}
.colLeftNoBackground a:hover
{
	color:#000000;
}
.colLeft a
{
	font-weight:normal;
	text-decoration:underline;
	color:#CD2033;
}
.colLeft a:hover
{
	color:#000000;
}

.colRight 
{
	position: relative;
	float:left;
	line-height: 16px;
	width: 222px;
	top: 18px;
	left: 40px;
}
.headerIn .launch 
{
	font-size: 10px;
	font-weight: bold;
	margin: -20px 0px 0px 460px;	
}
.headerIn .launch a, .headerIn .launch a:active, .headerIn .launch a:visited
{
	color: #666666;	
}
.headerIn .launch a:hover 
{
	color: #CB2030;	
}
.col1 h1, .col2 h1, .col3 h1, .col4 h1 
{
	font-size: 15px;
	color: #000000;
	margin: 0px 0px 17px 0px;
	padding: 0px;	
}
.headerIn, .headerAll 
{
	position:relative;
	background: transparent;
	color: #000000;
	display:none;
}
.headerIn
{
	width: 538px;
	height: 216px;
}
.headerAll 
{
	width: 710px;
	background-color: #fff
	/*height: 188px;*/
}
.headerText
{
	padding-top:10px;
	padding-left:10px;
}
.flash 
{
	clear: both;
	position: absolute;
	width: 402px;
}
.text 
{
	float: right;
	padding: 22px 10px 8px 0px;
	width: 210px;	
}
.text h1 
{
	font-size: 15px;
	color: #CB2030;
	margin: 0px 0px 2px 0px;
	padding: 0px;	
}
.text h2 
{
	font-size: 13px;
	color: #000000;
	margin: 0px;
	padding: 0px;	
}

.content 
{
	padding: 30px 10px 8px 10px;
	float: left;
	color:#333333;
}

.contentBottom 
{
	padding: 0px 10px 8px 10px;
	float: left;
	color:#333333;
}
.content .shortDesc, .colRight .shortDesc
{
	margin-top: 0px;
}
.content .chead, .content .clhead
{
	margin-top: 15px;
}

.content .c1, .content .c2, .content .c3, content .c11, content .c12, content .c13
{
	float: left;
	position: relative;
	margin-top: 15px;
	width: 202px;
	display:none;
}
.content .c2 
{
	left: 40px;	
}
.content .c3 
{
	left: 80px;	
}
.content .c12
{
	left: 40px;
}
.content .c13
{
	left: 80px;
}

.content .cl1, .content .cl2, .content .cl3 
{
	float: left;
	position: relative;
	margin-top: 20px;
	width: 202px;
	display:none;
}
.contentBottom .cl11, .contentBottom .cl12, .contentBottom .cl13 
{
	float: left;
	position: relative;
	/*margin-top: 8px;*/
	width: 202px;
	display:none;
	top:-7px;
}
.content .cl2 
{
	left: 40px;	
}
.content .cl3 
{
	left: 80px;	
}
.contentBottom .cl12 
{
	left: 40px;	
}
.contentBottom .cl13 
{
	left: 80px;	
}
.shortDesc 
{
	margin-top: 32px;
}
.shortDescLanding
{
	margin-top: 5px;
}
.shortDescBottom
{
	margin-top: 0px;
}
.shortDesc tr td
{
	font-size: 10px;
	font-weight: bold;
	line-height: 18px;
	border-bottom: 1px solid #CCCCCC;	
}
.shortDescLanding tr td
{
	font-size: 10px;
	font-weight: bold;
	line-height: 18px;
	border-bottom: 1px solid #CCCCCC;	
}
.shortDesc a, .shortDesc a:active, .shortDesc a:visited
{
	color: #CB2030;	
	text-decoration: none;
	width: 202;
	display:block;
    background: url("../../Resources/images/arrow-red.gif") no-repeat right;
	
}
.shortDescLanding a, .shortDescLanding a:active, .shortDescLanding a:visited
{
	color: #CB2030;	
	text-decoration: none;
	width: 202;
	display:block;
    background: url("../../Resources/images/arrow-red.gif") no-repeat right;
	
}
.shortDesc a:hover
{
	color: #000000;	
    background: url("../../Resources/images/arrow-black.gif") no-repeat right 50%;
}
.shortDescLanding a:hover
{
	color: #000000;	
    background: url("../../Resources/images/arrow-black.gif") no-repeat right 50%;
}
.contentBottom .shortDesc
{
	margin-top:0px;
}
.content first
{
	font-size: 11px;
	color: #000000;
	font-weight:bold;
} 

.content h1, 
.colRight h1 {
	font-size: 15px;
	color: #000000;
	margin: 15px 0px 0px 0px;
	padding: 0px;	
}
.colRight h1 
{
	margin-top: 10px;
}
.content h2, .colRight h2, .col1 h2, .col2 h2, .col3 h2 
{
	font-size: 13px;
	font-weight:bold;
	color: #000000;
	margin: 20px 0px 0px 0px;
	padding: 0px;	
}
.red
{
	color: #CB2030;	
	font-weight: bold;
}
.redBigger
{
   	float: left;
   	font-size: 11px;
	color: #CB2030;	
	padding-left: 20px;
}
.form 
{
	/*width: 358px;*/
	width: 520px;	
}
.firstPar
{
	color:#000000;
}
ul.form  
{
	list-style: none;
	padding: 0px;
	margin: 0;
}
ul.form li 
{
	margin: 0px;
	padding: 11px 0px 0px 0px;
	background: none;
}
ul.form li span
{
	display: block;
	padding: 11px 0px 0px 0px;
}

ul.form li .label
{
	text-align: left;
	float: left;
	width: 100px;
	margin-right: 5px;		
}
input
{
	font-size: 11px;
	color: #666666;
	width: 250px;
	height: 16px;
	border: 1px solid #CCCCCC;	
}

.btn 
{
	float: right;
	background: #CB2030;
	width: 70px;
	height: 25px;
	color: #FFFFFF;
	margin-left: 8px;
	margin-bottom: 30px;
	cursor: pointer;
	border: 0px solid #CB2030;
}
.btnWide
{
	float: right;
	background: #CB2030;
	width: 150px;
	height: 25px;
	color: #FFFFFF;
	margin-left: 8px;
	margin-bottom: 30px;
	cursor: pointer;
	border: 0px solid #CB2030;
}

textarea
{
	font-size: 11px;
	color: #666666;
	width: 250px;
	height: 60px;
	border: 1px solid #CCCCCC;	
}
.footer 
{
	position: relative;
	clear:both;
	padding: 3px 200px 0px 0px;
	background: #FFFFFF;
	font-size: 10px;
	height: 19px;
	color: #666666;
	text-align: center;
	z-index:8;		
}
.footer a, .footer a:active, .footer a:visited 
{
	color: #666666;
	text-decoration: none;
}
.footer a:hover 
{
	color: #666666;
	text-decoration: underline;
}

/* Projects extended list */
.projArea { 
	height: 178px; 
	width: 670px; 
	padding:0px; 
	margin:0px; 
	overflow: hidden; 
	float:left;
}
.project  {
	width: 660px;
	height:168px;
	padding:5px;
	float:left;
	background:#fff;
}
.project img { 
	top:0; 
	left:0;
	float:left; 
	margin-right:20px; 
}
.project p{
    color:#666;
    margin:0px;
}
.project h1, .project .h1{
    font-size: 15px;
    color: #CD2033;
    margin:0px;
}
.project h2, .project .h2{
    font-size: 11px;
    color: #000;
    margin:0px;
    margin:20px 0px 0px;
}
.project a{
    background: url("../../Resources/images/arrow-more.gif") no-repeat right 50%;
    display:block;
    width: 75px;
    float:left;
    font-weight:bold;
}
.btnArea {
    height:20px;
    padding: 10px;
    width:20px; 
    float:left; 
    position:relative;
    background-color: #ffffff;
    
}

.btnAreaSpacer {
    height:78px;
    padding: 10px;
    width:20px; 
    float:left; 
    position:relative;
    background-color: #ffffff;
}

.btnArea a{
    display:block; 
    height:16px; 
    width:16px;
    background-color: Transparent;
}
.btnArea a.up{background: url("../../Resources/images/up.gif") no-repeat;}
.btnArea a.down{background: url("../../Resources/images/down.gif") no-repeat;}

.newsHeader
{
	padding: 8px 10px;
}
.newsDate
{
	font-weight:normal;
	color:#000;
}

a.pdf
{
	padding-left:25px;
    background: url("../../Resources/images/pdf_icon.gif") no-repeat left;
}

a.external, a.external:active, a.external:visited
{
	color: #CB2030;
	font-weight: bold;
    text-decoration:underline;
}

a.external:hover
{
	color: #000000;
	font-weight: bold;
    text-decoration:underline;
}


a.back, a.back:active, a.back:visited
{
	padding-left:15px;
	color: #CB2030;
	font-weight: bold;
    background: url("../../Resources/images/arrow-red-back.gif") no-repeat left;
    text-decoration:underline;
}

a.back:hover
{
	padding-left:15px;
	color: #000000;
	font-weight: bold;
    background: url("../../Resources/images/arrow-black-back.gif") no-repeat left;
    text-decoration:underline;
}

.popUp{
	padding:0px 15px 10px 15px;
	text-align:left;
	background-color: White;
}

.popUp .IntroText
{
	font-weight: bold;
	font-size: 15px;
}
.perfValTd
{
	width:15px;
}
.perfTable
{
	width:500px;
}
.perfTextBox
{
	width:302px;
}
.btnPerfTd
{
	width:455px;
}
.h1, .h2{
	color: #000;
	padding: 0;
	font-weight: bold;
	display: block;
}
.h1 {font-size: 15px; margin: 10px 0;}
.h1.big {font-size: 18px;}
.h2 {font-size: 13px; margin: 0px 0 0px;}

.btnZoom 
{
	background: transparent url(/Resources/Images/zoom.png) no-repeat left 1px;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Resources/Images/zoom-a.png', sizingMethod='image');
	width: 21px !important;
	height: 21px !important;
	border: none;
	cursor: pointer;
}
.btnZoom:hover 
{
	background-position: left -20px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Resources/Images/zoom-h.png', sizingMethod='image');
}
.buttons 
{
	padding: 25px 0 15px 10px;	
}
.buttons a
{
	float: left;
	display: block;
	background: #cb2030;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 25px;
	margin: 0 35px 0 0;
	width: 72px;
	height: 25px;
}
.buttons a:hover
{
	color: #ccc;
}
dl.searchResults
{
	margin: 0;
}
dl.searchResults dt span
{
	font-size: 12px;
}
.colLeft dl.searchResults strong a
{
	font-weight: bold;
	text-decoration: none;
}
.colLeft dl.searchResults dt strong a
{
	font-size: 12px;
}
dl.searchResults dd 
{
	margin: 0;
}