body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#004b8d;
	background-image: url(graphics/bkgds/header.gif);
	background-repeat: repeat-y;
	background-position: left top;
	font-size: 11px;
	min-width: 740px;
}

a { text-decoration: none;}


#imgDiv {
	float: left;
	height: 196px;
	width: 174px;
	text-align: center;
	font-size: 80%;
	padding-bottom: 3px;
	letter-spacing: 1px;
	border: 1px solid #000000;
	background-color: #4D6A90;
	margin: 6px 10px 6px 0px;
}
#imgDiv img {
	margin-bottom: 3px;
}

#content #imgclear {
	clear: both;
}

#headerleft a:link, #headerleft a:visited {
	color:#FEBF00;
	text-decoration: underline;
}

#Header {
	margin:0px;
	padding:10px 0px 10px 11px;
	height:120px;
	background-image: url(graphics/bkgds/header.gif);
	background-repeat: repeat-y;
	background-position: left top;
	min-width: 740px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:100px;
	

}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {height:100px;}


#Header a {
  cursor: pointer;

}

#content {
	margin:0px 30px 30px 180px;
	padding:10px 10px 10px 0px;
	/*height: 1%;*/
	}

#headerleft {
	float: left;
	margin:0px;
	padding:0px;
	height: 100px;
	width: 133px;
	font-size: 11px;
	
}
#headerleft p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	
}

#headerleft p+p+p {
	padding-bottom: 0px;
	
}
#headerright {
	height: 85px;
	margin: 0px 0px 0px 128px;
	padding: 0px;
	
	
}
h1#fir {
	margin:0px 0px 0px 166px;
	padding:0px;
	font-size:15px;
	line-height:20px;
	color:#fff;
	background-image: url(graphics/bannerlogo.gif);
	height: 35px;
	width: 232px;
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	
h1#fir span {
	display: none;
}

h6#langsel {
	margin:0px 0px 0px 460px;
	padding:0px;
	font-size:12px;
	line-height:20px;
	color:#fff;
	height: 20px;
	width: 50px;
	
	
}


#bannerleft {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 81px;
	width: 319px;
}
#banner {
	margin: 0px;
	padding: 0px;
	height: 81px;
	width: 100%;
	background-color: #FEBF00;
	min-width: 740px;
	
}
#bannerright {
	font-size: 12px;
	font-weight: bold;
	color: #004b8d;
	background-color: #febfoo;
	height: 81px;
	padding-left: 0px;
	margin: 0px;
	
}
#bannerright h2 {
	font-size: 13px;
	margin: 0px;
	padding-bottom: 0px;
	letter-spacing: 1px;
	padding-top: 60px;
	
}
h3 {
	font-size: 14px;
	margin: 0px;
	padding-top: 10px;
	letter-spacing: .1em;
}

h5 {
	font-size: 12px;
	margin: 0px;
	padding-top: 10px;
	letter-spacing: .1em;
}

#headerleft a:link {
	color: #FEBF00;	
}
#vmenu {
	float: left;
	width: 140px;
	padding-right:0px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding-top: 15px;
	z-index: 20;
	voice-family: "\"}\"";
	voice-family:inherit;
	padding-right:0px;
	/*border: 1px solid yellow;*/

	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#vmenu {padding-right:10px;}
#vmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;

}
#vmenu ul ul {
	background-image: none;
	background-color: #004B8D;
	border-top: 1px solid #FEBF00;
}
#vmenu a {
	display: block;
	margin: 0;
	padding: 3px 1px 3px 30px;
	text-decoration: none;
	}
#vmenu ul.sub a, #vmenu ul.sub2 a, #vmenu ul.sub3 a, #vmenu ul.sub6 a {
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-image: none;
	}
#vmenu ul li ul.sub {	
	width: 175px;
	}
#vmenu ul li ul.sub2 {	
	width: 140px;
	}
#vmenu ul li ul.sub6 {	
	width: 250px;
	}
	#vmenu ul li ul.sub3 {	
	width: 100px;
	}
#vmenu ul li ul li ul.sub4 {	
	width: 100px;
	}
#vmenu ul li ul li ul.sub5 {	
	width: 210px;
	}
#vmenu ul li ul li ul.sub7 {	
	width: 130px;
	}
#vmenu ul.top li a:link, #vmenu ul.top li a:visited {
	text-decoration: none;
	background-image: url(graphics/bkgds/linkbkgd2.gif);
	background-repeat: no-repeat;
	background-position: 15px 50%;
	color: #FEBF00;
}
#vmenu ul.top li a:hover, #vmenu ul.top li a:active {
	text-decoration: none;
	background-image: url(graphics/bkgds/linkbkgd.gif);
	background-repeat: no-repeat;
	background-position: 15px 50%;
	color: #ffffff;
	border-top: 1px;
	border-bottom: 1px;
	border-color: #FEBF00;
}
#vmenu ul.top li ul.sub li a:hover, #vmenu ul.top li ul.sub li a:active, #vmenu ul.top li ul.sub2 li a:hover, #vmenu ul.top li ul.sub2 li a:active, #vmenu ul.top li ul.sub3 li a:hover, #vmenu ul.top li ul.sub3 li a:active, #vmenu ul.top li ul.sub6 li a:hover, #vmenu ul.top li ul.sub6 li a:active {
	background-color: #FEBF00;
	color: #004B8D;
	background-image: none;
}
#vmenu ul.top li ul.sub li a:link, #vmenu ul.top li ul.sub li a:visited, #vmenu ul.top li ul.sub2 li a:link, #vmenu ul.top li ul.sub2 li a:visited, #vmenu ul.top li ul.sub3 li a:link, #vmenu ul.top li ul.sub3 li a:visited, #vmenu ul.top li ul.sub6 li a:link, #vmenu ul.top li ul.sub6 li a:visited {
	background-image: none;
	}
#vmenu li {
	position: relative;
	background-color: none;
	}

#vmenu ul ul.sub, #vmenu ul ul.sub3, #vmenu ul ul.sub6 {
	position: absolute;
	top: 0px;
	left: 140px;
	width: 100%;
}
div#vmenu ul ul,  div#vmenu ul ul ul, div#vmenu ul li:hover ul ul {
	display: none;
}

div#vmenu ul li:hover ul, div#vmenu ul ul li:hover ul, div#vmenu ul li:hover ul {
	display: block;
}
#vmenu ul.top li:hover {
	background-color: #004b8d;
	background-image: url(http://www.gardiner.com/graphics/bkgds/listitem.gif);

	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #FEBF00;
	border-right-color: #FEBF00;
	border-bottom-color: #FEBF00;
	border-left-color: #FEBF00;

}
#vmenu ul.top li ul.sub li:hover, #vmenu ul.top li ul.sub2 li:hover, #vmenu ul.top li ul.sub3 li:hover, #vmenu ul.top li ul.sub6 li:hover {
	background-image: none;
}
#vmenu ul.top li ul.sub li a, #vmenu ul.top li ul.sub2 li a, #vmenu ul.top li ul.sub3 li a, #vmenu ul.top li ul.sub6 li a {
	border-width: 1px;
	border-style: solid;
	border-color: #FEBF00;
	border-top: 0px;
	color: #FFFFFF;
	background-image: none;
}
#vmenu p {
	margin: 5px 0px 5px 0px;
}
#vmenu ul.top li ul.sub li a.firstlink {
	border-left: 0px;
}
#vmenu ul.top li ul.sub li a#flink {
	border-left: 0px;
}
#vmenu ul.top li ul.sub li a#flink.firstlink {
	border-left: 0px;
}


#vmenu ul ul.sub2 {
	position: absolute;
	top: -54px;
	left: 140px;
	width: 100%;
}
#vmenu ul ul ul.sub4, #vmenu ul ul ul.sub5 {
	position: absolute;
	top: -1px;
	left: 139px;
	width: 100%;
}
#vmenu ul ul ul.sub7 {
	position: absolute;
	top: -1px;
	left: 214px;
	width: 100%;
}
#content a {
	text-decoration: none;
}
#content a:link, #content a:visited {
	color: #FEBF00;
}
#content a:hover, #content a:active {
	color: #004B8D;
	background-color: #FEBF00;
	padding: 1px 0px;
}
#vmenu td {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#ticktext a {
	color: #FEBF00;
	text-decoration: none;
	margin-right: 150px;
}
#ticktext {
	height: 15px;
	margin: 50px 0px 0px 175px;
	border: 1px solid #4D6A90;
	padding: 0px;
}
.marg15left {
	margin-left: 15px;
}
.marg5left {
	margin-left: 5px;
}
.nwrap {
	white-space: nowrap;
	margin-right: 8px;
}
.marg8right {
	margin-right: 8px;
}
#content ul.openlist {
	margin-left: 30px;
	list-style-type: none;
}
.medtext {
	font-size: 13px;
}
#showhide {
	display: none;
}
#showhide1 {
	display: none;
}
#showhide2 {
	display: none;
}
#showhide3 {
	display: none;
}#showhide4 {
	display: none;
}
#showhide5 {
	display: none;
}
#showhide6 {
	display: none;
}
#showhide7 {
	display: none;
}
#showhide8 {
	display: none;
}
#showhide9 {
	display: none;
}
#showhide10 {
	display: none;
}
#showhide11 {
	display: none;
}
#showhide12 {
	display: none;
}
#showhide13 {
	display: none;
}
#content ul.openlist li {
	padding-bottom: 10px;
}
ul.hiddentext {
	margin-top: 10px;
	list-style-type: disc;
}
.marg5right {
	margin-right: 5px;
}
#content h4 {
	font-size: 12px;
	margin: 15px 0px 0px;
	color: #FEBF00;
}
.orangefont {
	font-size: 11px;
	color: #FEBF00;
	font-weight: bold;
}
.marg12right {
	margin-right: 12px;
}
#content h4+p {
	margin-top: 0px;
	padding-top: 8px;
}
.font10 {
	font-size: 10px;
}
#cost {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #ffffff;
}
#cost td {
	padding: 0px;
	margin: 0px;
}
#jumpform {
	margin-left: 54px;
}
#jumpform input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #557195;
}
#jumpform select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#contact textarea {
	width: 200px;
}
#contactresults {
	margin-left: 0px;
}
.rightpad {
	padding-right: 8px;
}
.navbar {
	margin-right: 10px;
	white-space: nowrap;
	line-height: 16px;
}
#jobtbl p {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 8px;
}
#jobtbl {
	font-size: 11px;
	margin-top: 15px;
}
#techtbl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: -25px;
}
.cellbkgd {
	background-color: #4D6A90;
	text-align: center;
}
.leftpad {
	padding-left: 8px;
	margin-left: -25px;
}
#nobkgd a:hover {
	background-color: #004B8D;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
 
html #vmenu {
  margin-right: 30px;
  }
 
/*#content {
  height: 1%;
  
  }*/
 
/* End hide from IE5/mac */
.nodot {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#content .nodot {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#content .openlist ul li {
	list-style-type: none;
	margin-top: 0px;
	padding-top: 0px;
}
#content .openlist ul {
	margin-top: 6px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#content .openlist {
	margin: 0px;
	padding: 0px;
}
#content .openlist li {
	margin-bottom: 0px;
	padding-bottom: 0px;
}


.brdr {
	border: 1px solid #FEBF00;
}
#content .nodot a {
	font-size: 11px;
}

.text13pt {
	font-size: 13px;
	font-weight: bold;
}

#content #tablePortfolios .classPortfolios {
  text-align: center;
}

#content #tablePortfolios {
  width: 800px;  
  
  
}

#content #tablePortfolios td {
  
  vertical-align: top;
  
  /*border: 1px solid yellow;*/
  
}

#content #tablePortfolios .image {
  width: 200px;
}


#content #tablePortfolios .content {
  width: 570px;
  text-align: left;
}

#content #tablePortfolios .gap {
  width: 30px;
}

#content #tablePortfolios .title {
  width: 800px;
  text-align: left;
  font-size: 13px;
  font-weight: bold;
  color: #FEBF00;
  height: 20px;
  
}

#content #tablePortfolios table.description {
  width: 100%;
}

#content #tablePortfolios table.description td {
  width: 50%;
}

#content #tablePortfolios img {
  border: 1px solid #003366;

}
#content #tablePortfolios small {

  color: #FEBF00;
  font-size: 10px;

}

.langselectorFlag {
  float: right;
  color: #FEBF00;
  font-weight: bold;
  padding-right: 20px;  
  text-decoration: none;
  position: relative;
  top: 7px;
  _top: 7px;
  letter-spacing: 0.2em;
}

.langselector {
  float: right;
  color: #FEBF00;
  font-weight: bold;
  padding-right: 10px;  
  text-decoration: none;
  position: relative;
  top: 7px;
  _top: 7px;
  letter-spacing: 0.2em;
}



.shift {
  margin-left: 80px; 
}

.caption {
  width: 100%;
  text-align: center;
  
}

.caption2 {
  width: 137px;
  text-align: center;
  /*border: 1px solid yellow;*/
  float: left;
  
}

.gap2 {
  width: 80px;
  float: left;
}