body { text-align: center; margin: 0; padding: 0; background-color: #fff; font: 90% Arial, Helvetica, sans-serif; line-height: 1em; color: #666; }

/*  Baseline values for browser consistency */
p, div, h1, h2, h3, h4, h5, ul, li, a { margin: 0; padding: 0; }
img { margin: 0; padding: 0; border: 0;	}
ul { list-style: none; }
a:link, a:visited, a:active { color: #666; text-decoration: none; outline: 0; }	
a:hover { color: #0E3F9E; text-decoration: underline; }	
.clear { clear: both; }
/* @end of baseline values */

/* PAGE STRUCTURE */
div#bg_gray { background: url(images/bg_gray.jpg) bottom left repeat-x; }
div#top_contain { width: 880px; margin: 0 auto; text-align: left; }
div#header { width: 100%; } 
img#logo { width: 320px; height: 82px; float: left; }
/* Dropmenu */
#dropmenu {	width: 560px; float: right; }
#dropmenu ul#mainmenu_home, #dropmenu ul#mainmenu_company, #dropmenu ul#mainmenu_gallery, 
#dropmenu ul#mainmenu_service, #dropmenu ul#mainmenu_contact { height: 82px; list-style: none; float: right; margin: 0 0 0 1px; }
#dropmenu ul#mainmenu_home { width: 73px; }	
#dropmenu ul#mainmenu_contact { width: 82px; }
#dropmenu ul#mainmenu_gallery { width: 84px; }
#dropmenu ul#mainmenu_company, #dropmenu ul#mainmenu_service { width: 90px; }
#dropmenu ul { width: 240px; }
#dropmenu a.mainlink { height: 82px; margin: 0; padding: 0; }
#dropmenu a.sublink, #dropmenu a.sublink:visited { background-color: #fff; color: #666; height: 20px; text-decoration: none; }		
#dropmenu a.sublink:hover, #dropmenu a.sublink_sel,
#dropmenu a.sublink_sel:visited { background-color: #fff; color: #0E3F9E; height: 20px; text-decoration: underline; }
#dropmenu a { display: block; white-space: nowrap; margin: 0; padding: 2px 10px 2px 5px; text-align: left; font: bold 8pt arial, helvetica, sans-serif; }
#dropmenu li { position: relative; min-height: 1px; vertical-align: bottom; } /* min-height & vert align for IE7 */
#dropmenu ul ul { position: absolute; z-index: 500; top: auto; left: 0; display: none; padding: 1px; margin: -1px 0 0 -1px; border: 1px solid #ddd; }
div#dropmenu li:hover { cursor: pointer; z-index: 100; }
div#dropmenu li:hover ul ul, div#dropmenu li li:hover ul ul { display: none; }
div#dropmenu li:hover ul, div#dropmenu li li:hover ul { display: block; }
/* @end of dropmenu */
#topic { width: 100%; }
#topic #leftext { width: 325px; margin-top: 0.5em; float: left; }
#bluebg { background: url(images/bg_blue.jpg) top left repeat-x; height: 326px; }
#bluecontain { width: 880px; margin: 0 auto; text-align: left; }
#bluecontain p, #bluecontain a { color: #dbdbdb; }
#botext_l { width: 430px; float: left; padding: 10px 10px 5px 0; }
#botext_r { width: 430px; float: left; padding: 10px 0 5px 10px; }
#fmb { background: url(images/fmb.gif) no-repeat; width: 430px; height: 150px; margin: 5px 0; }
#news { background-image: url(images/news.jpg); width: 430px; height: 150px; margin: 5px 0; }
/* Bottom nav */
#bottom { width: 880px; margin: 0 auto; }
#bottomenu { float: left; width: 70%; height: 25px; }
#bottomenu li { display: inline; }
#bottomenu li a { float: left; margin: 5px 0; padding: 0 10px; border-right: 1px solid #333; }
#bottomenu .nodivide { border-right: none; }
a.botlink_sel, a.botlink_sel:visited { color: #0E3F9E; text-decoration: underline; }
#lsg { float: left; width: 30%; height: 25px; }	
#lsg li { margin: 5px 0; padding: 0 10px; float: right; }
/* @end of bottom nav */
/* @end of PAGE STRUCTURE */

/* FONT SPECS */
h1 { font-size: 1.4em; line-height: 1em; color: #0E3F9E; padding: 0 0 0.5em 0; }
h2 { font-size: 1.4em; line-height: 1em; color: #dbdbdb; padding: 0 0 0.5em 0; }
h3 { font-size: 1.1em; padding: 0.5em 0; }
h4 { font-size: 1.1em; padding: 0.5em 0; color: #dbdbdb; }
p, h5, ul, ol, li { font-size: 0.9em; }
ul { display: inline; }
.line { border-bottom: 1px dotted #333; padding: 0 0 0.5em 0; }	
.linewhite { border-bottom: 1px dotted #dbdbdb; padding: 0 0 0.5em 0; }
.blue, a.blue:link, a.blue:visited, a.blue:active { color: #0E3F9E; text-decoration: none; }
a.blue:hover { color: #0E3F9E; text-decoration: underline; }
.bold { font-weight: bold; }
.para { padding: 10px; margin: 0; }	
#fmb h4.fmbpara, #fmb p.fmbpara { padding: 10px 10px 10px 150px; color: #666; }
#fmb h4.fmbpara { line-height: 1em; }
#fmb p.fmbpara a { color: #0E3F9E; }
/* @end of FONT SPECS */

/* HOME PAGE */
#homepage #top_contain { width: 880px; margin: 0 auto; text-align: left; background: url(images/main_img_home.jpg) bottom right no-repeat; }
/* @end of HOME PAGE */

/* COMPANY PAGE */
#topic #aboutimg { position: relative; margin: 10px 0 10px 10px; padding: 0; height: 305px; width: 530px; 
		 	       background: #f1f1f1 url(images/about.jpg) no-repeat 50% 50%; border: 1px solid #ddd; float: right; }
/* GALLERY PAGE */
#projname { width: 325px; height: 71px; }
/* Gallery */
#topic #gall { position: relative; margin: 10px 0 10px 10px; padding: 0; height: 305px; width: 530px; background-color: #f1f1f1; border: 1px solid #ddd; float: right; }
.thumb_a { margin: 5px; float: left; }
.thumb_b { margin: 5px 0; float: left; }
.thumb_c { margin: 0 5px; float: left; }
.thumb_d { margin: 0; float: left; }
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; display: block; background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */ }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }
#imageData { padding: 0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; }		
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* @end of Gallery */
/* Opacity for button nav */
.opacity img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; }
.opacity:hover img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 0.9; }
/* @end of opacity */

/* CONTACT */
#contform { position: relative; margin: 20px 0 10px 10px; padding: 0; width: 450px; background-position: bottom; float: right; }
ul.block, ul.block li { display: block; }
ul.block, .para_other { margin: 10px 0; }
#form { width: 298px; height: auto; margin: 0; padding: 10px 10px 0 10px; }
#form .message, #form .name_req, #form .email_req, #form #comp { width: 276px; border: 1px solid #c8c8c8; }
#form .submitbutton { width: 59px; height: 30px; margin: 0; padding: 0; }

/* BOTTOM NAV */
#navs #topic #topic_left { width: 415px; padding: 0 25px 10px 0; float: left; }
#navs #topic #topic_right { width: 415px; padding: 0 0 10px 25px; float: left; } 
#navs #bluebg_s { background: url(images/bg_blue_s.jpg) top left repeat-x; height: 35px; }
ul.block_map, ul.block_map li { display: block; }
ul.block_map { margin: 10px 0 0 10px; }

/* SERVICES */
ul#tick { display: block; margin-top: 10px; }
ul#tick li { list-style: url(images/tick.gif); margin: 0 0 0 40px; padding: 5px 0; }