

/* generics */

* {font-size: 100%; padding: 0; margin: 0;}
body {font: 0.84em/1.333 Arial, sans-serif; margin: 0; padding: 0;
  color: #202020; background: #FFF; width: 760;
   margin: 0 auto;}
a:link {color: #339;}
a:visited {color: #848;}
a img {border: none;}
h1 {font-size: 2em; margin: 2em 0 0.5em; padding: 0.25em 0;}
h2 {font-size: 1.5em; margin: 2em 0 0.33em; padding: 0.25em 0;}
h3 {font-size: 1.33em; margin: 2em 0 0.25em; padding: 0.125em 0;}
h4 {font-size: 1.1em; margin: 0.5em 0 0;}
h5 {font-size: 1em; margin: 0.5em 0 0;}
h6 {font-size: 0.85em; margin: 0.5em 0 0;}
p {margin: 0.33em 0 1em 0;}
ul, ol {margin: 1em 0; padding-left: 2.5em;}
dt {margin: 0.5em 0 0;}
dd {margin: 0.25em 0 0.5em 2.5em;}
pre, code, tt {font: 110% "verdana", Courier, "Courier New", monospace;
  margin: 1em 0;}
small {font-size: 85%;}
big {font-size: 115%;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
img.pic {float: right; position: relative; margin: 0.25em 0 0.66em 1.5em;}
img.border {border: 3px double;}
img.standalone {display: block; margin: 0.5em auto; width: auto; max-width: 100%;}
p.standalone {text-align: center;}
p.standalone img {display: inline;}
.warning {background: #FF8; color: red; border: 2px solid; padding: 1em;}
.highlight {background: #B4D5FF; font-weight: bold;}

/* ------------------------- */
/*  #content Specifics       */
/* ------------------------- */


/* masthead */

#sitemast {padding: 0; margin: 0; overflow: hidden; border-bottom: 0px solid #000;
  height: 10px; width: 100%; position: relative; z-index: 1;
  background: white url(images/top.jpg) 0 no-repeat;}

#logorow {padding: 0; margin: 0; overflow: hidden; border-bottom: 0px solid #000;
  height: 100px; width: 100%; position: relative; z-index: 1;}

#homerow {padding: 0; margin: 0; overflow: hidden; border-bottom: 0px solid #000;
  height: 223px; width: 100%; position: relative; z-index: 1;}

#main
{
	margin: 2.5em 0em 0 20em;
	padding: 0em 0 1.5em 0;
	min-height: 10em;
	background-color: #fff;
	right: 0;
}
#main h2 {border-bottom: 1px solid #888; margin: 0; padding: 0;
  font-size: 1.75em; line-height: 1;}
#main p.contact {margin: 0 1em; text-align: right; font-size: 90%;}

#main p {line-height: 1.4;}
#main li {line-height: 1.33; margin-bottom: 0.15em;}
#main .compact li {line-height: normal; margin-bottom: 0;}
#main ul li {list-style: square;}
#main ol li {list-style: decimal;}

#main blockquote {font-style: normal; margin: 1em 1em 1em 2em;}
#main blockquote em {font-style: italic; font-weight: inherit;}
#main blockquote p
{
	margin: 0.33em .33em 0.33em 0 !important;
	line-height: 1.2;
	text-indent: 2em;
}
#main blockquote.book p { margin: 0 .33em 0 0 !important; }
#main blockquote.lyric {font-style: italic; white-space: pre;
  border: none; margin-left: 1em;}
#main blockquote.lyric p {text-indent: 0;}


/* navbar */

#navigate
{
	position: absolute;
	top: 11px;
	left: 0;
	right: 0;
	padding: 0.25em 6 0.25em .25em;
	z-index: 1;
	overflow: hidden;
	height: auto;
	width: 85%;
	line-height: 2;
}
#navigate h4 {display: none;}
#navigate ul, #navigate li {margin: 0; padding: 0;}
#navigate ul {padding-left: 0.1em;}

#navlinks {width: 100%;}
#navlinks a {text-decoration: none;}
#navlinks li
{
	float: right;
	list-style: none;
	margin-left: 1px;
}

#navlinks li a
{
	padding: 0.25em 0.25em 0.25em .25em;
	margin-right: 0.125em;
	border-top: 0.75em solid #000033;
	border-bottom: 1px dotted #FFF;
	font-weight: bold;
	color: #000033;
}
#navlinks li ul {display: none; border: none;}
#navlinks li li a {font-weight: normal;}
#navlinks a:hover {border-top-color: #4F4FBD;}


#homelink
{
	
	left: 0;
	right: 0;
	padding: 0 0 0 0;
	z-index: 1;
	height: auto;
	line-height: 2;
}
#homelinks h4 {display: none;}
#homelinks ul, #navigate li {margin: 0; padding: 0;}



#homelinks a {text-decoration: none;}
#homelinks li
{
	float: right;
	list-style: none;
	margin-left: 1px;
}
#homelinks li a
{
	padding: 0.25em .25em 0.25em .25em;
	margin-right: 0.125em;
	border-top: 3px solid #000033;
	border-bottom: 1px dotted #ffff;
	font-weight: bold;
	color: #000033;
}


#homelinks li ul {display: none; border: none; float: right;}
#homelinks li li a {font-weight: normal;}
#homelinks a:hover {border-top-color: #4F4FBD;}

.expert #expertLink a,
.port #portLink a,
.about #aboutLink a,
.contact #contactLink a,
.careers #careersLink a,
{border-color: #226 #FFF #FFF; background: #000033; color: #AAC; font-style: italic;}

#logo
{
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 10;
	margin: 0em 0em 0 1em;
	text-align: left;
	padding: 0em 0 0em 0px;
	
}

#logo2
{
	position: absolute;
	top: 16px;
	left: 0;
	z-index: 10;
	margin: 0em 0em 0 1em;
	float: left;
	padding: 0em 0 0em 0px;
}


/* search */

#search
{
	position: absolute;
	top: 31px;
	right: 0;
	z-index: 10;
	margin: .25em 10em 0 20em;
	text-align: left;
	padding: 0.25em 0 1.25em 5px;
}
#search h4 {display: none;}
#search form {margin: 0; padding: 2px 1em 0;}
#search input[type="text"] {width: 12em; border: 2px inset #999;}
#search small {display: block; margin: 0 1.25em; padding: 0;
  text-align: left; line-height: 1;}
#search small a {background: #FFF; color: #668; font-style: italic;}


/* miscellaneous */

#footer
{
	margin: 1em 0em 1em 1em;
	padding: 0.5em 0 .5em;
	border-top: 1px solid gray;
	text-align: center;
	font-family: "Helvetica Neue", verdana, helvetica, sans-serif font-size: 12px;
	color: #CCCCCC;
	background: url(images/blue.gif);
	line-height: 20px;
}
#footer a {color: #558;}
#footer a:visited {color: #858;}
#footer p
{
	line-height: 1;
	margin: 0;
	padding: 0.5em 0.0em 0 0.25em;
	font-size: 0.85em;
}

/* ------------------------- */
/*  #Our work        */
/* ------------------------- */

#clients TR TD
{
	border-left:solid 1px #aaaaaa;
	padding: 4px 4px 4px 8px;
	
}
#clients TR TH
{
	text-align:center;
	height:30px;
}


/* ------------------------- */
/*  #flash Specifics        */
/* ------------------------- */


#flashcontent
{
	display: inline;
	border: 0px;
	height: 223px;
	width: 470px;
	float: left;
}
