.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main {
	width:980px;
	margin-right: auto;
	margin-left: auto;
}


/*======= header =======*/
#header {
	height:312px;
	background-image: url(images/header_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#header_drop {
	height: 170px;
}

#top_menu {
	overflow:hidden;
	width: 560px;
	margin-left: 420px;
	}
#logo_drop {
	height: 56px;
}	

#logo_drop h1, #logo_drop h2 {
	position: absolute;
	left: -10000px;
}

/*======= index.html =======*/
#page1 #content .col-1{ width:610px; margin-right:86px}
#page1 #content .col-2{
	width:284px;
	margin-right:0
}
#page1 #content .col-3{ width:275px; margin-right:62px}
#page1 #content .col-4{ width:273px; margin-right:0}
#page1 #content .bg{ background:url(images/tail.gif) repeat-y 303px top } 
#page1 #content1 .col-1{
	width:640px;
	margin-right:60px
}
#page1 #content1 .col-2{ width:280px; margin-right:79px}
#page1 #content1 .col-3{ width:280px; margin-right:0}
/*======= index-1.html =======*/
#page2 #content .col-1{ width:610px; margin-right:86px}
#page2 #content .col-2{ width:284px; margin-right:0}
#page2 #content .col-3{ width:275px; margin-right:62px}
#page2 #content .col-4{ width:273px; margin-right:0}
#page2 #content .bg{ background:url(images/tail.gif) repeat-y 303px top } 
#page2 #content1 .col-1{ width:600px; margin-right:100px}
#page2 #content1 .col-2{ width:280px; margin-right:0}
/*======= index-2.html =======*/
#page3 #content .col-1{ width:630px; margin-right:66px}
#page3 #content .col-2{ width:284px; margin-right:0}
#page3 #content .col-3{ width:275px; margin-right:62px}
#page3 #content .col-4{ width:273px; margin-right:0}
#page3 #content .bg{ background:url(images/tail.gif) repeat-y 303px top } 
/*======= index-3.html =======*/
#page4 #content .col-1{ width:630px; margin-right:66px}
#page4 #content .col-2{ width:284px; margin-right:0}
#page4 #content .col-3{ width:275px; margin-right:62px}
#page4 #content .col-4{ width:273px; margin-right:0}
#page4 #content .bg{ background:url(images/tail.gif) repeat-y 303px top } 
#page4 #content1 .col-1{ width:280px; margin-right:60px}
#page4 #content1 .col-2{ width:280px; margin-right:80px}
#page4 #content1 .col-3{ width:280px; margin-right:0}
/*======= index-4.html =======*/
#page5 #content .col-1{ width:630px; margin-right:66px}
#page5 #content .col-2{ width:284px; margin-right:0}
#page5 #content .col-3{ width:190px; margin-right:30px}
#page5 #content .col-4{ width:190px; margin-right:0}
#page5 #content .bg{ background:url(images/tail.gif) repeat-y 303px top } 
#page5 #content1 .col-1{ width:280px; margin-right:60px}
#page5 #content1 .col-2{ width:280px; margin-right:80px}
#page5 #content1 .col-3{ width:280px; margin-right:0}
/*======= index-5.html =======*/
#page6 #content .col-1{ width:630px; margin-right:66px}
#page6 #content .col-2{ width:284px; margin-right:0}
/*======= index-6.html =======*/
#page7 #content .col-1{ width:630px; margin-right:66px}
#page7 #content .col-2{ width:284px; margin-right:0}

/*======= footer =======*/
#footer {
	height:151px;
	background-image: url(images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #b8babc;
}
#footer .col-1{ width:493px}
#footer .col-2{
	width:275px;
	padding-left: 210px;
}
#footer .col-3{
	width:292px;
	color:#7a7a7a
}
#footer .col-3 span{color:#df2f34}
/*credit cards image align*/
#cards_align {
	padding-left: 485px;
}