html,body 
{
	background: #FFF;
}

.clear { clear: both; }

/* Layout */
#container
{
	width: 900px;
	height: 611px;
	margin: 20px auto;
	overflow: hidden;
	visibility:hidden;
}

#header
{
	height: 110px;
	overflow: hidden;
}

#content
{
	height: 500px;
	overflow: hidden;
	position: relative;
}

#sidebar
{
	position: absolute;
	top:0px;
	left:0px;
	width: 160px;
	height: 500px;
	padding:0px;
	margin:0px;
}

#main
{
	position: absolute;
	top:0px;
	left:160px;
	height:500px;	
}

#gallery
{
	position: absolute;
	top:0px;
	left:0px;	
	width: 740px;	
	height:500px;
}

#box
{
	position: absolute;
	top:0px;
	left:0px;	
	width: 740px;
}


/* Style */
#container
{
	background:#FFF;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}

#content
{
	border-top:solid 1px #CCC;
}

#main
{
	border-left:solid 1px #CCC;
}

#noscript
{
	height: 500px;
	overflow: hidden;
	position: relative;
	border-top:solid 1px #CCC;
}

#noscript p
{
	margin: 30px 0 0px 130px;
	width: 300px;
	font-size: 14px;
	color: #777;		
}

#noscript a
{
	text-decoration: underline;
	font-weight: 700;
	color: #C59857;		
}

#noscript a:hover 
{
	color: #000;
}

/* Menu */
#menu
{
	margin: 15px 10px 0 0;
	text-transform: uppercase;
	font-size: 12px;
	position:relative;	
}

#menu ul
{
	list-style: none;
	text-align: right;
}

#menu li
{
	margin: 0 0 5px 0;
	left:-40px;
	width:148px;
	position:relative;
}

#menu li a
{
	text-decoration: none;
	color: #999;
	font-family: "john-doe-1","john-doe-2","Courier New","Courier",monospace;	
}

#menu li a:hover 
{
	color: #444;
}

#menu li a.selected 
{
	color: #444;
}

#header h1 { margin:0;}
#header h1 a { display: block; text-indent: -9999px; width: 620px; height: 110px; background: url(../images/sas-design-studios-logo.jpg) no-repeat; }

.tagline
{
	color: #999;
	font-size: 14px;
	position: relative; 
	left: 125px;
	top: -65px;
	width: 600px;
}

#box
{
	margin: 15px 0 0 30px;
	width: 620px;
	font-size: 14px;
	color: #666;
	font-family: "adobe-garamond-pro-1","adobe-garamond-pro-2",serif;
	line-height:120%;	
}

#box div {
	position: absolute;
	display: none;
	margin:0;
}

#box div p {
	margin:0 0 10px 0;
}

.highlight
{
	text-transform: uppercase;
	font-size: 12px;
	color: #666;	
}

.orange
{
	color: #C59857;
}

.downcase
{
	text-transform: lowercase;
}

#projectlist
{
	margin: 0;
	display: none;	
}

#projectlist a
{
	text-decoration: none;
	color: #BBB;	
	font-size: 12px;
	font-weight: 700;	
}

#projectlist a:hover 
{
	color: #000 !important;
}

#projectlist a.selected 
{
	color: #C59857 !important;
}

#description
{
	margin: 10px 0 10px 0;
	padding:0;
	display: none;	
	text-transform: none;
	font-size: 10px;
	font-weight:400;
/*	text-align:right;*/
	overflow:hidden;
	font-family: "minion-pro-1","minion-pro-2",serif;
}

#description .line
{
	clear:both;
/*	float:left;*/
	background-color:#FFF;
	padding:0;
	margin:0;
}

#description .label
{
	color: #BBB;
	float: left;
	text-align:left;
	margin-right:3px;
	width:40px;		
}

#description .info
{
	color: #999;
	float: left;
	width: 95x;
	max-width:100px;
	text-align:left;	
}
#splash{height:100%; width:100%; position:absolute; top:0; left:0;}
#splash div:first-child {	
	width: 900px;
	height: 611px;
	margin: 20px auto;
	overflow: hidden;
}
#splash h1 { margin:200px auto 0 auto; height: 110px; width:120px; background-repeat:no-repeat; text-align:center; background: url(../images/sas-design-studios-logo.jpg) no-repeat; display:block;}
#splash .tagline {	left: 0;top: 0;width: 600px; margin: 0 auto;text-align:center;}