/* this is to reset everything to be more consistent across browsers */
* {font-size:100%;font-family:georgia, serif;margin:0;padding:0;line-height:1.2em; font-weight: normal
}

p {margin-bottom:.5em}
ul.bullets {list-style:disc;list-style-position:inside;margin-bottom:1em}
ul.bullets li {margin-left: 2em;margin-bottom:0.5em}
div.clear {float:none;clear:both;height:0}
strong {font-size:120%; color:#777}

/* ---layouts and positioning ---*/

body {background:#ccc}

/* this is the wrapper that goes around the whole page and centers it and keeps the real width */
#page {position:relative;width:1024px;margin:0 auto;background:#fff}

/* the header */
#header {height:750px;position:relative}

#header a {text-decoration:none;color:#333}
#header a:hover {border-bottom:2px solid #f90;color:#f90}

#header #portlinks {position:absolute;top:0;left:0;width:1024px;height:650px}
#header #portlinks ul {position:absolute;top:0;left:0;list-style:none}
#header #portlinks ul li {position:absolute;list-style:none}

#header #portlinks ul li.poster {left:171px;top:87px;width: 151px; height: 253px} 
#header #portlinks ul li.book {left:437px;top:28px;width: 173px; height: 210px} 
#header #portlinks ul li.event {left:728px;top:138px;width: 133px; height: 161px} 
#header #portlinks ul li.event2 {left:705px;top:395px; width: 156px; height: 148px} 
#header #portlinks ul li.print {left:403px;top:479px; width: 242px; height: 136px} 
#header #portlinks ul li.fundraising {left:171px;top:410px; width: 151px; height: 144px} 
#header #portlinks ul li.capital {left:358px;top:262px; width: 342px; height: 162px} 

#header #portlinks ul li a {background: url(images/big.png) no-repeat top left;position:absolute;text-decoration:none;border:none}
#header #portlinks ul li a:hover {text-indent:0}

#header #portlinks ul li a span {display:none}
#header #portlinks ul li a:hover span {z-index:900;display:block;position:absolute;width:200px;left:-195px;font-size:15px}

#header #portlinks ul li.poster a { background-position: -1227px 0; width: 151px; height: 253px} 
#header #portlinks ul li.poster a:hover span {font-family:helvetica; bottom:-29px; left:-30px; text-align:center; background:#444; padding:4px }

#header #portlinks ul li.book a { background-position: 0 0; width: 173px; height: 210px}
#header #portlinks ul li.book a:hover span {font-family:helvetica; bottom:-30px; left:-15px; text-align:center; background:#444; padding:4px }

#header #portlinks ul li.event a { background-position: -686px 0; width: 133px; height: 161px}
#header #portlinks ul li.event a:hover span {font-family:helvetica; bottom:-25px; left:-30px; text-align:center; background:#444; padding:4px }

#header #portlinks ul li.event2 a { background-position: -525px 0; width: 156px; height: 148px}
#header #portlinks ul li.event2 a:hover span {font-family:helvetica; bottom:-25px; left:-10px; text-align:center; background:#444; padding:4px }

#header #portlinks ul li.print a { background-position: -980px 0; width: 242px; height: 136px}
#header #portlinks ul li.print a:hover span {font-family:helvetica; bottom:-30px; left:-5px; text-align:center; background:#444; padding:4px }

#header #portlinks ul li.fundraising a { background-position: -824px 0; width: 151px; height: 144px} 
#header #portlinks ul li.fundraising a:hover span {font-family:helvetica; bottom:-20px; left:-30px; text-align:center; background:#444; padding:4px }

#header #portlinks ul li.capital a { background-position: -178px 0; width: 342px; height: 162px} 
#header #portlinks ul li.capital a:hover span {font-family:helvetica; bottom:-20px; left:80px; text-align:center; background:#444; padding:4px }


#header #portlinks ul li.poster a:hover { background-position: -541px -258px; width: 151px; height: 253px}
#header #portlinks ul li.book a:hover { background-position: -1383px 0; width: 173px; height: 210px} 
#header #portlinks ul li.event a:hover { background-position: 0 -258px; width: 133px; height: 161px} 
#header #portlinks ul li.event2 a:hover { background-position: -1908px 0; width: 156px; height: 148px} 
#header #portlinks ul li.print a:hover { background-position: -294px -258px; width: 242px; height: 136px} 
#header #portlinks ul li.fundraising a:hover { background-position: -138px -258px; width: 151px; height: 144px} 
#header #portlinks ul li.capital a:hover { background-position: -1561px 0; width: 342px; height: 162px} 

/* the nav */	
#header #nav {position:absolute;top:675px;width:824px;padding:0 100px}
#header #nav h1 {float:left;font-size:30px}
#header #nav ul {float:right;list-style:none;width:500px;text-align:right;margin-top:5px}
#header #nav ul li {display:inline;font-size:24px;margin-left:50px}


/* the about section */		
#about {background:#333;color:#fff;position:relative}
#about h2 {font-size:24px;margin-bottom:1em}
#about p, #about ul, #about ul li {font-size:18px; list-style-type:square}

/* this portfolio section */
#portfolio {position:relative}
#portfolio h2 {font-size:24px; margin-bottom:1em}

#portfolio div.entry {border:none;border-bottom:5px solid #666;padding-bottom:20px;margin-bottom:20px;position:relative}

#portfolio div.entry div.text {width:300px;position:absolute;bottom:20px;left:0}
#portfolio div.entry div.text h3 {font-size:14px; margin-bottom:0.5em; font-weight:normal}
#portfolio div.entry div.text p {font-size:14px; font-family:helvetica; font-weight:normal;color:#666}
#portfolio div.entry div.image {float:right;width:500px;height:relative;position:relative;border:none}

#portfolio div.entrylast {border:none;border-bottom:5px solid #666;padding-bottom:20px;margin-bottom:50px;position:relative}

#portfolio div.entrylast div.textlast {width:300px;position:absolute;bottom:20px;left:0;z-index:1}
#portfolio div.entrylast div.textlast h3 {font-size:14px; margin-bottom:0.5em; font-weight:normal}
#portfolio div.entrylast div.textlast p {font-size:14px; font-family:helvetica; font-weight:normal;color:#666}
#portfolio div.entrylast div.imagelast {float:right;width:550px;height:relative;position:relative;border:none}

/* the footer section */
#footer {background:#333;color:#fff;position:relative;}
#footer div.image {left:0px;top:0px;width:1024px;height:83px;position:absolute;border:none}

#footer div.text {float:left;width:262px; height:300px; margin-top: 50px; margin-right:40px; bottom:20px; left:0; margin-left:-30px}
#footer div.text h3 {font-size:18px; margin-bottom:0.7em; font-weight:normal}
#footer div.text p {font-size:12px; font-family:helvetica; color:#fff;  margin-bottom:0.8em; line-height:1.5em}

#footer div.text2 {float:left; width:262px; height:100px; margin-top: 50px}
#footer div.text2 h3 {font-size:18px; margin-bottom:0.7em; font-weight:normal}
#footer div.text2 p {font-size:12px; font-family:helvetica; color:#fff; margin-bottom:0.8em; line-height:1.5em}
#footer div.text2 p a {font-size:12px; font-family:helvetica; color:#fff; margin-bottom:0.8em; line-height:1.5em}

#footer div.clear {float:none; clear:both; height:0px}

#footer div.text3 {font-size:10px; font-family:helvetica; color:#fff; margin-top:30em }
#footer div.text3 a {font-size:10px; font-family:helvetica; color:#fff }

/*contactForm in footer*/
#footer div#contactForm {float:right;width:262px;height:300px;}
#footer div#contactForm h3 {font-size:18px; margin-bottom:0.7em; font-weight:normal}
#footer div#contactForm {margin-top: 50px}
p.realwords {color:#fff;background:#f90; padding:10px;}
#footer div#contactForm form label {display: block; font-weight:normal;}
#footer div#contactForm form input, textarea {width:300px; line-height: 1em; padding: 1px;}
#footer div#contactForm button { width: 300px; display: block;color:#fff; background:#444; border: 1px solid white; padding:5px}

/* temporary */
#about,#portfolio,#footer
{
	padding:50px 100px;
}


#fixed_buttons
{
	position:fixed;
	top:50%;
	right:0;
	background:#f30;
	color:white;
	padding:5px;
	font:caption;
	text-align: center;
}
#fixed_buttons ul {list-style:none;}
#fixed_buttons ul li {list-style:none; padding-top:10px; padding-bottom:10px;}
#fixed_buttons a {text-decoration:none;color:white}
#fixed_buttons a:hover {border-bottom:2px solid #f90;color:#333}