/* CSS Document */

body    {
	        font-family: Arial, Verdana;
	        font-size: 12px;
	        color: #000;
			background-color: #000;
	        }
			/*headers*/
			h1 {
			   font-family: Arial, Verdana;
			   font-size: 20px;
			   padding: 10px 0 10px 10px;
			   margin: 0;
			   color: #3688bc;
			   }
		       .substituteforH1 { /* for HTML 4.01 Strict - Links page */
			                   	font-size: 12px;
						        font-family: "Arial Rounded MT Bold", "Arial Black", Arial;
								color: #3688bc;
								padding: 10px 0 10px 15px;
						        }
			   h1.title {
					  	font-size: 12px;
						font-family: Arial, Helvetica, sans-serif;
						padding: 0;
					    }
						h1.subtitle {
						            font-size: 13px;
									font-family: Arial, Helvetica, sans-serif;
									padding: 0;
									color: #043e66;
									}
									h1.label {
									         font-size: 13px;
											 padding: 0;
											 margin: 0;
											 }
				h2 {
				   font-weight: bold;
				   }
				h3 {
				      text-transform: uppercase;
					  font-size: 11px;
					  font-weight: bold;
					  color: #fff;
					  margin: 0;
					  padding: 0;
				   }

					  p {
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						color: #333;
						padding: 0;
						margin: 0;
						}
						p.withMargins  { /*used on home page only - left and right floats*/
						               margin: 10px 0; 
									   text-align:justify;
									   }
.head3{
			      text-transform: uppercase;
				  font-size: 11px;
				  font-weight: bold;
				  color: #fff;
				  margin: 0;
				  padding: 0;
		}
img {
	border: none;
}






#container {
		   margin: 35px auto 10px auto;
		   padding: 0;
		   width: 840px;/*900px*/
		   height: 560px;
		   background-color: #fff;
		   background-image: url(../images/bg-masthead-low.gif);
		   background-position: bottom right;
		   background-repeat: no-repeat;
		   }	
		   	   
/*LINKS*/		

a.regular:link { /* crimson */
			   color: #c00;
			   text-decoration: none;
			   }
			   a.regular:hover {
							   text-decoration: underline;
							   }
							   a.regular:visited {
							                     color: #900;
												 text-decoration: none;
												 }
a.subglobal:link { /* black */
                 color: #383838;
				 text-decoration: none;
				 }
				 a.subglobal:hover {
				                   color: #999;
								   text-decoration: underline;
								   }
								   a.subglobal:visited {
								                       color: #333;
													   text-decoration: none;
													   }

#banner {
	    width: 190px;
	    height: 560px; /*transform to auto*/
	    float: left;
		margin: 0;
		padding: 0;
		background-color: #000;
	    }
		#banner2    {
					width: 190px;
					height: 560px; /*transform to auto*/
					float: left;
					margin: 0;
					padding: 0;
					background-color: #000;
					text-align: right;
					}
					


#masthead   {
			width: 650px;/*710px*/
			height: auto;
			float: left;
			background-image: url(../images/bg-masthead.gif);
			background-position: right top;
			background-repeat: no-repeat;
			}

#webcontent { /* for home page only */
			width: 320px;/*690px*/
			height: 157px;
			margin: 5px 15px 10px 15px;
			float: left;
			}


			.left   {
					width: 280px;
					height: 140px;
					margin: 0px 18px 0px 15px;/*10px 50px 0px 20px*/
					float: left;
					}

			.right  {
					width: 290px;
					height: 140px;
					margin: 0px 0 0 15px;/*10px 10px 0 0*/
					float: left;
					}
#subpage { /* for sub pages only */
  					 margin-top: 15px;
					 background-image: none;
					 margin-left: 15px;
					 width: 620px;
					 float: left;
					 }
#subpage2 { /* for HTML 4.01 Strick - services */
  					 margin-top: 15px;
					 background-image: none;
					 margin-left: 15px;
					 width: 620px;
					 float: left;
					 }
					.linksubpage { /* for sub pages only */
										 margin-top: 10px;
										 background-image: none;
										 margin-left: 0px;
										 width: 620px;
										 float: left;
										 }
#footer {
		   color: #e1e1e1;
		   text-align: left;
		   margin: 10px auto 10px auto;
		   padding: 0;
		   width: 840px;/*900px*/
		   height: 20px;
		}   
		#footer a:link {
		              color: #e1e1e1;
		              text-decoration: underline;
					  }
					  #footer a:hover {
					                 color: #e1e1e1;
					                 text-decoration: underline;
									 }
									 #footer a:visited {
									                  color: #e1e1e1;
									                  text-decoration: underline;
													  }
													  
/* LIST STYLE : NAVIGATION */

ul {
    font-family: arial, verdana, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
ul li {
	  position: relative;
	  float: left;
	  width: 90px;/*100px*/
	  border: thin #ccc; /*border around submenu*/
	  text-align: center;
	  }
	  li.level {
				border: #ccc solid 1px;
				text-align: left;
				color: #333;
				height: 20px; /* 17px */
				}
				li.levelServices {
						    border: #ccc solid 1px;
						    text-align: left;
						    color: #333;
						    width: 190px;
						    height: 20px; /* 17px */
						    }
				li ul   {
						position: absolute;
						left: 0; /* Set 1px less than menu width */
						top: auto;
						display: none;		
						}
						li ul ul{
								position: absolute;
								left:100%; /* Set 1px less than menu width */
								top: -.1em;
								display: none;
								}
								ul li a {
										display: block;
										text-decoration: none;
										color: #fff;
										background-color: #469bcc; /* IE6 Bug */
										padding: 5px;
										}	

* html ul li a {height:1%;}

li:hover a, li.over a, li:hover li:hover a, li.over li.over a  {
															   color: #fff;
															   background-color: #0a6093;/*#55b9f2*/
															   }

li:hover li:hover li:hover a, li.over li.over li.over a,
li:hover li a:hover, li.over li a:hover,
li:hover li:hover li:hover a:hover, li.over li li a:hover,
li:hover li:hover li:hover li:hover a:hover, li.over li.over li.over li.over a:hover 
															{
															color: #fff;
															background-color: #0a6093;
															}

/* set dropdown to default */
li:hover li a, li.over li a,
li:hover li:hover li a, li.over li.over li a,
li:hover li:hover li:hover li a, li.over li.over li.over li a
															 {
															 color: #333;
															 background-color: #e1e1e1;
															 }
li ul li a { 
           padding: 4px 5px; 
		   } /* Sub Menu Styles */
ul li:hover ul ul, ul li:hover ul ul ul, ul li.over ul ul, ul li.over ul ul ul  {
																				display:none;
																				}

ul li:hover ul,ul li li:hover ul,ul li li li:hover ul, ul li.over ul, ul li li.over ul,ul li li li.over ul {
																										   display: block;
																										   }
/* -- OTHER DEFINITIONS -- */
#flashobj {
          background-color: #fff;
		  margin: 15px 0 0 0;
		  }
.links {
       margin: 0;
	   }
	   a.links:link, a.links:visited {
										color: #06c;
										text-decoration: none;
										font-weight: bold;
										}
										
		a.links:hover  {
						color: #09c;
						text-decoration: none;
						font-weight: bold;
						}
       
.career {
        margin-left: 15px;
		}
		a.career:link, a.career:visited {
										color: #06c;
										text-decoration: none;
										font-weight: bold;
										}
										.emaillink     {
														color: #06c;
														text-decoration: none;
														}
		a.career:hover  {
						color: #09c;
						text-decoration: none;
						font-weight: bold;
						}

a.tips:link, a.tips:visited {   
                                margin-left: 8px;
								color: #069;
								text-decoration: none;
								font-weight: bold;
								}
					a.tips:hover  {
									color: #09c;
									text-decoration: none;
									font-weight: bold;
									}
									
									
	
.void { /*cancels all CSS */
	  padding: 3px;
	  margin: 3px;
	  position: fixed;
	  background: none;
	  float: none;
	  width: auto;
	  height: auto;
	  text-align: left;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  color: #333;		  
	  }			
.gallerycenter {
               margin: 20px 0px 80px 55px;
			   }																
input {
	font-size: 12px;
	color: #006;
	font-family: Arial, Helvetica, sans-serif;
	  }
	  
textarea 
{
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  color: #006;
}

select
{
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  color: #006;
}

.recentworks {
             background: url(../images/img-recentWorks2.gif) no-repeat center;
			 text-align: center;
			 height: 136px;
			 }
.commenttext{
		   color: #666666;
		   text-align: right;
		   margin: 10px auto 10px auto;
		   padding: 0;
		   width: 580px;/*900px*/
		   height: 20px;
}

/* NEWS ARCHIVE EXCLUSIVE LINK */
.newslink {
          margin-top: 15px;
		  margin-left: 15px;
		  text-transform: uppercase;
		  color: #333;
		  }
a.newslink2:link, a.newslink2:visited   {
							  text-decoration: none;
							  color: #039;
							  font-size: 12px;
							  font-weight: bold;
							  }
							  a.newslink2:hover   {
							    				text-decoration: underline;
												color: #333;
												}