/*------------------------------------*/
/*   E.J. Coughlin's Portfolio        */
/*   Last Update May 1, 2010          */
/*------------------------------------*/
body {font-family: "Helvetica Neue", Helvetica, "Century Gothic", Verdana, Arial, sans-serif;background:#DEDEDE;padding:10px;}

.page {position: relative;width:1024px;margin:0 auto;background:#FFF;padding-bottom:10px}
.navbar {position:absolute;top:0;left:0;width:1024px;height:40px;background: url(../images/ejc-menubar.png) 0 0 no-repeat;}

.navbar ul {margin-left:70px;top:12px;position:relative;}
.navbar ul li {display:inline;margin: 0 20px 0 10px}
.navbar ul li a {color:#FFF;font-size:16px;text-decoration:none;font-weight: normal;margin-top: 8px;}
.navbar ul li a:hover {color:#FFF;text-decoration:underline;}
.navbar ul li.home {position:absolute;display: block;clear:none;top: -10px;left:-80px;height: 40px;width: 40px;}
ul.social {position: relative;margin: -10px 0 0 0;padding: 0;}
ul.social li {display:inline;margin: 0 3px 0 0;width: 40px;}
ul.social li img {position: relative; top: 4px;}
.orange {color: #f15c22;}
/*Top and Bottom Sections*/
.top {width: 995px;position:relative;top:  40px;padding: 20px 0 0 25px;margin-bottom: 40px;border-bottom: 1px solid #DADADA;}
.top.main {height:320px;border-bottom: none;}
.bottom {posotion:relative;width: 995px;position:relative;padding: 20px 0 0 25px;height: 200px}
.bottom h2 {margin-bottom: 10px;}

/*Tooltip Styles*/
.secondary_thumb {display: block;float: left;height:80px;width:80px;margin:0 8px 8px 0px;overflow:hidden; cursor:pointer;}
.secondary_thumb img {height:80px;width:80px;}

.tooltip {float:left;display:none;background:url(../images/ejc-tooltip.png) no-repeat 0 0;height:350px;width:500px;font-size:11px;color:#fff;margin-top:30px;z-index:30;}
.tooltip .label {color:yellow;width:35px;}
.tooltip a {color:#ad4;font-size:11px;font-weight:bold;}
.tooltip img {margin:25px 0 0 25px}
.tooltip .subtitle {position: absolute;width:445px;height:20px;background:#000;top:272px;left:25px;opacity:0.8;padding: 0 0 3px 5px;}
.tooltip .subtitle p {font-size: 14px;margin:4px 0 0 5px;padding:0;color:#FFF;}

h2 {font-size: 20px;font-weight: normal;color: #888888;}
h3 {font-size: 18px;font-weight: normal;color: #f15c22;margin: 0;padding: 0;}

.landing-image {height:350px;width:350px;float:left;margin-top:10px;}


/* Galleria */

.featured{width:360px;position:absolute; top: 55px;left:17px;}
img.replaced	{position: absolute; top:  12px; left: 360px;border: 1px solid #EEE;z-index: 20;}
.explain	{position: absolute; top:  55px; left: 390px;border: 1px solid #EEE;padding: 15px; width: 560px;color: #666;}
.explain.main	{top:30px;height: 249px;}
.featured li{float:left;margin: 0 0 8px 8px;}
img.thumb.noscale	{width:111px;height:111px;}
.featured li.hover{border-color:#bbb;}
.featured li.active{border-style:solid;border-color:#222;}
.featured li div{left:240px}
.featured li div .caption{font:italic 0.7em/1.4 georgia,serif;}
.galleria_container{margin:0;height:438px;width:990px;position:relative;padding:0;}
.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
.info p{margin-top:1.6em;}

.nav{position:absolute;top:430px;left:20px;font-size:20px;color: #CCC;}
.nav a{color: #AAA;}
.caption{background: #FFF;padding: 4px 2px;width: 582px;font-size:12px;color:#333;position: absolute; top: 415px;left: 360px;}