/***************************************
Website Redesign by: Jeremy Adajar (IX2)
****************************************/
body { background-color: #8C8E8F; color: #000000; margin: 12px 0px 0px 0px;}
div.wrapper { text-align:center;}
table.top { width: 765px; background-color: white; }

table.toplogo { width: 100%; background-color:#002159; border:1px solid white; }
td.toplogo { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 16pt; line-height: 135%; text-align: center; color:white; }

table.menu_cont { width: 100%; background-color: #002159; vertical-align: top; }
td.menu_cont { height:25px; /*background: #ffffff url(images/link-pat.jpg) no-repeat center;*/ text-align: left; border-right: 1px solid white; }

table.header { width: 100%; border-top: 1px solid white; border-right:1px solid white; border-bottom:1px solid white; border-left:1px solid white; } 
td.header { height: 71px; background: #d4d7d8 url(images/arrow.gif) no-repeat left; padding-left: 63px; text-align:left; vertical-align: middle; color:#002052;}

td.gallery {text-align:center;}
img.gallery {border:1px solid #212121;}
table.image { width: 100%; background-color: #ffffff; border-top:1px solid white; border-right:1px solid white; border-left:1px solid white; } 

table.choose { width: 100%; background-color: #ffffff; border-top:1px solid white; border-right:1px solid white; border-left:1px solid white; } 
table.choose2 { width: 100%; background-color: #ccc; border-top:1px solid white; border-right:1px solid white; border-left:1px solid white; } 
td.choose_top { width: 100%; padding: 25px 25px 0px 25px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; text-align: left;  vertical-align: top;}
td.choose { width: 100%; padding: 0px 25px 0px 25px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; text-align: left;  vertical-align: top;}
.choose_top h1 { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12pt; line-height:135%; margin: 0px 0px 0px 0px; }
td.choose_right { width: 50%; padding: 0px 25px 25px 0px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; text-align: left; vertical-align: top;}
td.choose_left { width: 50%; padding: 0px 25px 25px 25px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; text-align: left;  vertical-align: top;}
ul.choose { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; margin:5px 5px 5px 15px;  padding: 0px 0px 0px 0px; text-align: left; }
li.choose { list-style: url(images/bullet.gif); }
p.choose { margin: 0px 0px 10px 0px; }

h1 { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 24px; margin: 0px 0px 0px 0px;}
p.since { margin: 0px 0px 0px 0px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; color: #000000;}
p.why { margin: 20px 0px 0px 0px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 15px; color: #000000;}

table.feature { width: 100%; background-color: #ffffff; border-right:1px solid white; border-bottom:1px solid white; border-left:1px solid white; } 
td.feature_top { width: 10%; padding: 25px 25px 0px 25px; text-align: left; vertical-align: bottom; }
td.feature_left { width: 50%; padding: 0px 25px 25px 25px;; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; text-align: left; vertical-align: top; }
td.feature_right { width: 50%; padding: 0px 25px 25px 0px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; text-align: left;  vertical-align: top;}
ul.feature { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; margin:5px 5px 5px 15px;  padding: 0px 0px 0px 0px; text-align: left; }
li.feature { list-style: url(images/bullet.gif); }
p.feature_list { margin: 0px 0px 10px 0px; }
p.feature { margin: 0px 0px 0px 0px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 15px; color: #000000; vertical-align: bottom;}

table.proven { width: 100%; background-color: #ffffff;  } 
/*td.proven {   padding: 10px 10px 10px 10px; text-align:center; background: #336699 url(images/background.jpg) no-repeat center; border-right:1px solid white; border-bottom:1px solid white; border-left:1px solid white;}*/
td.proven {   padding: 0px 25px;; text-align:left; border-right:1px solid white; border-bottom:1px solid white; border-left:1px solid white;}
h2 { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12pt; line-height: 135%; color: #000000; margin: 0px 0px 0px 0px;}

table.other { width: 100%; background-color: #ffffff; padding-top: 10px; border-right:1px solid white; border-bottom:0px solid white; border-left:1px solid white; } 
td.other_top_left { width: 50%; padding: 25px 25px 0px 25px; text-align: left; vertical-align: bottom; }
td.other_top_right { width: 50%; padding: 25px 25px 0px 0px; text-align: left; vertical-align: bottom; }
td.other_left { width: 50%; padding: 0px 25px 25px 25px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; text-align: left; vertical-align: top; }
td.other_right { width: 50%; padding: 0px 25px 25px 0px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; text-align: left;  vertical-align: top;}
td.other_bottom_left { width: 50%; padding: 0px 25px 0px 25px; text-align: left; vertical-align: bottom; }
td.other_bottom_right { width: 50%; padding: 0px 25px 0px 0px; text-align: left; vertical-align: bottom; }
p.other { margin: 0px 0px 0px 0px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; color: #313131; vertical-align: bottom;}
p.contact { margin: 0px 0px 0px 0px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 15px; color: #000000; font-style: small-caps; #000000; vertical-align: top;}
ul.other { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; margin:5px 5px 5px 15px;  padding: 0px 0px 0px 0px; text-align: left; }
li.other { list-style: url(images/bullet.gif); }
p.other_list { margin: 0px 0px 10px 0px; }

table.bottom { width: 100%; background-color: #d4d8d9;}
td.bottom {   padding: 10px 10px 10px 10px; text-align:center; background: #002159 url(images/back3.jpg) repeat-y center; border-right:1px solid white; border-bottom:1px solid white; border-left:1px solid white;}
p.bottom_keywords { margin: 0px 0px 0px 0px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 9px; color: white; vertical-align: middle;}

td.profile_content { background-color: #ffffff; padding: 25px 25px 25px 25px; text-align: left;}
p.profile_content { margin: 0px 0px 0px 0px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; color: #000000; vertical-align: top;}
h2.profile { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 18px; color: #000000; margin: 0px 0px 0px 0px;}

td.management_content { background-color: #ffffff; padding: 25px 25px 25px 25px; text-align: left;}
p.management_content { margin: 0px 0px 0px 0px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; color: #000000; vertical-align: top;}
h2.management { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 15px; color: #000000; margin: 25px 0px 0px 0px;}

td.connectivity_content { background-color: #ffffff; padding: 25px 25px 25px 25px; text-align: left;}
p.connectivity_content { margin: 0px 0px 0px 0px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; color: #000000; vertical-align: top;}
h2.connectivity { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 15px; color: #000000; margin: 0px 0px 0px 0px;}
td.connectivity_list { width: 25%; background-color: #ffffff; padding: 0px 0px 20px 65px; text-align: left; vertical-align: top; }
td.connectivity_list_cont { width: 25%; background-color: #ffffff; padding: 0px 0px 20px 25px; text-align: left; vertical-align: top; }
ul.connectivity { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; margin:5px 5px 5px 15px;  padding: 0px 0px 0px 0px; text-align: left; }
li.connectivity { list-style: url(images/bullet.gif); }
p.connectivity_list { margin: 0px 0px 10px 0px; }

td.services_content { background-color: #ffffff; padding: 25px 25px 25px 25px; text-align: left; vertical-align: top;}
p.services_content { margin: 0px 0px 0px 0px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; color: #000000; vertical-align: top;}
ul.services { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; margin:5px 5px 5px 25px;  padding: 0px 0px 0px 0px; text-align: left; }
li.services { list-style: url(images/bullet.gif); }
p.services_list { margin: 0px 0px 10px 0px; }

td.location_content { width: 70%; background-color: #ffffff; padding: 25px 25px 25px 25px; text-align: left; vertical-align: top;}
td.location_toc { width: 30%; background-color: #ffffff; padding: 25px 25px 25px 0px; text-align: left; vertical-align: top;}
td.location_map { width: 100%; background-color: #ffffff; padding: 0px 25px 25px 25px; text-align: left; vertical-align: top;}
a.selected_location { color: #c67d00; text-decoration: none; font-weight: bold;}
a.selected_location:hover { color: #002052; text-decoration: none; font-weight: bold;}
a.location { color: #1d546c; text-decoration: none; font-weight: bold;}
a.location:hover { color: #c67d00; text-decoration: none; font-weight: bold;}

img.location { width: 100%; text-align:center; margin-bottom: 25px;}
p.location { margin: 0px 0px 0px 0px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10px; font-weight: bold; color: #000000; vertical-align: top;}
p.location_content { margin: 0px 0px 0px 0px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; color: #000000; vertical-align: top;}
h2.location { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 18px; color: #000000; margin: 0px 0px 0px 0px;}
h3.location { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 13px; color: #000000; margin: 0px 0px 0px 0px;}
ul.location { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; margin:5px 5px 5px 15px;  padding: 0px 0px 0px 0px; text-align: left; }
li.location { list-style: url(images/bullet.gif); }
ul.content { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; margin:5px 5px 5px 15px;  padding: 0px 0px 0px 0px; text-align: left; }
li.content { list-style: url(images/bullet.gif); margin: 10px 0px; }

td.contact_left { width: 25%; background-color: #ffffff; padding: 5px 12px 0px 0px; text-align: right; vertical-align: top;}
td.contact_middle  { width: 25%; background-color: #ffffff; padding: 5px 0px 0px 0px; text-align: left; vertical-align: top;}
td.contact_content_left  { width: 50%; background-color: #ffffff; padding: 25px 25px 25px 25px; text-align: right; vertical-align: top;}
td.contact_content_right  { width: 50%; background-color: #ffffff; padding: 25px 25px 25px 25px; text-align: left; vertical-align: top;}
td.contact_bottom  { width: 100%; background-color: #ffffff; padding: 25px 25px 25px 0px; text-align: left; vertical-align: top;}
td.contact_map  { width: 100%; background-color: #ffffff; padding: 0px 25px 25px 25px; text-align: left; vertical-align: top;}
p.contact_content { margin: 0px 0px 0px 0px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; color: #000000; vertical-align: top;}
p.contact_pst { margin: 0px 0px 0px 0px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10px; color: #313131; vertical-align: top;}

table.sitemap { width: 100%; background-color: #ffffff; border-top:1px solid white; border-right:1px solid white; border-left:1px solid white; } 
td.sitemap_top { width: 100%; padding: 25px 25px 0px 25px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; text-align: left;  vertical-align: top;}
.sitemap h1 { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12pt; line-height:135%; margin: 0px 0px 25px 0px; }
td.sitemap_right { width: 50%; padding: 0px 25px 25px 0px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; text-align: left; vertical-align: top;}
td.sitemap_left { width: 50%; padding: 0px 25px 25px 25px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; text-align: left;  vertical-align: top;}
ul.sitemap { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; margin:5px 5px 5px 15px;  padding: 0px 0px 0px 0px; text-align: left; }
li.sitemap { list-style: url(images/bullet.gif); }
p.sitemap { margin: 0px 0px 10px 0px; }

table.four_o_four { width: 100%; background-color: #ffffff; border-top:1px solid white; border-right:1px solid white; border-left:1px solid white; } 
td.four_o_four_top { width: 100%; padding: 25px 25px 0px 25px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; text-align: left;  vertical-align: top;}
.four_o_four h1 { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12pt; line-height:135%; margin: 0px 0px 25px 0px; }
td.four_o_four { width: 100%; padding: 0px 25px 25px 25px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10pt; line-height: 135%; text-align: left;  vertical-align: top;}
p.four_o_four { margin: 0px 0px 10px 0px; }

.intactinfo { color:#ACBAB7; font-family: Verdana; font-size:9px; text-decoration: none; vertical-align:top; }

/** Menu **/
.menu {width:606px; height:25px; position:relative; z-index:100;border-right:1px solid #fff; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:606px; w\idth:615px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:101px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:101px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:100px; height:25px; border-left:1px solid #fff; border-width:1px 0px 1px 1px; background:#002159; line-height:25px; font-weight:normal; text-align:center;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:101px; w\idth:100px;}/*difference 9px*/

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background-color:#d4d8bd;}
/* style the second level hover */
.menu ul ul a.drop:hover{background-color:#c9ba65;}
.menu ul ul :hover > a.drop {background-color:#c9ba65;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:101px;border-top:1px solid #fff;}
/* another hack for IE5.5 */
* html .menu ul ul {top:25px;t\op:26px;}

/* position the third level flyout menu */
.menu ul ul ul{left:101px; top:-1px; width:101px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-101px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#fff; color:#000; height:auto; text-align: left; line-height:1em; padding:5px 5px 5px 5px; width:190px;border-width:0px 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#4d6284;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#4d6284;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
#slideshow { padding: 0px 0px 0px 0px; text-align: center; width:765px; height: 225px; overflow:hidden;}