/***********************************************/
/* structure.css                             */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
font-size: 12px;
background: #151A25;
font-family: Arial,sans-serif;
color: #ccc;
line-height: 1.166;	
height: 100%;
width:auto;
margin:0 auto 0 auto;
}

a:link, a:visited, a:hover {
color: #667087;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
font-family: Arial,Verdana,sans-serif;
}

h1{
font-family: Arial,Verdana,sans-serif;;
font-size: 17px;
color: #EEE0CC;
margin: 0 0 10px 0;
padding-top:0px;
letter-spacing:4px;
}

h2{
font-family: Arial,Verdana,sans-serif;
 font-size: 15px;
 color:#E6B01E;
 margin:0 10px 0 0;
 padding:0 0 2px 4px;
 border-bottom:1px dashed #667baf;
 letter-spacing:1px;
}

h3{
font-family: Arial,Verdana,sans-serif;
font-size: 15px;
color:#E6B01E;
margin:0px;
padding:0 0 2px 0;
letter-spacing:1px;
font-weight:normal;
border-bottom: 1px solid #50576b;
}

h4{
font-family: Georgia, Arial,Verdana,sans-serif;
font-size: 17px;
color: #E6B01E;
margin: 0 0 10px 0px;
padding-top:0px;
letter-spacing:4px;
}

h5{
font-family: Georgia, Arial,Verdana,sans-serif;
font-size: 18px;
color: #EEE0CC;
margin: 0 0 10px 20px;
padding-top:0px;
letter-spacing:1px;
}

h6{
font-family: Arial,Verdana,sans-serif;
font-size: 15px;
color:#fff;
margin:0 0 10px 0;
padding:0 0 5px 0;
text-align:center;
letter-spacing:1px;
font-variant:small-caps;
border-bottom: 2px solid #50576b
}

p{
font-family:Arial, Verdana, sans-serif;
font-size:13px;
font-weight:normal;
color:#fff;
line-height:15px;
}

ul{
list-style-type: none;
margin:10px;
line-height:16px;
padding:0;
}





/***********************************************/
/* Layout Divs                                 */
/***********************************************/


#masterContainer{
background: #151A25;
width:100%;
margin:0 auto;
padding:0px;
}

/********************************************************** page top style *******************************************************/

#pagetop{
background: url(web_pics/brickwallred.gif) repeat-x #151A25;
width:880px;
height:30px;
margin:5px auto 0 auto;
padding:4px 0 0px 0;
text-align:right;
border-top:1px solid #50576b;
border-left:1px solid #50576b; 
border-right:1px solid #50576b;
border-bottom:0px solid #50576b;
}

/***************************************************** header styles **************************************************************/

#header{ 
background: url(web_pics/cityheader.gif) no-repeat #151A25;
margin: 0 auto;
width:880px;
height:198px;
position:relative; /*or absolute*/
z-index: 2;
border-left:1px solid #50576b; 
border-right:1px solid #50576b;
border-bottom:1px solid #50576b; 
}

#flash_header{    
margin: 0 auto;
width:880px;
height:210px;
position:relative; /*or absolute*/
z-index: 2;
border-left:1px solid #50576b; 
border-right:1px solid #50576b;
border-bottom:1px solid #50576b; 
}


/********************************************* main top navigation styles ***********************************************************/

#navcontainer ul {
padding: 155px 0 0 94px;
margin: 0px 0 0 0px;
color: White;
font-family: Arial, Verdana, sans-serif;
font-size:17px;
font-weight:bold;
font-variant:small-caps;
letter-spacing:2px;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a{
margin:5px 50px 0 0;
padding: 5px 0;
color: #EFE8E0;
text-decoration: none;
float: left;
}

#navcontainer ul li a:hover{
color: #EFE8E0;
text-decoration:underline;
}

/************************************************************ Content ****************************************************************/




/********************************************* Home Page styles ************************************************/

#outsideContainer{
background: #151A25;
z-index:1;
width:100%;
height:286px;
padding:0px 0 0 0;
margin:0px auto;
}

#content{
background: #242737;
width: 860px;
height:265px;
margin: 0 auto;
padding: 10px 0 10px 20px;
border-bottom: 1px solid #50576b;
border-left: 1px solid #50576b;
border-right: 1px solid #50576b;
}

.welcome{
background: #242737;
width:265px;
height:240px;
margin: 5px 10px 0 0px;
clear: both;
float:left;
z-index:2;
padding: 10px 0 0 10px;
}

.welcome p{
padding:0 5px;
}

.welcome h2{
letter-spacing:5px:
}

.welcomeGallery{
width:540px;
float: left;
position:static;
z-index:2;
margin:5px 0 0 0;
padding: 0px;
font-size: 80%;
}

.welcomeGallery h3{
padding: 30px 0px 5px 0px;
text-align: center;
}

.welcomeGallery p{
background:#fff;
margin: 0;
font-family:Arial, Verdana, sans-serif;
font-size:12px;
}

.welcomeGallery img{
float: right;
padding: 0;
margin: 0;
}

.centerdiv{
width:540px;
border: 5px solid #fff;
margin-bottom:0px;
margin-top:0px;
}

.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0px auto;
}

/****************************************** NavBar link styles ******************************************/

#navBar{
background: #242737;
width:270px;
z-index:2;
height:100%;
margin: 0 10px 0 0;
padding: 0px;
float:left;
}

#navBar p{
margin: 10px 0 10px 0px;
font-family:Arial, Verdana, sans-serif;
font-size:12px;
border-bottom:1px solid #667087;
}

#navBar a{
color: #94A0BB
}

#navBar ul li{
border-bottom:1px solid #667087
}

#navBar img{
border:0
}

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #242d40;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/************************************************** Headlines - home page *********************************************************/

#headlines{
margin: 10px 0 0 0px;
padding:0 0 0 10px;
width: 240px;
font-size: 11px;
color:#000;
}

#headlines p{
padding:0 0 10px 10px;
margin: 10px 0px 10px 0px;
font-family:Arial, Verdana, sans-serif;
font-size:12px;
border-bottom:1px solid #667087;
}

#headlines a:link{
voice-family: "\"}\""; 
voice-family:inherit;
color: #94A0BB;	
}

#headlines a:visited{
color: #94A0BB;
}

#headlines a:hover{
color: #E6B01E;
text-decoration:none;
}

/************************************************** #Services - home page *********************************************************/

#services{
margin: 10px 0 0 0px;
padding:0 0 0 10px;
width: 230px;
font-size: 11px;
color:#000;
float:left;
}

#services p{
margin: 10px 0 10px 20px;
font-family:Arial, Verdana, sans-serif;
font-size:12px;
color:#ccc;
}

#services a:link{
padding: 0;
voice-family: "\"}\""; 
voice-family:inherit;
width: auto;
}

#services a:visited{
padding:0;
}

#services a:hover{
color: #E6B01E;
text-decoration:none;
padding:0;
}

#services ul li{
margin-left:0px;
padding: 8px 0 0 0px;
voice-family: "\"}\""; 
voice-family:inherit;
width: auto;
color:#ccc;
font-size:12px;
}

#services img{
float:right;
width:105px;
margin:60px 0px 0 0;
}

/************************************************** Clients - home page *********************************************************/

#clients{
margin:10px 0 0 0;
padding:0 0 0 10px;
width: 230px;	
font-size: 11px;
color:#E6B01E;
}

#clients h2 a:link{
font-family: Arial,Verdana,sans-serif;
font-size: 15px;
color:#E6B01E;
margin:0 10px 0 0;
padding:0 0 2px 4px;
}

#clients p{
margin: 0px 20px 10px 10px;
font-family:Arial, Verdana, sans-serif;
font-size:12px;
color:#E6B01E;
}

#clients a:link{
padding: 0;
voice-family: "\"}\""; 
voice-family:inherit;
width: auto;
border-bottom:0px solid #667087;
font-size:12px;
}

#clients a:visited{
padding: 0;
border-bottom:0px solid #667087;
margin: 0;
}

#clients a:hover{
color: #E6B01E;
text-decoration:none;
padding: 0;
border-bottom:0px solid #667087;
margin: 0;
}

.underline a{
border-bottom:1px solid #667087;
}

#clients ul li{
margin-left:0px;
padding: 8px 0 0 0px;
voice-family: "\"}\""; 
voice-family:inherit;
width: auto;
color:#ccc;
font-size:12px;
}

.item{
border: 5px solid #660000;
margin:0;
}

.item h2{
background:#660000;
width:100%
}











/******************************************* Non-Home Pages Styles **********************************************/

#outsideContainer2{
background: #151A25;
width:100%;
height:100%;
padding:0;
margin:0 0 0px 0;
}

#content2{
background: #242737;
width: 840px;
height:100%;
margin: 0px auto;
padding: 20px;
border-left: 1px solid #50576b;
border-right: 1px solid #50576b;
}

#content2 h1{
font-family: Georgia, Arial,Verdana,sans-serif;
font-size: 22px;
color: #EEE0CC;
padding: 10px 0 0 20px;
}

#content2 p{
font-family:Arial, Verdana, sans-serif;
font-size:13px;
font-weight:normal;
color:#fff;
margin:10px 20px 30px 20px;
line-height:20px;
}

.topPic2{
width:575px;
height:100%;
float:right;
margin:0;
padding:0px 0 0 0;
}

#secondaryHeader{
width:800px;
height:210px;
margin:0 0 20px 20px;
border-bottom:2px solid #50576b;
}

#secondaryHeader h1{
color:#fff;
padding:80px 0 0 30px;
}

/******************************************** Non-Home Page Left Container ****************************************************/

#leftContainer{
width:210px;
height:100%;
float:left;
margin:0 0 0 20px;
padding:0; 
border-bottom:1px solid #50576b;
}

#leftContainer p{
margin:10px 0 10px 0;
line-height:20px;
}

#leftContainer a{
font-size:12px;
color:#A3A8C1;
}

#leftContainer a:hover{
color: #E6B01E;
text-decoration:none;
}

#rightContainer a:visited{
color:#A3A8C1;
text-decoration:none
}

#leftContainer ul{
margin:5px 0 5px 0;
padding:5px 0 0 0;
}

#leftContainer ul li{
margin:0;
padding:5px 0 5px 0;
font-size:12px;
color:#fff;
letter-spacing:1px;
border-bottom:0px solid #667087;
}

/************************************************* Non-Home page Right Container ********************************************/

#rightContainer{
width:560px;
height:100%;
margin-left:250px;
padding:0 20px 0 0; 
color:#fff;
}

#rightContainer p{
margin:10px 0 20px 0;
}

#rightContainer a:link{
voice-family: "\"}\""; 
voice-family:inherit;
width: auto;
color:#A3A8C1;
}

#rightContainer a:visited{
color:#A3A8C1;
text-decoration:none
}

#rightContainer a:hover{
color: #E6B01E;
text-decoration:none;
}

#rightContainer ul{
margin:0 0 15px 0;
padding:10px 0 5px 0;
}

#rightContainer ul li{
margin:0;
padding:5px 0 5px 0;
font-size:13px;
letter-spacing:1px;
}

/************************************************** Bio Page *********************************************************/

#bio{
background: #242737;
width:800px;
height:150px;
margin: 5px 10px 20px 10px;
padding: 10px 0 0 0;
border-top:1px solid #667087;
}

#bio img{
margin: 0 0 0 20px;
float:right;
border:1px solid #fff;
}

#bio h2{
color:#fff;
font-size:13px;
border:0;
margin:40px 0px 0 0;
letter-spacing:4px;
text-align:right;	
}

#bio h3{
font-family: Arial,Verdana,sans-serif;
font-size: 15px;
margin:0px 0px 0 0;
color:#E6B01E;
letter-spacing:1px;
font-variant:small-caps;
letter-spacing:1px;
border-bottom: 0px;
text-align:right;
}

h4.bio{
font-family: Georgia, Arial,Verdana,sans-serif;
font-size: 17px;
color: #E6B01E;
margin: 0 0 10px 20px;
border-top:0px solid #AE9466;
padding-top:0px;
letter-spacing:4px;
}


#bio p{
margin: 0 20px 20px 20px;
padding: 0 0 10px 0;
width:440px;
font-family:Arial, Verdana, sans-serif;
font-size:12px;
clear:both;
float:right
}

#bio a{
color: #94A0BB
}

/************************************************** Projects Gallery Page *********************************************************/

#projectGallery{
background: #242737;
width:560px;
height:145px;
margin:10px 0 0 0;
padding:15px 0 0 0;
border-top:1px solid #667087;
}

#projectGallery img{
margin:0 10px 0 0;
float:left;
}

#projectGallery h2{
color:#fff;
font-size:13px;
border:0;
margin:0;
letter-spacing:3px;
text-align:left;	
}

#projectGallery h3{
font-family: Arial,Verdana,sans-serif;
font-size: 14px;
margin:0;
color:#E6B01E;
letter-spacing:1px;
border-bottom: 0px solid #50576b;
text-align:left;
}

#projectGallery p{
margin: 0;
padding: 0;
font-family:Arial, Verdana, sans-serif;
font-size:12px;
line-height:14px;
}

#projectGallery a{
color: #94A0BB
}

#photoGallery{
margin: 20px 0 0 15px;
}

/************************************************* Contact Info Page *******************************************************/

#contactInfo{
margin:0;
padding:0;
}

#contactInfo p{
margin:5px 0 15px 0;
padding:0 0 15px 0;
letter-spacing:1px
}

#contactInfo a{
color:#fff
}

#contactInfo a:hover{
color:#E6B01E;
text-decoration:none
}

#contactInfo a:visited{
color:#fff;
text-decoration:none;
}

#contactInfo h1{
font-family: Georgia, Arial,Verdana,sans-serif;
font-size: 15px;
margin:0 0 20px 0;
padding:0;
color: #fff;
letter-spacing:2px;
}

#contactInfo h2{
font-family: Arial,Verdana,sans-serif;
font-size: 13px;
color:#E6B01E;
letter-spacing:2px;
border-bottom:1px solid #50576b;
}

#contactform{
margin:20px 0 10px 0;
padding:0px;
padding-bottom:10px
}

.labelInput{
padding:0 0 5px 0;
line-height:30px;
}

/**************************************************** Footer styles ***************************************************************/

#footerContainer{
background:  url(web_pics/foote.gif) no-repeat #242737;
width:880px;
height:90px;
clear:both;
margin:0px auto 0 auto;
border-top: 1px solid #242737;
border-left: 1px solid #50576b;
border-right: 1px solid #50576b;
}

#footerContainer p{
font-size:12px;
color:#fff;
margin:2px 0 10px 90px;
letter-spacing:1px;
}

#footer{
clear:both;
font-size: 12px;
color: #667087;
padding: 0px;
width:870px;
border-top: 1px solid #242737;
margin:0px 0 0 20px;
text-align:left;
}

#pagebottom{
background: url(web_pics/brick_bottom.gif) repeat-x #242737;
width:880px;
height:45px;
margin:0px auto 0px auto;
padding:15px 0 0px 0;
text-align:left;
}

#pagebottom a:link{
color:#fff;
font-size:12px;
font-family:Arial, Verdana, sans-serif;
text-decoration:none;
}

#pagebottom a:hover{
color: #94A0BB;
font-size:12px;
font-family:Arial, Verdana, sans-serif;
text-decoration:none;
}

#pagebottom a:visited{
color:#fff;
font-size:12px;
font-family:Arial, Verdana, sans-serif;
text-decoration:none;
}

/***************************************** Non-Home Page Other Misc. Styles ****************************************************/

h2.news{
margin:0 0 10px 0;
color:#fff;
padding:5px 0 5px 10px;
font-size:13px;
background: #393E50;
letter-spacing:1px;
border:0;
}