/*=======You can modify the width of the website by changing "width" parameter with .main, #header, #content, #footer. The minimum value is 780px.=======*/
.site_center {text-align:center;}
.main {
	width:799px;
	margin:0 auto;
	text-align:center;
	vertical-align: middle;
}
.min_width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 799)? "799px" : "100%"); min-width:799px;}

/*======= header =======*/
#header{ height:395px; width:100%}

#header .menu .col1{
	width:33%;
	height:275px;
	background-color: #333333;
}
#header .menu .col2{ width:100%; height:280px}

/*======= footer =======*/
#footer{ height:96px; width:100%}

/*======= content =======*/
#content { width:100%}

.col_1, .col_2, .col_3, .col1, .col2, .col3, .col { float:left;}

/*======= index.html =======*/
#page1 #content .col1{ width:33%}
#page1 #content .col2{
	width:67%;
	background-image: none;
}

/*======= index-1.html =======*/
#page2 #content .col1{ width:33%}
#page2 #content .col2{ width:67%}

/*======= index-2.html =======*/
#page3 #content .col1{ width:33%}
#page3 #content .col2{ width:67%}

/*======= index-4.html =======*/
#page4 #content .col1{ width:33%}
#page4 #content .col2{ width:67%}

/*======= index-5.html =======*/
#page5 #content .col1{ width:33%}
#page5 #content .col2{ width:67%}

/*======= index-6.html =======*/