/*
NOTES
----------------------------------------------------------------------
Blue     #0B2488
Blue Lt  #1F48ED
Aqua     #1581A3
Aqua Lt  #00CCEE

10 	77
11 	85
12 	92
13 	100
14 	107
15 	114
16 	122
17 	129
18 	136
19 	144
20 	152
21 	159
22 	167
23 	174
24 	182
25 	189
26 	197
*/

/*
INITIALIZE ELEMENTS
----------------------------------------------------------------------
*/
  
  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{
    margin:0;
    padding:0;
  }
  table{
    border-collapse:collapse;
    border-spacing:0;
  }
  fieldset,img{
    border:0;
  }
  address,caption,cite,code,dfn,th,var{
    font-style:normal;
    font-weight:normal;
  }
  ol,ul{
    list-style:none;
  }
  caption,th{
    text-align:left;
  }
  h1,h2,h3,h4,h5,h6{
    font-size:100%;
  }

/*
FONTS
----------------------------------------------------------------------
*/

body * {
  line-height:1.6em;
}
body {
  font:13px "Trebuchet MS", arial, verdana, sans-serif;
  *font-size:small;
  *font:x-small;
}
table {
  font-size:inherit;
  font:100%;
}

/*
GLOBAL STYLES
----------------------------------------------------------------------
*/
  
  /*## ELEMENTS ##*/
  body{
    background-color:#FFF;
    background-image:url(../images/pageBg.jpg);
    background-position:top right;
    background-repeat:no-repeat;
    color:#555;
  }
  a,a:visited,a:active{
    color: #0B2488;
  }
  a:hover{
    color: #00CCEE;
  }
  /*## CLASSES ##*/
  .noput{
    display:none;
  }
  .clear{
    clear:both;
  }
  img.frame{
background-color:#FFF;
border:1px solid #AAA;
padding:10px;
}
  /*## BUTTONS ##*/

#searchsite input.btn, .contactBtn input{
background-color:#0B2488;
border:none;
border-bottom:3px solid #1F48ED;
color:#FFF;
height:23px;
margin:.5em 0 2em 0;
width:93px;
}
  
  /*
LAYOUT
----------------------------------------------------------------------
*/

#wrap {
}
#brand{
height:160px;
margin:0 auto;
position:relative;
top:40px;
width:800px;
}
#brand img{
}
#brand p{
color:#222;
font-size:136%;
font-weight:bolder;
position:absolute;
top:15px;
left:170px;
width:350px;
}
#navTabs{
font-size:92%;
margin:0 auto;
width:800px;
    text-transform:uppercase;
}
#navTabs li{
background-image:url(../images/navTabBg.gif);
display:block;
float:left;
height:30px;
margin-right:1px;
width:96px;
}
#navTabs li.on{
background-image:url(../images/navTabBgOn.gif);
}
#navTabs a{
color:#FFF;
display:block;
left:8px;
position:relative;
text-decoration:none;
top:5px;
}
#navTabs a:hover{
color:#00CCEE;
}
#navBar{
background-color:#0B2488;
border-bottom:2px solid #1F48ED;
clear:both;
text-transform:capitalize;
}
#navLinks{
font-size:92%;
height:30px;
margin:0 auto;
text-align:center;
width:800px;
}
#navLinks ul{
display:none;
}
#navLinks li{
background-image:url(../images/iconPage.gif);
background-position:0 14px;
background-repeat:no-repeat;
float:left;
height:40px;
padding-left:11px;
}
#navLinks a{
color:#FFF;
display:block;
padding:0 1em 0 0;
position:relative;
text-decoration:none;
top:9px;
}
#navLinks a:hover{
color:#00CCEE;
}
#content{
margin:0 auto;
padding:40px 0 0 0;
width:800px;
}
#main{
float:left;
margin:0 0 2em 0;
width:580px;
}
#main h1{
border-left:3px solid #00CCEE;
color:#1F48ED;
font-size:197%;
font-weight:500;
line-height:1em;
letter-spacing:-1px;
margin:0 0 1em 0;
padding-left:10px;
}
#main h2{
color:#1F48ED;
font-size:136%;
font-weight:500;
line-height:1em;
letter-spacing:-1px;
margin:2em 0 1em 0;
}
#main h2.year{
background-image:url(../images/iconArrows.gif);
background-position:0 11px;
background-repeat:no-repeat;
border-top:1px solid #DDD;
font-size:136%;
font-weight:bold;
margin:0 0 .6em 0;
padding:5px 5px 5px 17px;
width:500px;
}
#main p{
font-size:113%;
margin:.5em 0;
}
#main p.caption{
font-size:77%;
margin:0 0 1.5em 0;
padding:0;
text-align:right;
width:520px;
}
#main li{
background-image:url(../images/iconArrows.gif);
background-position:0 11px;
background-repeat:no-repeat;
border-top:1px solid #DDD;
color:#0B2488;
font-size:100%;
margin:0 0 .6em 0;
padding:5px 5px 5px 17px;
width:500px;
}
#slides{
height:280px;
}
#about #main ul li{
background-image:url(../images/iconArrows.gif);
background-position:0 11px;
background-repeat:no-repeat;
border-top:1px solid #DDD;
color:#000;
font-size:100%;
font-weight:bold;
margin:0 0 .6em 0;
padding:5px 5px 5px 17px;
width:500px;
}
#about_information #main li{
background-image:url(../images/iconBullet.gif);
background-position:0 11px;
background-repeat:no-repeat;
border-top:none;
border:none;
color:#0B2488;
font-size:100%;
margin:0 0 .6em 0;
padding:5px 5px 5px 17px;
width:500px;
}
#about_information blockquote{
border-left:3px solid #00CCEE;
font-size:136%;
font-family:georgia, times, serif;
margin:2em;
padding-left:10px;
}
#gutter{
float:right;
margin:0;
width:180px;
}
#main div.vcard{
background-color:#EEE;
border:1px #DDD solid;
margin:0 0 1em 0;
padding:.5em;
width:300px;
}
#main div.vcard div.org{
font-weight:bold;
}
#quickLinks{
margin:0 0 1em 0;
}
#quickLinks h3{
background-image:url(../images/iconArrows.gif);
background-position:0 11px;
background-repeat:no-repeat;
border-top:1px solid #DDD;
border-bottom:1px solid #DDD;
color:#0B2488;
font-size:100%;
margin:0 0 .6em 0;
padding:5px 5px 5px 17px;
text-transform:uppercase;
}
#quickLinks ul{
padding:0 5px 5px 5px;
}
#quickLinks li{
background-image:url(../images/iconPage.gif);
background-position:0 5px;
background-repeat:no-repeat;
font-size:100%;
margin:.2em 0;
text-transform:capitalize;
}
#quickLinks a{
margin:0 0 0 11px;
text-decoration:none;
}
  #foot{
    background-color:#0B2488;
    border-top:12px solid #1F48ED;
    clear:both;
    color:#FFF;
    font-size:77%;
    margin:0;
    padding:2em;
    text-transform:uppercase;
  }
  #foot div.vcard {
    margin:0 auto;
    text-align:center;
    width:800px;
  }
  #foot div.vcard div {
    display:inline;
    margin:0 10px 0 0;
  }
  #foot div.vcard div span {
    margin:.10px 10px 0 0;
  }
  #foot p{
    clear:both;
  }

body#default li#default{
background-image:url(../images/navTabBgOn.gif);
}
body#products li#products{
background-image:url(../images/navTabBgOn.gif);
}
body#services  li#services {
background-image:url(../images/navTabBgOn.gif);
}
body#projects li#projects{
background-image:url(../images/navTabBgOn.gif);
}
body#testimonials li#testimonials{
background-image:url(../images/navTabBgOn.gif);
}
body#about li#about{
background-image:url(../images/navTabBgOn.gif);
}
body#contact li#contact{
background-image:url(../images/navTabBgOn.gif);
}
#contactThankYou{
background-color:#00CCEE;
color:#FFF;
padding:1em;
text-align:center;}

div#address span {
float:left;
padding-right:5px;
}

#projectgallery {
float:left;
}
#projectgallery .gallery_frame{
float:left;
height:205px;
margin-bottom:20px;
margin-right:10px;
width:270px;
}
#projectgallery .gallery_frame p{
font-size:100%;
margin:0;
}
#projectgallery img.frame {
height:120px;
width:250px;
}