/* slightly enhanced, universal clearfix hack */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
	}

.clearfix {
    display: inline-block;
	}

/* start commented backslash hack \*/

* html .clearfix {
    height: 1%;
	}

.clearfix {
    display: block;
	}
/* close commented backslash hack */

/* general rules  */

a {text-decoration:none;}
img { border:0; margin:0; padding:0;}

p {padding:0; margin:3px 0px 3px 0px;}

ul {margin-top:8px; margin-bottom:12px;}

body {
background-image:url(../images/background.jpg);
background-repeat:repeat-x;
margin:0px;
background-color:#09233E;
}
/* agregue html bkg color - emi - jul 22, 2008 */
html { background-color:#000000; }

h1 {font-family:Arial, Helvetica, sans-serif; 
font-weight:normal;
font-size:24px; 
letter-spacing:-1px; 
color:#FFFFFF;
margin:0;
padding:0;
}

h2 {font-family:Arial, Helvetica, sans-serif; 
font-weight:normal;
font-size:18px; 
letter-spacing:-1px; 
color:#004080;
margin:0px 0px 4px 0px;
padding:0;}

#wrapper {
height:846px;
width:1000px;
margin:auto;
position:relative;
}


#login {position:absolute; top:3px; left:760px;}
#language-spa a {background:url(../images/flag_spa.gif) 0 2px no-repeat; color:#fff; font:9px Verdana, Arial, Helvetica, sans-serif; left:505px; position:absolute; text-indent:15px; top:36px;}
#language-us a {background:url(../images/flag_us.gif) 0 2px no-repeat; color:#fff; font:9px Verdana, Arial, Helvetica, sans-serif; left:575px; position:absolute; text-indent:15px; top:36px;}

#login a {color:#eee; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; position:relative; top:-1px;} 

#login a:hover, #language a:hover {text-decoration:underline; }

#logo_and_nav {
height:118px;
width:1000px;
}

#logo_and_nav img {
float:left;
position:relative;
}

#nav {
clear:left;
}

#spacer_below_logo_and_nav {
clear:left;
position:relative;
}

#main_content {
float:left;
width:747px;
height:617px;
background-image:url(../images/home_main_back.jpg);
}

#main_content_txt {
float:left;
width:747px;
height:617px;
background-image:url(../images/home_main_back_02.jpg);
}


.text {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#004080;}
.white_regular_para_text {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;}

.white_text_large {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
}

.white_text_large a {color:#FFFFFF; text-decoration:none;}
.white_text_large a:hover {text-decoration:underline;}

#left_column {
width:268px;
height:580px;
float:left;
}

#mini_contact_info {
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#FFFFFF;
margin-left:35px; margin-top:130px;
width:200px;
}

#section_title {
margin-top:50px;
padding-left:35px;
width:200px;
height:375px; 
font-family:Arial, Helvetica, sans-serif; 
font-size:24px; 
letter-spacing:-1px; 
color:#FFFFFF;
}

#section_title ul {font-size:16px; letter-spacing:0; line-height:19px; list-style-type:none; margin:0; padding:0;}
#section_title ul li a {color:#eee;}
#section_title ul li a:hover {color:#fff;}

#portfolio_logos {
width:200px;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
color:#ffffff;
padding-left:35px;
}

#right_column {
width:450px;
height:100%;
float:left;
}

.subtitle {
font-family:Arial, Helvetica, sans-serif; 
font-size:14px;
font-weight:bold;
color:#004080;
}

.subtitle a:link, .subtitle a:visited {color:#004080; text-decoration:underline;}

#section_content_right {
float:left;
width:420px;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
color:#004080;
margin-top:55px;
border-left-color:#FFFFFF;
border-left-style:solid;
border-left-width:1px;
padding-left:10px;
}

#section_content_right p {
margin:0px;
padding:0px;
}

#footer {
clear:left;
height:51px;
width:1000px;
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
position:relative;
}

#footer_nav {
position:absolute; 
left:343px; 
top:5px;  
color:#C5E6FA; 
font-family:Arial, Helvetica, sans-serif; 
font-size:10px;
}

#footer_nav a {
color:#C5E6FA;
text-decoration:none; 
}

#footer_nav a:hover {
text-decoration:underline
}

#copyright {
position:absolute; 
left:380px; 
top:30px;  
color:#C5E6FA; 
font-family:Arial, Helvetica, sans-serif; 
font-size:10px;
}

/* home */

#origami_news {
width:747px;
height:179px;
position:relative;
}


.origami_news_text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
position:absolute;
top:25px;
left:490px;
width:200px;
text-align:right;
text-decoration:none;
}

#contact_info_home {
font-family:Arial, Helvetica, sans-serif; 
font-size:18px; 
color:#FFFFFF;
position:absolute;
top:7px;
left:750px;
width:500px;
}

#left_spacer {
width:19px;
height:438px;
float:left;
clear:left;
}

/*#home_central_left {
width:358px;
height:438px;
float:left;
}*/

#home_top_banner {
	width:746px;
	height:279px;
	background:url(../images/home_banner_bg.jpg) no-repeat;
	float:left;
	position:relative;
}



	#home_top_banner h1 { 
		font-family:Arial, Helvetica, sans-serif; 
		color:#035ba5; 
		font-size:28px; 
		font-weight:normal;
		margin:55px 0 0 359px;
	}
	
	#home_top_banner p { 
		font-family:Arial, Helvetica, sans-serif; 
		color:#125e99;
		font-size:14px;
		margin-left:359px;
		margin-top:10px;
		width:350px;
		line-height:22px;
	}
	
	#home_gsn {
		position:absolute;
		height:51px;
		left:360px;
		top:195px;
}
	
	#home_gsn  p { float:left; margin:5px 0 0 0; line-height:17px; width:180px;}

	#link_free { position:absolute; left:360px; top:250px; }

#home_bottom_box {
	width:746px;
	height:293px;
	background:url(../images/pic_home.png) right no-repeat;
	float:left;
}

	#h_bottom_box_content { 
		width:746px;
		height:197px;
		float:left;
	}
	
	#h_bottom_box_content h2 {
		font-family:Arial, Helvetica, sans-serif; 
		color:#FFFFFF; 
		font-size:20px; 
		font-weight:normal;
		margin:26px 0 0 32px;
	
	}
	
	ul#home_list {
		font-family:Arial, Helvetica, sans-serif; 
		color:#beecff;
		font-size:13px;
		font-weight:bold;
		line-height:30px;
		text-indent:25px;
		list-style-type:none;
	}
		ul#home_list li { background:url(../images/green_bullet.gif) left no-repeat;}
	
	
	
	#home_learn_more { 
		background: url(../images/btn_learn_home.png) left no-repeat;
		width:746px;
		height:96px;
		float:left;
		position:relative;
	}
	
	#link_learn { position:absolute; left:90px; top:14px; }
	
	#footer_note {
		color:#000000; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:10px;
		text-align:center;
		margin:5px 0 0 0;
		width:100%;
	
	}
	

#build_title {
	width:440px; float:left; margin:0px 0px 15px 0px;
}
	#build_title h1 {
		font-family:Arial, Helvetica, sans-serif; 
		color:#035ba5; 
		font-size:28px; 
		font-weight:normal;
	}
	
#build_contact {

	width:432px;
	height:227px;
	margin:20px 0 0 0;
	background:url(../images/contact_pic.gif) no-repeat;
	position:relative;
}
	
	#build_contact h2 {
	color:#FFFFFF; 
	font-size:20px;
	position:absolute;
	top:70px;
	left:245px;
}

	#build_contact h3 {
		color:#FFFFFF;
		font-weight:bold;
		position:absolute;
		left:245px;
		top:170px;
}	
#im_icons {
width:358px;
}

#im_icons img {
float:left;
}

#news_back {
background-image:url(../images/news_back.png);
width:360px;
height:158px;
clear:left;
}

#central_spacer {
width:17px;
height:438px;
float:left;
}

#featured_client_flash {
width:333px;
height:262px;
overflow:hidden;
clear:left;
background-image:url(/images/home_flash_bg.gif);
background-repeat:no-repeat;
}

#home_central_right {
width:333px;
height:438px;
float:left;
}

#right_spacer {
width:18px;
height:438px;
float:left;
}

.spacer {
height:30px;
width:100px;
}

.spacer_2 {
height:20px;
width:100px;
}

#tagline { position:absolute; top:90px; left:185px; z-index:10; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3673ab; letter-spacing:1px;}

/* portfolio */

#section_content_right_portfolio {}

#logos_line {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#004080;
}

.logos_line img {float:none;}

.logos_line_text {clear:left;}

.portfolio_title {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#004080;
font-weight:bold;
}

.portfolio_url {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#004080;
}

.portfolio_url a{
color:#004080;
text-decoration:none;
}

.portfolio_url a:hover {
color:#004080;
text-decoration:underline;
}

#portfolio_canvas {
position:relative;
background-image:url(../images/portfolio_client_back.png);
background-repeat:no-repeat;
width:444px;
height:310px;
}

#portfolio_canvas_left {
position:absolute; 
top:5px; 
left:8px; 
width:293px; 
height:300px;
}

#portfolio_canvas_right {
position:absolute; 
top:5px; 
left:315px; 
width:120px; 
height:300px;
}

#thumbs img {
margin-bottom:4px;
cursor:hand;
float:left;
clear:left;
background-color:#333333;
border-width:1px;
border-style:solid;
border-color:#000000;
}

#portfolio_info {
position:relative;
width:444px;
height:100%;
}


#boilerplate {
clear:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
float:left;
width:293px; 
height:100%;
}

#links {
width:120px; 
height:100%;
float:left;
margin-left:24px;
}

#links img {clear:left; float:left; margin-bottom:5px;}

.container_imgs_portf {
	float:left;
}

.portfolio_img_strip img {height:75px; width:100px; border:1px #333333 solid;}

.portfolio_img_strip_web img {height:90px; width:130px; border:1px #333333 solid;}


.portfolio_more_link {width:90px; float:right; text-align:left; font:Arial, Helvetica, sans-serif; font-size:12px; margin:61px 5px 0 0;}
.portfolio_more_link a {color:#FFFFFF;}
.portfolio_more_link a:hover {color:#004080;}

.portfolio_more_link_2 a{color:#FFFFFF; margin-right:12px;}
.portfolio_more_link_2 a:hover {color:#004080;}

.portfolio_nav {margin:0px 12px 0px 12px; font-family:Arial, Helvetica, sans-serif; color:#004080; font-size:12px;}

/* --- EMI --- */ 

.input_contact {
width:180px;
height:14px;
line-height:14px;
font-family:Arial;
font-size:11px;
}
.left_field {
float:left;
width:200px;
height:30px;
}

.right_field
{
float:left;
width:190px;
height:30px;
}


.rss {
font-family:Verdana; 
font-size: 12px; 
color:#FFFFFF; 
margin-left:15px;
width:340px;
}

.rss a {
font-family:Verdana;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}

.rss a:hover {
color:#00CCFF;
text-decoration:underline;
}

.rss ul {
margin: 8px 0px 8px 15px;
}

#i_have_question {
padding-top:13px; 
padding-left:245px; 
width:100px; 
font-family:Verdana; 
font-size:10px; 
color:#FFFFFF; 
float:left;
display:none;
}

#forward_site {
float:left; 
width:100px; 
padding-top:13px; 
padding-left:25px; 
font-family:Verdana; 
font-size:10px; 
color:#FFFFFF;
display:none;
}

#i_have_question a, #forward_site a {
color:#FFFFFF;
text-decoration:none;
}

#pop_div {
margin:0px 0px 0px 0px;
width:250px;
height:130px;
border:1px solid #00D6E1;
visibility:hidden;
position:absolute;
z-index:100;
}

#careers {
clear:left;
float:left;
}

/* services */

.view_samples {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#004080;}

#zoom_div { position:absolute; left:320px; top:250px; visibility:hidden; width:613px;z-index:20;height:402px;border:3px solid #b3edff; background-color:#f0f8ff;}

#portfolio_links {width:402px; height:20px; text-align:right;}
#portfolio_links img {border:0;}
#portfolio_links span {width:20px;}
#portfolio_links a:link, #portfolio_links a:visited {text-decoration:none; color:#004080;}

#section_content_right ul.sub-cat {list-style-type:none; margin:0; padding:0;}
#section_content_right ul.sub-cat li {display:inline;}
#section_content_right ul.sub-cat li a {color:#048;}
#section_content_right ul.sub-cat li a:hover {color:#026;}

a.active {color:#016; font-weight:bold;} 

.banner_solid {
	z-index:100; 
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
}
.banner_transparent {
	z-index:0; 
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}