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

body  {
margin-top:20px;
padding:0px;
text-align:center;
background-color: #333333;
}

img {
	border: none;
	}
#container {
font:10px Verdana, Arial, Helvetica, sans-serif;
width:1024px;
height:768px;
position: relative;

margin-left: auto;
margin-right: auto;
text-align:left;
text-decoration:none;
border: none;
background-color:#FFFFFF;
}

#logo_header {
float: left;
height: 127px;
width: 210px;
padding-top:57px;
padding-left:10px;
background-color:#FFFFFF;
}

#head_spacer1 {
float: left;
height: 184px;
width:4px;
display:inline-block;
background-color:#FFFFFF;
}

#head_spacer2 {
float: left;
height: 184px;
width:16px;
display:inline-block;
background-color:#000000;
}

#head_spacer3 {
float: left;
height: 184px;
width:4px;
display:inline-block;
background-color:#FFFFFF;
}

#tagline_header {
height:184px;
width:780px;
float:left;
background-repeat: no-repeat;
background-color:#000000;
}

#horiz_spacer {
float:left;
width:1024px;
height:4px;
background-color:#FFFFFF;
}

#nav_col {
float: left;
height: 580px;
width:220px;
display:inline-block;
background-color:#000000;
}

#middle_spacer1 {
float: left;
height: 580px;
width:4px;
display:inline-block;
background-color:#FFFFFF;
}

#middle_spacer2 {
float: left;
height: 580px;
width:16px;
display:inline-block;
background-color:#000000;
}

#middle_spacer3 {
float: left;
height: 580px;
width:4px;
display:inline-block;
background-color:#FFFFFF;
}

#middle_col {
float: left;
height: 434px;
width:780px;
display:inline-block;
background-repeat:no-repeat;
background-color:#000000;
}

#horiz_mid_spacer {
float:left;
width:780px;
height:4px;
background-repeat:no-repeat;
background-color:#FFFFFF;
}

#bottom_box {
float:left;
width:780px;
height:142px;
list-style:none;
overflow:hidden;
background-repeat:no-repeat;
background-color:#000000;
}

/* =====================================
/
/ MAIN AND SUBNAVIGATION
/
/ ======================================*/

#mainnav {
	height: 432px;
	width: 130px;
	list-style: none;
	overflow: hidden;
	position: absolute;
	top: 256px;
	left: 68px;
	}
	
#mainnav a {
	display:block;
	background-repeat: no-repeat;
	overflow: hidden;
	height:27px;
	margin-bottom: 52px;
	}
#mainnav a:hover, #mainnav a.selected, #mainnav a:active  {
	background-position: 0 -27px;
	}


	
#mainnav2 {
	width: 770px;
	height: 27px;
	float:left;
	margin-top:50px;
	padding: 0px;
	overflow:hidden;
	position:absolute;
	list-style:none;
	}
	
#mainnav2 ul{
	float:left;
	margin-top:0px;
	}
#mainnav2 li{
	float:left;
	}
#mainnav2 li a {
	float:left;
	display:inline;
	background-repeat:no-repeat;
	text decoration: none;
	margin:0px 30px 0px 30px;	
	padding: 0px;
	height:27px;
	}
		
#mainnav2 li a:hover, #mainnav2 li a:active  {
	background-position: 0 -27px;
	}
	
#home {
	background-image:url(images/buttons/home_btn.gif);
	width:69px;
	height:54px;
	}
#about {
	background:url(images/buttons/about_btn.gif);
	width:72px;
	height:54px;
	}
#work {
	background:url(images/buttons/work_btn.gif);
	width:62px;
	height:54px;
	}
#approach {
	background:url(images/buttons/approach_btn.gif);
	width:115px;
	height:54px;
	}
#contact {
	background:url(images/buttons/contact_btn.gif);
	width:95px;
	height:54px;
	}



.mail_link a:link {
font-weight:bold;
color:#000;
letter-spacing:normal;
text-decoration:underline;			
}

.mail_link a:visited {
font-weight:bold;
color:#CC0033;
letter-spacing:normal;
}			

.mail_link a:hover {
font-weight:bold;
color:#CC0033;
letter-spacing:normal;
}

.mail_link a:active {
font-weight:bold;
color:#000;
letter-spacing:normal;
}