body{
	color: #444444;
	background: #f2f2f2;
	padding: 0px;
	margin: 5px;
	font-family:"Trebuchet MS", Arial;
}

a img{
	border: 0px none;
}


div.ClearFloat{
	clear: both;
}

/* Main Layout Styles */
div.mainwrapper {
	width: 820px;
	margin-left: auto;
	margin-right: auto;
}



div.container {	
	border: #cccccc solid 1px;
	width: 820px;
	height: 530px;
	position: absolute;

	
	/* CSS3 Rounded Corners */
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

div.header {
	height: 70px;
	background:url('../img/headerBG.jpg') repeat-x;
	position:relative;

	/* CSS3 Rounded Corners */
	-moz-border-radius-topleft:20px;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topright:20px;
	-webkit-border-top-right-radius:20px;
	border-radius: 20px 20px 0 0;
}

div.header  div.logo {
	background: url('../img/logoTab.png') no-repeat;
	position: absolute;
	top: 0;
	left: 26px;
	width: 133px;
	height: 100px;
}

div.tabs{
	height: 40px;
	width: 460px;
	float: left;
}

div.tabs div.detailstab, div.tabs div.buildingtab{
	display: block;
	float: left;

	border-top: 1px solid #e0e0e0;
	position: relative;
	top: -1px;
}

div.tabs div.detailstab a, div.tabs div.buildingtab a{
	background: url('../img/tabbackground.png') no-repeat;
	width: 135px;
	height: 28px;
	display: inline-block;
	text-align: center;
	color: #666666;
	text-decoration: none;
	font-size: 12px;
	padding: 4px 0px 2px 0px;
}

div.tabs div.detailstab a span, div.tabs div.buildingtab a span{
	/* this is how we cope with long tab names */
	height: 28px;
	font-size: 12px;
	line-height: 10px;
	position: relative;
	top: -1px;
}

div.tabs div.detailstab{
	margin-left: 165px;
}

div.tabs div.selected{
	border-top: 1px solid #f9f9f9;
}

div.tabs div.selected a{
	color: #000000;
}





div.disclaimer {	
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 10px 0px 10px;
	font-size: 10px;
	position: absolute;
	top: 540px;
}

div.disclaimer p{	
	padding: 0px;
	margin: 5px 0px 5px 0px;
	line-height: 1.2em;
}


/* Text Styles */
div.header  h1{
	color: #666666;
	padding: 25px 0px 0px 180px;
	margin: 0px;
	font-weight: normal;
	font-size: 20px;
}









/* DROPDOWN */
div#swatchdropdown {
	position: absolute;
}

div#swatchdropdown ul, div#swatchdropdown ul li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div#swatchdropdown ul.selecteddropdownitem{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 173px;
	height: 20px;
	border: 1px solid #999999;
	background: #ffffff url('../img/dropdownarrow.gif') no-repeat right center;
}

div#swatchdropdown ul.selecteddropdownitem li{
	width: 173px;
	list-style-type: none;
	margin: 0px;
	padding: 2px 5px 3px 5px;
	font-size: 11px;
	color: #666666;
	text-align: left;
}

div#swatchdropdown ul.selecteddropdownitem li strong{
	color: #000000;
	font-weight: normal;
}

div#swatchdropdown ul.selecteddropdownitem li:hover, div#swatchdropdown ul.dropdownitemlist li:hover{
	cursor: pointer;
}


div#swatchdropdown ul.dropdownitemlist{
	display: none;
	position: absolute;
	top: 21px;
	left: 0px;
	width: 173px;
	border: 1px solid #cccccc;
	background: #ffffff;
}

div#swatchdropdown ul.dropdownitemlist li{
	width: 173px;
	list-style-type: none;
	margin: 0px;
	padding: 2px 5px 3px 5px;
	font-size: 11px;
	color: #666666;
	text-align: left;
}

div#swatchdropdown ul.dropdownitemlist li strong{
	color: #000000;
	font-weight: normal;
}


/* INSTRUCTIONS */
div.instructions{
	width: 780px;
	height: 490px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 999999;
	overflow: hidden;
	background: url('../img/instructionsback.png');
	border: 2px solid #ffffff;
	padding: 20px;
	color: #ffffff;
	font-size: 0.85em;
	
	display: none;
	
	/* CSS3 Rounded Corners */
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

div.moveup{
	top: -95px;
}

div.instructionsclose{
	width: 31px;
	height: 31px;
	position: absolute;
	right: 14px;
	top: 18px;
}

div.instructionsopen{
	width: 31px;
	height: 31px;
	position: absolute;
	right: 15px;
	top: 19px;
}


div.instructionsclose:hover, div.instructionsopen:hover{
	cursor: pointer;
}


div.instructions div.instructionstop{
	border-bottom: 1px solid #ffffff;
}

div.instructions div.instructionsleft{
	width: 380px;
	height: 215px;
	float: left;
	padding-top: 20px;
	overflow: hidden;
}

div.instructions div.instructionsright{
	border-left: 1px solid #ffffff;
	width: 380px;
	height: 215px;
	float: right;
	padding: 20px 0px 0px 10px;
	overflow: hidden;
}