body {
	font-size: 75%;
  	background: #d5d5d5;
	color: #fff;
	margin: 0;
	font-family: arial, sans-serif;
	margin: 0;
	padding: 0;
}
#wrapper {position:relative;}
#landingpage {background: #d5d5d5; position:absolute; top:160px; height:165px;}

/*.3ddesignbox { position:absolute; top:400px; left:50px; width:100%;}*/

#HTMLVersion		{
	position:absolute;
	top:385px;
	left: 6px;
	font-weight:bold;
}
#Getflash			{
	position:absolute;
	top:405px;
	width: 175px;
	left: 7px;
}
#follow {position:absolute; top:455px; margin-top: 0.5em; left: 6px; font-weight:bold;}
#follow ul {position:relative; left: -30px;}
#follow ul li { text-decoration: none; display: inline; padding: 5px;}

#ArchscapeCGLogo	{position:absolute; top:455px; left:30%; width:70%;}
#ArchscapeCGLogo img {float:right;}
#address_bar {position:absolute; top:555px; width: 100%;}

#address_bar ul li {display:inline;  margin-right:0.05em; background-color:#d5d5d5; padding: 0.1em 0.23em;}
#address_bar ul li a {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; text-decoration:none;}
#address_bar ul li:hover {background-color:#CCC}
#address_bar ul li a:hover {background-color:#CCC}
#address_bar ul li a:active {color:#ff9900}
#footer	  {position:absolute; top:580px; width: 100%;}
#footer p  {width:900px; margin: auto; color:#000; font-weight:bold; font-size:9px;}

a:link { color: #fff; text-decoration: none;}
a:visited { color: #fff; text-decoration: none;}
a:hover, a:active { color: #fff; text-decoration: none;}

img { border: none; }

h1 { font-size: 2.0em; font-family: Trebuchet, Geneva, Arial, Helvetica, sans-serif; }
h2 { font-size: 1.8em; font-family: Trebuchet, Geneva, Arial, Helvetica, sans-serif; }
h3 { font-size: 1.6em; font-family: Trebuchet, Geneva, Arial, Helvetica, sans-serif; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }


hr { height: 1px; color: #eee; background: #eee; border: none; overflow: hidden; }

form { padding: 0; margin: 0; display: inline; }

.floatleft, .fleft { float: left; padding: 0 10px 5px 0; }
.floatright, .fright { float: right; padding: 0 0 5px 9px; }
.center { text-align: center; margin: auto; }
.plain { margin: 0; padding: 0; list-style: none; }
.plain li { margin: 0; padding: 0; }
.inline, .inline li { display: inline; }
.clear { clear: both; display: block; height: 1px; line-height: 1px; color: white; background: transparent; }

#nav {
	margin: 0; padding: 0; list-style: none;
		width: 50px;
}

#nav li {
	font-family: Verdana;
	text-transform:uppercase; 
	font-weight:Bolder;
	padding: 0 1px 0 0;
	margin: 20px 10px 0 40px;
	float: left;
	list-style: square;
	text-decoration: none;
	font-size: 1em;

	line-height: 10px;
	color: white;
}

#nav li.active a {
	float: left;
	font-family: Verdana;
	text-transform:uppercase; 
	font-weight:Bolder;
	text-align: center;
	text-decoration: none;
	list-style: square;
	font-weight: bold;
	font-size: 1.2em;
	color: white;
	}


#layout {
	width: 1000px;
	margin: auto;
	position: relative;
	padding-top:20px;
}

#MainLayout {
	width: 1000px;
/*	background:#000;*/	
	height:150px;
	float:left; 
}


#brochure {	height:150px;
			width: 220px;
			border:silver 1px solid;
			margin:0 10px 0 10px;
			float:left;
			}
#brochureheader {
			background: #eee; 
			height:22px; 
			padding-left:20px;
			text-transform:uppercase; 
			color:#676767;
			vertical-align:middle;
			font-weight:normal;
			line-height:22px;
			font-size:11px;
			}
#brochureImage	{
				padding: 10px 20px 10px 20px;
				}
		

#BrochureLink {padding-left:20px;color:#676767;}
#BrochureLink a {color:#676767;}
#BrochureLink.active a {padding-left:20px;color:#676767;}


#ShowLogo {
			height:56px;
			width: 100%;
			background: url('/images/archscape_logo.jpg') no-repeat top left;
			float:left 
		}

#ShowImage {	
				width: 592px; 
				height:393px; 
				float:left; 
			}

#NavSideBar {
	background: #cbcbcb;
	color: #333;
	float: left; 
	width: 250px;
	height:393px;
}

#Spacer {
		background: #cbcbcb;
		width:156px; 
		height:393px;
		float:left; }
		
#Content	{width:600px; Height:150px; float:left; overflow:auto; background: #eee;}

#Content p {padding:0 10px 0px 10px;
			color:#676767; font-weight:normal;
			line-height:16px;
			font-size:12px;}

#Content p a {color:#676767;}
			
#Content p.active a {color:#676767;}			
			
			
#Content h1 {text-transform:uppercase; 
			padding:0 10px 0px 10px;
			color:#676767; font-weight:bold;
			font-size:12px;}
			
			
#SideNav	{width:150px; height:150px;  float: left;}	



#SideNav li {
	margin-left:0px;
	font-family: Verdana;
	line-height:22px;
	text-decoration: none;
	list-style: none;
	font-weight: normal;
	font-size: 11px;
	color: #676767;
	}		

#SideNav li a {
	margin-left:0px;
	font-family: Verdana;
	line-height:22px;
	text-decoration: none;
	list-style: none;
	font-weight: normal;
	font-size: 11px;
	color: #676767;
	}		
	
#SideNav li.active a {
	margin-left:0px;
	font-family: Verdana;
	line-height:22px;
	text-decoration: none;
	list-style: none;
	font-weight: normal;
	font-size: 11px;
	color: #676767;
	}	

	
#BottomSpacer	{float: left; height:10px; width:100%; }
#BottomAddress 	{float: left; text-align:center; vertical-align:middle; line-height:50px; color: #676767; float: left; width:100%; height:50px; background: #cbcbcb;}

.insidetext {color: #676767;}


/*#landing {

			}
*/