@charset "UTF-8";
/* CSS Document */

body {
background:#FFFFFF;
text-align:left;
color:#666;
font-size:14px;
font-family: Verdana, Geneva, sans-serif;
margin:0 auto;
}

a {
color: #313131;
text-decoration: underline;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
font-weight: bold;
}

a:visited {
color: #313131;
text-decoration: underline;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
}

a:hover {
color: #FC0;
text-decoration: none;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
}

h1 {
width: 400px;
border: none;
}

h2 {
font-size: 24px;
font-family: verdana, helvetica, arial, sans-serif;
color:#444444;
font-weight: 400;
padding: 0 0 10px;
}

h3 {
font-size:14px;
font-family:verdana, helvetica, arial, sans-serif;
letter-spacing:-1px;
color:#fff;
font-weight: 700;
text-transform:uppercase;
margin:0;
padding:8px 0 8px 0;
}

p {
color:#fff;
font-size: 20px;
line-height: 38px;
font-family: 'Trebuchet MS', verdana, helvetica, sans-serif;
padding: 0 0 10px;
margin: 20px 0 10px 0;
}

img {
border:none;
}

#header {
width: 360px;
float: left;
margin: 0 15px 0 0;
padding: 0;
}

#menu {
background: none;
position: fixed;
top: 0px;
left: 0;
border: 0px solid #000;
clear: both;
float: left;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
margin: 0;
padding: 0px;
z-index: 500;
}

#menu ul{
list-style-type: none;
margin: 0;
padding: 0;
}

#menu ul li{
list-style-type: none;
color: #777;
display: inline;
margin: 0;
padding: 0 10px 0 10px;
}

#menu ul li a{
text-decoration: none;
list-style-type: none;
color: #777;
display: inline;
margin: 0;
padding: 0;
}

#menu ul li a:hover{
text-decoration: none;
list-style-type: none;
color: #fff;
display: inline;
margin: 0;
padding: 0;
}

#container {
position: absolute;
top: 50%;
left: 400px;
margin: 0;
padding: 0;
}

#main { position: absolute; top: -300px }

.work {
	background: none;
	float: left;
	height: 600px;
	width: auto;
}

.workred {
	background: #290000;
	float: left;
	height: 600px;
	width: auto;
}

.bodytext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #333;
	line-height:18px;
}

.title {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #313131;
	line-height:18px;
}
	

#description {
	position: relative;
	text-align: justify;
	width: 250px;
}

.copyright {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	color: #CCC;
}
	
.arrows {
    position: absolute;
	margin: 20px;
    bottom: 0px;
}

.box {
background: #FFFFFF;
border: 0px solid #FFFFFF;
width: 400px;
height: 600px;
float: left;
line-height: 18px;
}

.boxred {
background: #290000;
border: 0px solid #FFFFFF;
width: 400px;
height: 600px;
float: left;
line-height: 18px;
}

.boxsmall {
background: #FFFFFF;
border: 0px solid #FFFFFF;
width: 305px;
height: 600px;
float: left;
line-height: 18px;
}

.box p {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
color: #333;
line-height:18px;
}

.gradback {
	z-index: -10;
}