/* ________________ general ________________ */


body 
{
 
font-family: Verdana, Arial, Helvetica, sans-serif;
 
font-size: 12px;
 
line-height: 18px;
 
color: #000000;
 
background-color: #FFFFFF;
 
margin-left: 0px;
 
margin-top: 0px;
 
margin-right: 0px;
 
margin-bottom: 0px;
 
padding: 0px;
 
background: #ededec url(../images/background.gif) top center repeat-y;

text-align: center;
 
height:auto;

}


/* hide from ie mac\*/
html,body {height:100.1%}
/*end hide */


a 
{

font-size: 12px;
 
color: #0C2677;
 
font-weight: bold;

}

a:link 
{
 
color: #555555;

text-decoration: none;

}

a:visited 
{
 
text-decoration: none;
 
color: #444444;

}

a:hover 
{
 
text-decoration: underline;
 
color: #DDDDDD;

}

a:active 
{

text-decoration: none;
 
color: #FE921B;

}

.top a
{
 
font-size: 10px;
 
color: #0C2677;
 
font-weight: bold;
 
text-decoration: none;

}

.top a:link
{ 
font-size: 10px;
 
color: #0C2677;
 
font-weight: bold;
 
text-decoration: none;

}

.top a:visited 
{
font-size: 10px;
 
color: #0C2677;
 
font-weight: bold;
 
text-decoration: none;

}

.top a:hover 
{
 
text-decoration: underline;
 
color: #FE921B;

}

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

}

h1 
{
 
font-size: 18px;
 
color: #0C2677;
 
padding: 2px;

font-weight: bold;

margin-bottom: 5px;

border-bottom: #ededec 1px solid;

line-height: 24px;
 
width: 100%;
 
text-align: left;

}

h2 
{
 	
font-size: 14px;
 
color: #333344;
 	padding: 0px;
	font-weight: bold;
	margin-bottom: 5px;
	width: 100%;
 	line-height: 16px;
	text-align: left;
}

h3 
{
 
font-size: 14px;
 
color: #0C2677;
 
padding: 0px;

font-weight: bold;

margin-bottom: 5px;

width: 100%;
 
line-height: 16px;
 
text-align: left;

}


ul 
{
 
list-style-type: square

}

.logopad {
 margin: 15px;
}

.leftimage {
 float: left;
 margin: 3px 7px 7px 0px;
 border: 2px solid #CCC;
}

.rightimage {
 float: right;
 margin: 3px 0px 7px 7px;
 border: 2px solid #CCC;
}

.leftimageno {
 float: left;
 margin: 3px 7px 7px 0px;
 
}
.rightimageno {
 float: right;
 margin: 3px 0px 7px 7px;
 
}

.inline-button {
   _width:12em;
   font: bold 65%/1 Verdana, sans-serif;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   border: 1px solid black;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #ccc;
   color: black;
   }
.inline-button em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: black;
   }

.inline-button span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }

.inline-button:hover {
   background: #666;
   color: white;
   }
.inline-button:hover em {
   background: black;
   color: white;
   }


/* ________________ containers________________ */
#layout {
 position: relative;
 margin: 5px auto;
 width: 707px;
 color: #000000;
 height: auto;
 background-color: #ffffff;
 text-align: left;
 left: 1px;
	}
#header {
	height: 70px;
	text-align: right;
 margin-bottom: 10px;
	}
#logoimg {
	float: left;
	width: 210px;
	height: 70px;
	}
  

#mainnav 
{

margin-bottom: 25px;
 
padding-bottom: 3px;
 
}
 

#mainimage 
{

margin-top: 4px;

height: 300px;

width: 705px;

border-bottom: #ccc 1px solid;
border-top: 1px solid #ccc;

padding-top: 7px;

text-align: center;

}


#pagecontent 
{

text-align: left;

width: 508px;

padding-top: 4px;

padding-right: 8px;

border-right: #ededec 1px solid;

}
	

#form 
{

text-align: left;

width: 508px;

padding-top: 4px;

padding-right: 8px;
	
}


#logos 
{

padding-top: 35px;

padding-right: 4px;
padding-left: 4px; 

float: right;

width: 180px;

text-align: center;

}


#rightcolumn 
{
padding-top: 25px;
 
margin-right: 8px;
 
float: right;
 
width: 160px;
 
text-align: left;
 
font-family: Verdana, Arial, Helvetica, sans-serif;
 
font-size: 10px;
 
line-height: 14px;
 
color: #000000;
 
}

#copyright 
{
 
border-top: 1px solid rgb(237, 237, 236); 

clear: both;
 
text-align: center; 

font-family: Verdana, Arial, Helvetica, sans-serif;
 
font-size: 9px;
 
line-height: 16px;
 
color: #999999;
}

#smallcolumn {

}

/* ________________ main nav ________________ */

#menu 
{
border-bottom : 1px solid #ccc;
 
margin : 0;
 
padding :0 0 0 9px;
 
height:19px

}

#menu ul 
{
margin:0;
padding:0
}

#menu ul, #menu li
{

display:inline;
 
list-style-type : none;
 
margin : 0;
 
padding : 0;

}

* html #menu li a 
{
position:relative;top:1px
}

#menu a:link, #menu a:visited 
{

background : #EDEDEC;
 
border : 1px solid #ccc;
 
color : #444444;
 
float : left;

font-size : 12px;
 
font-weight : bold;
 
line-height : 14px;
 
margin-right : 7px;
 
padding : 2px 8px 2px 8px;
 
text-decoration : none;

font-family: Verdana, Arial, Helvetica, sans-serif;
 

}

#menu a:link.active, #menu a:visited.active	
{

background : #fff;

border-bottom : 1px solid #fff;

color : #000;

}

#menu a:hover
{ color : #888899;
}
 

body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a,
body.section-6 #menu li#nav-6 a,
body.section-7 #menu li#nav-7 a 
{

background : #fff;

border-bottom : 1px solid #fff;

color : #999999;

font-weight: bold;

font-size: 12px;

font-family: Verdana, Arial, Helvetica, sans-serif;

}


#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4,
#menu #subnav-5,
#menu #subnav-6,
#menu #subnav-7
{

display : none;
 
width: 693px;
 

}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4,
body.section-5 #menu ul#subnav-5,
body.section-6 #menu ul#subnav-6,
body.section-7 #menu ul#subnav-7 
{

display : inline;

left : 10px;
 
position : absolute;
 
top : 107px;

}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a,
body.section-5 #menu ul#subnav-5 a,
body.section-6 #menu ul#subnav-6 a,
body.section-7 #menu ul#subnav-7 a 
{
background : #fff;
 
border : none;

border-left : 1px solid #ccc;

color : #777777;
 
font-size : smaller;
 
font-weight : bold;
 
line-height : 10px;
 
margin-right : 4px;
 
padding : 2px 9px 2px 10px;
 
text-decoration : none; 

}
 
#menu ul a:hover 
{
 
color : #666677 !important;

}


body#vision.section-2 #menu ul#subnav-2 li.subsub1 a,
body#contact.section-2  #menu ul#subnav-2 li.subsub2 a,
body#client.section-3 #menu ul#subnav-3 li.subsub1 a,
body#jobs.section-3  #menu ul#subnav-3 li.subsub2 a

{color:green
}


/* ________________ begin types and sizes table ________________ */

h3, h4 
{

margin: 0;

color: #0C2677;

font-size: 12px;

}

h3 
{

border-width: 0 0 0 1px; 

padding: 0 0 0 0.25em
}

h4 
{

border-width: 1px 1px 0 0; 

padding: 0.1em 0.33em;

}

table 
{

width: 100%;

border: 1px solid gray;

}

th, td {
text-align: left; 
padding: 5px;
border-bottom: 1px solid #DDD;
font-size: 10px;
}
td {
font: Verdana, Arial, Helvetica, sans-serif;
}
thead th {
background-color: #EDEDEC;
vertical-align: middle; 
border: 1px solid gray;
border-width: 0 0 1px 0;
white-space: normal;
text-align: left;
}

th {
border-right: 1px solid gray; 
border-bottom-style: dotted;
white-space: nowrap;
}
td {
letter-spacing: -1px;
}
tr {
border-bottom: 1px dotted gray;
}
tr.noline {
border-bottom: none;
}
td.noline {
border-bottom: none;
}
table.nowidth {
width:auto;
}


/* ________________ end types and sizes table ________________ */