html, body, #container { height: 100%; }
#site_center {text-align:center;}
#main {width:1200px;  margin:0px auto 0px auto; text-align:left; }
#header {width:100%; height:195px; background:url(../images/header_bg.jpg) repeat-x left top;}


#footer {

clear: both;
 position: relative;
 z-index: 10;
 height: 465px;
 /*margin-top: 465px;*/

     /* Height of the footer */
   background:url(../images/footer_bg.jpg) repeat-x left; background-color:#383e47;
}

.header {height:195px; background:url(../images/header.jpg) no-repeat  top; margin:0px auto 0px 0px;}
.footer {height:465px; background:url(../images/footer.jpg) no-repeat  top; margin:0px auto 0px 0px;}

#header, #content, #footer { font-size:0.75em;}

.col_1, .col_2, .col_3, .column1, .column2, .column3 { float:left;}





/*content*/



/*footer*/
/*#footer .indent { padding:26px 32px 0 20px;}
#footer .fleft { color:#e7e0c2;}
#footer .fleft a { color:#e7e0c2;}
*/

/*======= index.html =======*/
#page1 #content_p .col_1 {width:480px;}
#page1 #content_p .col_2 {width:480px;}

#page2 #content_p .col_1 {width:960px;}/* 736px*/


#page3 #content .col_1 {width:411px;}
#page3 #content .col_2 { width:339px;}

#page3 #content .col_1 .column1 { width:216px;}
#page3 #content .col_1 .column2 { width:161px;}
#page3 #content .col_2 .column1 { width:119px;}
#page3 #content .col_2 .column2 { width:160px;}

#page4 #content .row_1 .column1 { width:122px;}
#page4 #content .row_1 .column2 { width:170px;}

#page4 #content .row_2 .column1 { width:389px;}
#page4 #content .row_2 .column2 { width:321px;}

#page5 #content_p_1 .col_1 {width:465px;}
#page5 #content_p_1 .col_2 {width:271px;}

#page6 #content .col_1 {width:472px;}
#page6 #content .col_2 {width:280px;}

#page6 #content .col_1 .column1 { width:175px; float: left}
#page6 #content .col_1 .column2 { width:175px; float: right}



#menu{
	background:url(../images/menu_bg.png) no-repeat top left);
	margin:0 0 0 0px;
	padding:0;
	

	width:960px;
	height:100%;
	
	float:left;
}

/*menu top*/
ul.menu_top {
	width: 960px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0;
	margin-left: 0px; padding: 0;
}
ul.menu_top li {
	float: left;
	margin: 7px 3px 0px 0px;; padding: 0;
	text-align: center;
	padding:5px 0px 0px 0px;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.menu_top li a.thumb {
	width: 237px; /*--Width of image--*/
	height: 233px; /*--Height of image--*/
	
	
}
ul.menu_top li span { /*--Used to crop image--*/
	width: 237px;
	height: 233px;
	overflow: hidden;
	display: block;
	
}
ul.menu_top li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}

ul.menu_top li a {text-decoration: none; color: #777; display: block;}