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

body, html {
background-color: #cc6622;
font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
padding: 0;
margin: 0;
}

a, *
{
  outline: none;
}

  a,
  a:focus,
  a:hover,
  a:active {color: #cc6622; text-decoration:underline; font-weight: bold;}

h2 {
font-size: 17px;
color: #cc6622;
padding: 0;
margin: 15px 10px 0px 20px;
}

h3 {
font-size: 11px;
color: #cc6622;
padding: 0;
margin: 15px 10px 0px 20px;
}

p {
font-size: 13px;
line-height: 16px;
color: #666666;
padding: 0;
margin: 0 10px 20px 20px;
}

p.smalltext {
font-size: 11px;
line-height: 14px;
}

div#page {
  	width:700px;
	margin:0 auto;
	text-align:left;
}

div#header {
	background-color: #ffffff;
	border-right: 1px solid #58595b;
	border-left: 1px solid #58595b;	
	border-top: 1px solid #58595b;		
	border-bottom: 1px solid #b2b3b6;			
	width:698px;
	height:72px;
	margin-bottom: 5px;
}

/*
div#nav {
	background-color: #ffffff;
	border-right: 1px solid #58595b;
	border-left: 1px solid #58595b;	
	border-top: 1px solid #b2b3b6;	
	border-bottom: 1px solid #b2b3b6;			
	width:698px;
	height:20px;
}
*/

    #nav {
    background:url('../i/nav.gif') no-repeat;
	border-right: 1px solid #58595b;
	border-left: 1px solid #58595b;	
	border-top: 1px solid #b2b3b6;	
	border-bottom: 1px solid #b2b3b6;			
	width:698px;
    height:20px;
    margin:0;
    padding:0;
    }

    #nav span {
    display: none;
    }

    #nave li, #nav a {
    height:20px;
    display:block;
    }

    #nav li {
    float:left;
    list-style:none;
    display:inline;
    }

    #nav-00 {
    width: 98px;
    }
	
	#nav-01 {width: 169px; height:20px;}
    #nav-02 {width: 154px; height:20px;}
    #nav-03 {width: 139px; height:20px;}
    #nav-04 {width: 138px; height:20px;}

    #nav-00 a:hover {background:url('../i/nav.gif') 0px -80px no-repeat;}
    #nav-01 a:hover {background:url('../i/nav.gif') -98px -20px no-repeat;}
    #nav-02 a:hover {background:url('../i/nav.gif') -267px -20px no-repeat; }
    #nav-03 a:hover {background:url('../i/nav.gif') -421px -20px no-repeat; }
    #nav-04 a:hover {background:url('../i/nav.gif') -560px -20px no-repeat; }

    #works #nav-00 a {background:url('../i/nav.gif') 0px -140px no-repeat;}	
    #works #nav-00 a:hover {background:url('../i/nav.gif') 0px -40px no-repeat;}
    #works #nav-01 a, #works #nav-01 a:hover {background:url('../i/nav.gif') -98px -40px no-repeat;}

    #mission #nav-01 a {background:url('../i/nav.gif') -98px -140px no-repeat;}	
    #mission #nav-01 a:hover {background:url('../i/nav.gif') -98px -60px no-repeat;}
    #mission #nav-02 a, #mission #nav-02 a:hover {background:url('../i/nav.gif') -267px -60px no-repeat; }

    #about #nav-02 a {background:url('../i/nav.gif') -267px -140px no-repeat; }	
    #about #nav-02 a:hover {background:url('../i/nav.gif') -267px -80px no-repeat; }
    #about #nav-03 a, #about #nav-03 a:hover {background:url('../i/nav.gif') -421px -80px no-repeat; }	

    #contact #nav-03 a {background:url('../i/nav.gif') -421px -140px no-repeat; }	
    #contact #nav-03 a:hover {background:url('../i/nav.gif') -421px -100px no-repeat; }
    #contact #nav-04 a, #contact #nav-04 a:hover {background:url('../i/nav.gif') -560px -100px no-repeat; }	
	
div#container {
	background-color: #ffffff;
  	min-height:500px;
	_height:500px;	
}

div#left {
	background-color: #ffffff;
	border-left: 1px solid #58595b;			
  	width:517px;
  	_width:513px;	
	float:left; 
  	margin:0;
  	min-height:500px;
	_height:500px;
}

div#right {
	background-color: #ffffff;
	border-right: 1px solid #58595b;
	border-left: 1px solid #b2b3b6;		
 	width:180px;
	margin:0 0 0 518px;
	_margin:0 0 0 515px;	
  	min-height:500px;
	_height:500px;
}

body#about div#right {
background-image:
url('../i/sidebar_about.jpg');
background-position: top right;
background-repeat: no-repeat;
}

body#contact div#right {
background-image:
url('../i/sidebar_contact.jpg');
background-position: top right;
background-repeat: no-repeat;
}

body#works div#right {
background-image:
url('../i/sidebar_works.jpg');
background-position: top right;
background-repeat: no-repeat;
}

body#mission div#right {
background-image:
url('../i/sidebar_mission.jpg');
background-position: top right;
background-repeat: no-repeat;
}

div#footer {
	background-color: #f1f1f1;
	border-right: 1px solid #58595b;
	border-left: 1px solid #58595b;	
	border-bottom: 1px solid #58595b;	
	border-top: 1px solid #b2b3b6;	
  	width:698px;
	height:141px;
	clear:both;
}

div#footer p {
	font-size: 9px;
	color: #888888;
	margin: 5px 10px;
}