/* web.css Stylesheet for Screen */
/* site "westlakenorthbusinesspark.com" */

@import "typography.css";

/* ---------------------------------------------------- 
Standard Formatting
---------------------------------------------------- */ 

* 
	{
	margin: 0;
	padding: 0;
	}

html 
	{
	height: 100%;
	margin: 0 auto;
	padding: 0;
	}

body 
	{
	height: 100%;
	margin : 0 auto;
	padding : 0;
	background-color: #152711;
	text-align: left;
	font: 10pt/18px Verdana, Arial, Helvetica, sans-serif;
	}
	
p 
	{
	margin: 10px;
	line-height: 13pt;
	}
	
#leftcolumn ul
	{
	padding-left: 15px;
	margin-left: 10px;
	list-style: none;
	list-style-image: url(/img/bullet.gif);
	}
	
#leftcolumn li
	{
	margin: 0 0 0 10px;
	padding: 0 0 5px 5px;
	}
	
#leftcolumn li p
	{
	margin: 0 0 0 0;
	padding: 0 05px 0;
	}
		
hr
	{
	color: #000;
	}
	
td {
	padding: 2px 5px 2px 5px;
	text-align: left;
	vertical-align: top;
	}

/* ---------------------------------------------------- 
Layout Formatting
---------------------------------------------------- */ 

#wrapper 
	{
	margin: 0 auto;
	padding: 0px;
	width: 100%;
	text-align: center;
	}

#headercontainer
	{
	width: 100%;
	height: 151px;
	background: url(/img/headerbg-xtile.jpg) repeat-x top center;
	}
	
#header
	{
	width: 820px;
	height: 151px;
	position: relative;
	background: url(/img/headerbg.jpg) repeat-x top center;
	text-align: left;
	margin: 0 auto;
	}

#navigation
	{
	width: 736px;
	height: 37px;
	text-align: center;
	overflow: hidden;
	margin: 0 auto;
	}
	
#container
	{
	background: url(/img/innertop-xtile.jpg) top center repeat-x #E0DDB9;
	text-align: center;
	margin: 0 auto;
	}
	
#contentouttop
	{
	background: url(/img/middletop.gif) top center no-repeat;
	text-align: center;
	margin: 0 auto;
	width: 820px;
	}
	
#content
	{
	width: 760px;
	margin: 0 auto;
	text-align: left;
	background: #FEFBF2;
	}
	
#logo
	{
	background: url(/img/logo-web2.jpg) no-repeat left bottom;
	width: 338px;
	height: 114px;
	margin-left: 42px;
	}
	
#logo span
	{
	display: none;
	}
	
#tagline
	{
	background: url(/img/tagline.jpg) no-repeat center;
	width: 235px;
	height: 25px;
	position: absolute;
	right: 72px;
	top: 69px;
	}
	
#imagearea
	{
	width: 756px;
	height: 225px;
	margin: 0 auto;
	z-index: 100;
	position: absolute;
	}
	
body.home #pagetitlearea
	{
	width: 756px;
	height: 265px;
	margin: 2px auto 0 auto;
	background: url(/img/greengradient.jpg) no-repeat center bottom #254D28;
	position: relative;
	}
	
body.sub #pagetitlearea
	{
	width: 756px;
	height: 40px;
	margin: 2px auto 0 auto;
	background: url(/img/greengradient.jpg) no-repeat center bottom #254D28;
	position: relative;
	}

#main
	{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background: url(/img/main-ytile.jpg) repeat-y center;
	}

#leftcolumn
	{
	width: 511px;
	padding-left: 10px;
	float: left;
	padding-bottom: 25px;
	text-align: left;
	}
	
body.gallery #leftcolumn
	{
	width: 736px;
	margin: 0 auto;
	text-align: center;
	}
	
#rightcolumn
	{
	width: 211px;
	margin: 0 9px;
	float: right;
	}

#footercontainer
	{
	height: 170px;
	width: 100%;
	background: url(/img/footerbg-xtile.jpg) repeat-x center top;
	}
	
#footer
	{
	height: 170px;
	width: 820px;
	margin: 0 auto;
	background: url(/img/footerbg.jpg) no-repeat center top;
	text-align: left;
	}

.floathalf
	{
	float: left;
	width: 50%;
	}

.clear
	{
	clear: both;
	line-height: 0;
	}
	
.rightphoto
	{
	width: 162px;
	height: 162px;
	background: url(/img/imgds.jpg) no-repeat center;
	position: relative;
	margin: 0 auto;
	}

.rightphoto img
	{
	top: 50%;
	left: 50%;
	margin: -77px 0 0 -77px; 
	position: absolute;
	border: 3px #33632E solid;
	}
	
.downloadpdf
	{
	background: url(/img/ico_acrobat.gif) top left no-repeat;
	padding-left: 25px;
	}
	
.color1
	{
	color: #32612D;
	}
	
.idslogo
	{
	padding-left: 25px;
	text-align: left;
	width: 200px;
	}

.idslogo img
	{
	clear: both;
	padding: 0 0 5px 0;
	}
	
#flashphoto
	{
	height:225px;
	}
	
p.instruction
	{
	width: 550px;
	float: left;
	margin-left: 20px;
	}

/* ---------------------------------------------------- 
Main Navigation
---------------------------------------------------- */ 	

#home_btn span,
#brochure_btn span
	{
	display: none;
	}

	
	
/* Navigation buttons */	
				
	
#home_btn
	{
	width: 55px; 
	height: 18px; 
	overflow: hidden; 
	background: url(/img/home_btn.gif) top left no-repeat; 
	display: block;
	position: absolute;
	left: 40px;
	top: 28px;
	}
	
#home_btn:hover
	{
	background: url(/img/home_btn.gif) bottom left no-repeat; 
	}
	
#brochure_btn
	{
	width: 144px; 
	height: 19px; 
	overflow: hidden; 
	background: url(/img/brochure_btn.gif) top left no-repeat; 
	display: block;
	position: absolute;
	right: 40px;
	top: 27px;
	}
	
#brochure_btn:hover
	{
	background: url(/img/brochure_btn.gif) bottom left no-repeat; 
	}