/* bars */

body {
	background-color: #1d1d1b;
	font-family: helvetica, arial;
	color: #fff
	}
div.midbar {
	background-color: #31302e;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 607px;
	margin-top: -266px;
	}

/* vertically & horizontally centered div */

div.body { 
border: #blue solid 0px; 
height: 792px; 
left: 50%; 
margin-top: -382px; 
margin-left: -512px; 
position: absolute; 
top: 50%; 
width: 1023px; 
}

/* left column */

div.left {
height: 764px;
width: 485px;
background-color: #080808;
}

/* header */

div.header {
background-image: url(images/logo.gif);
background-repeat: no-repeat;
border: #yellow solid 0px;
height: 116px;
}

/* top navigation */

div.topnav {
position: relative;
left: 250px;
top: 72px;
width: 229px;
border: #white dashed 0px;

font-size: .6em;
text-transform: uppercase;


}


/* left column content */

div.left-content {
position: relative;
background-image: url(images/content_bg.jpg);
background-repeat: no-repeat;
height: 607px;
border: #fff solid 0px;
}

/* contact footer */

div.contact {
position: relative;
height: 41px;
padding-left: 119px;
padding-top: 13px;
border: #fff solid 0px;

font-size: .6em;
letter-spacing: 1px;
}

/* right column */

div.right {
position: absolute;
top: 0;
right: 0;
border: #ccc dotted 0px;
background-color: #080808;
height: 764px;
width: 538px;
}


/* grey bar, right column */

div.greybar {
position: relative;
top: 116px;
left: 0;
height: 607px;
width: 538px;
background-color: #1e1e1e;
border: #red solid 0px;
}



/* footer */

div.footer {
position: absolute;
bottom: 0;
width: 1023px;
height: 28px;
border: #fff dotted 0px;


}



/* --- NAVIGATION --- */

div.gallerynav {
position: absolute;
top: 20px;
right: 0px;
padding-right: 30px;

line-height: 1.5;
font-size: 0.7em;

z-index: 3;

border: #red solid 0px;
}




/* --- IMAGES --- */ 

img {
	border: none;
	}

/* detail, image in left content area */

img.detail {
position: absolute;
	bottom: 0px;	
	} 

/* big splash title */

img.title {
	position: absolute;
	bottom: 28px;
	right: 0;
	}


/* --- TEXT --- */

a 	{
	text-decoration: none
	}
a:link, a:visited {
	color: #fff;
	}
a:hover {
	color: #a2cf41;
	}

#green {
	color: #a2cf41;
	}

#upper {
	font-size: .6em;
	text-transform: uppercase;
	}

h1	{
	font-size: 1.4em;
	}
h2	{
	font-size: 1.1em;
	}
h1.tight {
	margin-bottom: -0.75em;
	}

p.associates {
	line-height: 1.2;
	}

#small {
	font-size: 0.9em;
	}

ul {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	}

li a:link, li a:visited {
	background: url(images/whitebullet.png) left center no-repeat;
	padding-left: 15px;
	}

li a:hover, li a:active , li a:focus {	
	background: url(images/greenbullet.png) left center no-repeat;
	padding-left: 15px;
	}



/* --- TEXT AREAS --- */

/* main text area on left for site map navigation */

div.lefttextmain {
position: absolute;
top: 18px;
padding-left: 119px;
padding-right: 40px;
z-index: 1;

line-height: 1.5;
font-size: 0.7em;

border: #fff solid 0px;	
}

div.righttextmain {
position: absolute;
top: 18px;
padding-left: 30px;
padding-right: 30px;
z-index: 2;

line-height: 1.5;
font-size: 0.7em;

border: #blue dotted 0px;	
}

div.imagecaption {
position: absolute;

border: #green dotted 0px;
z-index: 1;
}

