/* container
----------------------------------------------- */
#container
{
	margin:10px auto;
	max-width:955px;
	min-width:765px;
	width:expression(document.body.clientWidth > 955? "955px": "auto" );
	width:95%;
}
/* header
----------------------------------------------- */
#header {
  background:#FFFFFF url("images/header.jpg") no-repeat 0 0;
  width:100%;
  height:107px;
}
#header h1 {
  float:left;
  margin:0px 0px 0px 0px;
  display:none;
  }
#header img {
  display:block;
}

#header img.email {
	float:right;
	margin-top:88px;
	margin-right:30px;
}
#header img.phone {
	float:right;
	margin-top:88px;
	margin-right:20px;
}

/* left
----------------------------------------------- */
td#left {
	background:#b4b4b4 url("images/left-bg.gif") repeat-y 0 0;
	vertical-align:top;
	width: 177px;
	padding-bottom:20px;
}

/* content
----------------------------------------------- */
td#content {
	background-color: #ffffff;
	vertical-align:top;
	padding:2em 1.5em 2em 1.5em;
}

td#content ul{
	padding:10px 20px;
	line-height:1.3;
}

td#content p{
	line-height:1.3;
	margin:6px 0px;
}


/* right
----------------------------------------------- */
td#right {
	background-color: #ffffff;
	vertical-align:top;
	padding-top:40px;
	width: 220px;
}
td#right a{
	font-size:11px;
	font-weight:bold;
}
td#right h4{
	font-size:12px;
	font-weight:bold;
	margin-bottom:3px;
	color:#772600;
}


/* footer
----------------------------------------------- */
#footer {
	background:#b4b4b4 url("images/footer-bg.gif") repeat-y 0 0;
	width:100%;
	height:22px;
	clear:both;
	font-size:11px;
}
#footer_left {
	float:left;
	padding: 5px;
	color: #ffffff;
}
#footer_right {
	float:right;
	padding: 5px;
	color: #efefef;
}
#footer_right a{
	color:#666666;
	font-size:11px;
	text-decoration:none;
}

/* leftnav
----------------------------------------------- */

#leftnav {
    width: 160px;
    padding: 25px 0px 0px 0px;
}

#leftnav ul{
	list-style:none;
}

#leftnav li{
    font: 80%/12px Arial, verdana, geneva, Helvetica, sans-serif;
	font-weight:bold;
    float: right;
}

#leftnav li a, #leftnav #active, #leftnav #active a{    
    display: block;
	width: 130px;
	color: #ffffff;
	padding: 11px 0 4px 0px;
	border-bottom: 1px dashed #ffffff;
	text-decoration:none;
}
/*\*/
* html td#left div#leftnav li a, * html td#left div#leftnav li#active{width:130px}
* html td#left div#leftnav ul li a {float:right;}
/**/
#leftnav li#active{color: #993300}
#leftnav li a:hover {color: #cccccc}


#leftnav ul ul{
	list-style:none;
}

#leftnav ul ul li {
    font: 90%/11px Arial, verdana, geneva, Helvetica, sans-serif;
	font-weight:normal;
    float: right;
}

#leftnav ul ul li a {    
    display: block;
	width: 115px;
	color: #ffffff;
	padding: 11px 0px 4px 15px;
	border-bottom: 1px dashed #ffffff;
	background-image: url(images/subnav.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
#leftnav ul ul li#active {    
    display: block;
	width: 115px;
	color: #6D7E0E;
	padding: 11px 0px 4px 15px;
	border-bottom: 1px dashed #ffffff;
	background-image: url(images/subnav.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
/*\*/
* html td#left div#leftnav ul ul li a, * html td#left div#leftnav ul ul li#active{width:115px; padding-left:10px;}
* html td#left div#leftnav ul ul li a:hover {color:#cccccc;}
/**/

#loginbox {
	float:left;
	padding:20px 0px;
}
#loginbox h3{
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333333;
	border-bottom:3px solid #333333;
}
#loginbox a{
	display:block;
	padding-top:10px;
	font-size:10px;
}

/* Forms
----------------------------------------------- */
#verticalForm fieldset
{
	display: block;
	width: 132px;
	margin: 0 0 15px 10px;
	padding: 5px 0px 15px 5px;
    font: bold 12px verdana;
	border:1px solid #000000;
	background-color:#ffffff;
}


#verticalForm input
{
	display: block;
	width: 120px;
    font: 11px verdana; 
}

#verticalForm input.submit
{
	display: block;
	width: 60px;
    font: 11px verdana; 
}

#verticalForm label
{
	display: block;
	margin-bottom: 10px;
    font: normal 11px verdana;
}

#verticalForm label.first
{
	padding-top: 1em;
}

#verticalForm select
{
	display: block;
}

/* Extras
----------------------------------------------- */
p.intro {
	color:#4F6CAB;
	font-weight:bold;
}
p.em {
	color:#666666;
	font-weight:bold;
}

#right img{
	display:block;
	margin-top:20px;
}
/* projects page
---------------------- */
dl.gallery
{
background-color: #ffffff;
width: 225px;
text-align: center;
padding: 0px;
float: left;
margin-right: 1em;
margin-bottom: 1em;
}

.gallery dt { font-weight: bold; }

.gallery dt img
{
border: 1px solid #000;

}

.gallery dd
{
margin: 0;
padding: 0;
font-size:11px;
}

/* contact page
-------------------------*/
dl.table-display
{
width: 32.1em;
margin: 2em 0;
padding: 0;
}

.table-display dt
{
width: 15em;
float: left;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #ccc;
font-weight: bold;
font-size:12px;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
float: left;
width: 15em;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #ccc;
font-size:12px;
}
/* links page
---------------------- */
dl.margins-removed
{
margin: 1em 0;
padding: 0;
font-size:12px;
}

.margins-removed dt
{
margin: 0;
padding: 0;
font-weight: bold;
}

.margins-removed dd
{
margin: 0 0 1em 0;
padding: 0;
}