@charset "utf-8";
/* CSS Document */
/*reset styles*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,img {margin:0; padding:0; border:0;}
body{color: #002d56; background: #ddd url(images/top_bg.png) no-repeat center top; font: 12px Arial, Helvetica, sans-serif; min-width: 970px;}
p,.par{padding:0px; margin: 0 0 20px 0; line-height:20px;}
h2, h3{padding:0px; margin: 20px 10px 0 0; font-size:16px; font-weight:normal; line-height:20px;}
h3{color:#fff;}
h1{padding:0px; margin: 20px 10px 20px 0; font-size:16px; font-weight:normal; line-height:20px;}
ul, ol {margin-bottom: 20px; line-height:20px;}
span.red {color:#ea1337;}
span.blue {color:#0080b0;}
span.grey {color:#bbb;}
div#top{margin:auto; width:100%; background:#002d56; color:#ddd;}
div#header {height:95px; margin: 0 auto; width:100%; clear:both;}
div#navigation{clear:both;}
div#content{clear:both;}
div#extra{margin:auto; width:100%; background:#fff url(images/extra_bg.png) no-repeat center top; padding-top:10px; padding-bottom:10px; clear:both;}
div#footer{margin:auto; width:100%; background:#002d56; color:#ddd; clear:both;}
div#footer a:link{color:#ddd; text-decoration:none;}
div#footer a:visited{color:#ddd; text-decoration:none;}
div#footer a:hover{color:#fff; text-decoration:none;}
div.container{width:970px; margin:auto; clear:both;}
div.wrapper{width:950px; margin:auto; padding-top:10px; padding-bottom:10px; clear:both;}
div.wrapper_top{width:950px; margin:auto; padding-top:10px; padding-bottom:10px; clear:both; text-align:right;}
div.wrapper_top a:link{color:#ddd; text-decoration:none; margin-left:15px;}
div.wrapper_top a:visited{color:#ddd; text-decoration:none; margin-left:15px;}
div.wrapper_top a:hover{color:#fff; text-decoration:none; margin-left:15px;}
div.wrapper_narrow{width:950px; margin:auto; clear:both;}
div.wrap_left_navi{width:710px; float:right; background: url(images/navi_bg.png) no-repeat; padding-top:5px;}
div.wrap_left{width:710px; float:right;}
div.wrap_right{width:230px; float:left;}
div.wrap_left a:link, div.wrap_right a:link, div.wrapper a:link{color:#0080b0; text-decoration:none;}
div.wrap_left a:visited, div.wrap_right a:visited, div.wrapper a:visited{color:#0080b0; text-decoration:none;}
div.wrap_left a:hover, div.wrap_right a:hover, div.wrapper a:hover{color:#ea1337; text-decoration:none;}
.clear {clear:both;}
.hor_separator_dark{background: url(images/hor_separator_dark.png) repeat-x bottom; margin: 0 10px 0 0;}
.hor_separator_light{background: url(images/hor_separator_light.png) repeat-x bottom; margin: 0 10px 0 0;}
.preloader {width:66px; padding: 40px 0; margin:auto;}
.preloader img {border:0;}
/*navigation*/
.menu_option_profile, .menu_option_profile_activated, .menu_option_services, .menu_option_services_activated, .menu_option_news, .menu_option_news_activated, .menu_option_network, .menu_option_network_activated, .menu_option_port, .menu_option_port_activated {display:block; margin-right:51px; height:30px; overflow: hidden; float:left; background-position: left top;}
.menu_option_profile {width:57px; background: url(images/menu_item_profile.png)}
.menu_option_profile:hover {background-position: left center;}
.menu_option_profile:active {background-position: left bottom;}
.menu_option_profile_activated {width:57px; background: url(images/menu_item_profile.png) left bottom;}
.menu_option_services {width:67px; background: url(images/menu_item_services.png)}
.menu_option_services:hover {background-position: left center;}
.menu_option_services:active {background-position: left bottom;}
.menu_option_services_activated {width:67px; background: url(images/menu_item_services.png) left bottom;}
.menu_option_news {width:100px; background: url(images/menu_item_news.png)}
.menu_option_news:hover {background-position: left center;}
.menu_option_news:active {background-position: left bottom;}
.menu_option_news_activated {width:100px; background: url(images/menu_item_news.png) left bottom;}
.menu_option_network {width:126px; background: url(images/menu_item_network.png)}
.menu_option_network:hover {background-position: left center;}
.menu_option_network:active {background-position: left bottom;}
.menu_option_network_activated {width:126px; background: url(images/menu_item_network.png) left bottom;}
.menu_option_port {margin-right:0px; width:156px; background: url(images/menu_item_port.png)}
.menu_option_port:hover {background-position: left center;}
.menu_option_port:active {background-position: left bottom;}
.menu_option_port_activated {margin-right:0px; width:156px; background: url(images/menu_item_port.png) left bottom;}
.directory{overflow: hidden;}
/* div.wrap_left .directory a[href='/directory.html'],.directory{display:none;} */ /* remove directory */
#a1-directory > embed{ height: 90vh; }
div.wrap_left .directory{float: left; margin: 20px 10px 0 0;}
/*network*/
.tab_separator {background: url(images/tab_separator.png) no-repeat; height: 20px; width: 950px; clear:both;}
#network {width:960px; margin:auto; padding-top:10px; padding-left:10px;}
#network_list_cs, #network_list_ssn, #network_list_pi, #network_list_ss {display:none;}
.network_item, div.wrap_right .directory a, div.wrap_left .directory a {display:block; margin-right:10px; margin-bottom:10px; color: #fff; text-decoration: none; width:230px; height:88px; float:left; background: url(images/network_item_bg.png) no-repeat left bottom; overflow: hidden;}
.network_item:hover, div.wrap_right .directory a:hover, div.wrap_left .directory a:hover {color: #002d56; background-position: left top;}
.network_item table, div.wrap_right .directory table, div.wrap_left .directory table {margin-left:5px; margin-right:5px;}
.network_item h6, .network_item div, div.wrap_right .directory h6, div.wrap_right .directory div, div.wrap_left .directory h6, div.wrap_left .directory div {font-size: 10px; text-transform: uppercase; font-weight:bold;}
.network_item h6, div.wrap_right .directory h6, div.wrap_left .directory h6 {padding: 0 10px 0 10px; margin:0px; line-height:11px;}
div.wrap_right .directory h6, div.wrap_left .directory h6{font-size: 12px; line-height:13px;}
.network_item div, div.wrap_right .directory div, div.wrap_left .directory div {padding-left:5px; padding-right:30px;}
.network_item img, div.wrap_right .directory img, div.wrap_left .directory img {border: 2px solid #ddd; margin:2px 0 0 0;}
#agency {clear:both; margin:0px; padding:0px; width:950px; display:none;}
#agency h1 {margin: 0 10px 20px 0;}
#agency h2 {margin: 0 10px 0 0;}
#network_item img {border: 2px solid #ddd; margin:0 10px 0 0;}
#panelID {display:none;}
.fourcolumns, .fourcolumnslast {width:230px; margin-right:10px;	float:left; color:#0080b0;}
.fourcolumnslast {margin-right:0px;}
/*forms*/
#contact_form, #port_form {padding:0px; margin: 0 0 20px 0; line-height:20px; clear:both;}
.form_field, .form_field_small, .form_area, .form_list {width:470px; font: 12px/20px Arial, Helvetica, sans-serif; color: #666;}
.form_field_small {width:210px; margin-left:10px;}
.form_area {height:100px;}
.form_list {width:230px; margin-right:10px;}
/*footer*/
#world_times, #sitemap, #contact_info, #dev_info {width:230px; margin: 0 0 10px 10px; float:left;}
#loc1, #loc2, #loc3, #loc4, #loc5, #loc6, #loc7, #loc8, #loc9, #loc10, #loc11, #loc12, #loc13, #loc14, #loc15 {margin: 0 10px 0 0; padding:0px; line-height:20px;}
.tab{
	text-decoration: none;
	display:block;
	margin-right:10px;
	width:182px;
	height:88px;
	float:left;
	overflow: hidden;
}

.tab .subtitle{
	color:#bbb;
	display: block;
	margin-top: 9px;
	font-size: 11px;
	padding-bottom: 7px;
	border-bottom: 2px solid #ddd;
}

.tab .title{
	color:#0080b0;
	display: block;
	margin-top: 19px;
	font-size: 14px;
}

.tab:hover .subtitle, .tab:active .subtitle{
	color:#0080b0;
	border-bottom-color: #ea1337;
}
.tab:hover .title, .tab:active .title, .tab.activated .title{
	color: #002d56;
}

.tab.activated .subtitle{
	color:#ea1337;
}

.directory_content p, .directory_content .par{
	overflow: hidden;
}
.directory_content p img, .directory_content .par img{
	border: 3px solid #fff;
}

.directory_content p:nth-child(even) img{
	float: left;
	margin: 0 20px 20px 0;
}

.directory_content p:nth-child(odd) img, .directory_content .par img{
	float: right;
	margin: 20px 0 0 20px;
}

.directory_content p:nth-child(odd), .directory_content .par{
	margin-top:-20px;
}

div.wrap_left.directory_content .directory{
	display: inline-block;
}

/* directory iframe (flipbook) */

html.a1-directory-iframe-page, .a1-directory-iframe-page body{ height: 100%; }

.a1-directory-iframe-page body{
	background: #ddd;
	margin: 0;
}

.a1-directory-iframe-page iframe{
	display: block;
	width: 100%;
	height: 100%;
}

#world_times iframe{
	display: inline-block;
	vertical-align: top;
}

/* enable/disable directory booklet */
.directory{display: none;}