html{
margin-top:0px;
padding-top:0px;}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	line-height: 140%;
	color:#21231f;
	background:url(../images/tile.gif) repeat;
	
}

#wrapper{
width:850px;
margin: auto;
margin-top: 0px;
padding: 0px 0px 0px 0px;
background: url(../images/contenttileslice2.jpg) repeat-y;
}

a:link{
color:#0d77a4;
text-decoration:none;}

a:hover{
background-color:#daeef6;
color:#063f57;
text-decoration:underline;}

a:visited{
color:#392a85;
text-decoration:none;}


h2, h3, h4, h5 {
font-family: Arial, Helvetica, sans-serif;
color:#0f719b;
line-height:1.2em;
font-style: italic;
}


#content{
width:809px; 
margin-left:19px; 
padding-top:0px;
position:relative;
background-image: url(../images/side_graphic.jpg);
background-repeat: no-repeat;
background-position:top right;


}

fieldset{
border:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}

.date{
padding-bottom:2px;
border-bottom:1px dotted #9fc2d2;
width:190px;
}
/* PAGE HEADER STYLE */
#pageheader{
height:123px;
width: 809px;  
background-image: url(../images/mybanner.jpg);
background-position:top left;
background-repeat:no-repeat;
}

#pageheader h1{
}

#pageheader h1 span{
display:block;
text-indent: -999em;
}

#pageheader img{
display:none;}



/* GLOBAL NAVIGATION */
#globalnav{
width:757px;
position:absolute;
top:110px;
left:17px;
padding-top:5px;
z-index:5;
background: url(../images/navtop.gif) top left no-repeat;
}

#globalnav ul{
width:757px;
font-size:1.5em;
margin: 0 0 0 0;
padding: 0px 0px 4px 0px;
color:#fff;
background-image: url(../images/navbottom.gif);
background-color:#21211c;
background-position:bottom left;
background-repeat:no-repeat;
}


#globalnav ul li{
list-style-type:none;
display:inline;
line-height:1.2em;
padding: 0px 5px 6px 5px;
text-indent:13px;
}

#globalnav ul li a{
position:relative;
top:-1px;
z-index:4;
text-decoration:none;
color:#fff;
margin-top:1px;
margin-left:5px;
height: 30px;
padding: 4px 3px;
}

a#home:hover{
color:#fff;
background-color:#fa921a; /*gold */
}

a#about:hover{
color:#fff;
background-color:#006f3a; /*green */
}

a#services:hover{
color:#fff;
background-color:#0397d7; /*blue */
}

a#projects:hover{
color:#fff;
background-color:#c6202c; /*red */
}

a#clients:hover{
color:#fff;
background-color:#c17128; /*brown */
}

a#contact:hover{
color:#fff;
background-color:#1a5067; /*grey blue */
}
/* END STYLES FOR GLOBAL NAVIGATION */

.search{
position:relative;
margin-top:-31px;
margin-left:510px;
height:31px;
width:225px;
background-color:#1f3c46;
background-image:url(../images/searchicon2.gif);
background-position:top left;
background-repeat: no-repeat;
}

.search .element2, .search .element3{
margin-top:4px;
}

.search .element2{
margin-left: 42px;}

.search .element3{
margin-bottom:1px;
margin-left:5px;
font-size:.8em;
color:#fff;
background-color:#1f3c46;
background-image:url(../images/search1btn.jpg);
background-position:top left;
background-repeat: no-repeat;
border: none;
width:46px;
height:19px;
padding-bottom:2px;
text-align:center;}


.search .element3:hover{
font-size:.8em;
color:#000;
background-image:url(../images/search1btnO.jpg);
background-position:top left;
background-repeat: no-repeat;
border: none;}



.searchresults{
margin-top: 0px;
margin-left: 25px;
width: 40px;

}
/* HOME PAGE LEFT COLUMN */

#callout{
float:right;
width:475px;
margin-left:12px;
margin-top: 35px;
margin-right:30px;
background-color:#f5f7f8;
border-left:4px solid #fff;
border-right:4px solid #e1e7ea;
}

#callout img{
margin-left:0px;
margin-top:0px;}




/* GLOBAL SUBNAVIGATION */
#subnav{
float:right;
width:179px;
margin-left:0px;
padding-left:0px;
padding-top:55px;
margin-left:0px;
margin-top:0px;
background-color:#1f3c46;
height:150px;
}

#subnav ul{
list-style:none;
margin-top:0px;
padding-top:0px;
margin-left: 0px;
padding-left:0px;

}

#subnav ul li{
width: 179px;
margin-left: 0px;
padding-left:0px;
text-indent: 0px;
display:block;
font-size:1.1em;
}

/* image replacements for rollovers */
#subnav ul li#ls {
 width: 179px;  height:0px;
 background: url(../images/subnav_01.gif) no-repeat;
 background-position:top left;;
 overflow:hidden;
 padding-top:26px;
}

#subnav ul li#ls:hover {
 width: 179px;  height:0px;
 background: url(../images/subnav_over_01.gif) no-repeat;
 overflow:hidden;
 padding-top:26px;
}
#subnav ul li#aa {
 width: 179px;  height:0px;
 background: url(../images/subnav_02.gif) no-repeat;
 overflow:hidden;
 padding-top:25px;
}

 #subnav ul li#aa:hover {
 width: 179px;  height:0px;
 background: url(../images/subnav_over_02.gif) no-repeat;
 overflow:hidden;
 padding-top:25px;
}

#subnav ul li#idm {
 width: 179px;  height:0px;
 background: url(../images/subnav_03.gif) no-repeat;
 overflow:hidden;
 padding-top:24px;
}

#subnav ul li#idm:hover {
 width: 179px;  height:0px;
 background: url(../images/subnav_over_03.gif) no-repeat;
 overflow:hidden;
 padding-top:24px;
}

#subnav ul li#pd {
 width: 179px;  height:0px;
 background: url(../images/subnav_04.gif) no-repeat;
 overflow:hidden;
 padding-top:26px;
}

#subnav ul li#pd:hover {
 width: 179px;  height:0px;
 background: url(../images/subnav_over_04.gif) no-repeat;
 overflow:hidden;
 padding-top:26px;
}

#subnav ul li#cc {
 width: 179px;  height:0px;
 background: url(../images/subnav_05.gif) no-repeat;
 overflow:hidden;
 padding-top:28px;
}

 #subnav ul li#cc:hover {
 width: 179px;  height:0px;
 background: url(../images/subnav_over_05.gif) no-repeat;
 overflow:hidden;
 padding-top:28px;
}

/* end image replacements for rollovers */

/* END GLOBAL SUBNAVIGATION */


#frontimage{

margin-bottom:5px;
margin-left:0px;
padding-bottom:0px;
}


/* #frontimage img{
margin-left:0px;
margin-right:0px;
width:295px;
float:left;
} */

#featured{
margin-top:25px;
font-size:.93em;
background-color:#dee7ea;
padding:4px 15px 15px 15px;
border: 1px dotted #818d95;
}

#featured h5.newstitle{
font-size:1.2em;
color:#5f6b74;
border-top:none;
padding-top:0px;
margin-top: 6px;
border-top: 1px dotted #dee7ea;
border-bottom: 1px dotted #dee7ea;
line-height:1.34em;
}

#featured img{
height:180px;
float:right;
padding-right:5px;
margin-right:12px;
}

#featuredp{
float:right;
width: 280px;
margin-left:180px;
padding-left:10px;
}

#featurelist{
/*font-size:.93em; */
margin: 0px 0 0 5px;
padding: 0 0 0 5px;
}

#featurelist li em{ 
margin-left: 0px;
list-style:disc;
list-style-position:outside;
}

#feature1{
float:left;
height:150px;
/* background-color:#ffffff; */
/* border:1px solid #dcd; */
margin-right:1px;
width:234px;}

#feature2{
float:right;
margin-left:237px;
height:150px;
background-color:#ffffff;
border:1px solid #ccc;
margin-left:1px;
width:234px;}


#tagline{
position:relative;
top: -150px; /* for IE */
left: 530px;
width: 300px;
top: -150px;
font-style:italic;
font-size: 1.1em;
color:#fafbfc;
z-index:3}

#homeopener{
color:#000;
}

#news{
margin-left:13px;  /* was 498px */
margin-top: 35px;
margin-bottom:25px;
margin-right:39px;
padding-left:15px;
padding-right:10px;
 width: 245px;  }

#news h2{
margin-bottom:-5px;
padding-bottom:0px;
font-size:160%;
}

#news h3{
display:block;
}

.newstitle{
font-size:120%;
margin-bottom: 0px;
padding-top: 5px;
border-top: 1px solid #ccc;
}

/* new news for bottom */
#news2{
margin-left:13px;  /* was 498px */
margin-top: 35px;
margin-bottom:25px;
margin-right:39px;
padding-left:15px;
padding-right:10px;
 width: 748px;  }

#news2 h2{
margin-bottom:-5px;
padding-bottom:0px;
font-size:160%;
}

#news2 h3{
display:block;
}





p.first{
padding-top: 0px;}

h4.newstitle#first{
border-top:none;
margin-top: 0px;
padding-top:0px;
}

/* interior styles begin here +++++++++++++++++++++++++++++++++++++++++++++++   */

/* This is the main sub-navigation menu */

#interiorsubnav{
float:left;  
width:145px;
background-image: url(../images/insub2_top.jpg);
background-position:top left;
background-repeat: no-repeat;
margin-left: 17px;
margin-top:35px;
margin-right:0px;
min-height:550px;
padding-top:9px;
}

#interiorsubnav ul{
background-image: url(../images/insub2_bottom.jpg);
background-position:bottom left;
background-repeat: no-repeat;
list-style-type:none;
text-indent:0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
border-top:1px solid #13a1da;
}

#interiorsubnav ul li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url(../images/insub2_normal.jpg);
background-repeat: repeat-y;
}

#interiorsubnav ul li a{
display:block;
color:#fff;
font-size:1em;
font-weight:bold;
margin: 0 0 0 0;
padding: 5px 10px 5px 10px;
background-image: url(../images/insub2_normal.jpg);
background-repeat: repeat-y;
text-decoration:none;
border-bottom: 1px solid #13a1da;
font-family:Arial, Helvetica, sans-serif;
}

#interiorsubnav ul li a:hover{
color:#fff;
background-image: url(../images/insub2_highlight.jpg);
background-repeat: repeat-y;
text-decoration:none;
}

#interiorsubnav ul li a:visited{
color:#fff;
}


#interiorsubnav ul li a.selected{
display:block;
color:#fff;
font-size:1em;
font-weight:bold;
margin: 0 0 0 0;
padding: 5px 10px 5px 10px;
background-position: top left;
background-image: url(../images/insub2_select_blue.jpg);
background-repeat: repeat-y;
text-decoration:none;
border-bottom: 1px solid #13a1da;
font-family:Arial, Helvetica, sans-serif;
}

#interiorsubnav ul li a.selected#ls{
background-position: top left;
background-image: url(../images/insub2_select_blue.jpg);
background-repeat: repeat-y;
}

#interiorsubnav ul li a.selected#aa{
background-position: top left;
background-image: url(../images/insub2_selected_yellow.jpg);
background-repeat: repeat-y;
}

#interiorsubnav ul li a.selected#idm{
background-position: top left;
background-image: url(../images/insub2_selected_brown.jpg);
background-repeat: repeat-y;
}

#interiorsubnav ul li a.selected#pd{
background-position: top left;
background-image: url(../images/insub2_select_red.jpg);
background-repeat: repeat-y;
}

#interiorsubnav ul li a.selected#cc{
background-position: top left;
background-image: url(../images/insub2_selected_green.jpg);
background-repeat: repeat-y;
}

#maincontent{
width: 607px;
margin-left: 180px;
margin-top: -30px; 
}

#story{
width:315px;
}


#story h2{
margin: 0 0 0 0;
font-size:160%;
}

#rightelements, #rightelements img{
float:right; 
width:272px; 
margin-top:0px;
padding-top:0px;
}

#innerfeature{
float:left;
height:150px;
background-color:#213b46;
margin-right:1px;
width:272px;
background-color:#a0c5d5;
margin-top:5px;
}

.pageimage{
position:absolute;
top: 124px;
right: 0px;
z-index:1;

}

#rightelements_services{
float:right; 
width:272px; 
margin-top:250px;
padding-top:0px;
}

/* -------------------------STYLES ASSOCIATED WITH A PROJECT PAGE */

#project{
float:left;
width:280px;
margin-left: 10px;
}

#project p{
padding-left: 15px;}

.title{
font-size:160%;
/*border-bottom:3px solid #c6dbe4; */
color:#0f719b;
padding-bottom:8px;
width:600px;
margin-bottom:2px;
margin-top:0px;
margin-left: 10px;
padding-left:10px;

}


#psupport{
float:left;
margin-right:1px;
margin-top:0px;
margin-bottom: 0px;
padding: 3px 0px 3px 5px;
width:265px;
border:1px solid #a0c5d5;
border-right:1px solid #328db4;
border-top:none;
background-image: url(../images/linkstable.jpg);
background-repeat:repeat-y;
}

#psupport h4{
font-size:1em;
margin: 2px 0px 3px 0px ;
padding: 2px 0 0 0 ;
border-bottom: 1px solid #0f719b;
width:70px;
}

#psupport ul.links{
margin-top: 0px;
padding-top: 0px;
margin-left: 0px;
padding-left: 0px;
margin-bottom:8px;
display:block;
}

#psupport ul.links li{
margin-top: 0px;
padding-top: 0px;
list-style-type:none;
padding-left: 0px;
text-indent:0px;
margin-left:10px;}

#psupport ul.links li a, #psupport ul.links li a:visited{
display:block;
padding: 2px 0px 2px 2px;
color:#1f3c46;
/* border-bottom: 1px solid #c8e1eb;*/
text-decoration:none;}

#psupport ul.links li a:hover{
background-color:#369ecc;
color:#fff;
}

#psupport ul.links li a:visited{
}

/* on the services page, the psupport2 needs to extend with the number of clients listed */
#psupport2{
border:1px solid #a0c5d5;
margin-right:1px;
width:268px;
margin-top:15px;
padding: 5px 5px 5px 5px;
margin-left: 17px;
text-indent:0px;
}

#psupport2 h3#psupport2heading{
margin: 5px 6px 10px 6px;
padding: 0px 0px 0px 0px;
width: auto;

}

#psupport2 a, #psupport2 a:visited{
display:block;
margin: 2px 0px 8px 8px;
color: #1f3c46;
}

#psupport2 a:hover{
display:block;
background-color: #369ecc;
color: #fff;
text-decoration:none;
}

#psupport2 a.moreinfo, #psupport2 a.moreinfo:visited{
display:block;
margin: 10px 0px 0px 145px;
padding: 2px 2px 2px 2px;
text-align:center;
background-color: #369ecc;
color: #fff;
width: 120px;
}

#psupport2 a.moreinfo:hover{
background-color: #23343b;
color: #fff;
}


#client{
border-top:1px solid #3391bb;
border-left:1px solid #328db4;
border-right:1px solid #328db4;
border-bottom:1px solid #a0c5d5;
background:#dee7ea;
background-image:url(../images/client_corner.jpg);
background-repeat:no-repeat;
background-position:top right;
padding-left:5px;
font-weight:bold;
color:#1f3c46;
margin-bottom:0px;
padding-bottom:0px;
}

#client h4{
width: 60px;
font-size:1.14em;
margin: 2px 0px 3px 0px ;
padding: 2px 0 0 0 ;
color: #1f3c46;
border-bottom: 1px solid #1f3c46;
}

#client ul{
margin: 5px 0px 10px 10px;
padding: 0px 0px 0px 0px;
text-indent:none;
list-style-type:none;
font-weight:normal;
}

#client ul li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-indent:none;
list-style-type:none;
}

#client ul li a, #client ul li a:visited{
display:block;
padding: 2px 2px 2px 2px;
text-decoration:none;
color:#1f3c46;}

#client ul li a:hover{
background-color:#369ecc;
color:#fff;
}

#servicesused{
clear:left;
margin-top:25px;
margin:bottom: 25px;
border:1px solid #a0c5d5;
background-color:#e8eef0;
padding: 5px 5px 10px 5px;
}

#servicesused h5{
width: 100px;
font-size:1em;
margin: 2px 0px 3px 0px ;
padding: 2px 0px 4px 0px ;
border-bottom: 1px solid #0f719b;
}

div#servicesused ul.servicelinks{
display:block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image:none;
border:none;
font-style:normal;
font-weight:normal;
}

div#servicesused ul.servicelinks li {
list-style-type:none;
text-indent: 0px;

background-image:none;
border:none;
font-style:normal;
font-weight:normal;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

div#servicesused ul.servicelinks li a, div#servicesused ul.servicelinks li a:visited{
display:block;
padding: 4px 2px 4px 2px;
text-decoration:none;
color:#1f3c46;
background-image:none;
border:none;
font-style:normal;
font-weight:normal;
}

div#servicesused ul.servicelinks li a:hover{
background-color:#369ecc;
color:#fff;
background-image:none;
border:none;
}


ul.projectlist {
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-type:none;
color:#21231f;
font-size:1em;
margin-left: 15px;
line-height:1.25em;
margin-bottom:25px;
}

ul.projectlist li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display:block;
list-style-type:none;
text-indent:0px;

}

ul.projectlist li a, ul.projectlist li a:visited{

padding: 7px 10px 7px 10px;
text-decoration:none;
display:block;
color:#21231f;
border-bottom: 1px solid #c8e1eb;
}

ul.projectlist li a:hover{
background-color:#1992c8;
color:#fff;}



#maincontentp{
margin-right:10px;
margin-left: 168px;
width: 607px; 
margin-top:40px;
}

#maincontentp h3{
margin-left: 25px;
}

/* END PROJECT PAGE */

#clientlist{
/* border:1px solid #a0c5d5; */
width:480px;
float:left;

margin-left: 10px;
}

#clientlist ul {
width:280px;
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-type:none;
color:#21231f;
font-size:1em;
margin-left: 15px;
line-height:1.25em;
margin-bottom:25px;
}

#clientlist ul li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display:block;
list-style-type:none;
text-indent:0px;

}

#clientlist ul li a, #clientlist ul li a:visited{
padding: 7px 10px 7px 10px;
text-decoration:none;
display:block;
color:#21231f;
border-bottom: 1px solid #c8e1eb;
}

#clientlist ul li a:hover{
background-color:#1992c8;
color:#fff;}


/* BEGIN CLIENT PAGE--------------------------------------- */

#clientDetail{
/* border:1px solid #a0c5d5; */
margin-right:1px;
margin-left: 15px;
width:480px;
margin-top:5px;
padding: 5px 10px 5px 10px;
float:left;
/* color:#006f3a; */
}

#clientDetail p{
color:#21231f;
}

div#clientDetail ul.clientDetaillist {
list-style-type:disc;
font-size:1em;
line-height:1.25em;
margin-bottom:25px;
}

div#clientDetail ul.clientDetaillist li{
display:inline;
line-height:1.2em;
/* color:#006f3a; */
list-style-type:disc;
}

div#clientDetail ul.clientDetaillist li a, div#clientDetail ul.clientDetaillist li a:visited{
/* color:#006f3a; */
padding: 5px 5px 5px 5px;
text-decoration:none;
border-bottom: 1px solid #c8e1eb;
}

div#clientDetail ul.clientDetaillist li a:hover{
/* background-color: #006f3a; */
color:#fff;}


#clientDetail h3, #clientDetail h4{
/* color:#006f3a;*/
margin-left:0px;
margin-bottom: 0px;
padding-bottom: 2px;
}

#clientDetail h3{
border-bottom:1px solid #1992c8;}

#clientDetail a.clientweb, #clientDetail a.clientweb:visited{
color:#21231f;
display:block;
padding: 2px 2px 2px 2px;
margin-left: 353px;
border:1px solid #a0c5d5;
text-align:center;
width:120px;
}

#clientDetail a.clientweb:hover{
color:#fff;
background-color:#1992c8;
}



/* sets the styles for the left hand side element on the client page */
#clientpageattributes{
margin-top:25px;
border:1px solid #a0c5d5;
background-color:#e8eef0;
padding: 5px 5px 5px 5px;
}

/* END CLIENT PAGE--------------------------------------------- */

ul.stafflist {
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-type:none;
color:#21231f;
font-size:1em;
margin-left: 15px;
line-height:1.25em;
margin-bottom:25px;
}

ul.stafflist ul li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display:block;
list-style-type:none;
text-indent:0px;
}

#staffname{
font-weight:bold;
line-height:1.2em;
}

#stafftitle{
color:#0f719b;
}

#staffemail{
border:none;
margin: 0 0 0 0;
padding: 0 0 0 0;
position:absolute;
margin-top:-35px;
z-index:4;
margin-left: 270px;
border:1px solid #c8e1eb;
padding: 0px 0px 0px 0px;
text-align:center;
}

#staffemail a{
width: 50px;
padding: 2px 2px 2px 2px;
}

ul.stafflist li a, ul.stafflist li a:visited{
padding: 7px 10px 7px 10px;
text-decoration:none;
display:block;
color:#21231f;
width:250px;
border-bottom: 1px solid #c8e1eb;
}

ul.stafflist li a:hover{
width:250px;
background-color:#1992c8;
color:#fff;
}

ul.stafflist li a:hover span#stafftitle{
color:#ccc;
}

#valueslist{
margin-top:2px;
font-size:1.2em;
color:#0f719b;
font-weight:bold;
line-height:1.8em;
list-style-type:disc;
}


.servicepagelist{
margin-top:2px;
font-size:1.12em;
color:#0f719b;
font-weight:bold;
line-height:1.3em;
list-style-type:disc;
}

.servicepagelist li a, .servicepagelist li a:visited{
margin-top:2px;
color:#0f719b;
text-decoration:none;
}

.servicepagelist li a:hover{
}



#directions h3 {
margin-left:0px;
margin-bottom:0px;
padding-bottom: 0px;
font-size: 1.1em;
}

#directions h3, #directions h4, #directions h5{
margin-left:10px;
padding-left: 10px;}

#directions p{
margin-top:2px;
margin-left:15px;
padding-left: 5px;}

#footer{
clear:both;
width:809px;
}

#footer p{
color:#fff;
font-size:.8em;
width: 809px;
height: 23px;
padding-top: 3px;

background-image:url(../images/footer.jpg);
background-position:bottom left;
background-repeat:no-repeat;
margin-bottom:0px;
text-indent:13px;
}

#footer p span{
text-align:right;
padding-left:145px;
}