/* Style Sheets for [] website
created by bkkwebdesign.com
TOC
	1. Defaults
	2. Structure
	3. Links and Navigation 
	4. Fonts

Notes
*/
 
/* -------------- 1. Defaults --------------------------- */
*{
	margin:0;
	padding:0;
}
body{ font:62.5% Arial, Helvetica, sans-serif; background:#003466 url(../images/images/unidos_bg_body.jpg) repeat-x top;}

a img, img{border:0; border:none}
ul{list-style-type:none; }

.clear{clear:both; height:1px;}
.left{float:left;}
.right{float:right;}
fieldset{border:none;}
blockquote{ margin:10px 0 0 30px}   

/* -------------- 2. Structure -------------------------- */
#wrapper {width:794px; margin:0 auto; height:auto; }

#masterhead { height:114px; position:relative}
	#logo{background-image:url(../images/images/logo_unidos.png); height:126px; width:200px; display:block; position:absolute; left:-52px; text-indent:-100000px}
	* html #logo{background-image:url(../images/images/logo_unidos.jpg); height:144px; width:194px; }
#content_bg{background:url(../images/images/dropshadow_verticaltile.png) repeat-y left; width:794px; }
* html #content_bg{ background: url(../images/images/unidos_bg_content_bg.jpg) left 6px no-repeat;}

	#content{ background:#fff url(../images/images/unidos_corner_right.jpg) right top no-repeat;  padding:70px 46px 60px 42px; min-height:320px; height:auto !important; height:320px; margin-left:6px;}
	body.Home #content{padding:43px 46px 60px 42px;}
	* html #content{ margin-right:0}
		/*.right_corner{ position:relative; float:right; height:1px; width:1px }
		.right_corner span{position:absolute;  background:url(../images/images/unidos_corner_right-top1.jpg) top left; height:7px; width:6px; float:right; display:block; left:-5px;}
		* html .right_corner span{left:-5px; width:5px}*/
		.banner{width:697px; margin-bottom:30px; overflow:hidden}
		
		#content .img{float:right; margin:0 0 30px 30px}
		.Contact_Us #content .img{margin:0}

/* the terms and conditions & privacy statement pages*/	
.scroll_area{ height:550px; overflow:auto; background:url(../images/images/bg_body.jpg) repeat center center; padding:0 15px; border-color:#bcbcca #c2c1d4 #bcbcca #c2c1d4; border-width:1px; border-style: solid}
	.grey_area{ background-color:#d5d6d8; padding:25px 15px; border-right:1px solid #61618f; border-right:1px solid #61618f}
			  .grey_area h3{border-bottom:3px solid #f1f2f2; background:#dedfe0 url(../images/images/bg_h3.jpg) bottom repeat-x; padding:2px 0 1px 7px}
		.grey_area p{background-color:#FFF; border:1px solid #f7f7f7; padding:0 7px}
				

/* Contact page */
	.contact_list{float:left; width:454px; margin-top:10px}
		.contact_list div{width:227px; float:left}


/* Career page */
	.disclosure p{font-size:1em; border-bottom:1px solid #242424; border-top:1px solid #242424; color:#636568; text-align:justify; padding:6px 0; width:385px;}

/* management team */
	.bio{ position:relative; margin-bottom:50px }
	.person{ height:118px; width:210px; overflow:hidden; float:left; } /*padding:15px 35px; width:224px; height:122px; }*/
		.person .title{margin-bottom:5px; font-size:1.2em}
		.person, .person p{ color:#2A276A;}
	
		.person .small_photo img{float:left; height:96px; width:72px;}
		.person h2{font-size:.9em; font-weight:bold; color:#666; margin:0;}
		 .person a, .close a{cursor:pointer; color:#333}
		.person div.info_person{ background:url(../images/images/bg_man_team.jpg) bottom repeat-x;  border-right:1px solid #504E85; height:68px; padding-left:79px; margin-top:20px; padding-top:16px; line-height:12px; font-size:.9em; text-align:left; color:#333}
		
		.row1, .row2, .row3{float:left; margin-bottom:15px; }
		.row1{ /*padding-left:250px;*/ }
		.row2{ /*padding-left:100px;*/ }
		.row2  .person2, .row2  .person3{ /*padding-right:20px;*/}
		.row3 .person5, .row3 .person4, .row3 .person6{ /*padding-right:1px*/}
		.row1 .person, .person2, .person4, .person5{padding-right:30px}

	.pop_up{ background:url(../images/images/Management-PopUp_KareEpanaUnidos.jpg) repeat-y top; width:578px; /*background-color:#e8e9eb; width:660px; filter:alpha(opacity=93); -moz-opacity: 0.93; opacity: 0.93;*/  position:absolute; z-index:1000; left:55px; top:0}
		.pop_up .left_side{ width:162px; float:left; padding:25px 0 0 20px}
		.pop_up .right_side{width:355px;  float:right;  padding:65px 30px 0 0; line-height:18px}
		/*.pop_up .border{background:url(../images/images/bg_pop_side.jpg) center repeat-x; height:300px;width:12px;}*/ 
		
		.close a{text-transform:uppercase; padding:0 12px 0 0; background:url(../images/images/btn_x.gif) right no-repeat; position:absolute; left:500px; top:10px; display:block }
		
	
/* home page */
.main_image{position:relative; height:235px; margin-bottom:13px} 
	.main_image div{position:absolute; left:-42px; width:785px; overflow:hidden; }
	
	.grey_bg{}
	/*.box_a, .box_c{ width:408px; overflow:hidden}
	.box_b, .box_d{ width:240px ;  overflow:hidden}*/
	.box_a, .box_c, .box_b, .box_d{float:left}
	.box_a img, .box_c img, .box_b img, .box_d img{float:left}
	.box_a span, .box_b span, .box_c span, .box_d span{display:none}
	.box1, .box3, .box2, .box4{ border-bottom:2px solid #eeeeef; float:left; padding:12px 15px 5px 5px}
	.box1, .box3{background:url(../images/images/unidos_bg_box_home.jpg) bottom repeat-x; width:408px; }
	.box2, .box4{ width:240px;}

	.box1 img, .box2 img, .box3 img,  .box4 img{margin:0 10px 10px 3px ; float:left  }
	
	
	.box1 h2, .box2 h2, .box3 h2, .box4 h2{display:block; line-height:10px}
	
	/*sub*/
	.box_1{background:#f0f0f1 url(../images/images/unidoes_bg_boxes_serv.jpg) bottom repeat-x; width:207px; height:353px; margin-right:36px; float:left;}
	.box_2{background:url(../images/images/unidoes_bg_boxes2_serv.jpg) top repeat-x;  width:207px; height:332px; float:left;}
		.box_1 p{padding:0 8px; font:1em/14px Arial, Helvetica, sans-serif}
		.box_1 h2{padding:10px 8px 0; font-size:1.1em;}
	
	    .box_2 p{padding:0 8px; font:1em/17px Arial, Helvetica, sans-serif}
		.box_2 img{float:right; padding:0 0 10px 10px}
		.box_2 h3{padding:9px 0 24px; font:bold 1em Arial, Helvetica, sans-serif; color:#fff; text-align:center}
		
/* block quote */
.Our_Consumer blockquote{width:608px; margin-left:30px; background:url(../images/images/bg_block.jpg) repeat-x bottom; padding:20px}

.entry_titles ul{border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4; padding:20px 0; margin-bottom:20px;}
.entry_titles li a{color:#636568; font-size:1em; font-weight:bold; display:block; margin-bottom:7px}
.entry_titles li{ padding-bottom:0!important}
.entry_titles li a:hover{color:#F05044;}

.position{margin-bottom:8px}		
.position h4 a{cursor:pointer}

/* Compliance Page */
.Compliance .pop_up{top:-350px; left:135px}
.Compliance .pop_up .right_side{width:505px;  padding:25px 30px 0 0;}
.Compliance .pop_up .right_side h4 a {color:#02457a}

/* Prod and Service Page*/
.grey_box{background:url(../images/images/grey_box_unidos.gif) no-repeat; padding:17px; width:666px}
.blue_box{background:url(../images/images/grey_box_unidos-blue_box.jpg) no-repeat; height:138px; padding:30px 24px 0 124px}
.ops #content .img{margin:0 0 15px 30px;}
* html .ops #content .img{margin:0 0 5px 30px;}
.blue_box p, .blue_box h2{color:#fff}
.blue_box h2{font-weight:bold}
		
/* -------------- 3. Links and Navigation --------------- */
a {color:#F05044; outline:none; text-decoration:none;}
a:hover{ color:#f68934; text-decoration:none;}
.contact_list a{ color:#636568}

/*top nav */
ul#navigation { position:relative; float:right; background:url(../images/images/unidos_bg_nav.jpg) left bottom  no-repeat; height:36px; width:559px; left:-53px; top:90px; z-index:1000}
ul#navigation li{float:left;}
ul#navigation li a{float:left; text-indent:-100000px; display:block; height:36px; padding-left:6px; position:relative; color:#00467f}

.nav_about a{ width:55px; background:url(../images/images/nav/unidos_off_about.gif) right 18px no-repeat}
.nav_product a{width:112px; background:url(../images/images/nav/unidos_off_prod.gif) right 18px no-repeat}
.nav_technology a{ width:71px; background:url(../images/images/nav/unidos_off_tech.gif) right 18px no-repeat}
.nav_compliance a{ width:68px; background:url(../images/images/nav/unidos_off_comp.gif) right 18px no-repeat}
.nav_agent a{ width:93px; background:url(../images/images/nav/unidos_off_agent.gif) right 18px no-repeat}
.nav_career a{width:49px; background:url(../images/images/nav/unidos_off_carreers.gif)  right 18px no-repeat}
.nav_contact a{ width:69px; background:url(../images/images/nav/unidos_off_contact.gif) center 18px no-repeat}

ul#navigation a:hover, ul#navigation a.on{ background: url(../images/images/nav/unidos_nav_on.jpg) repeat-x bottom; position:relative; left:-2px}

ul#navigation li a span{display:none;}
ul#navigation li a.on span, ul#navigation li a:hover span{display:block}

ul#navigation .nav_about a.on span, ul#navigation .nav_about a:hover span{ background:url(../images/images/nav/unidos_on_about.gif) no-repeat; width:49px;}
ul#navigation .nav_product a.on span, ul#navigation .nav_product a:hover span{ background:url(../images/images/nav/unidos_on_prodserv.gif) no-repeat; width:107px; }
ul#navigation .nav_technology a.on span, ul#navigation .nav_technology a:hover span{ background:url(../images/images/nav/unidos_on_tech.gif) no-repeat; width:65px;}
ul#navigation .nav_compliance a.on span, ul#navigation .nav_compliance a:hover span{ background:url(../images/images/nav/unidos_on_comp.gif) no-repeat; width:62px;}
ul#navigation .nav_agent a.on span, ul#navigation .nav_agent a:hover span{ background:url(../images/images/nav/unidos_on_agent.gif) no-repeat;; width:89px;}
ul#navigation .nav_career a.on span, ul#navigation .nav_career a:hover span{ background:url(../images/images/nav/unidos_on_carreers.gif) no-repeat; width:47px;}
ul#navigation .nav_contact a.on span, ul#navigation .nav_contact a:hover span{ background:url(../images/images/nav/unidos_on_contact.gif) no-repeat right top; width:59px;}

ul#navigation li a:hover span, ul#navigation li a.on span{margin-top:18px}


ul#navigation a.on span.lc, ul#navigation a:hover span.lc{background:url(../images/images/nav/on_box_lc.gif) no-repeat; height:2px; width:2px; position:absolute; left:0; top:-17px; display:block;}
ul#navigation a.on span.rc, ul#navigation a:hover span.rc{background:url(../images/images/nav/on_box_rc.gif) no-repeat; height:2px; width:2px; position:absolute; right:0; top:-17px; display:block;}
* html ul#navigation a.on span.rc,  * html ul#navigation a:hover span.rc{right:-1px}

ul.nav_second_level{position:absolute; top:32px; left:0; padding-left: 13px; width:478px;}
 ul#navigation li.onState ul.nav_second_level{visibility:visible!important; display:block!important}

ul#navigation li ul.nav_second_level li{color:#00467F;  padding:15px 9px 7px 0; float:left;  background: url(../images/images/nav/unidos_second_nav_bg.jpg) bottom repeat-x; }
ul#navigation li ul.nav_second_level li a{ text-indent:0px; height:auto; padding: 0 10px 0 1px; width:auto; font-size:.9em; text-transform:uppercase; position:static }

ul#navigation li ul.nav_second_level li a.on_ln, ul#navigation li ul.nav_second_level li a:hover{font-weight:bold !important}
* html ul#navigation li ul.nav_second_level li{padding:15px 5px 7px 0;}
* html ul#navigation li ul.nav_second_level li a{ padding-right: 3px;}
ul#navigation li ul.nav_second_level li.lc{width:13px; height:20px; padding:0; position:absolute; left:0; bottom:0px;}
* html #navigation li ul.nav_second_level li.lc{bottom:-1px}
@media screen and (-webkit-min-device-pixel-ratio:0) {ul#navigation li ul.nav_second_level li.lc{bottom:2px !important}}

ul#navigation li ul.nav_second_level li.lc span{width:13px; height:20px; display:block; background:url(../images/images/nav/second_nav_bg_l.jpg) left bottom no-repeat;}
ul#navigation li ul.nav_second_level li.rc{padding:0; height:35px; width:14px; position:relative; left:-13px; z-index:100}
ul#navigation li ul.nav_second_level li.rc span{background:url(../images/images/nav/second_nav_bg_r.jpg) right bottom no-repeat; display:block; height:35px; width:14px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {ul#navigation li ul.nav_second_level li.rc{ position:relative; top:-2px}}
ul#navigation li ul.nav_second_level li a:hover, ul#navigation li ul.nav_second_level li a.on{background:none !important;}

ul#products{left:59px !important}

.language{position:absolute; right:55px; top:60px; display:none}/* TEMP DISABLED TILL SPANISH IS DONE */
.eng, .spa{display:block; text-indent:-100000px; height:10px; float:left; width:42px;}
	.eng{background:url(../images/images/unidos_btn_eng.jpg) top no-repeat;  }
	.spa{background:url(../images/images/unidos_btn_spa.jpg) top left no-repeat; }
	* html .spa{position:relative; top:-2px}

/* -------------- 4. Fonts ------------------------------ */
h1{ font:normal 1.4em Arial, Helvetica, sans-serif; padding:0; margin:0 0 10px 0; text-transform:uppercase}
h1, h2, h3, h5, p a{ color:#f05044;}
h1, h2, h3{ font-weight:bold}
h2{font:normal 1.2em Arial, Helvetica, sans-serif; padding:0; margin:0 0 5px 0; text-transform:uppercase}
h1, h2, h3, h4{text-align:left}
h3{font-size:1.4em}
h4{font-size:1.2em; margin:0 0 5px 0}
#position-list h4{font-size:1em; margin:0}
h5{font-size:1.2em; color:#ef1b29; text-align:left}
h6{font-size:1.1em;  color:#636568;  margin:0}
.contact_list p a{ font-weight:normal}
p{padding-bottom:12px;}
p.disclosure{font-size:.8em; padding:10px 0;}
ol li{ padding-bottom:12px; margin-left:19px}
#content blockquote ul li{line-height:17px; padding-bottom:12px; list-style-type:disc;}
#content ul li{ list-style-type:disc; margin-left:15px;}
#content{font-size:1.1em;  color:#636568; text-align:justify; line-height:17px;}


/* -------------- 5. Footer ----------------------------- */
#footer{ width:794px; margin:0 auto 30px; background:url(../images/images/dropshadow_bottomrow.png) no-repeat top right; position:relative}
* html #footer { background:url(../images/images/unidos_bg_footer.jpg) top center no-repeat;}
	#footer ul.footer{padding:10px 0 0 160px /*205px*/;}
	#footer ul.footer a, #footer ul.footer {color:#fff; text-decoration:none; font-size:.9em}
	#footer ul.footer li, #footer ul.footer a{float:left; padding-right:8px;}

	#footer ul.bot_links{ position:absolute; top:-40px; left:45px; padding:6px 0; border-bottom:1px solid #d6d6d8; border-top:1px solid #d6d6d8;}	
		#footer ul.bot_links a, #footer ul.bot_links{color:#a9aaac; font-size:.9em}
		#footer ul.bot_links li, #footer ul.bot_links a{float:left; padding-right:5px; white-space:nowrap}
		#footer ul li.spacing{margin-left:90px}
			@media screen and (-webkit-min-device-pixel-ratio:0) {#footer ul li.spacing{margin-left:45px;}}

/* -------------- Notes --------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {display: inline-block;}
 
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}