/*
Description: Stylesheet for PuenteLLC.com
Slicer: Andres E. Fernandez
Designer: Andres E. Fernandez

Colors:
text:	#4f4f4f
em: #96a6c5
nav text: #5e646a
links:	#2f6196
bg: #003e7e
container-bg: #fcfbfb
footer-bg: #002247
footer-text: #cdcfd5
*/
/*Reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5,
h6, p, blockquote, pre, a, code, del, em, font, img, small,
strike, strong, dl, dt, dd, ol, ul, li, fieldset, form,
label, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/*Global Styles*/
body{
background-color: #003e7e;
text-align: center; 
}

p{
font-size: 18px;
line-height: 24px;
}

a{
color: #2f6196;
text-decoration: none;
}

a:hover{
color: #003e7e;
text-decoration: underline;
}

#container_wrap{
margin: 0 auto;
width: 1030px;
background: url(../images/container_wrapper-trans.png) repeat-y;
}

#container{
background: #fcfbfb;
margin: 0 auto;
width: 960px;
text-align: left;
position: relative;
}

#container #header{
background: url(../images/header_bg.jpg) no-repeat;
width: 960px;
height: 126px;
}

#container #header h1{
background: url(../images/logo-trans.png) no-repeat;
width: 360px;
height: 126px;
margin-left: 37px;
cursor: pointer;
text-indent: -9999px;
}

#header h1 a{
display: block;
width: 188px;
height: 126px;
}

#container #header #nav{
float: right;
margin: 0;
margin-top: -35px;
height: 35px;
}

/*Nav*/
#nav li{
float: left;
font-size: 18px;
line-height: 24px;
font-family: Helvetica, Verdana;
height: 35px;
width: 110px;
text-align: center;
list-style-type: none;
background: url(../images/nav-trans.png) no-repeat;
margin: 1px;
}

#nav li a{
color: #5e646a;
padding-top: 5px;
text-decoration: none;
height: 35px;
display: block;
}

#home #nav li#nav_home,
#about #nav li#nav_about,
#services #nav li#nav_services,
#contact #nav li#nav_contact,
#government #nav li#nav_government
{
background: url(../images/nav_selected-trans.png) no-repeat;
}

#nav li ul{
display: none;
position: absolute;
left: 0;
top: 100%;
padding: 0;
margin: 0;
}

#nav li:hover > ul{
display: block;	
}

/*Banner*/
#container #main #banner{
margin-top: 20px;
margin-left: 15px;
margin-bottom: 31px;
width: 930px;
height: 269px;
background: url(../images/banner_home.jpg);
position: relative;
}

body#about #container #main #banner{
margin-top: 20px;
margin-left: 15px;
margin-bottom: 31px;
width: 930px;
height: 269px;
background: url(../images/banner_about.jpg);
position: relative;
}

body#services #container #main .service{
margin-top: 20px;
margin-left: 15px;
margin-bottom: 31px;
width: 930px;
height: 269px;
background: url(../images/banner_service.jpg);
position: relative;
}

body#services #container #main .construction{
margin-top: 20px;
margin-left: 15px;
margin-bottom: 31px;
width: 930px;
height: 269px;
background: url(../images/banner_construction.jpg);
position: relative;
}

body#services #container #main .facility{
margin-top: 20px;
margin-left: 15px;
margin-bottom: 31px;
width: 930px;
height: 269px;
background: url(../images/banner_facility.jpg);
position: relative;
}

body#services #container #main .project{
margin-top: 20px;
margin-left: 15px;
margin-bottom: 31px;
width: 930px;
height: 269px;
background: url(../images/banner_project.jpg);
position: relative;
}

body#services #container #main .coming{
margin-top: 20px;
margin-left: 15px;
margin-bottom: 31px;
width: 930px;
height: 269px;
background: url(../images/banner_coming.jpg);
position: relative;
}

body#contact #container #main #banner{
margin-top: 20px;
margin-left: 15px;
margin-bottom: 31px;
width: 930px;
height: 269px;
background: url(../images/banner_contact.jpg);
position: relative;
}

body#government #container #main #banner{
margin-top: 20px;
margin-left: 15px;
margin-bottom: 31px;
width: 930px;
height: 269px;
background: url(../images/banner_govt.jpg);
position: relative;
}


#main{
overflow: hidden;
}

#main #banner em{
margin-top: 132px;
margin-left: 23px;
position: absolute;
color: #96a6c5;
width: 380px;
font-size: 18px;
line-height: 24px;
font-style: normal;
font-family: "Myriad Pro", Helvetica, Sans-serif;
}

body#home #main #banner a{
text-indent: -9999px;
position: absolute;
margin-top: 207px;
margin-left: 22px;
border: 0;
width: 193px;
height: 46px;
background: url(../images/learn_more-trans.png) 0 0 no-repeat;
}

body#home #main #banner a:hover{
background: url(../images/learn_more-trans.png) -194px 0 no-repeat;	
}

#main #banner p{
position: absolute;
margin-top: 160px;
margin-left: 23px;
font-size: 18px;
line-height: 24px;
font-style: normal;
font-family: "Myriad Pro", Helvetica, Sans-serif;
color: #96a6c5;
}

#main #banner p a{
color: #fcfbfb;
}

#main #banner a:hover{
background-position: -193px 0;
}

#main #primary_content{
float: left;
width: 638px;
background: url(../images/puzzle-trans.png) right bottom no-repeat;
}

#main #primary_content h2{
margin-left: 38px;
width: 354px;
height: 42px;
position: relative;
}

body#services #main #primary_content h2{
margin-left: 38px;
width: 630px;
height: 42px;
position: relative;
}

#main #primary_content h2 span{
background: url(../images/home_title.jpg) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}

body#about #main #primary_content h2 span{
background: url(../images/about_title.png) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}

body#services #main #primary_content h2 span{
background: url(../images/services_title.jpg) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}

body#services #main #primary_content h2#construction span{
background: url(../images/construction_title.jpg) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}

body#services #main #primary_content h2#facility span{
background: url(../images/facility_title.jpg) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}

body#services #main #primary_content h2#project span{
background: url(../images/project_title.jpg) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}

body#services #main #primary_content h2#coming span{
background: url(../images/coming_title.jpg) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}

body#contact #main #primary_content h2#contact span{
background: url(../images/contact_title.jpg) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}

body#government #main #primary_content h2#about span{
background: url(../images/about_title.png) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}

body#government #main #primary_content h2#home span{
background: url(../images/home_title.jpg) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}

body#government #main #primary_content h2#services{
margin-left: 38px;
width: 630px;
height: 42px;
position: relative;
}

body#government #main #primary_content h2#services span{
background: url(../images/services_title.jpg) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}

body#government #main #primary_content h2#coming{
margin-left: 38px;
width: 630px;
height: 42px;
position: relative;
}

body#government #main #primary_content h2#coming span{
background: url(../images/coming_title.jpg) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}


body#services #main #primary_content ul{
list-style-type: disc;
margin-left: 44px;
margin-bottom: 20px;
margin-top: 10px;
padding-left: 40px;
}

body#services #main #primary_content ul li{
padding-bottom: 8px;
color: #333;
font-size: 1.4em;
}

body#government #main #primary_content ul{
list-style-type: disc;
margin-left: 44px;
margin-bottom: 20px;
margin-top: 10px;
padding-left: 40px;
}

body#government #main #primary_content ul li{
padding-bottom: 8px;
color: #333;
font-size: 1.4em;
}

#main #primary_content hr{
width: 631px;
margin: 19px 0 19px 34px;
color: #1e3959;
}

#main #primary_content p{
font-size: 18px;
line-height: 24px;
font-style: normal;
font-family: "Myriad Pro", Helvetica, Sans-serif;
margin-bottom: 40px;
margin-left: 34px;
}

#main #primary_content h3{
font-size: 22px;
line-height: 22px;
font-style: normal;
font-family: "Myriad Pro", Helvetica, Sans-serif;
margin-left: 34px;

}

#main #primary_content p#last{
margin-bottom: 0;
}

#main #primary_content div.codes{
overflow: hidden;
width: 630px;
margin-bottom: 40px;
}

#main #primary_content div.codes h2{
margin-top: 15px;
}

#main #primary_content div.codes p{
margin-bottom: 2px;
font-size: 16px;
line-height: 16px;
}

#main #primary_content .col_1{
float: left;
width: 90px;
}

#main #primary_content .col_2{
float: left;
width: 530px;
}

#main #primary_content h3.bio{
font-size: 22px;
line-height: 22px;
font-style: normal;
font-family: "Myriad Pro", Helvetica, Sans-serif;
margin-left: 34px;
}

#main #primary_content div.bio_section{
margin-left: 32px;
}

#main #primary_content div.bio_section .bio_image_box{
float: left;
width: 100px;
}

#main #primary_content div.bio_section .bio_image_box .caption_title{
color: blue;
font-size: 14px;
line-height: 14px;
font-variant: small-caps;
margin-left: 0;
text-align: center;
}

#main #primary_content div.bio_section .bio_image_box .caption{
margin-left: 0;
text-align: center;
font-size: 14px;
line-height: 14px;
margin-top: -35px;
}

#main #primary_content div.bio_section .bio_info_box{
float: left;
width: 500px;
}

#main #primary_content .bio_nav_box{
float: left;
width: 250px;
margin-bottom: 20px;
}

#main #primary_content ul.nav_bio{
margin-top: -5px;
margin-left: 60px;
list-style-type: disc;
}

#main #primary_content ul.nav_bio li{
padding-bottom: 8px;
color: #333;
font-size: 16px;
}    

#main #primary_content ul.nav_bio li.nav_col1{
float: left;
}

#main #primary_content ul.nav_bio li.nav_col2{
float: right;
}


#main #primary_content h3.arrow:hover{
text-decoration: underline;
}

#main #primary_content h3.active{
background-position: right 5px;
}

#main #secondary_content{
float: right;
width: 270px;
height: 478px;
background: url(../images/sidebar_bg-trans.png) no-repeat;
}

body#about #main #secondary_content{
float: right;
width: 270px;
height: 478px;
background: url(../images/about_eagle2.jpg) no-repeat;
}

body#services #main #secondary_content{
float: right;
width: 266px;
height: 500px;
background: url(../images/services_sidebar_bg-trans.png) no-repeat;
}

body#contact #main #secondary_content{
float: right;
width: 266px;
height: 478px;
background: url(../images/services_sidebar_bg-trans.png) no-repeat;
}

body#government #main #secondary_content{
float: right;
width: 266px;
height: 478px;
background: none;
}

body#contact #main #secondary_content .contact_info{
width: 266px;
height: 223px;
background: url(../images/services_sidebar_bg-trans.png) no-repeat;
}

body#contact #main #secondary_content .contact_info p{
margin-left: 10px;
padding-top: 18px;
font-size: 18px;
line-height: 18px;
}

#secondary_content h3{
margin: 11px 27px 12px 31px;
font-size: 24px;
line-height: 24px;
font-family: "Myriad Pro", Helvetica, Sans-serif;
color: #000;
}

body#about #secondary_content h3{
margin: 215px 27px 12px 31px;
font-size: 24px;
line-height: 24px;
font-family: "Myriad Pro", Helvetica, Sans-serif;
color: #fcfbfb;
}

#secondary_content p{
margin-left: 17px;
margin-right: 12px;
color: #343434;
font-size: 16px;
line-height: 29px;
}

body#about #secondary_content p{
margin-left: 17px;
margin-right: 12px;
margin-top: 15px;
color: #002247;
font-size: 16px;
line-height: 29px;
}

body#services #secondary_content{
padding-top: 40px;	
}

body#services #secondary_content p{
text-align: center;
margin-bottom: 5px;
}

body#services #secondary_content p.selected{
background-color: #ccc;
border: 1px solid #000;
}

body#services #secondary_content p.image{
margin-top: 80px;
}

body#government #secondary_content p{
text-align: center;
margin-bottom: 5px;
}

/*#main div#ribbon{
clear: both;
position: relative;
height: 138px;
}
*/

#main div#ribbon{
clear: both;
position: relative;
width: 959px;
height: 138px;
background: url(../images/ribbon-trans.png) no-repeat;
}

#main div#ribbon strong{
position: absolute;
margin-left: 42px;	
top: 100px;
font-size: 26px;
line-height: 24px;
color: #343434;
font-family: "Myriad Pro", Helvetica, Sans-serif;
}

/*Form*/
form{
width: 220px;
}

label{
padding-top: 5px;
display: block;
font-size: 12px;
margin-left: 15px;
font-weight: bold;
text-transform: uppercase;
}

input[type=text], textarea{
width: 200px;
margin-left: 15px;
border: 1px solid #333;
font-size: 14px;
font-family: "Myriad Pro", Helvetica, Sans-serif;
}

input[type=text]:hover, textarea:hover, input:focus, textarea:focus {
background: #eeecec;
outline: none;
}

input[type=submit] {
background: #d5ceca url(../images/submitButtonBG.jpg) no-repeat;
width: 102px;
height: 34px;
padding: 8px;
text-align: center;
font-size: 11px;
text-transform: uppercase;
float: right;
cursor: pointer;
border: 1px solid #333;
margin-top: 10px;
color: #30241f;
line-height: 20px;
}
		
input[type=submit]:hover {
background: #bcb4ae;
}

h2.notice{
margin-left: 15px;
padding-top: 40px;
font-family: "Myriad Pro", Helvetica, Sans-serif;
width: 200px;

}

#footer{
background-color: #002247;
overflow: hidden;
}

#footer #footer_container{
width: 960px;
margin: 0 auto;
}

#footer_container p{
color: #eceaeb;
font-size: 18px;
}

#footer_container p a:hover{
color: #96a6c5; 
}

#footer_container #footer_address{
float: left;
text-align: left;
margin-left: 15px;
}

#footer_container #footer_contact{
float: right;
text-align: right;
margin-right: 21px;
}