* {
	margin: 0;
	padding: 0;
}

.wrapper {
	width: 100%;
	overflow: hidden;
}

.clear {
	clear: both;
	font-size: 0%;
	line-height: 0%;
	height: 0;
}

input, select {
	vertical-align: middle;
	font-weight: normal;
}

img {
	border: 0;
	vertical-align: top;
	text-align: left;
}

ul, ol {
	list-style: none;
}

object {
	vertical-align: top;
	outline: none;
}

a {
	outline: none;
	color: #fff;
}

a:hover {
	text-decoration: none;
}

body {
	background: #0f0f0f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1em;
	color: #393939;
}

h2 {
	padding: 0 0 37px 0;
	text-transform: uppercase;
	line-height: 1.6em;
	font-size: 1.25em;
	color: #fff;
}

h3 {
	background: url(images/title-bg.gif) no-repeat 0% 0%;
	width: 273px;
	height: 50px;
	padding: 24px 0 2px 12px;
	overflow: hidden;
	letter-spacing: -1px;
	line-height: 1.714em;
	font-size: 1.167em;
	font-weight: normal;
	color: #fff;
}

	h3 strong {
		letter-spacing: normal;
		text-transform: uppercase;
		line-height: 1.091em;
		font-size: 1.571em;
	}

h4 {
	padding: 0 0 16px 0;
	text-transform: uppercase;
	line-height: 2.182em;
	font-size: 0.917em;
	color: #fff;
}

h5 {
	padding: 0 0 11px 0;
	letter-spacing: -1px;
	line-height: 1.714em;
	font-size: 1.167em;
	font-weight: normal;
	color: #fff;
}

	h5 strong {
		letter-spacing: normal;
		text-transform: uppercase;
		line-height: 1.091em;
		font-size: 1.571em;
	}
	
.fleft {
	float: left;
}

.fright {
	float: right;
}

.col-1, .col-2, .col-3, .col-4 {
	float: left;
	overflow: hidden;
}

.block-1, .block-2, .block-3, .block-4 {
	float: left;
	overflow: hidden;
}

#main-tail-right {
	background: url(images/main-tail-right1.jpg) repeat-x 50% 128px;
	width: 50%;
	height: 584px;
	position: absolute;
	top: 0;
	right: 0;
}

	#page3 #main-tail-right {
	background: url(images/main-tail-right2.jpg) repeat-x 50% 128px;
	}
	
	#page4 #main-tail-right {
	background: url(images/main-tail-right3.jpg) repeat-x 50% 128px;
	}

#main-tail {
	background: url(images/main-tail-1.jpg) repeat-x 0% 0%;
}

	#page3 #main-tail {
		background: url(images/main-tail-2.jpg) repeat-x 0% 0%;
	}
	
	#page4 #main-tail {
		background: url(images/main-tail-3.jpg) repeat-x 0% 0%;
	}

#main {
	background: url(images/main-bg-1.jpg) no-repeat 50% 128px;
	position: relative;
	width: 980px;
	margin: 0 auto;
	font-size: 0.75em;
}

	#page3 #main {
		background: url(images/main-bg-2.jpg) no-repeat 50% 128px;
	}
	
	#page4 #main {
		background: url(images/main-bg-3.jpg) no-repeat 50% 128px;
	}

#header {
	position: relative;
	height: 128px;
}

	#logo {
		position: absolute;
		top: 18px;
		left: 55px;
	}
	
	#menu {
		background: url(images/menu.jpg) no-repeat 0% 0%;
		width: 278px;
		height: 74px;
		overflow: hidden;
		position: absolute;
		top: 25px;
		right: 50px;
	}
	
	#menu ul {
		padding: 21px 0 0 28px;
	}
	
	#menu ul li {
		float: left;
		padding: 0 20px 0 0;
		text-transform: uppercase;
		font-size: 0.75em;
		color: #fff;
	}
	
	#menu ul li a {
		display: block;
		width: 60px;
		height: 30px;
		overflow: hidden;
		float: left;
		line-height: 32px;
		text-decoration: none;
		text-align: center;
		color: #fff;
	}
	
	#menu ul li a:hover {
		text-decoration: underline;
	}
	
	#menu ul li strong a {
		background: url(images/m1.jpg) no-repeat 0% 0%;
		font-weight: normal;
	}
	
	#menu ul li b a {
		background: url(images/m2.jpg) no-repeat 0% 0%;
		font-weight: normal;
	}
	
	#menu ul li span a {
		background: url(images/m3.jpg) no-repeat 0% 0%;
	}

#content {
	background: url(images/content-1.jpg) no-repeat 56px 21px;
	position: relative;
	height: 435px;
	padding: 21px 267px 0 56px;
	overflow: hidden;
}
	
	#page3 #content {
		background: url(images/content-2.jpg) no-repeat 56px 21px;
	}
	
	#page4 #content {
		background: url(images/content-3.jpg) no-repeat 56px 21px;
	}

	#content .indent {
		padding: 19px 22px 50px 20px;
	}
	
	#content .indent-1 {
		padding: 11px 27px 50px 26px;
	}
	
	#content .indent-2 {
		padding: 35px 27px 50px 38px;
	}
	
	#content p {
		padding: 0 0 22px 0;
		line-height: 1.5em;
		fong-size: 1em;
		color: #888;
	}
	
	#content p.extra {
		padding: 0 0 18px 0;
	}
	
	#content p b {
		text-transform: uppercase;
	}
	
	#content p small {
		float: right;
		padding: 0 27% 0 0;
		font-size: 1em;
	}

.projects {
	width: 100%;
	overflow: hidden;
}

	.projects li {
		float: left;
		padding: 0 27px 25px 0;
	}
	
	.projects li.extra {
		padding: 0;
	}
	
	.projects li strong {
		display: block;
		padding: 0 2px 0 0;
		line-height: 46px;
		text-align: center;
		font-size: 0.917em;
		color: #58b0ec;
	}
	
	.projects li strong a {
		background: url(images/arrows.gif) no-repeat 100% 5px;
		padding: 0 12px 0 0;
		color: #58b0ec;
	}

#prev-next {
	background: url(images/prev-next.jpg) no-repeat 0% 0%;
	width: 196px;
	height: 69px;
	position: absolute;
	top: 384px;
	left: 737px;
}

	#prev-next ul {
		width: 100%;
		overflow: hidden;
	}
	
	#prev-next ul li {
		float: left;
		font-size: 1.083em;
		font-weight: bold;
		color: #fff;
	}
	
	#prev-next ul li a {
		display: block;
		width: 94px;
		height: 33px;
		padding: 0 4px 0 0;
		float: left;
		line-height: 32px;
		text-align: center;
		text-decoration: none;
		color: #fff;
	}
	
	#prev-next ul li a:hover {
		color: #408834;
	}

#info-box {
	background: url(images/info-box.jpg) no-repeat 0% 0%;
	width: 196px;
	height: 230px;
	overflow: hidden;
	position: absolute;
	top: 20px;
	left: 737px;
}

	#info-box .inner {
		padding: 15px 20px 10px 21px;
	}
	
	#info-box p {
		padding: 0 0 19px 1px !important;
		line-height: 1.462em !important;
		font-size: 1.083em !important;
		color: #fff !important;
	}
	
	#info-box p.extra {
		padding: 0 0 9px 1px !important;
	}
	
	#info-box p strong {
		color: #58b0ec;
	}

.list-1 {
	padding: 0 0 0 2px;
}

	.list-1 li {
		float: left;
		padding: 0 8px 0 0;
		font-size: 1.083em;
		font-weight: bold;
		color: #58b0ec;
	}
	
	.list-1 li a {
		text-decoration: none;
		color: #58b0ec;
	}
	
	.list-1 li a:hover {
		text-decoration: underline;
	}
	
	.list-1 li span a {
		text-decoration: underline;
	}

.list-2 {
	width: 100%;
	overflow: hidden;
}

	.list-2 li {
		float: left;
		padding: 0 18px 18px 0;
	}
	
	.list-2 li.extra {
		padding: 0 0 18px 0;
	}

.indent-left {
	padding: 0 35px 0 13px;
}

.indent-left-1 {
	padding: 0 0 0 3px;
}

.box {
	width: 100%;
	margin: 0 0 16px 0;
	overflow: hidden;
}

	.box .corner-top-left {
		background: url(images/corner-top-left.gif) no-repeat 0% 0%;
	}
	
	.box .corner-top-right {
		background: url(images/corner-top-right.gif) no-repeat 100% 0%;
		width: 100%;
	}
	
	.box .border-top {
		background: url(images/border-top.gif) repeat-x 50% 0%;
		height: 10px;
		overflow: hidden;
		margin: 0 10px 0 10px;
	}
	
	.box .box-content {
		background: #091c07 url(images/box-tail.gif) repeat-x 50% 0%;
		min-height: 86px;
		height: auto !important;
		height: 86px;
	}
	
	.box .corner-bot-left {
		background: url(images/corner-bot-left.gif) no-repeat 0% 0%;
	}
	
	.box .corner-bot-right {
		background: url(images/corner-bot-right.gif) no-repeat 100% 0%;
		width: 100%;
	}
	
	.box .border-bot {
		background: url(images/border-bot.gif) repeat-x 50% 0%;
		height: 10px;
		overflow: hidden;
		margin: 0 10px 0 10px;
	}

	.box .inner {
		padding: 3px 25px 0 22px;
	}

.list {
	overflow: hidden;
}

	.list li {
		background: url(images/marker.gif) no-repeat 0% 8px;
		padding: 0 0 0 17px;
		line-height: 2.25em;
		font-weight: bold;
		color: #fff;
	}
	
	.list li a {
		color: #fff;
	}

.link {
	background: url(images/arrows-1.gif) no-repeat 100% 6px;
	padding: 0 11px 0 0;
	float: left;
	font-size: 0.917em;
	font-weight: bold;
	color: #6fb963;
}

.link-1 {
	background: url(images/arrows-2.gif) no-repeat 100% 6px;
	padding: 0 11px 0 0;
	float: left;
	font-size: 0.917em;
	font-weight: bold;
	color: #fefefe;
}

.link-2 {
	background: url(images/arrows.gif) no-repeat 100% 6px;
	padding: 0 11px 0 0;
	float: left;
	font-size: 0.917em;
	font-weight: bold;
	color: #58b0ec;
}

.line-hor {
	background: url(images/line-hor.gif) repeat-x 0% 0%;
	width: 100%;
	height: 2px;
	overflow: hidden;
	margin: 17px 0 0 0;
}

.buttons {
	width: 100%;
	padding: 10px 0 0 0;
	overflow: hidden;
}

	.buttons li {
		float: left;
		padding: 0 8px 0 0;
	}

.box-1 {
	background: url(images/box-1.gif) no-repeat 0% 0%;
	width: 300px;
	height: 345px;
	overflow: auto;
}

	.box-1 .inner {
		padding: 15px 23px 15px 22px;
	}
	
	.box-1 .inner-1 {
		padding: 15px 23px 15px 22px;
	}
	
	.box-1 p {
		padding: 0 0 18px 0 !important;
		line-height: 1.5em !important;
		font-size: 1em !important;
		color: #888888 !important;
	}
	
	.box-1 p.no-indent {
		padding: 0 !important;
	}
	
	.box-1 p big {
		display: block;
		text-transform: uppercase;
		font-size: 1em;
		font-weight: bold;
	}

.box-2 {
	width: 100%;
	margin: 0 0 20px 0;
	overflow: hidden;
}

	.box-2 .border-top {
		background: #111 url(images/border-top.jpg) repeat-x 0% 0%;
	}
	
	.box-2 .border-bot {
		background: url(images/border-bot.jpg) repeat-x 0% 100%;
	}
	
	.box-2 .border-left {
		background: url(images/border-left.jpg) repeat-y 0% 0%;
	}
	
	.box-2 .border-right {
		background: url(images/border-right.jpg) repeat-y 100% 0%;
	}
	
	.box-2 .corner-top-left {
		background: url(images/corner-top-left.jpg) no-repeat 0% 0%;
	}
	
	.box-2 .corner-top-right {
		background: url(images/corner-top-right.jpg) no-repeat 100% 0%;
	}
	
	.box-2 .corner-bot-left {
		background: url(images/corner-bot-left.jpg) no-repeat 0% 100%;
	}
	
	.box-2 .corner-bot-right {
		background: url(images/corner-bot-right.jpg) no-repeat 100% 100%;
		width: 100%;
	}
	
	.box-2 .inner {
		padding: 20px 25px 4px 22px;
	}

.indent-bot {
	margin: 0 0 26px 0;
}

#contact-form {
	width: 224px;
	padding: 9px 0 0 1px;
}

	#contact-form label {
		background: url(images/contact-input.gif) no-repeat 0% 0%;
		display: block;
		width: 100%;
		height: 26px;
		overflow: hidden;
	}
	
	#contact-form input {
		background: none;
		width: 208px;
		height: 15px;
		padding: 2px 8px 2px 8px;
		border: none;
		float: left;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 1em;
		color: #fff;
	}
	
	#contact-form strong {
		background: url(images/contact-textarea.gif) no-repeat 0% 0%;
		display: block;
		width: 224px;
		height: 119px;
		overflow: hidden;
		font-weight: normal;
	}
	
	#contact-form textarea {
		background: none;
		width: 208px;
		height: 115px;
		padding: 2px 8px 2px 8px;
		border: none;
		float: left;
		overflow: auto;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 1em;
		color: #fff;
	}

	#contact-form a {
		background: url(images/arrows-3.gif) no-repeat 100% 6px;
		padding: 0 11px 0 0;
		float: right;
		margin: 12px 0 0 20px;
		font-size: 0.917em;
		font-weight: bold;
		color: #b0aeae;
	}

#footer {
	height: 116px;
	overflow: hidden;
}

	#footer p {
		padding: 0 0 0 56px;
		line-height: 116px;
		text-transform: uppercase;
		font-size: 0.75em;
		color: #414141;
	}
	
	#footer p span {
		margin: 0 6px 0 0;
	}
	
	#footer p a {
		margin: 0 0 0 6px;
		text-decoration: none;
		color: #c6c6c6;
	}
	
	#footer p a:hover {
		text-decoration: underline;
	}