/* GLOBAL DECLARATIONS */
* { margin: 0; padding: 0; }

/* No Es Bueno - html, body { height: 100%; overflow: hidden; background: #fff; } */
html, body { background: #fff; }

body { font: 14px Georgia, serif; }

a, img { border: none; outline: none; }


#page-wrap { width: 800px; padding: 0; margin: 0 auto; overflow: visible; height: 720px; position: relative; }

#content { margin-left: auto; margin-right: auto; width: 456px; position: relative; padding-top: 20px; }

.branding { /*background-image: url(../images/ed_logo_small.gif);*/ background-repeat: no-repeat; height: 58px; width: 191px; display: block; margin-left: 9px; margin-right: auto; margin-top: 35px; text-indent: -9999px; margin-bottom: 108px; background-image: url(../images/ed_logo_new.jpg); }

/* BEGIN STYLES FOR BOXES, LINKS, ETC. */
.box { float: left; border: 1px solid #666; margin: 0 12px 0 0; z-index: 50; display: block; height: 100%; width: 98px; position: relative; }

.box:hover { border: 1px solid #0072bb; }

.image { display:block; height:98px; }

/* NAVIGATION */

	/* MAIN NAV */
a.about { background-image: url(../images/navigation/about.jpg); background-position: 0 0; }

a.about:hover { background-image: url(../images/navigation/about.jpg); background-position: 0 97px; }

		/* a.portfolio IS ALSO USED FOR element LINKS */
a.portfolio { background-image: url(../images/navigation/portfolio_2.jpg); background-position: 0px 0px; }

a.portfolio:hover { background-image: url(../images/navigation/portfolio_2.jpg); background-position: 0px 98px; }

a.accolades { background-image: url(../images/navigation/accolades.jpg); background-position: 0px 0px; }

a.accolades:hover { background-image: url(../images/navigation/accolades.jpg); background-position: 0px 98px; }

a.contact { background-image: url(../images/navigation/contact.jpg); background-position: 0px 0px; }

a.contact:hover { background-image: url(../images/navigation/contact.jpg); background-position: 0px 98px; }

	/* PORTFOLIO NAV */
a.element { background-image: url(../images/navigation/element.jpg); background-position: 0px 0px; }

a.element:hover { background-image: url(../images/navigation/element.jpg); background-position: 0px 98px; }

a.audioshare { background-image: url(../images/navigation/audioshare.jpg); background-position: 0px 0px; }

a.audioshare:hover { background-image: url(../images/navigation/audioshare.jpg); background-position: 0px 98px; }

a.EME { background-image: url(../images/navigation/EME.jpg); background-position: 0px 0px; }

a.EME:hover { background-image: url(../images/navigation/EME.jpg); background-position: 0px 98px; }

a.sportzshot { background-image: url(../images/navigation/sportzshot.jpg); background-position: 0px 0px; }

a.sportzshot:hover { background-image: url(../images/navigation/sportzshot.jpg); background-position: 0px 98px; }

a.easton { background-image: url(../images/navigation/easton.jpg); background-position: 0px 0px; }

a.easton:hover { background-image: url(../images/navigation/easton.jpg); background-position: 0px 98px; }

a.legende { background-image: url(../images/navigation/legende.jpg); background-position: 0px 0px; }

a.legende:hover { background-image: url(../images/navigation/legende.jpg); background-position: 0px 98px; }

a.catheter { background-image: url(../images/navigation/catheter3.jpg); background-position: 0px 0px; }

a.catheter:hover { background-image: url(../images/navigation/catheter3.jpg); background-position: 0px 98px; }

a.trias { background-image: url(../images/navigation/trias2.jpg); background-position: 0px 0px; }

a.trias:hover { background-image: url(../images/navigation/trias2.jpg); background-position: 0px 98px; }

/* facebook and twitter icon positionning */
.facebook_position {
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 31px;
	left: 366px;
}

.facebook {display: block; width: 16px;	height: 16px; background: url(../images/social/facebook.jpg) top;
	/*text-indent: -99999px;*/}

.facebook:hover { background-image: url(../images/social/facebook.jpg); background-position: 0px 16px;}

.twitter_position {
	position: absolute;
	top: 31px;
	left: 386px;
	width: 16px;
	height: 16px;
}

.twitter {display: block; width: 16px;	height: 16px; background: url(../images/social/twitter.jpg) top;
	/*text-indent: -99999px;*/}

.twitter:hover { background-image: url(../images/social/twitter.jpg); background-position: 0px 16px;}




/* THESE PORTBOXES ARE A LITTLE REDUNDANT BUT WERE NEEDED FOR THE ANIMATION SEQUENCE */
.portbox1 { height: 0px; width: 98px; margin: 0 12px 0 0; position: absolute; top: 221px; left: 112px; z-index: 7; border: 1px solid #666; }

.portbox2 { height: 0px; width: 98px; margin: 0 12px 0 0; position: absolute; top: 221px; left: 112px; z-index: 8; border: 1px solid #666; }

.portbox3 { height: 0px; width: 98px; margin: 0 12px 0 0; position: absolute; top: 221px; left: 112px; z-index: 6; border: 1px solid #666; }

.portbox4 { height: 0px; width: 98px; margin: 0 12px 0 0; position: absolute; top: 221px; left: 112px; z-index: 5; border: 1px solid #666; }

.portbox5 { height: 0px; width: 98px; margin: 0 12px 0 0; position: absolute; top: 221px; left: 112px; z-index: 4; border: 1px solid #666; }

.portbox6 { height: 0px; width: 98px; margin: 0 12px 0 0; position: absolute; top: 221px; left: 112px; z-index: 3; border: 1px solid #666; }

.portbox7 { height: 0px; width: 98px; margin: 0 12px 0 0; position: absolute; top: 221px; left: 112px; z-index: 2; border: 1px solid #666; }

.portbox8 { height: 0px; width: 98px; margin: 0 12px 0 0; position: absolute; top: 221px; left: 112px; z-index: 1; border: 1px solid #666; }
.border:hover { border: 1px solid #0072bb; }

/* STYLES FOR LINKS THAT SHOW UP WHEN YOU HOVER OVER ANY BOX */
#page_titles { display: block; margin-right: auto; width: 100px; clear: both; margin-left: auto; position: relative; }

#page_titles ul { list-style-type: none; }

#page_titles ul li { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #0072bb; position: absolute; text-align: center; display: block; width: 180px; left: -50px; letter-spacing: 2px; }

/* FOOTER STYLES */
#footer { top: 700px; position: absolute; left: 130px; }

#footer p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #AAA; text-align: center; }

#block { position: absolute; height: 100px; width: 100px; top: 500px; left: 0px; }

.blue { color: #0072bb; }