/* 
Description: DUI Layout CSS
Build: Production 
Version: 1.1.0
Author: James Lam 
Copyright (c) 2007, Dessol Ltd. All rights reserved.
*/

body {
	text-align: center;
	margin: 0 15px;
}

div#header {
	text-align: left;
}

div#navigation {
	text-align: left;
}

div.left-column, div.center-column, div.right-column {
	float: left;
	text-align: left;
}

div#footer {
	clear: both;
	text-align: left;
}


/* 750px ---------------------------------------------------------------------------------------- */
div#main750 {
	width: 750px;
	margin: 0 auto 10px;
}

div#main750 div.container {
	width: 750px;
	clear: both;
	text-align: left;
	float: left;
}

/* Template 1 - LEFT: 1/3 - RIGHT: 2/3 */
div#main750 div.container.t1 div.left-column {
	width: 250px;
}

div#main750 div.container.t1 div.center-column {
	display: none;
}

div#main750 div.container.t1 div.right-column {
	width: 500px;
}


/* Template 2 - LEFT: 2/3 - RIGHT: 1/3 */
div#main750 div.container.t2 div.left-column {
	width: 500px;
}

div#main750 div.container.t2 div.center-column {
	display: none;
}

div#main750 div.container.t2 div.right-column {
	width: 250px;
}


/* Template 3 - LEFT: 1/2 - RIGHT: 1/2 */
div#main750 div.container.t3 div.left-column {
	width: 375px;
}

div#main750 div.container.t3 div.center-column { 
	display: none;
}

div#main750 div.container.t3 div.right-column {
	width: 375px;
}


/* Template 4 - LEFT: 1/3 - CENTER: 1/3 - RIGHT: 1/3 */
div#main750 div.container.t4 div.left-column {
	width: 250px;
}

div#main750 div.container.t4 div.center-column {
	width: 250px;
}

div#main750 div.container.t4 div.right-column {
	width: 250px;
}


/* Template 5 - LEFT: 1/4 - CENTER: 1/2 - RIGHT: 1/4 */
div#main750 div.container.t5 div.left-column {
	width: 187px;
}

div#main750 div.container.t5 div.center-column {
	width: 376px;
}

div#main750 div.container.t5 div.right-column {
	width: 187px;
}

/* Template 6 - CENTER: 1/1 */
div#main750 div.container.t6 div.left-column {
	display: none;
}

div#main750 div.container.t6 div.center-column {
	width: 750px;
}

div#main750 div.container.t6 div.right-column {
	display: none;
}


/* 900px ---------------------------------------------------------------------------------------- */
div#main900 {
	width: 900px;
	margin: 0 auto 10px;
}

div#main900 div.container {
	width: 900px;
	clear: both;
	text-align: left;
	float: left;
}


/* Template 1 - LEFT: 1/3 - RIGHT: 2/3 */
div#main900 div.container.t1 div.left-column {
	width: 300px;
}

div#main900 div.container.t1 div.center-column {
	display: none; 
}

div#main900 div.container.t1 div.right-column {
	width: 600px;
}


/* Template 2 - LEFT: 2/3 - RIGHT: 1/3 */
div#main900 div.container.t2 div.left-column {
	width: 600px;
}

div#main900 div.container.t2 div.center-column {
	display: none;
}

div#main900 div.container.t2 div.right-column {
	width: 300px;
}


/* Template 3 - LEFT: 1/2 - RIGHT: 1/2 */
div#main900 div.container.t3 div.left-column {
	width: 450px;
}

div#main900 div.container.t3 div.center-column { 
	display: none;
}

div#main900 div.container.t3 div.right-column {
	width: 450px;
}


/* Template 4 - LEFT: 1/3 - CENTER: 1/3 - RIGHT: 1/3 */
div#main900 div.container.t4 div.left-column {
	width: 300px;
}

div#main900 div.container.t4 div.center-column {
	width: 300px;
}

div#main900 div.container.t4 div.right-column {
	width: 300px;
}


/* Template 5 - LEFT: 1/4 - CENTER: 1/2 - RIGHT: 1/4 */
div#main900 div.container.t5 div.left-column {
	width: 225px;
}

div#main900 div.container.t5 div.center-column {
	width: 450px;
}

div#main900 div.container.t5 div.right-column {
	width: 225px;
}


/* Template 6 - CENTER: 1/1 */
div#main900 div.container.t6 div.left-column {
	display: none;
}

div#main900 div.container.t6 div.center-column {
	width: 900px;
}

div#main900 div.container.t6 div.right-column {
	display: none;
}


/* Template 7 */
div#main900 div.container.t7 div.left-column {
	width: 300px;
}

div#main900 div.container.t7 div.center-column {
	width: 600px;
}

div#main900 div.container.t7 div.right-column {
	display: none;
}