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

#header {
	height:448px;
	background:url(images/header-bg.jpg) top left no-repeat;
}

#content {
	background:url(images/content-bg.gif);
}

#footer {
	height:89px;
	border-top:4px solid #4d554b;
	text-align:center;
	background:#0d0d0d;
}

.col-1, .col-2, .col-3 {
	float:left;
}

.container {
	width:100%;
	overflow:hidden;
}

.navigation ul li {
	display: inline;
}

/* ============================= page1 ===========================*/

#page1 .col-1 {
	width:510px;
}

#page1 .col-2 {
	width:309px;
}

#page1 .col-2 .col-1 {
	width:74px;
}

#page1 .col-2 .col-2 {
	width:175px;
}

/* ============================= page2 ===========================*/

#page2 .col-1 {
	width:203px;
}

#page2 .col-2 {
	width:309px;
}

#page2 .col-3 {
	width:309px;
}

#page2 .col-3 .col-1 {
	width:74px;
}

#page2 .col-3 .col-2 {
	width:175px;
}

/* ============================= page3 ===========================*/

#page3 .col-1 {
	width:309px;
}

#page3 .col-2 {
	width:505px;
}

/* ============================= page4 ===========================*/

#page4 .col-1 {
	width:510px;
}

#page4 .col-2 {
	width:309px;
}

#page4 .col-2 .col-1 {
	width:74px;
}

#page4 .col-2 .col-2 {
	width:175px;
}

/* ============================= page5 ===========================*/

#page5 .col-1 {
	width:309px;
}

#page5 .col-2 {
	width:505px;
}

#page5 .col-1 .col-1 {
	width:74px;
}

#page5 .col-1 .col-2 {
	width:175px;
}

/* ============================= page6 ===========================*/

#page6 .col-1 {
	width:510px;
}

#page6 .col-2 {
	width:309px;
}

#page6 .col-1 .col-1 {
	width:225px;
}

#page6 .col-1 .col-2 {
	width:225px;
}

/* ============================= page7 ===========================*/

#page7 .col-1 {
	width:309px;
}

#page7 .col-2 {
	width:505px;
}

/* ============================= page8 ===========================*/

#page8 .col-1 {
	width:510px;
}

#page8 .col-2 {
	width:309px;
}

#page8 .col-1 .col-1 {
	width:225px;
}

#page8 .col-1 .col-2 {
	width:225px;
}