/*You can modify the width of the website by changing "width" parameter with #main and deleting the parameter of "widht:expression...". The minimum value is 850px.*/

#header {
	
	font-size:0.875em;
}
#top {
	background:url(images/tall_top.gif) left top repeat-x;
	text-align: center;
	margin: 0 auto;
}

#site_center {
	text-align:center;
	background:url(images/tall_top.gif) left top repeat-x;
	width: 1400px;
	padding: 0;
	margin: 0 auto;
}
#main {
	margin:0 auto;
	text-align:left;
	min-width:850px;


	








width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 850)? "850px" : "100%");
}
#page4 #header {
	height:180px;
	font-size:0.875em;
}
#me #header {
	height:180px;
	font-size:0.875em;
}
#load #header {
	height:180px;
	font-size:0.875em;
}


#bas #header {
	height:180px;
	font-size:0.875em;
}
#act #header {
	height:180px;
	font-size:0.875em;
}

#eas #header {
	height:180px;
	font-size:0.875em;
}
#mol #header {
	height:180px;
	font-size:0.875em;
}

#pe #header {
	height:180px;
	font-size:0.875em;
}
#prod #header {
	height:180px;
	font-size:0.875em;
}
#cont #header {
	height:180px;
	font-size:0.875em;
}


#app #header {
	height:180px;
	font-size:0.875em;
}
#reg #header {
	height:180px;
	font-size:0.875em;
}





#content { font-size:.69em;}
#footer { font-size:.75em;}

.col_1, .col_2, .col_3, .col_4, .col_5, .box_1, .box_2, .box_3, .column1, .column2, .column3 { float:left;}
.column5 {
	text-align: left;
}

/*======= index.html =======*/
#page1 #content .col_1 {
	width:25%;
}
#page1 #content .col_2 {
	width:25%;
}
#page1 #content .col_3 {
	width:25%;
}
#page1 #content .col_4 {
	width:25%;
}
#page1 #content .col_5{
	width:43%;
}
#page1 #content .row_1 .col_1 {
	width:57%;
}
#page1 #content .row_1 .col_2 {
	width:43%;
}
#page1 .column4 {
	width:210px;
}




/*======= index-1.html =======*/
#page2 #content .col_1 {width:59%;}
#page2 #content .col_2 {width:41%;}

/*======= index-2.html =======*/
#page3 #content .column1 { width:51%;}
#page3 #content .column2 { width:49%;}
#page3 #content .row_2 .col_1 { width:48%;}
#page3 #content .row_2 .col_2 { width:52%;}
#page4 #content .col_1 {
	width:42%;
}
#page4 #content .col_2 {
	width:58%;
}


/*======= index-4.html =======*/
#page5 #content .row_1 .col_1 { width:57%;}
#page5 #content .row_1 .col_2 { width:43%;}
#page5 #content .row_2 .col_1 { width:46%;}
#page5 #content .row_2 .col_2 { width:54%;}

/*======= index-5.html =======*/
#page6 #content .col_1 { width:471px;}
#page6 #content .col_2 { margin-left:471px; float:none;}

#page6 #content .col_1 .column1 { width:210px;}
#page6 #content .col_1 .column2 { width:199px;}
#bas #content .col_1 {
	width:471px;
}
#bas #content .col_2 {
	margin-left:471px;
	float:none;
}
#bas #content .col_1 .column1 {
	width:210px;
}
#bas #content .col_1 .column2 {
	width:199px;
}
#pe #content .row_1 .col_1 {
	width:45%;
}
#pe #content .row_1 .col_2 {
	width:55%;
}
#pe #content .row_2 .col_1 {
	width:46%;
}
#pe #content .row_2 .col_2 {
	width:54%;
}
/*======= index-3.html =======*/
#me #content .col_1 {
	width:42%;
}
#me #content .col_2 {
	width:58%;
}
#prod #content .col_1 {
	width:42%;
}
#prod #content .col_2 {
	width:58%;
}

#app #content .row_1 .col_1 {
	width:57%;
}
#app #content .row_1 .col_2 {
	width:43%;
}
#app #content .row_2 .col_1 {
	width:46%;
}
#app #content .row_2 .col_2 {
	width:54%;
}
#load #content .col_1 {
	width:59%;
}
#load #content .col_2 {
	width:41%;
}

#reg #content .col_1 .column5 {
	width:210px;
}
#reg #content .col_1 .column2 {
	width:199px;
}
#cont #content .col_1 {
	width:471px;
}
#cont #content .col_2 {
	margin-left:471px;
	float:none;
}
#cont #content .col_1 .column1 {
	width:210px;
}
#cont #content .col_1 .column2 {
	width:199px;
}






/*=========================*/


#footer {height:80px;}

