body {
	margin:0;
	padding:0;
	width: 12740px;
	height: 650px;
	color:#090E36; 
	font: 10px Tahoma, Sans-Serif; 
	background: #604F32 url(assets/bg.png) repeat-x left top;
	cursor:default;
}

body#body_404 {
width:1200px;
}
/* headers and links */

h1, h2, h3, h4, p, ul {
padding:0px;
margin:0px;
}
h2 {
	font-size:1.1em
}

h3 {
	font-size:1.4em
}

a {
	text-decoration:none;
	color:#090E36;
}

a img {
	border:0px none;
}

/*
a:hover img {
border:none;
}*/

/* Page */

#page {
	height:650px;
}

#main {
clear:inherit;
}

/* HEADER */

#header {
	margin-top:0px;
	height:48px;
}

#header h1 {
	margin:0 0 0 0px;
	text-indent:-9999px;
	background-image:url(assets/header.gif);
	background-repeat:repeat-x;
	height:48px;
}

/* NAVIGATION */

#navigation {
	
	padding: 0px;
	float: left;
	width:720px;
	height:600px;
}

#navigation_404 {
	
	padding: 0px;
	float: left;
	width:400px;
	height:600px;
}


#menu {
	font-family: arial, sans-serif;
	background-image:url(assets/box_menu_V2.png);
	background-repeat:no-repeat;
	height:342px;
	width:284px;
	margin-top: 160px; 
	margin-left:50px;
	float:left;
}

#menu h2 {
	margin:25px 0 0 30px;
	text-indent:-9999px;
	background-image: url(assets/text.png);
	width:144px;
	height:25px;
}

#menu ul#nav {
	list-style: none;
	margin: 0px 0  0 51px;
	padding: 0 0 0 36px;
	font-size: 1.6em;
}

#menu ul#nav li {
margin-top:25px;
font-family: arial, sans-serif;
}

#menu ul#nav li a {
width:60px;
height:22px;
display:block;
text-indent:-9999px;
}

#menu ul#nav li#d a {
margin-top:27px;
background-image:url(assets/nav.png);
width:62px;
}

#menu ul#nav li#d a:hover {
background-image:url(assets/nav.png);
background-position:0px 198px;
width:62px;
}

#menu ul#nav li#w a {
background-image:url(assets/nav.png);
background-position:0px 176px;
width:96px;
}

#menu ul#nav li#w a:hover {
background-image:url(assets/nav.png);
background-position:0px 154px;
width:96px;
}

#menu ul#nav li#a a {
background-image:url(assets/nav.png);
background-position:0px 132px;
width:62px;
}

#menu ul#nav li#a a:hover {
background-image:url(assets/nav.png);
background-position:0px 110px;
width:62px;
}

#menu ul#nav li#c a {
background-image:url(assets/nav.png);
background-position:0px 88px;
width:72px;
}

#menu ul#nav li#c a:hover {
background-image:url(assets/nav.png);
background-position:0px 66px;
width:72px;
}

#menu ul#nav li#s a {
background-image:url(assets/nav.png);
background-position:0px 43px;
width:59px;
height:20px;
}

#menu ul#nav li#s a:hover {
background-image:url(assets/nav.png);
background-position:0px 22px;
width:59px;

}


/*HELP */

#help {
	float:right;
	background-image:url(assets/help.png);
	background-repeat:no-repeat;
	width:319px;
	height:605px;
	margin-top:0px;
}


#information {
	background-image:url(assets/information.gif);
	margin: 273px 0 0 96px;
	width:107px;
	height:45px;
	display:block;
	border: none;
	position:relative;
	
}

#email {
	margin: 0 0 0 94px;

}

#email a {
	background-image:url(assets/email_button.png);
	background-position:0px 0px;
	width:100px;
	height:33px;
	display:block;
	border:none;
	text-indent:-9999px;
}

#email a:hover, #email a:active {
	background-image:url(assets/email_button.png);
	background-position: 0px 33px;
}

#cv {
	margin: 0 0 0 94px;
	width:80px;
	height:23px;
	display:block;
}

#cv a{
	background-image:url(assets/cv_button.png);
	background-position:0px 0px;
	border:none;
	width:80px;
	height:23px;
	display:block;
	text-indent:-9999px;
}

#cv a:hover, #cv a:active {
	background-image:url(assets/cv_button.png);
	background-position:0px 23px;
}
/** ARROWS **/

#arrows {
	position: fixed;
	top: 70px;
	right: 0px; 
	width: 500px;
	height: 30px;
	
}

#arrows ul {
	margin:0px;
	padding: 0;
	list-style:none;
}

#arrows ul li {
	margin: 0;
	padding: 0;
	display:inline;
	width: 40px;
	height: 30px;
}

#arrows ul li a{
	margin-right: 100px;
	float: left;
	display: block;
	width: 101px;
	height: 35px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
	text-indent: -9000px;
}

#arrows ul li#left a {background: transparent url(assets/backbig.png) no-repeat;}
#arrows ul li#right a{background: transparent  url(assets/morebig.png) no-repeat;}




/*** content ***/
#content {
	margin: 0px 0 0 0px; 
	float: left;
	font-size: 1.1em;
	height:600px;
}


/** PROJECTS **/

.project_info {
	margin: 120px 0 0 530px;
}

.project_box {
	background-image: url(assets/project_frame.png);
	width:606px;
	height:372px;
	margin: 0px;
}

.project_box img {
	margin:12px 0 0 18px;
}

/** TOOLTIPS **/

a.info_button{
    position:relative; /*this is the key*/
    z-index:34;
    color:#000;
    text-decoration:none}

a.info_button:hover{z-index:35; cursor: default;}

a.info_button span{display: none}

a.info_button:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:1em; width:12em;
    border:1px solid #FFFFFF;
    background-image:url(assets/blk_bg.png); background-repeat: repeat; color: #ffffff;
    text-align: left;
    padding: 7px;
    font-size:1.3em;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -webkit-box-shadow: 2px 2px 13px #000000;
}


/** Project Spec tooltips **/



a.project_spec, a.copyright {
    position:relative; /*this is the key*/
    z-index:44;
    color:#000;
    text-decoration:none}

a.project_spec:hover, a.copyright:hover {z-index:45; cursor: default;}

a.project_spec span, a.copyright span{display: none}

a.project_spec:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:1em; width:5em;
    border:1px solid #FFFFFF;
    background-image:url(assets/blk_bg.png); background-repeat: repeat; color: #ffffff;
    text-align: left;
    padding: 7px;
    font-size:1.3em;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -webkit-box-shadow: 2px 2px 13px #000000;
}

 a.copyright:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:1em; width:8em;
    border:1px solid #FFFFFF;
    background-image:url(assets/blk_bg.png); background-repeat: repeat; color: #ffffff;
    text-align: left;
    padding: 7px;
    font-size:1.3em;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -webkit-box-shadow: 2px 2px 13px #000000;
}


/** Launch site tooltips **/
a.launch_site{
    position:relative; /*this is the key*/
    z-index:34;
    color:#000;
    text-decoration:none}

a.launch_site:hover{z-index:35; cursor: pointer;}

a.launch_site span{display: none}

a.launch_site:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
   top:1em; left:1em; width:5.5em;
    border:1px solid #FFFFFF;
    background-image:url(assets/blk_bg.png); background-repeat: repeat;  
    color:#FFFFFF;
    text-align: left;
    padding: 7px;
    font-size:1.3em;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -webkit-box-shadow: 2px 2px 13px #000000;
}

/** Project tooltips **/

a.project_ro, a.project_ro2, a.project_ro3{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none;
    
    }

a.project_ro:hover {z-index:25; cursor: default;}

a.project_ro span {display: none}

a.project_ro:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:27px; left:6px; width:576px;
    font-size:1.1em;
  	border:1px solid #FFFFFF;
    background-image:url(assets/blk_bg.png); background-repeat: repeat; color: #ffffff;
    text-align: left;
    padding: 7px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -webkit-box-shadow: 2px 2px 13px #000000;
}

/** panels **/

.panel {
	margin: 0px 0px 0 0px; 
	padding:0px; 
	float: left; 
	width: 840px;	
	height: 600px;
}

.alt {/* modify this to add style to alternate sections*/}

.start {
	padding-left:0px;
}
.end {
width:650px;
}

.column {
width:168px;
background-image:url(assets/column.png);
background-repeat:no-repeat;
margin:0 40px 0 0;
padding:0px;
}

.last {
width:700px;
}

#404 {
	margin: 0px 0px 0 0px; 
	padding:0px; 
	float: left; 
	width: 400px;	
	height: 600px;
}

/** About **/

#about_wrap {
margin:140px 0 0 80px;
padding:0;
width:570px;
}

.about{
position:relative;
width:225px;
padding: 15px 30px 20px 20px;
background-image: url(assets/small_contact_box3.png);
background-repeat:no-repeat;
height:295px;
}

#us {float:left;}
#site {float:right;}

#us h3 {
margin-top:1px;
text-indent:-99999px;
background-image:url(assets/text.png);
background-position: 0px 74px;
width:82px;
height:22px;
}

#site h3 {
margin-top:1px;
text-indent:-999999px;
background-image:url(assets/text.png);
background-position: 0px 49px;
width:82px;
height:22px;
}

#us.about ul {
	list-style:none;
	margin: 7px 0 0 10px;

}

#us.about p, #site.about p {
	margin: 8px 0 0 0;

}

#us.about ul li a:hover {
	background-color:#090E36;
	color:#FFFFFF;
}


#seats {
position:relative;
clear:both;
background-image:url(assets/seats.png);
width:790px;
height:176px;
}

/** Contact us Form **/

#contact {
	margin: 140px 0 0 0;
	background-image: url(assets/project_frame.png);
	width:606px;
	height:372px;
}

.contact_form {
	background-image: url(assets/contact_map2.jpg);
	width:571px;
	height:321px;
	margin:15px 0 0 19px;
	
}

.contact_form h3 {
	margin:5px 0 0 10px;
	text-indent:-999999px;
	background-image:url(assets/text.png);
	background-position: 0px 27px;
	width:110px;
	height:22px;
}


#contact_us {
	width: 462px;
	margin: 25px 0 0 20px;
}

p.label_name, p.input_form {
	float: left;
}

p.input_form { 
	border-color:#333333 #666666 #666666 #333333;
	border-style:solid;
	border-width:1px;
	padding:0px;
	margin-top:10px;
}

p.input_form:hover { 
	border-color: #993300;
}

p.label_name {
	width: 80px;
	clear: both;
	font-size: 14px;
	margin-top:10px;
}

#contact_us input, #contact_us textarea {
	width: 370px;
	background: #f3f3f3;
	border: 1px solid #eae9e9;
	font-size: 13px;
	padding: 4px;
	margin-bottom: 0px;
	color: #797676;
}

#contact_us input.button {
	text-transform: uppercase;
	color: #fbfbfb;
	background: #3E4552;
	padding: 5px 10px;
	display: inline-block;
	font-size: 11px;
	width: 60px;
	border: 0px;
	cursor: pointer;
	margin-top:5px;
}

div#feedback {
	margin: 20px 0 0 20px;
}

p.error {
	display: none;
	padding: 5px 0px;
	color: #8dadc7;
	font-weight: bold;
}

p#submit {text-align:right;}

p#success {
	display: none; 
	font-size: 16px; 
	text-align: center; 
	margin-bottom: 20px;
	cursor: pointer;
	color: #9e9595;
	font-style: italic;
}


/** footer **/

#footer {
float:left;
margin:140px 0 0 100px;
width:60px;
}

#footer_404 {
float:left;
margin:140px 0 0 80px;
width:60px;
}