/* Layout Styles */

html {
	height: 100%;
}

body {
	height: 100%;
	width: 990px;
	margin: 0 auto;
}

#page {
	min-height: 100%;
	background: url(/design/img/bg-body-right.gif) 100% 0 repeat-y;
}
* html #page {
	height: 100%; /* ie6 */
}

#content {
	padding: 0 20px 18em 20px;
	background: url(/design/img/bg-body-left.gif) 0 0 repeat-y;
	
	/*overflow: hidden; /* for floated elements, */
	/*bad ^^^ - firefox is placing this container over #footer, so #bottom-menu in #footer is not working */
}

.col1 {
	float: left;
	width: 340px;
}
.dots-v-inner .col1 {
	width: 703px;
}

.col2 {
	margin-left: 40px;
	float: left;
	width: 360px;
}

.dots-v-video .col1 { float: left; width: 48%; margin: 0 }
.dots-v-video .col2 { float: right; width: 48%; margin: 0 }

.colRight {
	float: right;
	width: 183px;
	padding: 55px 10px 0 0;
	overflow: hidden;
}

#footer {
	z-index: 10;
	margin: -11em 2px 0 2px;
	height: 11em;
	
	text-align: center;
	background: url(/design/img/bg-body-bottom.gif) 0 100% repeat-x;
}