/* Standard */

body {margin: 0; padding: 0; background-color:#9f5f46; font-family:calibri; font-size:small; color: #575757; }

h1 {font-size: medium; font-variant: small-caps; color:#9f5f46}


td {background-color:#FFFFFF; padding: 0; margin: 0; border-style: none; }

tr {padding: 0; margin: 0; border-style: none;}

img {padding: 0; margin: 0; border-style: none;}

a:link { color: #9f5f46; text-decoration:none; font-weight:bold}

a:visited { color: #9f5f46; text-decoration:none; font-weight:bold}
	
a:hover {color: #8b8a85;text-decoration:none; font-weight:bold}	

a:active {color: #8b8a85;text-decoration:none; font-weight:bold}

hr {border: 0;color: #C0C0C0; height: 2px}


/* Class */

td.mid_left {background-image: url("images/middle_left.jpg"); background-repeat: repeat-y}

td.mid_right {background-image: url("images/middle_right.jpg"); background-repeat: repeat-y}

td.cr {background-color: #9F5F46; font-size: 10px; line-height: 2; color: #000000}

ul.main_nav li {display:inline; font-weight:bold; /*color: #8b8a85;*/ padding: 0; margin: 0;}

li.activelink {border-style:none none solid none; border-width:1px; border-color:#9f5f56;}

ul.project_nav li {display:inline; font-weight:bold; color: #8b8a85; padding: 0; margin: 0;}

ul.none {list-style-type: none; margin: 20px}

ul.contact {list-style-type: none;}

ul.news {list-style-type: none; margin: 0; padding: 0}

ul.services {list-style-type: disc}

span.bold {font-weight: bold; color: #000000}

span.group {font-weight: bold; color: #9f5f46; font-variant: small-caps}

span.highlight {font-weight: bold; color: #8b8a85; font-variant: small-caps}

span.render {font-size: 10px; line-height: 2}

p.render2 {font-size: 10px; line-height: 2; text-align: center}

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

div.right {float:right; width: 50%}

div.leftg {float:left; width: 478px}

div.rightg {float:right; width: 350px}

div.leftaltg {float:left; width: 350px}

div.rightaltg {float:right; width: 478px}

a.button {display: block; width: 276px; height: 44px; background: url("images/tab.jpg") no-repeat 0 0; background-position: 0 -44px; line-height: 44px; color: #414140; font-size: small}

a.button:hover {background-position: 0 0; color: #414140 }

a.admin:link { color: #000000; text-decoration:none}

a.admin:visited { color: #000000; text-decoration:none}
	
a.admin:hover {color: #8b8a85;text-decoration:none}	

a.admin:active {color: #8b8a85;text-decoration:none}

a.logo {display: block; width: 340px; height: 148px; background: url("images/logo.jpg") no-repeat 0 0; background-position: 0 0; line-height: 148px;}

a.logo:hover {background-position: 0 -148px}


/* ID */

#button_active {background-image: url("images/tab.jpg"); line-height: 44px; color: #414140; font-size: small; font-weight:bold}

#top_left {background-image: url("images/top_corner_left.jpg")}

#top_right {background-image: url("images/top_corner_right.jpg")}

#bottom_left {background-image: url("images/bottom_left.jpg")}

#bottom_middle {background-image: url("images/bottom_middle.jpg"); background-repeat: repeat-x}

#bottom_right {background-image: url("images/bottom_right.jpg")}

#nav_spacer {display: block; width: 22px;height: 148px; background: url("images/nav_spacer.jpg") no-repeat 0 0}



/* Project Pages */


#active {display: block; width: 100px; height: 100px; background: url("/nav/active.jpg") no-repeat 0 0 }

#active span {display:none}

#gallery {margin:0; padding:0; list-style:none} 

#gallery li {margin:0; padding:0; list-style:none}
		
#gallery {width:350px; height:410px; position:relative;background: url("/gallery/1.jpg") no-repeat top}			
		
#gallery li {float:left; display:inline; margin-top:360px}								
		
#gallery a span{display:none;}	
		
#gallery a:hover span{position:absolute; width:350px; height:350px; float:left; top:0; left:0; display:block;}