/* Base */
* {
	margin: 0;
	padding: 0;
}

body {
	padding-top: 50px;
	background: #dec3a5 url("bg.gif") repeat-x;
	font-family: Arial, Helvetica, "Bitstream Vera Sans", "Nimbus Sans L", sans-serif;
	font-size: 12px;
	color: #000;
}

#container {
	position: relative;
	height: 640px;
	margin: auto;
	background: #fff url("shadow_bg.gif") repeat-y;
	overflow: hidden;
}

#header {
	height: 56px;
}

#picture {
	width: 100%;
	height: 248px;
}

#content {
	padding: 17px;
}

#main {
	margin-left: 180px;
	padding: 0 26px;
}

#refMain {
	margin-left: 180px;
	padding: 0 26px;
	height:300px;
	width:650px;
	overflow:auto;
}

#refMain #refImg{
	position:absolute;
	background:#000 url("references_bg.gif") no-repeat;
	padding:5px;
	text-align:center;
	top:70px;
	width:656px;
	height:207px;
	overflow:hidden;
}

#footer {
	margin: auto;
	padding-top: 15px;
	background: url("shadow_bottom.gif") no-repeat;
	text-align: center;
	font-size: 10px;
	color: #fff;
}

#footer a {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}

#container, #footer, .shadowtop {
    width: 900px;
    padding-left: 7px;
    padding-right: 7px;
}
.shadowlft, .shadowrgt {
	height: 600px;
}

.shadowtop {
	height: 5px;
	margin: auto;
	background: url("shadow_top.gif") no-repeat;
	font-size: 0;
}
.shadowlft {
	position: absolute;
	top: 0;
	left: 0;
	width: 7px;
	background: url("shadow_lft.gif") no-repeat;
}
.shadowrgt {
	position: absolute;
	top: 0;
	right: 0;
	width: 7px;
	background: url("shadow_rgt.gif") no-repeat;
}

/* Text */
h1 {
	position: absolute;
	left: 32px;
	top: 18px;
	width: 158px;
	height: 65px;
	background: url("logo.gif") no-repeat;
}
h1 span {
	display: none;
}

h2 {
	margin: 0 0 15px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 22px;
}
h3 {
	margin: 0 0 3px;
	font-size: 13px;
}
#content p {
	margin-bottom: 10px;
}

/* Navigation */
#nav {
	display: inline;
	float: right;
	margin: 30px 15px 0 0;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: bold;
	font-size: 13px;
	list-style-type: none;
}
#nav li {
	padding: 5px 10px 0;
	float: left;
	background-color: #fff;
	border-left: 1px solid #9d9b9b;
}
#nav li.li1 {
	border-left: none;
}
#nav a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #9d9b9b;
}

/* Special */
div.clearfix {
	clear: both;
}
div.separator {
	margin-top: 1px;
	width: 100%;
	height: 17px;
	background: url("separator_bg.gif") repeat-x;
}
dl.table-display {
	width: 100%;
}
.table-display dt {
    float: left;
	width: 25%;
}
.table-display dd {
	float: left;
	width: 75%;
}

#contactform {
	display: block;
	position: absolute;
	bottom: 12px;
	width: 150px;
	height: 18px;
	background: url("btn_contactform.gif") no-repeat;
}
#contactform span {
	display: none;
}
#sidebar dl {
	border-bottom: 1px solid #9fa8b2;
	margin-bottom: 20px;
	padding-bottom: 5px;
	height: 45px;
}
#sidebar ul {
	list-style-type: none;
}

/* Page-specific */
#home #picture {
	background: url("home.jpg") bottom no-repeat;
}
#home #sidebar, #about #sidebar {
	float: left;
	position: relative;
	width: 149px;
	height: 221px;
	margin-bottom: 16px;
	padding: 12px;
	background: url("main_sidebar.gif") no-repeat;
}

#about #picture {
	background: url("about.jpg") bottom no-repeat;
}

#contact #picture {
	background: url("contact.jpg") bottom no-repeat;
}
#contact #sidebar {
	float: left;
	width: 173px;
	height: 245px;
	border: 1px solid #9d9b9b;
	margin-bottom: 16px;
	background: url("sidebar-contact.jpg") no-repeat;
}
#contact form {
	width: 560px;
}
#contact form label {
	display: block;
}
#contact form dt, #contact form dd {
	margin: 3px 0;
}
#contact form input.text, #contact form textarea {
	width: 412px;
}
#contact form input.button {
	float: right;
	margin: 3px 5px;
}

#references #picture {
	background: #000 url("references.gif") no-repeat;
}
#references #sidebar {
	float: left;
	position: absolute;
	top: 105px;
	width: 149px;
	height: 455px;
	margin-bottom: 16px;
	padding: 12px;
	background: url("references_sidebar.gif") no-repeat;
}
#references #sidebar ul {
    list-style-image: url("ul-arrow.gif");
}
#references #sidebar li {
	margin-left: 10px;
	font-weight: bold;
}
#references #sidebar li li {
	font-weight: normal;
}

#refList a, #refList a:active, #refList a:visited{
	color:#000;
	text-decoration:none;
}
#refList a:hover{
	text-decoration:underline;
}