@import "blueprint/lib/reset.css";
 @import "blueprint/lib/typography.css";
body {
	background:#fff;
}

/* --------------------
	HOLDER
-------------------- */

#container {
	width:941px;
	margin:0 auto;
}

/* ------------
	HEAD
------------ */

#head {
	padding:15px 0 52px 0;
	position:relative;
}
#head div {
	position:absolute;
	top:52px;
	right:75px;
}

/* ------------
	FOOTER
------------ */

#foot {
	clear:both;
	text-align:right;
	padding:32px 0 15px 0;
}
#foot {
	font-size:0.83em;
	color:#ccc;
	text-transform:uppercase;
}
#foot a {
	color:#572700;
	text-decoration:none;
	padding:0 1px;
}
#foot a:hover {
	text-decoration:underline;
}
#foot.ins a {
	color:#572700;
}

/* ---------------
	NAVIGATION
--------------- */

#nav {
	background:#b4e7f5 url(../img/brdr_nav.gif) right bottom no-repeat;
	height:86px;
	position:relative;
	clear:both;
}
#nav ul {
	position:absolute;
	top:21px;
	left:14px;
	margin:0;
	clear:both;
}
#nav li {
	list-style:none;
	float:left;
	text-align:center;
}
#nav li {
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
#nav li a {
	display:block;
	float:left;
	width:137px;
	height:20px;
	line-height:18px;
	margin-right:2px;
}
#nav li a {
	font-size:0.92em;
	color:#fff;
	letter-spacing:0.05em;
	text-decoration:none;
	background:#572700 url(../img/brdr_navitm.gif) right bottom no-repeat;
}
#nav li a:hover {
	color:#572700;
	text-decoration:none;
	background:#fff url(../img/brdr_navitm.gif) right bottom no-repeat;
}
#nav li.sel a {
	color:#572700;
	text-decoration:none;
	background:#fff url(../img/brdr_navitm.gif) right bottom no-repeat;
}
#nav li.sel a:hover {
	text-decoration:underline;
}
#nav2 {
	position:absolute;
	top:53px;
	left:20px;
}
#nav2 {
	font-size:0.92em;
	color:#572700;
	font-weight:bold;
	text-transform:uppercase;
}
#nav2 a {
	color:#572700;
	text-decoration:none;
	padding:0 4px;
}
#nav2 a:hover {
	color:#572700;
	text-decoration:underline;
}
#nav2 a.sel {
	color:#7e8283;
}

/* ---------------------------
	BOX IN NAVIGATION AREA
--------------------------- */

.nav_note {
	position:absolute;
	top:13px;
	right:16px;
	background:#fff url(../img/brdr_navnote.gif) bottom right no-repeat;
	width:170px;
	height:53px;
}

/* ---------------
	SIDEBAR
--------------- */

#sidebar {
	float:left;
	width:255px;
	margin-top:41px;
}
#sidebar-in {
	padding:6px 25px 0 25px;
}
#sidebar-in {
	font-size:0.92em;
	color:#7e8283;
	font-weight:bold;
	text-transform:uppercase;
}

/* ---------------
	CONTENT
--------------- */

#content {
	float:left;
	width:685px;
	border-left:1px solid #ddd4cc;
	margin-top:41px;
}
#content-in {
	padding:6px 200px 0 7px;
}
#content.vid {
	border-left:0;
}

/* ---------------------------
	INDEX PAGE SECTIONS
--------------------------- */

.is {
	float:left;
	width:234px;
	border-left:1px solid #ddd4cc;
	margin-top:71px;
}
.is_in {
	padding:10px 6px 0 6px;
}
.is_title {
	margin:0;
	padding:13px 0 3px 0;
	font-weight:bold;
}
.is_summary {
	margin:0;
	padding:0 0 3px 0;
}
.is ul.sp {
	margin:18px 0 0 0;
	padding:0 0 0 9px;
}
.is ul.sp li {
	padding-bottom:4px;
}
.is_news {
	padding-top:10px;
}
.is_news span {
	color:#999;
	font-size:0.83em;
}
.is_news p {
	margin:0;
	padding:6px 0 0 0;
}
.is_news p a {
	color:#572700;
	font-weight:bold;
	text-decoration:none;
}
.is_news p a:hover {
	text-decoration:underline;
}
a.desknet {
	display:block;
	margin-top:12px;
}

/* link to more information */

.more {
	margin:18px 0 0 9px;
	padding:0;
	font-weight:bold;
}
.more a {
	background:url(../img/icon_arrow.gif) no-repeat 0 0.2em;
	padding-left:12px;
	color:#572700;
	text-decoration:none;
}
.more a:hover {
	color:#572700;
	text-decoration:underline;
}

/* --------------------
	PROJECT LIST
--------------------- */

.pl {
	clear:both;
	margin:13px 0 50px 0;
	padding:0;
}
.pl.last, .pl.refer {
	margin-bottom:0;
}
.pl-pic {
	float:left;
	width:248px;
}
.pl-pic img {
	border:1px solid #CCCCCC;
}
.pl-info {
	float:right;
	width:213px;
}
.pl-info.allwidth {
	float:none;
	width:100%;
}
.pl-info ul {
	margin-left:0;
}
.pl-info ul li {
	padding-bottom:13px;
}
.pl-pic span {
	display:block;
	margin-top:7px;
	font-size:0.83em;
}
.pl-pic span a {
	color:#572700;
	text-decoration:none;
	background:url(../img/icon_video.gif) no-repeat 0 0.1em;
	padding-left:19px;
}
.pl-pic span a:hover {
	color:#572700;
	text-decoration:underline;
}
.pl-pic span.zoom a {
	background:none;
	padding-left:0;
	vertical-align:middle;
}
.pl-pic span.zoom img {
	border:none;
}

/* --------------------
	VIDEO PAGE
--------------------- */

.video {
	clear:both;
	margin-top:3px;
	padding-left:25px;
}

/* --------------------
	CONTACTS PAGE
--------------------- */

#contact {
	margin:0 0 26px 0;
	padding:0;
}
#contact input, #contact textarea {
	display:block;
	background:#fff;
	border:1px solid #000;
	margin-bottom:10px;
}
#contact textarea {
	width:332px;
}
#contact input {
	width:332px;
	padding:2px 8px;
}
#contact input.button {
	width:auto;
	border:0;
	background:none;
	margin-left:258px;
}

/* --------------------
	ABOUT US PAGE
-------------------- */

.foto {
	float:left;
	width:147px;
	margin-top:4px;
}
.text {
	float:left;
	width:331px;
}
.downloads {
	padding-top:21px;
}
.icon_doc {
	margin-right:5px;
	margin-bottom:6px;
	vertical-align:middle;
}

/* --------------------
	REFERENCE PAGE
--------------------- */

h2.ref {
	margin:11px 0 19px 0;
}
h2.ref span {
	display:block;
	color:#7e8283;
	font-weight:normal;
}
.ref_logo {
	margin:0;
	padding:0;
}
.url {
	/*margin:0 0 0 12px;*/

	margin:0;
	padding:0;
}
h1.rf {
	margin-bottom:30px;
}

/* --------------------
	CLEARING LINE
--------------------- */

.clear {
	clear:both;
}

/* --------------------
	NEWS PAGE
--------------------- */

.news_date {
	color:#999;
	font-size:0.83em;
	display:block;
	margin-bottom:0.4em;
}
.more_inline {
	color:#572700;
	font-weight:bold;
	text-decoration:none;
}
.more_inline:hover {
	text-decoration:underline;
}
h1.news {
	margin-top:3.5em;
}
.nav_list {
	position:relative;
	margin-top:2em;
}
.nav_list .fwd {
	position:absolute;
	right:0;
}
.nav_list a {
	color:#572700;
	font-weight:bold;
	text-decoration:none;
}
.nav_list a:hover {
	text-decoration:underline;
}
.nav_list .back {
	background:url(../img/icon_arrow_left.gif) no-repeat 0 0.2em;
	padding-left:12px;
}
.nav_list .fwd {
	background:url(../img/icon_arrow.gif) right no-repeat;
	padding-right:12px;
}
.attachment {
	margin-top:3em;
	font-size:0.83em;
	color:#999;
}
.attachment * {
	vertical-align:middle;
}
.back {
	background:url(../img/icon_arrow_left.gif) no-repeat 0 0.2em;
	padding-left:12px;
}