HTML, BODY
{
	height:100%;
}

BODY
{
	margin:0px;
	padding:0px;

	min-height:620px;
	
	background:rgb(242,241,237) url(../media/bg-main-gradient.png) 0 0 repeat-x;

	color:black;
	font-family:'trebuchet MS',sans-serif;
	font-size:12px;
}

IMG
{
	-ms-interpolation-mode:bicubic;
}

A.img, A img
{
	border:0;
}

#layout
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	
	min-width:1000px; /* 1024 minus scrollbar and borders */
	min-height:620px;
}

#page
{
	position:relative;
	margin:0 auto;
	
	min-width:1000px;
	max-width:1150px;
	
	height:100%;
	min-height:620px;
	
	z-index:0;
	
	/*background-color:rgba(0,0,0,.1);*/
}

#page.home, #scenes.home
{
	height:50%;
	min-height:310px;
	overflow:hidden;
}

#page.scenes
{
	overflow:hidden;
}

#page-no-scroll
{
	/*	container to toggle content scroll for 7scenes layer
	*/
	position:absolute;
	left:0px;
	top:0px;
	
	width:100%;
	height:100%;
	
	overflow:visible;
}

#page-logo
{
	position:fixed;
	margin-left:7px;
	margin-top:8px;

	width:69px;
	height:31px;

}

#page-header
{
	position:relative;
	margin:0;
	height:37px;
}

#page-7scenes-logo
{
	position:absolute;
	left:0px;
	top:0px;
	width:67px;
	height:29px;
	cursor:pointer;
}

#page-menu
{
	position:absolute;
	right:0px;
	top:12px;
}

.button.page
{
	position:relative;
	float:right;
	width:31px;
	height:15px;
	margin-left:18px;
}
.button.page A
{
	width:31px;
	height:15px;
}
.button.page.blog A
{
	background-image:url(../media/button/page-blog.png);
}
.button.page.about A
{
	background-image:url(../media/button/page-about.png);
}
.button.page.legal A
{
	background-image:url(../media/button/page-legal.png);
}

#page-content
{
	position:relative;
	margin-left:75px;
	margin-right:16px;
	padding-bottom:50px;
	
	font-size:12px;
	line-height:20px;
	color:rgb(62,62,62);
}

#page-content .large
{
	font-size:14px;
}

#page-content A
{
	color:#0c80be;
	text-decoration:none;
	border:0px;
}

#page-content A:hover
{
	color:#0c80be;
	text-decoration:underline;
}

#page-title
{
	position:relative;
	min-height:43px;
}

.hr
{
	clear:both;

	position:relative;
	width:100%;
	height:1px;
	margin-bottom:16px;
	
	background-image:url(../media/bg-black-10pct.png);
}

/*	flexible column layout
*/
.page-column-3
{
	position:relative;
	float:left;
	width:32%;
	background-image:url(../media/tmp/bg-magenta-15pct.png);
}
.page-column-3.center
{
	margin:0 2%;
}
.page-column-2-1, .page-column-1-2
{
	position:relative;
	float:left;
	width:66%;
	background-image:url(../media/tmp/bg-magenta-15pct.png);
}
.page-column-2-1
{
	margin-right:2%;
}
.page-column-1-2
{
	margin-left:2%;
}
.page-column-2
{
	position:relative;
	float:left;
	width:48.5%;
	background-image:url(../media/tmp/bg-magenta-15pct.png);
}
.page-column-2.left
{
	margin-right:3%;
}