/* CSS RESET RELOADED */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; vertical-align:baseline; }
:focus {outline:0; }
body {background:white; color:black; line-height:1; }
ol, ul {list-style:none; }
table {border-collapse:separate; border-spacing:0; }
caption, th, td {font-weight:normal; text-align:left; }
blockquote:before, blockquote:after, q:before, q:after {content:""; }
blockquote, q {quotes:"" ""; }

/* GLOBAL */
div#preloader {display:none; }

body {
	font-family:'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
}
html {min-height:100.1%;}
br.clear {clear:both; }
div.hr {height:1px; background:black; width:100%; }



.wrap {width:960px; margin:auto; }
.absolute {position:absolute; }



#masthead {background-color:#ec3b35; color:white; }

ul#nav {text-transform:uppercase; position:absolute; top:185px; left:0px; width:960px; text-align:right; letter-spacing:1px; margin:0; padding:0; }
     ul#nav li {display:inline; margin-left:55px; }
          ul#nav li a {text-decoration:none; color:white; padding:10px 0px; border-bottom:1px solid #ec3b35; }
          ul#nav li a:hover, ul#nav li a.current {border-bottom:1px solid white;}
          

h1 {text-indent:-500px; background-image:url('../images/logo.png'); width:252px; height:270px; margin:0; padding:0 0 50px 0; background-repeat:no-repeat; overflow:hidden; }
     h1 a {display:block; width:1000px; height:1000px; }
h2 {font-size:3.2em; line-height:1.5em; margin:0; }
     #masthead h2 {color:white; padding:20px 0px 60px 0px; }
     #content h2 {color:#ec3b35; padding:65px 0px 0px 0; }
h3 {color:#ec3b35; font-size:1.7em; text-align:center; text-transform:uppercase; font-weight:normal; letter-spacing:2px; margin:45px 0px;}

p.lw-text {color:#36191c; font-size:1.3em; text-align: justify; font-weight:normal; line-height: 1.3em; margin: 15px 10px 5px 10px}

#content {margin-bottom:100px; }

#content p {font-size:1.3em; line-height:2em; width:625px; margin-bottom: 15px;}
     #content p strong {font-size:1.1em; }


ul#projects {list-style:none; text-align:center; }
     ul#projects li {display:inline; margin:35px; }
     ul#projects li a {text-decoration:none; }
     ul#projects li img {vertical-align:middle; }



#footer {font-size:1.1em; color:#ec3b35; padding:15px 0px; }
     #footer p {float:left; margin-right:25px; padding-bottom:15px; }
     #footer a {color:#ec3b35; }
     
     
     
     




/* popup bubbles */

.bubbleInfo {
    position: relative;
}

#popupPanama {margin-left:30px; }
#popupDarden {margin-left:-45px; }
#popupTouchGraph {margin-left:40px; }

.popup {
     background:black; 
     padding:10px 30px;
     -webkit-border-radius:15px; 
     width:230px;
     position: absolute;
     display: none; /* keeps the popup hidden if no JS available */
     z-index:99; 
     margin-top:-40px;
}

#content .popup p {
     width:auto; 
     font-size:1.1em; 
     line-height:1.8em; 
     color:white; 
     text-align:left; 
}

#content .popup p a {
     color:white; 
}