/*
    Blue   : #172983
    Grey   : #818181
    Orange : #ff9900
*/

/*****************************
   Tags
*****************************/
body { font-family:Arial; font-size:12px; color:#333; background-color:#d9d9d9; }

h1, h2, h3 { font-weight:normal; }

h2 { font-size:26px; line-height:34px; color:#172983; font-family:Verdana,Arial; }
h3 { font-size:15px; color:#818181; margin-bottom:20px; text-transform:uppercase; }
h4 { font-size:14px; color:#818181; border-bottom:solid 1px #818181; padding-bottom:5px; margin-bottom:20px; text-transform:uppercase; }

p { margin-bottom:10px; line-height:17px; text-align:justify; }

a { color:#172983; text-decoration:none; }
a:hover { color:#ff9900; text-decoration:underline; }


sup { vertical-align:super; }


h3 .lighter { color:#172983; }
.products .lighter { color:#172983; padding:0 5px; }

/*****************************
   Layup
*****************************/
#page_shadow { position:fixed; top:0; }
.shadow { height:9px; width:100%; background:url(../_images/layup/page_shadow.png) repeat-x left top; }

#wrapper { position:relative; margin:auto; width:949px; background:#fff url(../_images/layup/bg_content.png) repeat-y left top; border:solid 1px #172983; border-top:none; }

#header { position:relative; height:138px; background-color:#fff; }
#logo { position:absolute; top:57px; left:71px; width:456px; height:60px; }
#logo a { display:block; float:left; width:464px; height:72px; background:url(../_images/layup/logo.png) no-repeat left top; }
#logo span { display:none; }
#clock { position:absolute; bottom:5px; right:5px; text-align:right; color:#999; font-size:11px;  }

/** Menus
*****************************/
ul.menu { padding-left:15px; height:31px; background:url(../_images/layup/bg_menu.png) repeat-x left top; }
ul.menu li { float:left; margin:0 3px 0 3px; font-size:12px; font-weight:bold; text-transform:uppercase; text-align:center; }
ul.menu li a { display:block; height:25px; line-height:25px; padding:3px; color:#fff; }

ul.menu a.selected, 
ul.menu li a:hover { color:#f90; text-decoration:none; }

ul.menu li.spacer { height:31px; width:2px; background:url(../_images/layup/bg_menu_spacer.png) no-repeat center center; }

ul.menu li.home, 
ul.menu li.email,
ul.menu li.calc { float:right; width:31px; margin:0px 5px 0 0; }

ul.menu li.home a, 
ul.menu li.email a,
ul.menu li.calc a { display:block; padding:0; height:31px; width:31px; background-position:center top; background-repeat:no-repeat; }

ul.menu li.home a { background-image:url(../_images/layup/bg_menu_home.png); }
ul.menu li.email a { background-image:url(../_images/layup/bg_menu_email.png); }
ul.menu li.calc a { background-image:url(../_images/layup/bg_menu_calc.png); }

ul.menu li.home a:hover { background-position:center bottom; }
ul.menu li.email a:hover { background-position:center bottom; }
ul.menu li.calc a:hover { background-position:center bottom; }

/** Fly-out menu
*****************************/
ul.menu ul { position:absolute; overflow:hidden; display:none; background:#686a6c; z-index:20000; opacity:0; }
ul.menu ul li { text-align:left; display:block; float:none; margin:0; font-size:11px; text-transform:none; font-weight:normal; white-space:nowrap; }
ul.menu ul li a { display:block; height:20px; line-height:20px; padding:0 5px; }
ul.menu ul li a:hover { position:relative; color:#fff; background-color:#ff9900; }


#sub_header { height:120px; background-repeat:no-repeat; background-position:left top; }
#sub_header .shadow { position:absolute; z-index:100; }
#jet_overlay { position:absolute; z-index:1000; top:85px; right:138px; width:204px; height:93px; background:url(../_images/subheader/home_jet_overlay.png) no-repeat left top; }

#overlay { position:absolute; left:18px; text-align:center; width:199px; height:80px; padding-top:40px; background-repeat:repeat; background-position:left top; }
#overlay.black { background-image:url(../_images/layup/alphapixel_black.png); color:#fff; }
#overlay.white { background-image:url(../_images/layup/alphapixel_white.png); }
#overlay img { border:solid 1px #fff; margin-bottom:10px; }

#footer { position:relative; margin:auto; font-size:10px; width:951px; text-align:left; padding:0 0px; color:#999; background:url(../_images/layup/bg_footer.png) repeat-x left top;  }
#footer #copyright { margin-right:76px; height:20px; line-height:20px; }
#footer a { float:right; width:76px; height:20px; background:url(../_images/layup/site-by-fdg.png) no-repeat center center; }

#comms_search { text-align:right; position:absolute; top:0; background:url(../_images/layup/comms_search.jpg) no-repeat left top; width:929px; padding:0 10px; height:38px; padding-top:9px; }
#comm_details { float:left; text-align:left; color:#999; letter-spacing:1px; padding:5px; font-size:10px; }
#comm_details strong { color:#172983; }

#comms_search .search_area { float:right; width:305px; margin-top:5px; }
#comms_search .search_area label { float:left; font-size:10px; margin:4px 4px 0 0; color:#8f8f8f; }
#comms_search .search_area .search_txt { float:left; width:150px; height:12px; padding:3px; font-size:10px; border:solid 1px #a0a0a0; border-right:none; }
#comms_search .search_area .search_btn { float:left; width:23px; height:20px; border:solid 1px #a0a0a0; border-left:none; background:#a0a0a0 url(/_images/btn_search.jpg) no-repeat center center; }

/** Content
*****************************/
#content_container { /*background:url(../_images/layup/bg_content.png) repeat-y left top;*/ }
#content_side { float:left; margin-left:18px; width:199px; background-color:#f0f0f0; }
#content_side .aCenter { margin-top:40px; }
#content_side img { margin-bottom:10px; }

#content_main { margin-left:217px; padding:35px; }
#content_main ul { list-style-type:square; margin:10px; padding:5px 15px; }
#content_main ul li { margin:5px; line-height:17px; text-align:justify; }

/** Sub (content) menu
*****************************/
ul#sub_menu { text-transform:uppercase; color:#818181; }
ul#sub_menu li { font-weight:bold; display:block; border-bottom:dotted 1px #818181; padding-bottom:3px; margin-bottom:5px; }
ul#sub_menu li a { display:block; color:#818181; padding:2px; }
ul#sub_menu li a:hover { text-decoration:none; }

ul#sub_menu ul li a { display:block; font-weight:normal; color:#818181; height:15px; line-height:15px; padding:2px 2px 2px 15px; background-image:url(../_images/layup/arrows.png); background-repeat:no-repeat; background-position:2px 5px; }
ul#sub_menu ul li a:hover { text-decoration:none; background-position:2px -15px; background-color:#dedede; }

ul#sub_menu ul { margin:5px 0; }
ul#sub_menu ul li { border-bottom:none; margin-bottom:0; padding-bottom:0; }


/** Tables
*****************************/
.links { width:90%; margin-left:5%; }
.links th,
.links td { padding:10px; vertical-align:middle; background-color:#eee; }
.links th { text-align:left; font-weight:normal; }
.links td { width:110px; text-align:right; font-size:10px; }

.links .alt th,
.links .alt td { background-color:#fff; }

.products { width:90%; margin-left:5%; color:#666; border-collapse:separate;  }
.products th,
.products td { margin:0; padding:10px; vertical-align:middle; background-color:#eee; border:solid 1px #eee; }
.products th { text-align:left; font-weight:normal; border-right:none; }
.products td { width:110px; text-align:right; font-size:10px; border-left:none; }

.products th.icon { padding-left:35px; background-position:10px center; }

.products .alt th,
.products .alt td { background-color:#fff; border-color:#fff }

.products tr:hover th,
.products tr:hover td { border:solid 1px #999; color:#000; }
.products tr:hover th { border-right:none; }
.products tr:hover td { border-left:none; }

.products.notd tr:hover th { border:solid 1px #999; }

/** Forms
*****************************/

label { font-size:13px; color:#172983; font-weight:bold; }


.row { margin-bottom:10px; }
.row label { display:block; margin-bottom:3px; font-size:13px; color:#172983; font-weight:bold; }
.row input[type="text"],
.row textarea { width:90%;  }

.contact_address { float:left; width:290px; padding-right:0px; margin-bottom:20px; }
.contact_address_map { float:right; width:310px; padding-left:30px; margin-bottom:20px; border-left:solid 1px #999; }

.contact_form { } 
.contact_form p { margin-right:50px; } 
.contact_form .form { margin:30px 0 0 60px; }


.contact_address label { margin-top:2px; line-height:17px; }

.address_col { padding-left:70px; }

#map { height:398px; border:solid 1px #818181; }

/*****************************
   Icons
*****************************/
.icon { min-height:20px; line-height:20px; display:block; padding-left:20px; background-repeat:no-repeat; background-position:left center; }
.icon.pdf { background-image:url(/_images/icon_pdf.png); }
.icon.wmp { background-image:url(/_images/icon_wmp.png); }
.icon.qt { background-image:url(/_images/icon_qt.png); }



.get_adobe_reader { border:dotted 1px #ccc; margin-top:50px; padding:10px; font-size:11px; color:#999;  }
.get_adobe_reader a { float:right; display:block; width:112px; height:33px; margin:0; padding:0;  }
.get_adobe_reader p { margin:0; margin-right:135px; }





/*****************************
   Site Specific Classes
*****************************/
.blue { color:#172983; }
.grey { color:#818181; }
.orange { color:#ff9900; }

.mTop10 { margin-top:10px; }
.pad20 { padding:20px; }
.borderRight { border-right:solid 1px #999; }


/*****************************
   Useful Classes
*****************************/

.bold { font-weight:bold; }
.aCenter { text-align:center; }
.fLeft { float:left; }
.fRight { float:right; }
.fNone { float:none; }
.clear { clear:both; }
.hide { display:none; }