/*
	--------------------------
	Default Styles
	--------------------------
*/

/*  Custom Classes
--------------------------  */

/* contain */
.contain:after	{ content: ""; display: block; clear: both; visibility: hidden; height: 0px; }
* html .contain	{ /* nomac \*/height: 1%;/* nomac */ }
.contain		{ display: inline-block; }

/* hidden */
.hidden	{ display: none; }

/* clear */
.clear	{ clear: both; }

/*  Typography 
--------------------------  */

body 		{ font-family: arial,sans-serif; color: #171717; margin: 0px; }
h1 			{ font-size: 1.1em; margin-bottom: 0.3em; margin-top: 0px; }
h2 			{ font-size: 0.9em; color: #123466; margin-bottom: 0.3em; }
h2 a:hover	{ color: #123466; }
h3 			{ font-size: 0.8em; margin-bottom: 0.3em; }
h4 			{ font-size: 0.75em; margin-bottom: 0.3em; }
h5 			{ font-size: 0.75em; margin-bottom: 0.3em; }
p,li,dt,dd,label,legend	{ font-size: 0.75em; line-height: 1.1em; color: #36332c; }
li li		{ font-size: 1em; }
dt			{ font-weight: bold; margin: 5px; }
dl,dd		{ margin-bottom: 0px; }
address		{ font-style: normal; color: #666; font-size: 0.75em; margin-bottom: 1em; }
a 			{ color: #123466; }
a:hover		{ color: #41b7c8; }
p strong	{ color: #171717; }
p.small		{ font-size: 0.65em; }
p.red   { color: #ff0000; }
input, select, textarea		{ font-family: arial,sans-serif; font-size: 0.75em; }

/* Imagery
--------------------------  */

a img	{ border: none; }
img		{ border: none; vertical-align: bottom; }
img.left	{ float: left; border: none; vertical-align: bottom; margin-right: 5px; }
img.padbottom		{ margin-bottom: 1em; }
img.padright		{ margin-right: 4em; }
img.space		{ margin-bottom: 1em; }

/*  Template Structure 
--------------------------  */

body				{ background: #e5e5e5 url(../files/template/bgImage.jpg) no-repeat top center; text-align: center; }
#pageOuter 			{ text-align: left; width: 60em; margin: 0px auto 0px auto; padding: 1em 1em 1em 1em; background: #fff; }

/* Header Area 
--------------------------  */

#headertop				{ width: 100%; text-align: right; margin: 0px auto 0px auto; background: #002888 url(../files/template/Logo-left.jpg) repeat-x 257px top; }
#headertopright			{ background: url(../files/template/Logo-tr.jpg) no-repeat top right;  }
#headertopright p		{  color: #fff; font-weight: bold; text-decoration:none; margin: 0px; padding: 1.5em 1em 0px 0px; }
#headertopright p.email { padding: 0px 1em 0px 0px;  }
#headertopright a		{  color: #fff; margin: 0px; padding: 0px; text-decoration: none; }
#headertopright a:hover { text-decoration: underline; }

#headerbottom			{ width: 100%; background: #002888 url(../files/template/Logo-br.jpg) no-repeat bottom right; margin: 0px; padding: 0px; }
#headerbottom img		{ float: right; padding: 0px; margin: 0px; }
#logo				{ float: left; width: 257px; padding: 0px; }
#logobottom				{ float: left; width: 16em; padding: 0px;}
#logobottom	img			{ float: left; padding: 0px; }

#strap p			{ color: #fff; font-weight: bold; text-decoration:none; padding: 3.75em 1em 0px 0px; margin: 0px; }
#strap p span			{ color: #ff5924; font-weight: bold; text-decoration:none; }

/*	Navigation Area 
--------------------------  */

#cellNav 		{ width: 100%; padding: 0px 0px 1em 0px; margin: 0px 0.75em; }

#cellNav ul 	{ width: 100%; list-style-type: none; margin: 0px; padding: 0px; }
#cellNav li 	{ float: left; margin: 0px 0.2em; background: #7fd5f8 url(../files/template/buttontopleftlight.gif) no-repeat top left; width: 10.75em; position: relative; }
#cellNav li span	{ background: transparent url(../files/template/buttontoprightlight.gif) no-repeat bottom right; display: block; width: 100%; height: 8px; }

#cellNav li a 			{ color: #fff; font-weight: bold; text-decoration:none; background: url(../files/template/buttonlowleftlight.gif) no-repeat left bottom; display: block; }
#cellNav li a span { background: url(../files/template/buttonlowrightlight.gif) no-repeat right bottom; padding: 0.5em 1em; width: auto; height: auto; }


#cellNav li:hover	 	{ background: #7fd5f8 url(../files/template/buttontopleftdark.gif) no-repeat top left; }
#cellNav li:hover span		{ background: transparent url(../files/template/buttontoprightdark.gif) no-repeat bottom right; }
#cellNav li:hover a	 			{ color: #ff5924; background: url(../files/template/buttonlowleftdark.gif) no-repeat left bottom; }
#cellNav li:hover a span	 { background: url(../files/template/buttonlowrightdark.gif) no-repeat right bottom; }

#cellNav li.dropdown:hover a	{ background: #004dc2; }
#cellNav li.dropdown:hover a span		{ background: none; }

#cellNav li div 	{ display: none; }
#cellNav li ul li, #cellNav li ul li span, #cellNav li ul li a		{ background: none; }

#cellNav li.dropdown div { position: absolute; width: 10.75em; background: url(../files/template/dropdownleft.gif) no-repeat bottom left; }
#cellNav li.dropdown div ul	{ background: url(../files/template/dropdownright.gif) no-repeat bottom right; margin: 0.15em 0px 0px 0px; }
#cellNav li.dropdown div ul li	{ margin: 0px; float: none; width: 100%; }
#cellNav li.dropdown:hover div ul li.last	{ padding-bottom: 0.75em; }

#cellNav li.dropdown:hover div ul li a { background: none; padding: 0.15em 1em; color: #fff; width: auto; height: auto; }
#cellNav li.dropdown:hover div ul li:hover { background: none; }
#cellNav li.dropdown:hover div ul li:hover a { background: none; color: #3197d7; }

#cellNav li:hover div	{ display: block; }

#cellNav li.selected	 	{ background: #7fd5f8 url(../files/template/buttontopleftdark.gif) no-repeat top left; }
#cellNav li.selected span		{ background: transparent url(../files/template/buttontoprightdark.gif) no-repeat bottom right; }
#cellNav li.selected a	 			{ color: #ff5924; background: url(../files/template/buttonlowleftdark.gif) no-repeat left bottom; }
#cellNav li.selected a span	 { background: url(../files/template/buttonlowrightdark.gif) no-repeat right bottom; }


/* Body Area
--------------------------  */

#pageBody	{ background: #fff; width: 100%; }

div.full	{ width: 100%; }
div.column	{ float: left; }
div.columnfixed	{ float: left; width: 33% }
div.column2fixed	{ float: left; width: 50%; }

.clientsleft	{ float: left; padding: 0px 0px 0px 3.5em; }
.clientsleft img	{ padding: 1em 0px; }

.imgright	{ float: right; padding: 0px 0px 1em 1em; }
.fpimg

/* Table
--------------------------  */

table	{ font-size: 0.75em; }
thead	{ font-weight: bold;  font-size: 0.85em }
tbody td	{ padding: 0px 2em 0px 0px; font-size: 0.75em;  }


/* Image Area
--------------------------  */

#pageImagery		{ width: 100%; background-color: #eae3d1; }
#pageImagery img	{ float: left; height: 6.3em; padding: 0px; margin: 0px; }
#pageImagery ul		{ list-style-type: none; margin: 0px 10px 0px 10px; padding-top: 5px; }
#pageImagery li 	{ padding: 0px 6px 0px 6px; color: #43b6c8; font-size: 1.4em; line-height: 1.3em; text-align: right; }
#headAnimation		{ width: 53em; height: 6.3em; float: right; }

/*	Content Area 
--------------------------  */

#pageContent	{ float: left; width: 35em; clear: both; background: #fff; margin: 0px 1em; }
.aboutimg 		{ float: right; padding: 0px 0px 0.5em 0.5em; }
#contact		{ float: left; width: 37em; }
.pdf 			{ padding: 0.25em 0.5em 0px 0px; }
.fpimg			{ padding: 0px 4.75em 0px 0px}
.isoimg { padding: 0px 1.1em 0px 0px; }
#pageContent.contain div.longimages { padding: 0px 2.25em; float: left; }
#pageContent.contain div.longimages img { padding: 0.5em 0.5em; float: left; }


.servleft		{ float: left; width: 37em; padding: 0.5em 1em; }
.servleft img	{ float: left; vertical-align: middle; padding: 0px 0.5em; }


.servright		{ float: right; width: 35em; padding: 0.5em 1em; }
.servright img	{ float: right; vertical-align: middle; padding: 0px 0.5em; }
.servright h2		{ padding: 0px 0px 0px 1.15em;  }

.servleft ul		{ margin: 0px 0px 0px 18em;  }

/*	News Area 
--------------------------  */

.news { border-bottom: solid 1px #000; margin-bottom: 2em; }
.news h2 { margin-bottom: 0px;  }
.news h3 { margin: 0px 0px 0.5em 0px;  }

/*	Spotlight Area
--------------------------  */

#spotlight { float: right; }
#spotlight div { background: #d1001b url(../files/template/redcornerleft.gif) no-repeat left top; }
#spotlight h2 { color: #fff; font-size: 0.8em; padding: 0.5em 0.75em; background: transparent url(../files/template/redcornerright.gif) no-repeat right top; }
#spotlight h2 a { color: #fff; text-decoration: none; }

/*	Footer Area 
--------------------------  */

#pageFooter 	{ width: 100%; text-align: left; background: #fff; margin-top: 2em; border-top: solid 1px #000;}

#pageFooter #footerNav 				{ text-align: right; padding: 2px; margin: 0px 15px 0px 15px; }
#pageFooter #footerNav ul			{ list-style-type: none; margin: 0.5em 0px 0.5em 0px; padding: 0px; }
#pageFooter #footerNav li 			{ display: inline; font-size: 0.7em; font-weight: bold; color: #88806f; padding: 0px 0.75em;  }
#pageFooter #footerNav li a 		{ background: none; margin: 0px; color: #88806f; text-decoration: none; }
#pageFooter #footerNav li a:hover	{ color: #000; }
#pageFooter #footerNav li.last		{ border: none; padding-right: 0px; }
#pageFooter #footerNav li.copyright	{ border: none; float: left; padding: 0px 0px 0px 0px; margin: 0px; }

/*	Credits Area 
--------------------------  */

#credits	{ color: #999; font-size: 0.7em; text-align: right; width: 73em; padding: 15px 1.5em 0px 15px; margin: 0px auto 0px auto; }
#credits a	{ color: #999; text-decoration: none; }
#credits a:hover	{ text-decoration: underline; }

/*	Forms 
--------------------------  */
/* Form */
form { margin:0px; padding:0px; }

form label { display: inline-block; width: 15em; margin: 0.75em 0px ; }
form input { width: 23.2em; }
form textarea { width: 23.2em; vertical-align: top; }
form input.checkbox {  }
form label.checkbox { }
form input.button { margin: 0px 0px 0px 15.25em; width: 23.85em; }