.col-1, .col-2, .col-2detail, .col-2a, .col-3, .col-3detail, .col-3a, col-4 { float:left}
/*======= width =======*/

.main{margin:0 auto; text-align:left; width:900px; border: 1px solid #000000; background-color:#FFFFFF; }


/*======= header =======*/
#header {height: 69px;   background:url(images_sunwiser/header/sunwiser_header.jpg) no-repeat top left; margin-left: 0px; padding-bottom: 10px; width: 900px;}

/*======= index.html =======*/
#page1 #content {height: 100%;  0px; background-color:#FFFFFF; }



.wrapper {
	padding-top: 20px;
	margin:0 auto;
	width: 900px;
}
.wrapper1 {
	margin:0 auto;
	width: 100%;
	background-color:#CCCCCC;
}
.wrapper_footer {
	margin:0 auto;
	width: 100%;
}


#navigation {
	float: right;
	height: 20px;
	margin: 0px 0px 0px 0px;
	width: 900px;
	
}

#page1 #content .col-1 {
	position: relative;
	width:190px;
	background:url(images_bif/sep.gif) repeat-y top right; padding: 0px 10px 0px 0px; margin: 0px 0px 0px 10px;
}
.col-1wrapper {
	position: relative;
	width: 225px;
	margin: 0px 0px 0px 10px;
}


#page1 #content .col-2 {
	position: relative;
	width:510px;
	margin: 0px 0px 0px 5px;
	padding: 0px 5px 0px 0px;
}
#page1 #content .col-2detail {
	position: relative;
	width:410px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.col-2 li { font-size: 1em; text-decoration: none; list-style: disc; margin-left: 15px; }
.col-2 li a { color: #333; text-decoration: none;  }
.col-2 li a:hover { text-decoration: underline; }

#page1 #content .col-2a {
	position: relative;
	width:650px;
	margin: 0px 0px 0px 5px;
	padding: 0px 5px 0px 0px;
}

#page1 #content .col-3 {
	position: relative;
	width:150px;
	margin: 0px 0px 0px 0px;
	background:url(images_bif/sep.gif) repeat-y top left; padding-left: 10px;
}
#page1 #content .col-3detail {
	position: relative;
	width:260px;
	margin: 0px 0px 0px 0px;
	background:url(images_bif/sep.gif) repeat-y top left; padding-left: 10px;
}

#page1 #content .col-3a {
	position: relative;
	width:125px;
	margin: 0px 0px 20px 0px;
	padding-left: 5px;
}


/*======= footer =======*/
#footer { height: 100px;   background:url(images_sunwiser/footer/footer_home.jpg) no-repeat bottom left; margin-left: 0px; width: 900px;   }

/*footer*/
#footer { color:#FFFFFF; text-align:left;   }
#footer .indent-footer{ padding:85px 0px 0px 5px; }
#footer a {color:#FFFFFF; text-decoration:none}  
#footer a:hover {  text-decoration:underline}

.giraffe-link {position: absolute; text-align: right; width: 900px; height: 18px; color:#333; margin-top: 5px; }

#footer .counter{ position: absolute; float: center;  margin: 5px 0 0 0; }

.page-links {position: absolute; float: center; text-align:center; width: 900px;  color:#333; margin: 5px 0px 0 0px;  }
.page-links a { color:#000; text-decoration:underline; text-weight: bold; }