/* CSS Document */
/** Resets default browser CSS. **/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;  padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1.5;}
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
/** END RESET**/

/*** general ***/
body {
	font-family: Verdana, Geneva, sans-serif; font-size:75%; /* 0.83em = 10px \ 0.91em = 11px \ 1em = 12px \ 1.08em = 13px \ 1.16em = 14px */
	text-align:center; background: #50a774 !important;}
.clearboth {clear:both;}
a {color:#4fac66;}
a:hover { text-decoration:underline; color:#000000;}
#top_container{margin: 0 auto; height: 50px; display: block; overflow: hidden; background: #FFFFFF url(../images/bg_top_container.jpg) bottom center repeat-x; text-align: center;}
#top_inner_container {width: 892px; height: 38px; margin: 0 auto; padding: 0; display: block;}
#flash_content{margin:0 auto;margin: 0 auto; height: 428px; display: block; background:#666; position: relative;}
.subpage_masthead{height: 250px !important;}
#nav_container{height: 48px; width: 100%; background: url(../images/bg_nav_containter.png) top center repeat-x; display: block; position: absolute; top: 7px; left: 0px;}
#middle_bar{margin: 0 auto; height:10px; background:#51ab75; display: block;}
#outer_container_index {width: 892px; margin: 0 auto; padding: 0; background:url(../images/bg_inner_container.jpg) top left repeat-y; text-align: center;}
#outer_container {width: 892px; margin: 0 auto; padding: 0; background: #FFFFFF; text-align: center;}
#container {width: 892px; margin: 0 auto; padding: 0; padding: 0x; }
#client_login_top{background: url(../images/bg_client_login_top.png) left top no-repeat; width: 294px; height: 32px; display: block; right: 0px; top: -32px; position: absolute;}
#client_login{min-height:177px; width: 294px; background:url(../images/client_testimonials.jpg) #55ab7a top left no-repeat; display: block; float: left; position: relative;}
#support{width: 294px; background:url(../images/testimonials_bg.jpg) #55ab7a top left no-repeat; display: block; float: left;clear:both;}
#white-wrapper{width: 100%; background:#FFFFFF;}
/*** header area ***/
h1#logo {float:left;}
h1#logo a{width: 270px;	height: 40px; margin-left: 30px; background: url(../images/logo.jpg) no-repeat; text-indent: -99999px;	display: block;	overflow: hidden; cursor: pointer;}
h1#holder {float:left; width: 270px;	height: 40px; margin-left: 30px; background: url(../images/bg_nav_holder.jpg) no-repeat; text-indent: -99999px;	display: block;	overflow: hidden;}
/*** end header area ***/
/** navigation area **/
#main_navigation {width:830px; height:40px; margin: 4px auto 0 auto;}
ul#navigation {float: right;	list-style: none; padding: 0px;	margin: 0px; padding-left: 55px;}
ul#navigation li {display: inline; float: left; position: relative;}
ul#navigation li a{height: 340px; display: block; cursor: pointer; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat !important;	background-position: top;}
ul#navigation li a:hover{background-position: bottom !important;}
ul#navigation li a.selected{background-position: bottom !important;}
ul#navigation li.company a{width: 109px; background: url(../images/bg_nav_company.jpg) top left no-repeat; height: 40px;}
ul#navigation li.company_spanish a{width: 117px; background: url(../images/bg_nav_compania.jpg) top left no-repeat; height: 40px;}
ul#navigation li.services a{width: 103px; background: url(../images/bg_nav_services.jpg) top left no-repeat; height: 40px;}
ul#navigation li.services_spanish a{width: 107px; background: url(../images/bg_nav_servicios.jpg) top left no-repeat; height: 40px;}
ul#navigation li.network a{width: 106px; background: url(../images/bg_nav_network.jpg) top left no-repeat; height: 40px;}
ul#navigation li.network_spanish a{width: 67px; background: url(../images/bg_nav_red.jpg) top left no-repeat; height: 40px;}
ul#navigation li.contact_us a{width: 120px; background: url(../images/bg_nav_contact_us.jpg) top left no-repeat; height: 40px;}
ul#navigation li.contact_us_spanish a{width: 109px; background: url(../images/bg_nav_contacto.jpg) top left no-repeat; height: 40px;}
ul#navigation li.change_language a{width: 97px; background: url(../images/bg_nav_espanol.jpg) top left no-repeat; height: 40px;}
ul#navigation li.change_language_spanish a{width: 94px; background: url(../images/bg_nav_english.jpg) top left no-repeat; height: 40px;}
.submenu{
	position: absolute;
	top: 40px;
	left: 0px;
	display: none !important;
	overflow: hidden;
	background: #156034 !important;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	text-align: left;
	list-style: none !important;
	width: 290px !important;
	float: left !important;
}
.submenu li{ text-indent: 0 !important; background: none !important; border-bottom: 1px solid #FFF; width: 280px !important; height: 20px; padding: 5px 0 5px 10px; float: left !important;}
.submenu a{height: 20px !important; overflow: hidden !important; width: 280px !important; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; text-indent: 0 !important; background: url(none) !important;color:#FFF; text-decoration: none; font-weight: bold;}
.submenu a:hover{color: #e3f358;}
li:hover .submenu{display: block !important; position:absolute;	z-index: 1;}
.msiefix{display: block !important;}



/** end navigation area **/
/** content area **/
#content_area{width:812px; margin:0 auto; padding:0 40px; text-align:left; float: left;}
.content_area_index_override{width:504px !important; padding: 0 40px 0 0 !important;}
#content_area ul{margin-bottom: 20px;}
#content_area li{margin-left: 30px; color: #390;}
#content_area li span{ color:#666}
/** end content area **/
/*** footer area ***/
#footer {margin: 0 auto; background:url(../images/bg_footer.jpg) #50a774 top left repeat-x; height: 100%;}
#footer p{font-size:0.9em; font-family:Arial, Helvetica, sans-serif; color: #000000; text-decoration:none; margin:0;padding:0; margin-top: 18px; float: left;}
#footer p.credit {float:right;}
#footer a{color: #a5b02b; text-decoration: none;}
#footer a:hover{text-decoration:underline;}
#inner_footer {width: 892px; margin: 0 auto; padding: 0; background:url(../images/bg_inner_footer.jpg) top left no-repeat; display: block; height: 66px;}
.inner_footer_index_override {background:url(../images/bg_inner_footer_index.jpg) top left no-repeat !important;}
/*** end footer area ***/

/*** BEGIN HOMEPAGE STYLES ***/
#top_container p{float: right; padding-top: 20px; color:#556c74;}
#top_container p span{color:#51ab75;}
#content_area h2{margin:0; font-size:1.3em; font-weight:normal; color:#566a75; margin: 40px 0 10px 0;}
#content_area h3{margin:0; font-size:1.3em; font-weight:normal; color:#4fac66; margin: 5px 0 10px 0;}
#content_area h4{margin:0; font-size:1.2em; font-weight:normal; color:#495b67; margin: 5px 0 10px 0;}
#content_area p{margin:0 0 15px 0; line-height:1.9em; font-size: 1.1em;}
#content_area p a{color:#641622; text-decoration:underline;}
#content_area p a:hover{color:#000000;}
.quote_client_login{padding: 65px 10px 10px; 10px; color:#FFF; font-style:italic; }
.quote_support{padding: 75px 10px 10px; 10px; color:#FFF; font-style:italic; }
.quote_signature{color:#FF0; float: right; padding: 0 15px 10px 0; font-style: italic;}
a.support_link{color: #FF0}
a.support_link:hover{color: #6FC}
.testimonials{float:left;background-color:#55ab7a; height:320px; }
/*** END HOMEPAGE STYLES ***/

	.company_content { width:53%; float:right;}
	.values_content { width:40%; float:left;}

	.telecom { color:#641622;}

	.network_map {float:right; margin:0 0 20px 20px;}
	.network_map img {border:2px solid #51A776;}

	#usa_contact_info {float:left; width:100%; padding-right:5px;}
	#mexico_contact_info {float:left; width:51%; padding-left:10px;}
	img.map_image { float:right; border:2px #51A776 solid;}
	p.contact_info {text-align:left; color:#666;}
	span.address{color:#066; font-weight: bold;}
	span.phone{color:#096}
	
	
	.required {font-weight:bold;}
	.failure {color:#990000;}
	.input_row {clear:both;}
	.input_row label {display:block; float:left; width:100px; color:#FFFFFF; margin-right:10px; margin-bottom:10px;}
	.input_row input.text,
	.input_row textarea {font:inherit; display:block; float:left; width:240px; padding:2px;}
	.input_row textarea {resize:none; height:90px;}
	input#dontfillmeout.dontfillmeout {display:none;}
	
	#contact_form_container {float:left; margin:40px 0;}
	#contact_form_container #error {width:400px;}
	#contact_form_container #error p {text-align:center;}
	#contact_form {width:360px; background: #51A776 url(/images/title_contact_top.jpg) top left no-repeat; padding:60px 20px 20px 20px;}
	#contact_form img.form_box_top {display:block; margin:0; float:left;}
	#contact_form img.form_title {margin:0 0 20px 96px;}
	#contact_form input.submit {width:90px; margin:20px 0 0 135px;}
	
	#departments {width: 50%; text-align:left; float: left; margin: 40px 0;}
	#departments p.contact_item{color:#666; margin-bottom:30px;}
	#departments p.contact_item span{font-weight: bold; color:#366}
	
	.network_services { width:50%; float:left;}
	.network_services a {margin:0; font-size:1.3em; font-weight:normal; color:#4fac66; margin: 5px 0 10px 0;}
	.network_services a:hover { text-decoration:underline; color:#000000;}
	.network_services ul span { color:#666666;}

	span.press-release{color:#066; font-weight: bold;}
	span.press-release-date {text-align:left; color:#666;}