/*
[Table Of Contents]

0- Reset
1- Main Layout
2- Common Classes
3- General Typography
4- Blocks
5- Headings
6- Links
7- Forms
8- Extras
9- Footer
*/
/* RESET */

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
body { line-height: 1em; background: transparent; color: inherit; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; }
font { color: inherit !important; font: inherit !important; color: inherit !important; }
center,*[align] { text-align:inherit; }
tr,th,td { width:auto; height:auto; vertical-align:inherit; }
nobr { white-space:normal; }
marquee { overflow:visible; }
blink { text-decoration:none; }

/* MAIN LAYOUT */
html, body {height:100%}
body { text-align: center; background: #efefef;}
div#outer { width: 960px; min-height: 100%; padding: 0 10px; margin-left: auto; margin-right: auto; margin-bottom: -110px; background: url('../images/outer_bg.gif') repeat-y; text-align: left;}
div#header { height: 150px; text-align: right; color: #cda0a0; position: relative; z-index: 5; background: url('../images/body_bg.png') repeat-x;}
div#header a#logo img {margin: 8px 0 5px 15px; float: left;}
div#header p {line-height: 15px; padding-top: 44px; margin: 0 15px 0 0; float: right;}
div#footer { clear: both; height: 110px;  font-size: 11px;  color: #666;}
div#footer div.centered {background: url('../images/footer_bg.png') repeat-x; height: 65px; padding-top: 45px;}
div#clearfooter {clear: both; width: 100%; height: 110px;}
div#content { float: left;  position: relative;  width: 690px; padding: 0 15px; position: relative; z-index: 1;}
div#rightsidebar { float: left;  position: relative; width: 220px; z-index: 1;}
div.centered { width: 960px; margin-left: auto; margin-right: auto;}
	
/* COMMON CLASSES */
.alignright { float: right; } img.alignleft { margin:4px 10px 4px 0; }
.alignleft { float: left; } img.alignright { margin:4px 0 4px 10px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.align-center { text-align:center;}
.hidden { display: none; }
.clear { clear: both; }
.clearer {clear: both; height: 1px; overflow: hidden; margin-top: -1px; }
.warning { background:#ffc; }

/* GENERAL TYPOGRAPHY*/

body { font-family: arial, sans-serif; color: #444; font-size: 12px; line-height: 1.3em;} 
strong, th, thead td, dd, b { font-weight: bold; }
cite, em, dfn, address, i,  blockquote { font-style: italic; }
code, kbd, samp, pre, tt, var { font-family: courier, mono-spaced; }
del { text-decoration: line-through; color: #666;}
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 0.8em; line-height: 18px;}
big {font-size: 1.2em;}
abbr, acronym { text-transform: uppercase;}
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super;}
sub { vertical-align: sub; }
s, strike { text-decoration: line-through;}
q {	quotes:"\201C""\201D""\2018""\2019"; }
u {border-bottom: solid 1px;}

#header strong {color: #fff;}

/* BLOCKS */
p, blockquote, ul, ol, dl, table, address, form {
  line-height: 1.3em;
  margin-bottom: 0.75em;}
  
div#content p {line-height: 1.5em;}
  
blockquote { padding: 0.75em 2em;
  border: solid 1px #ccc;
  margin: 8px 0 7px;}
  
div#writeup {width: 450px; float: left; margin-right: 15px; font-size: 11px; min-height: 363px; height: auto !important; height: 363px;}

div#contact {width: 350px; float: left; margin-right: 15px;}

div#writeup p.info {font-size: 12px; font-weight: bold; text-transform: uppercase;}

div#logos {border-style: solid; border-width: 1px 0; border-color: #ccc; padding: 5px 0; text-align: center;}

div#newsletter {width: 193px; float: left; position: relative; font-size: 11px;}
div#history_page {width: 193px; float: left; position: relative; font-size: 11px;}

div#mapholder {width: 293px; height: 420px; float: left; position: relative; font-size: 11px;}
div#gmap {width: 293px; height: 393px; padding: 0; overflow: hidden;}
a#map_link {display: block; background: #f3f3f3 url('../images/icon/magnifier.png') no-repeat 273px 5px; border-bottom: solid 1px #ccc; padding: 4px 25px 4px 4px; text-align: right; margin: -18px -1px 0;}

div#newsticker {height: 335px; overflow: hidden; position: relative;}
div#newsticker dl {position: relative; top: 0;}
div#newsticker dl dt {font-size: 11px;}

div.box {background: #f6f6f6; border: solid 1px #dedede; padding: 15px; margin-bottom: 18px; color: #888;}

div.meta {font-size: 11px; color: #888; margin: -10px 0 10px;}

img[align="left"] {margin: 5px 10px 5px 0;}
img[align="right"] {margin: 5px 0 5px 10px;}

div#msg, div.msg {background: #ffc; border: solid 1px #ff2; padding: 10px; margin-bottom: 15px;}

div.pagination {background: #f5f5f5; border-bottom: solid 1px #ccc; padding: 5px; text-align: right;}
div.pagination strong {background: #fff; padding: 2px 4px; border: solid 1px #060;}

div.disclaimer {background: #f0f0f0; padding: 20px; font-size: 11px; line-height: 16px; color: #555; border-bottom: solid 1px #ccc;}

/* HEADINGS */

h1, h2, h3, h4, h5, h6 {font-weight: bold; line-height: 1em; color: #060; clear: both; }

#content h1, #content-empty h1 {font-size: 24px; margin: 0 0 0.5em 0;}
#content h2 {font-size: 18px; margin: 0 0 0.5em 0;}
#content h3 {font-size: 17px; margin: 0 0 0.5em 0;}
#content h4 {font-size: 16px; margin: 0 0 0.5em 0;}
#content h5 {font-size: 15px; margin: 0 0 0.5em 0;}
#content h6 {font-size: 14px; margin: 0 0 0.5em 0;}

div.box h2, div.box#newsletter h2 {margin: 0 0 20px 0; padding-bottom: 5px; background: url('../images/hr.gif') repeat-x bottom; font-size: 16px;}

#content h2.subtitle {font-size: 16px; margin: 20px 0 10px; padding-bottom: 5px; text-transform: uppercase; border-bottom: solid 1px #ccc;}

#content h3.subtitle {font-size: 12px; margin: 20px 0 10px; padding-bottom: 5px; text-transform: uppercase; border-bottom: solid 1px #ccc;}

#content h2.subtitle img {vertical-align: middle; margin-right: 10px;}


/* LINKS */

a {color: #26b; border-bottom: solid 1px #26b; font-weight: bold;}
a:hover {color: #060;}
a:active {color: #f00;}
a.plain, #logos a.plain img {border: none; border-width: 0;}
a.readmore {color: #060; font-size: 11px; border: none;}
a:hover.readmore {color: #26b;}

div.meta a {border: none; font-weight: normal;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {border: none;}

#header a { font-weight: bold; color: #fff; border-color: #fff;}
#header a:hover { color: #f00;}

ul#footer_menu li a {text-transform: uppercase; color: #333; font-weight: bold; border-color: #999;}
ul#footer_menu li a:hover {color: #fff;}

#footer a {border: none;}

div#rightsidebar div#industry_news dl dd a, div#rightsidebar div.box ul li a { border: none;}
div#rightsidebar div#industry_news dl dd a:hover {color: #060;}

div.pagination a {border: none; padding: 3px; background: #fff;}
/* LISTS */

ul ul, ol ul, ol ol, ul ol {margin-bottom: 0;} /* remove bottom margin for nested lists*/

#content ul {list-style-image: url('../images/dotarrow.gif'); list-style-position: outside;}
#content ul li, #content ol li  { text-indent: 0em; margin: 0 0 1em 1.5em; }
#content ol {list-style-type: decimal; list-style-position: outside;}

#content ul ul {list-style-type: circle;}
#content ol ol {list-style-type: upper-alpha;}
#content ol ol ol {list-style-type: lower-alpha;}

ul#comment_list li { margin: 1.5em; padding-bottom: 1em; border-bottom: solid 1px #eee; list-style-position: inside; }

ul#footer_menu li {display: inline; padding: 0 11px 0 10px; background: url('../images/spacer.gif') repeat-y right;}
ul#footer_menu li.last {background: none;}

div#rightsidebar div.box dl dd {margin-bottom: 12px;}

div#rightsidebar div.box ul li {list-style-image: url('../images/dot.gif'); margin: 0 0 5px 20px; border-bottom: solid 1px #ccc; }
/* TABLES */
table.fixed {table-layout: fixed;}
table.fixed td {text-align: left;}
td {padding: 5px 10px;}

/* MENU */
ul#menu { clear: left; width: 960px; height: 35px; margin: 0; background: url('../images/menu_bg.gif') repeat-x; text-align: left; border-top: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf;}
ul#menu li {float: left; position: relative;}
ul#menu a {display: block;  float: left; height: 25px; position: relative; border: none; padding: 10px 8px 0 8px; font-family: georgia, serif; text-transform: uppercase; font-size: 15px; font-weight: bold; color: #000;}
ul#menu a:hover, ul#menu li:hover a {background: #f4f4f4; border-style: solid; border-width: 0 1px 1px 4px; border-color: #ccc; padding: 10px 7px 0 4px;}
ul#menu a.nolink {cursor: default;}

ul#menu li.last a:hover {padding-right: 19px;}
ul#menu ul {display: none; position: absolute;  left: 0; background: #f4f4f4; border: solid 1px #ccc; margin: 35px 0 0 0; border-width: 1px 1px 1px 4px; }
ul#menu ul li {float: none;  background: url('../images/arrow.gif') no-repeat 4px 5px;  width: 150px; padding: 0 0 5px 5px; border-bottom: dotted 1px #ccc; }
ul#menu li:hover ul a {background: none; border: none; float: none; padding: 2px 15px; height: auto; line-height: 1.1em; font-family: arial, sans-serif; text-transform: none; font-size: 12px; font-weight: bold; color: #888;}
ul#menu li:hover ul a:hover {background: none; border: none; padding: 2px 15px; color: #d00;}

ul#menu li:hover ul {display: block;}

/* GALLERIES */
div#folders a {
display:block;
font-weight:bold;
margin-bottom:15px;
border :none;
text-transform:uppercase;
width:126px;
}
div#folders a.alignleft {
margin-right:15px;
}
div#folders a span {
background:#EEEEEE none repeat scroll 0 0;
display:table-cell;
height:126px;
line-height:126px;
text-align:center;
vertical-align:middle;
width:126px;
}
div#folders a:hover span {
background:#CCCCCC none repeat scroll 0 0;
}

/* SLIDESHOW */
div#slideshow {width: 930px; height: 300px;  margin: 0 15px 15px 15px;}
div#slideshow ul li {width: 930px; height: 300px; position: absolute;}

/* FORMS */

fieldset {padding: 1em; border: solid 1px #ccc;}
legend {padding: 0 1em;}
label {font-size: 0.9em; color: #888;}
input, select, textarea { vertical-align: top; border: solid 1px #ccc}
select {padding: .1em .1em 0 .2em; }
option {padding-right: 0.7em;}

div#newsletter form input {border: solid 1px #98aab8; padding: 4px 2px; width: 187px; margin-bottom: 3px; color: #666;}
div#newsletter form input.sendbutton {border: solid 1px #1f3d5a; padding: 2px; width: 83px; height: 23px; margin-right: 0; background: #2c455c url('../images/subscribe_bg.gif') no-repeat; color: #fff; font-weight: bold;}
div#newsletter form input:hover.sendbutton {background: #2c455c; }

form#login_form {width: 300px; background: #f8f8f8; border: solid 1px #ccc; margin-left: auto; margin-right: auto; padding: 15px 20px 40px;}
form#login_form label {display: block; float: left; width: 90px; text-align: right; margin: 0 10px 5px 0;}
form#login_form input {width: 198px; border: solid 1px #ccc; margin-bottom: 5px;}
form#login_form input.sendbutton {width: auto; float: right; border: solid 1px #ccc; padding: 2px 15px; background: #e5e5e5; text-transform: uppercase; font-weight: bold; color: #060;}

form.standard_form label {display: block; float: left; width: 90px; text-align: right; clear: both; margin: 0 10px 0 1em;}
form.standard_form input.sendbutton {width: auto; float: right; background: #f5f5f5 url('../images/input_bg.gif') repeat-x; font-weight: bold; color: #060; text-transform: uppercase; padding: 3px 15px;}

form#contact_form {width: 450px; margin-left: auto; margin-right: auto; background: #f4f4f4; border: solid 1px #ddd; padding: 20px 20px 50px 20px;}
form#contact_form input, form#contact_form select, form#contact_form textarea {float: right; width: 335px;  margin-bottom: 1em;}
form#contact_form input.sendbutton {width: auto; clear: both;}
form#contact_form label.movehigher {position: relative; top: -10px;}

form#comment_form div.alignleft, form#comment_form div.alignright {width: 435px;}
form#comment_form input, form#comment_form textarea {float: right; width: 320px; margin-bottom: 10px;}