/*
 GLOBAL
*/
html{font-size:100%;}
body{margin:0;padding:0;height:100%;color:#000000;min-width:999px;font:75.2%/1.538em Arial,Helvetica,sans-serif;background:#304b60 url("bg.png") repeat left top;}
a{color:#1A384F;margin:0;outline:0;}
a,a:visited,a:active{text-decoration:none;color:#1A384F;}
a:hover{color:#A3B3BE;text-decoration:underline;}
.selected{color:#A3B3BE;}
.logo{position:absolute;top:16px;margin-left:382px;z-index:1000;}
html,body,#shell{height:100%;}
body > #shell{width: 970px; height:auto;min-height:100%;margin-left: auto;
	margin-right: auto;}
#main{float:left; width:900px; height:auto; margin-left:35px; min-height:100%;background:#1A384F;padding-bottom: 20px;}
.content{float:left; height:auto;width: 860px; margin: 10px 0 0 20px; min-height:100%;background:#FFFFFD;border-radius: 5px;}
.content_bdr{float:left; height:auto;width: 850px; margin: 3px 3px 3px 3px; min-height:100%;border-style:solid;border-width:2px;border-color:#A3B3BE;border-radius: 5px;}
.full_column{float:left; height:auto; width: 790px; margin: 25px 29px 25px 29px; min-height:100%;}
.left_column{float:left; overflow: hidden;height:auto; width: 160px; margin: 60px 27px 30px 29px; min-height:100%;}
.right_column{float:left; height:auto; width: 628px; margin: 60px 0 25px 0; min-height:100%;border-left: 2px solid #A3B3BE;}

#footer{float:left;width:860px;margin: 15px 0 0 20px;height:auto;clear:both;border-top: 4px double #A3B3BE;border-bottom: 4px double #A3B3BE;}
.footer_txt{color:#A3B3BE;font-size:.85em;font-family:"helvetica", arial, sans;padding:10px 0 10px 0;text-align:center;}
.footer_txt a{color:#A3B3BE;font-size:.9em;font-family:"helvetica", arial, sans;padding:10px 0 10px 0;text-align:center;}
#sub_footer{float:left;width:860px;margin: 0 0 0 20px;height:auto;clear:both;}
.sub_footer_txt{color:#678999;font-size:.85em;font-family:"helvetica", arial, sans;padding:10px 0 0 0;text-align:center;}
.sub_footer_txt a{color:#678999;font-size:.9em;font-family:"helvetica", arial, sans;padding:10px 0 0 0;text-align:center;}
/*
TYPOGRAPHY
*/

p + p {margin-top: 20px;}
p.body1{font-family:"Helvetica",Arial,sans; color:#1A384F;font-size:1.15em;}
p.body2{font-family: "Helvetica", Arial,sans; color:#1A384F;font-size:1.05em;margin-top: 9px;line-height:1.2em;}
p.sub_txt{font-family: "Helvetica", Arial,sans; font-style:italic; color:#1A384F;font-size:.9em;margin-top: 9px;line-height:1.3em;padding-bottom: 20px; }
p.H1{font-family:  'Rokkitt', georgia,Arial,sans;color:#1A384F;font-size:2em;line-height:1.2em;}
p.H2{font-family:  'Rokkitt', georgia,Arial,sans;color:#1A384F;font-size:2.2em;letter-spacing: .04em;}
p.H3{font-family:  'Rokkitt', georgia,Arial,sans;color:#1A384F;font-size:1.75em;line-height:1.2em;}
p.H4{font-family:"Helvetica",Arial,sans; padding:7px 0 0 0;color:#678999;font-weight: 400; font-size:1.28em;line-height:1.28em;letter-spacing: .05em;}
p.grid_title{padding:5px 0 5px 0;}


/*
TOP NAVIGATION
*/
#header {
 background: url("images/header.png") repeat-x scroll 0 0 ;
 height:167px; 
 }





#globalnav, #globalnav ul, #globalnav ul li, #globalnav h5 {
    float:left;
}
#globalnav {
    
    width: 1000px; padding: 93px 0 0 100px;
}
#globalnav ul li a span, #globalnav h5 span {
    display: none; 
}
#globalnav ul li {
    list-style: none outside none; 
}

#globalnav ul li a {
    display: block;
    height: 40px;
}
#nav_services {
    background: url("images/nav_services.png") no-repeat scroll 0 -40px ;padding-right:34px;
    width: 100px;
}
#nav_about {
    background: url("images/nav_about.png") no-repeat scroll 0 -40px ;padding-right:302px; margin-top:14px;
    width: 100px;
}
#nav_projects {
    background: url("images/nav_projects.png") no-repeat scroll 0 -40px ;padding-right:34px;margin-top:14px;
    width: 100px;
}
#nav_contact {
    background: url("images/nav_contact.png") no-repeat scroll 0 -40px ;padding-right:5px;
    width: 100px;
}


.nav_services #nav_services, .nav_about #nav_about, .nav_projects #nav_projects, .nav_contact #nav_contact, .navactive, #globalnav ul li a:hover {
    background-position: 0 0;
}


#nav_services_current {
    background: url("images/nav_services.png") no-repeat scroll 0 0 ;padding-right:34px;
    width: 100px;
}
#nav_about_current {
    background: url("images/nav_about.png") no-repeat scroll 0 0 ;padding-right:302px; margin-top:14px;
    width: 100px;
}
#nav_projects_current {
    background: url("images/nav_projects.png") no-repeat scroll 0 0 ;padding-right:34px;margin-top:14px;
    width: 100px;
}
#nav_contact_current {
    background: url("images/nav_contact.png") no-repeat scroll 0 0 ;padding-right:5px;
    width: 100px;
}

/*
SUB NAVIGATION
*/

#subnav {
    border-top: 1px dashed #A3B3BE;
    
}
#subnav li {
    border-bottom: 1px dashed #A3B3BE;
	text-transform:uppercase;
	font-family: 'Rokkitt', georgia,Arial,sans;
	font-weight: 700;
	letter-spacing: .05em;
    font-size: 1.45em;
    list-style: none outside none;
    padding: 10px 0;
	
}
#subnav li a {
    color: #1A384F;
    margin-left: 5px;
    text-decoration: none;
}
#subnav li a:hover, #subnav li.current_page_item a {
    color: #678999;
}

/*
SECTIONS
*/

#section_header {
    margin-left: 25px;
	
	width: 578px;
    overflow: hidden;
	
}
#page-header-images {
    margin-left: 25px;
	margin-bottom: 5px;
    overflow: hidden;
}

#page-header-images img {
    float: left;
    margin-right: 10px;
}

.sidebar{
    
	margin-top: 25px;
    overflow: hidden;
}

.services_copy {float:left; height:auto; width: 578px; padding-top: 20px; margin: 15px 25px 0 25px; min-height:100%;border-top: 2px solid #A3B3BE;}
.services_list {float:left; height:auto; width: 578px; padding-top: 20px; padding-bottom:30px;margin: 10px 25px 0 25px; min-height:100%;}
.contact_copy {float:left; height:auto; width: 578px; padding-bottom: 30px; margin: 0 25px 0 25px; min-height:100%;border-bottom: 2px solid #A3B3BE;}
#contact_info {float:left; height:auto; width: 178px; margin: 35px 25px 0 25px; min-height:100%;}
#contact_map {float:left; height:auto; width: 375px; margin: 35px 25px 0 0; min-height:100%;}
#about_info {float:left; height:auto; width: 210px; margin: 0 25px 0 25px; min-height:100%;}
#about_images {float:left; height:auto; width: 343px; margin: 0 25px 0 0; min-height:100%;}
.full_column_projects{float:left; height:auto; width: auto; margin: 0 0 25px; min-height:100%;}
#projects_header {
    width: 790px; height: auto; margin: 57px 29px 0 29px;;
	}
#projects_copy_main{float:left; width: 790px; height:auto; padding:10px 0 10px 0; margin: 12px 29px 0 29px; min-height:100%; min-height:100%;border-top: 2px solid #A3B3BE;border-bottom: 2px solid #A3B3BE;}
.projects_grid{float:left; width: 790px; height: auto; margin: 15px 29px 0 29px; }

.grid_col1 {
	font-family:"Helvetica",Arial,sans;
	text-transform:uppercase; 
	font-weight:bold; 
	color:#1A384F;
	font-size:1.1em;
	text-decoration:none;
	float: left;
    padding: 15px 20px 0 0;
}
.grid_col2 {
	font-family:"Helvetica",Arial,sans;
	text-transform:uppercase; 
	font-weight:bold; 
	color:#1A384F;
	font-size:1.1em;
	text-decoration:none;
	float: left;
    padding: 0 25px 0 0;
}
.grid_col3 {
	font-family:"Helvetica",Arial,sans;
	text-transform:uppercase; 
	font-weight:bold; 
	color:#1A384F;
	font-size:1.1em;
	text-decoration:none;
	float: left;
    padding: 0 25px 0 0;
}
.grid_col1 a:hover, .grid_col2 a:hover, .grid_col3 a:hover {
     color:#A3B3BE;text-decoration: none;
}
.proj_des_left_column{float:left; overflow: hidden;height:auto; width: 530px; margin: 15px 25px 0 29px; min-height:100%;}
.proj_des_right_column{float:left; overflow: hidden;height:auto; width: 235px; margin: 15px 29px 0 0; min-height:100%;}
.proj_des_title{ 
	border-top: 1px dashed #A3B3BE;
	border-bottom: 1px dashed #A3B3BE;
	text-transform:uppercase;
	font-family: 'Rokkitt', georgia,Arial,sans;
	color: #678999;
	letter-spacing: .07em;
    font-size: 2em;
    list-style: none outside none;
    padding: 10px 0;
	margin: 0 0 20px;}
.proj_big_photos {
    margin-bottom: 25px;
    overflow: hidden;
}


/*
IMG FADER
*/
#slider{position:relative;margin: 6px 6px 6px 6px; height:338px;width:838px;border-radius: 5px;}
#slider ul li{float:left;position:absolute;display:none;}
#slider ul li img{border:none;}
#slider ul li.show{z-index:500 ;display:block;}