.tail-top{ background:url(images/bg.gif) repeat-x top #009999}

.tail-bottom{background:url(images/bot1.gif) repeat-x  bottom }





.col-1, .col-2, .col-3, .col-4, .col-5, .col-6{ float:left}

/*======= width =======*/

.main{margin:0 auto; text-align:left; width:980px; }



/*======= header =======*/

#header {height:430px;}



/*======= index.html =======*/

#page1 #content .col-1{ width:300px; margin-right:26px; background:url(images/bg_1.gif) no-repeat top left; height:143px}

#page1 #content .col-2{ width:549px}

#page1 #content .col-3{ width:240px; margin-right:20px}

#page1 #content .col-4{ width:530px}

#page1 #content .col-5{ width:336px}

#page1 #content .col-6{ width:212px}

/*======= index-1.html =======*/

#page2 #content .col-3{ width:470px; margin-right:20px}

#page2 #content .col-4{ width:284px}

#page2 #content .col-5{ width:334px}

#page2 #content .col-6{ width:215px}

/*======= index-2.html =======*/

#page3 #content .col-1{ width:300px; margin-right:26px; background:url(images/bg_1.gif) no-repeat top left; height:143px}

#page3 #content .col-2{ width:549px}

#page3 #content .col-3{ width:284px; margin-right:15px}

#page3 #content .col-4{ width:589px}

/*======= index-3.html =======*/

#page4 #content .col-1{ width:589px; margin-right:20px}

#page4 #content .col-2{ width:284px}

/*======= index-4.html =======*/

#page5 #content .col-1{ width:284px; margin-right:20px}

#page5 #content .col-2{ width:589px}

/*======= index-5.html =======*/

#page6 #content .col-1{ width:283px; margin-right:15px}

#page6 #content .col-2{ width:589px}

#page6 #content .col-3{ width:201px}

#page6 #content .col-4{ width:247px}



/*======= footer =======*/

#footer { height:116px; }