@charset "UTF-8";
/* CSS Document */

html { background-color:#aeb0b3; height:100%; padding:15px; margin-top:-30px;  }

body{  min-height:100%; background:url(/images/present/present-bg.jpg) no-repeat top center #fff;}

img, div { behavior: url(/include/iepngfix.htc); }

.clear 	{ clear:both;height:0;}
.hide	{ display:none; }

#brownline { background-color:#aeb0b3; height:30px; _display:inline; }

a { color:#428fb9; }
p 	{font:0.8em Arial; color:#333;line-height:150%;margin-bottom:15px;}
h1	{font:0.9em Arial; color:#428fb9; margin-bottom:15px;}
h2	{font:0.9em Arial; color:#428fb9; }
h3 	{color:#428fb9; font-size:100%; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom: 5px; }
h4 	{color:#999; font-size:85%; font-weight:bold; margin:0 0 15px 0;font-family: Arial, Helvetica, sans-serif}
h5 {color:#428fb9;font-size:120%;font-weight:bold;margin:0 0 5px 0;font-family:Georgia, "Times New Roman", Times, serif;}

/* LAYOUT */

#container { position: relative; }

#content { width:960px; margin:0 auto; text-align:left;}
#header {width:960px;position:absolute;top:0;z-index:200;}

#logo { width:960px;height:159px;background:url(/images/present/logo2.png) no-repeat top center;position:relative;margin-top:-30px; behavior: url(/include/iepngfix.htc); }
#logo strong {display:none;}
#main-title { width:960px;position:relative;top:30px;}
#flash { width:960px;position:relative;z-index:2;}

#main-content {width:960px;position:relative;display:inline-block;margin-top:44px;}
#stories {width:770px;height:489px;background:url(/images/the-heroes/stories-background.png) no-repeat;float:left;display:block;margin:-15px 0 0 -16px;}
.story-box {width:674px;height:465px;display:inline;}
.story-image {width:175px;height:250px;float:left;}
.stories {width:470px;height:420px;margin:35px 0 0 25px;float:left;position:relative;}
.stories p {color:#000000;margin-top:10px;}
.story-part {position:relative;bottom:10px;float:right;}
.story-part p {font:Arial, Helvetica, sans-serif;color:#a87200;font-weight:bold;}



/* Navigation */

#navigation { width:735px; height:32px; margin:0; padding:0; position:absolute;top:0;float:left; }
#navigation li { display:block; list-style:none; margin:0; padding:0; position:absolute; left:0; top:0; }
#navigation li, #navigation a { display:block; height:32px; }
#navigation strong { display:none; }
#navigation a span { display:block; width:0; height:0; overflow:hidden; text-indent:-9999px; }
#navigation #nav1 { background: url(/images/present/navigation.gif) no-repeat; left:0px; width:76px; background-position:0 0; }
#navigation #nav2 { background: url(/images/present/navigation.gif) no-repeat; left:77px; width:99px; background-position:-77px 0; }
#navigation #nav3 { background: url(/images/present/navigation.gif) no-repeat; left:177px; width:138px; background-position:-177px 0; }
#navigation #nav4 { background: url(/images/present/navigation.gif) no-repeat; left:316px; width:119px; background-position:-316px 0; }
#navigation #nav5 { background: url(/images/present/navigation.gif) no-repeat; left:436px; width:94px; background-position:-436px 0; }
#navigation #nav6 { background: url(/images/present/navigation.gif) no-repeat; left:531px; width:76px; background-position:-531px 0; }
#navigation #nav7 { background: url(/images/present/navigation.gif) no-repeat; left:608px; width:127px; background-position:-608px 0; }
#navigation #nav1:hover { background:url(/images/present/navigation.gif) no-repeat 0px -32px; }
#navigation #nav2:hover { background:url(/images/present/navigation.gif) no-repeat -77px -32px; }
#navigation #nav3:hover { background:url(/images/present/navigation.gif) no-repeat -177px -32px; }
#navigation #nav4:hover { background:url(/images/present/navigation.gif) no-repeat -316px -32px; }
#navigation #nav5:hover { background:url(/images/present/navigation.gif) no-repeat -436px -32px; }
#navigation #nav6:hover { background:url(/images/present/navigation.gif) no-repeat -531px -32px; }
#navigation #nav7:hover { background:url(/images/present/navigation.gif) no-repeat -608px -32px; }

/* BUTTONS */

#top-donate {width:199px;float:right;position:relative;z-index:20;}
#top-donate a span {display:block; width:0; height:0; overflow:hidden; text-indent:-9999px; }
#top-donate a{width:199px;height:64px;background:url(/images/present/top-donate.gif) no-repeat left top;margin:0;padding:0;position:relative;float:right;right:0;display:block;}
#top-donate a:hover{background:url(/images/present/top-donate.gif) no-repeat 0 -65px;}

#page-donate 			{width:199px;float:left;margin:20px 0 0 11px;}
#page-donate a span 	{display:block; width:0; height:0; overflow:hidden; text-indent:-9999px; }
#page-donate a			{width:199px;height:57px;background:url(/images/the-role/page-donate.gif) no-repeat left top;display:block;}
#page-donate a:hover	{background:url(/images/the-role/page-donate.gif) no-repeat 0 -57px;}

#heroes 			{ width:199px; float:right; margin:5px 0 20px 0;}
#heroes a span 		{ display:block; width:0; height:0; overflow:hidden; text-indent:-9999px; }
#heroes a			{ width:199px;height:261px;background:url(/images/present/forgotten-heroes.jpg) no-repeat left top;display:block; }
#heroes a:hover		{ background:url(/images/present/forgotten-heroes.jpg) no-repeat 0 -261px; }

#gallery 			{width:199px;float:right; }
#gallery a span 	{display:block; width:0; height:0; overflow:hidden; text-indent:-9999px; }
#gallery a			{width:199px;height:46px;background:url(/images/present/gallery.jpg) no-repeat left top;display:block;}
#gallery a:hover	{background:url(/images/present/gallery.jpg) no-repeat 0 -46px;}

#register 			{width:199px;float:right; }
#register a span 	{display:block; width:0; height:0; overflow:hidden; text-indent:-9999px; }
#register a			{width:199px;height:46px;background:url(/images/present/register.jpg) no-repeat left top;display:block;}
#register a:hover	{background:url(/images/present/register.jpg) no-repeat 0 -46px;}

#auction {width:198px;float:left;margin-top:20px;}
#auction a span {display:block; width:0; height:0; overflow:hidden; text-indent:-9999px; }
#auction a{width:198px;height:222px;background:url(/images/press/present-auction-button.gif) no-repeat left top;display:block;}
#auction a:hover{background:url(/images/press/present-auction-button.gif) no-repeat 0 -222px;}

#quidco {width:198px;float:left;margin-top:20px;}
#quidco a span {display:block; width:0; height:0; overflow:hidden; text-indent:-9999px; }
#quidco a{width:198px;height:195px;background:url(/images/press/present-quidco-button.gif) no-repeat left top;display:block;}
#quidco a:hover{background:url(/images/press/present-quidco-button.gif) no-repeat 0 -195px;}


/* TEXT FIELDS */

#intro-left 	{width:463px;float:left;}
#intro-right 	{width:463px;float:right;}
#intro-right a	{color:#b3852b;text-decoration:none;}

#centre-copy 	{ width:514px;float:left;}
#role-caption 	{ width:233px;margin:-15px 0 0 -10px;float:left;display:block;}
#left-top 		{ width:233px;height:220px;background:url(/images/present/barry-gibb.jpg) no-repeat;}
#left-section 	{ width:198px;margin-left:-15px;}
#left-middle 	{ padding:5px 35px 5px 25px;}
#left-bottom 	{ width:233px;height:21px;}
#left-middle a 	{ color:#000;text-decoration:underline;}

#heroes-caption-top {width:233px;height:262px;background:url(/images/the-heroes/heroes-caption-top.png);}

#press-copy {width:514px;float:left;display:block;}
#reddog p{color:#ffffff;display:block; background:#428fb9;padding:5px;font-weight:bold;}
.press a {display:block; border-bottom:1px solid #428fb9;text-decoration:none;padding:5px;}
.press a:hover {background:url(/images/press/transparent-blue.png) repeat; behavior: url(/include/iepngfix.htc); }

#right-section {width:198px;float:right;}

/* FOOTER */
#footer 			{ color:#428fb9; width:960px;height:171px;margin:15px auto;position:relative;}
#copyright 			{ color:#428fb9; float:left;font-size:90%; line-height:150%;position:absolute;bottom:0;}

#photos 			{ width:638px; height:171px; background:url(/images/present/footer-photos.png) no-repeat bottom; display:block;float:left;position:absolute;left:165px;}
#photos a 			{ text-indent:-9999px; overflow:hidden; display:block; width:638px; height:171px; }

#design-by a		{ color:#428fb9;float:right;font-size:90%; line-height:150%;position:absolute;bottom:15px;right:0;text-decoration:none;}
#design-by a:hover	{text-decoration:underline;}