/*-- universal --*/

* {
margin: 0px;
padding: 0px;
font-family: arial, sans-serif;
}

body {
background-color: #336666;
font-size: 62.5%;
margin-bottom: 100px;
}

img {
border: none;
}

/*-- type --*/

p, li {
color: #333;
font-size: 1.1em;
line-height: 150%;
}

h2 {
margin-bottom: 20px;
color: #336666;
font-size: 24px;
font-weight: normal;
}


h3 {
margin-bottom: 15px;
font-size: 18px;
font-weight: normal;
}

h4 {
margin-bottom: 15px;
font-size: 14px;
font-weight: normal;
}

.mainContent ul, .mainContent ol {
margin-bottom: 20px;
}

.mainContent li {
margin-left: 50px;
}

p {
margin-bottom: 20px;
}

/*-- layout --*/

.centre {
width: 945px;
margin: 0px auto 0px auto;
}

/*-- background colours --*/

.header, .mainMenu, .aldousStory,
.content, .footer, .header .aldousMenu {
float: left;
width: 945px;
}

.header, .mainMenu, .aldousStory, 
.frontFooter .footerContainer, .header .aldousMenu {
background-color: #1e1e20;
}

.content {
background-color: #f8f4e8;
background-image: url(images/contentBg.png);
background-repeat: no-repeat;
background-position: 100% 0px;
}

/*-- header --*/

.header {
position: relative;
background-image: url(images/headerBg.png);
background-repeat: no-repeat;
}

.header h1 {
position: relative;
top: 87px;
right: 105px;
float: right;
width: 215px;
font-size: 1px;
color: #1e1e20;
}

h1 img {
position: absolute;
left: 0px;
}

/* company menu */

.header ul.companyMenu  {
position: absolute;
list-style: none;
left: 615px;
top: 170px;
}

.header ul.companyMenu  li {
display: inline;
color: white;
font-size: 1.2em;
}

.header ul.companyMenu  li a:link,
.header ul.companyMenu  li a:active,
.header ul.companyMenu  li a:visited{
color: white;
text-decoration: none;
}

.header ul.companyMenu li a:hover {
color:#336666;
}
/* top menu */

.header ul.topMenu  {
position: relative;
list-style: none;
left: 633px;
top: 140px;
}

.header ul.topMenu  li {
display: inline;
color: white;
font-size: 1.2em;
}

.header ul.topMenu  li a:link,
.header ul.topMenu  li a:active,
.header ul.topMenu  li a:visited{
color: white;
text-decoration: none;
}

.header ul.topMenu li a:hover {
color:#336666;
}


/*-- aldous menu --*/

.header .aldousMenu {
margin-top: 255px;
background-image: url(images/aldousMenuBg.png);
background-repeat: no-repeat;
text-align: center;
}

.header .aldousMenu ul {
float: left;
padding: 10px 0px 10px 300px;
list-style: none;
width: 400px;
}

.header .aldousMenu li {
float: left;
margin-right: 20px;
}

.header .aldousMenu li.tourMenu a:link,
.header .aldousMenu li.tourMenu a:active,
.header .aldousMenu li.tourMenu a:visited {
float: left;
color: white;
text-indent: -100em;
background-image: url(images/tourMenu.png);
background-repeat: no-repeat;
width: 37px;
overflow: hidden;
}

.header .aldousMenu li a:hover {
background-image: url(images/tourMenuHover.png);
}

.header .aldousMenu li.tourMenu a:link,
.header .aldousMenu li.tourMenu a:active,
.header .aldousMenu li.tourMenu a:visited {
float: left;
color: white;
text-indent: -100em;
background-image: url(images/tourMenu.png);
background-repeat: no-repeat;
width: 37px;
overflow: hidden;
}

.header .aldousMenu li.tourMenu a:hover {
background-image: url(images/tourMenuHover.png);
}

.header .aldousMenu li.whyMenu a:link,
.header .aldousMenu li.whyMenu a:active,
.header .aldousMenu li.whyMenu a:visited {
float: left;
color: white;
text-indent: -100em;
background-image: url(images/whyAldousMenu.png);
background-repeat: no-repeat;
width: 108px;
overflow: hidden;
}

.header .aldousMenu li.whyMenu a:hover {
background-image: url(images/whyAldousMenuHover.png);
}

.header .aldousMenu li.storyMenu a:link,
.header .aldousMenu li.storyMenu a:active,
.header .aldousMenu li.storyMenu a:visited {
float: left;
color: white;
text-indent: -100em;
background-image: url(images/aldousStoryMenu.png);
background-repeat: no-repeat;
width: 151px;
overflow: hidden;
}

.header .aldousMenu li.storyMenu a:hover {
background-image: url(images/aldousStoryMenuHover.png);
}






/*-- contents --*/

.content {
background-color: #f8f4e8;
}

.subMenu {
width: 242px;
float: left;
}

.mainContent {
float: right;
width: 540px;
padding: 50px 80px 50px 0px; 
}

/*-- sub menu --*/

ul.subMenu {
margin-top: 50px;
list-style: none;
text-align: right;
background-image: url(images/menuDivider.png);
background-repeat: no-repeat;
background-position: 100% 0px;
}

ul.subMenu li {
background-image: url(images/menuDivider.png);
background-repeat: no-repeat;
background-position: 100% 100%;
}

ul.subMenu li a:link,
ul.subMenu li a:visited,
ul.subMenu li a:active {
display: block;
padding: 15px 0px 15px;
text-decoration: none;
color:#336666;
}

ul.subMenu li a:hover {
color: black;
}

/*-- frontpage --*/

/* benefits */

.benefits {
float: left;
width: 100%;
margin-top: 165px;
color: white;
text-align: center;
background-image: url(images/benefitsBg.png);
background-repeat: no-repeat;
background-position: 110px 60px;
height: 315px;
}

* html .benefits {
overflow: hidden;
}

.benefits img {
vertical-align: top;
}

p.tour{
background-image: url(images/tour.png);
background-repeat: no-repeat;
background-position: 330px 0px;
height: 42px;
overflow: hidden;
margin-bottom: 0px;
}

p.tour a:link,
p.tour a:active,
p.tour a:visited {
background-image: url(images/tour.png);
background-repeat: no-repeat;
background-position: 330px 100px;
margin-top: -100px;
padding-bottom: 142px;
display: block;
height: 1%;
}/* height 1% for ie7 being stink */

p.tour a:hover {
background-image: url(images/tourHover.png);
}

p.story{
background-image: url(images/whyAldous.png);
background-repeat: no-repeat;
background-position: 240px 0px;
height: 39px;
overflow: hidden;
margin-bottom: 0px;
}

p.story a:link,
p.story a:active,
p.story a:visited {
background-image: url(images/whyAldous.png);
background-repeat: no-repeat;
background-position: 240px 100px;
margin-top: -100px;
padding-bottom: 139px;
display: block;
height: 1%;
}/* height 1% for ie7 being stink */

p.story a:hover {
background-image: url(images/whyAldousHover.png);
}


/* icons */

.benefits img {
padding-top: 20px;
margin-top: 20px;
}

/* aldous story */

.aldousStory {
padding-top: 20px;
padding-bottom: 30px;
background-image: url(images/storyBg.png);
background-repeat: no-repeat;
background-position: 80px 0px;
}

.latestNews 
{
	padding-top: 10px;
	padding-bottom: 30px;
}

.aldousStory h2,
.aldousStory p, 
.latestNews h2,
.latestNews p{
width: 239px;
float: left;
color: #e3e3e3;
}
 

.aldousStory h2 {
text-indent: -1000px;
font-size: 1px;
color: #1e1e20;
margin-right: 25px;
margin-left: 85px;
background-image: url(images/theAldousStory.png);
background-repeat: no-repeat;
background-position: 0px 4px;
width: 236px;
height: 32px;
}

* html .aldousStory h2
* html .latestNews  h2{
margin-left: 45px;
}

.aldousStory p.intro, 
.latestNews p.intro {
margin-right: 25px;
font-size: 1.4em;
}

.aldousStory p.more {
float: right;
margin-right: 85px;
padding-top: 20px;
text-align: right;
}

* html .aldousStory p.more {
margin-right: 45px;
}

.aldousStory p.more a:link,
.aldousStory p.more a:active,
.aldousStory p.more a:visited {
color: #e3e3e3;
text-decoration: none;
border-bottom: 1px solid #666;
}

.aldousStory p.more a:hover {
color:#336666;
}


.latestNews h2
{
	text-indent: -1000px;
	font-size: 1px;
	color: #1e1e20;
	margin-right: 25px;
	margin-left: 85px;
	background-image: url(images/latestNews.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	width: 236px;
	height: 35px;
}
/* front page footer */

/*-- footer --*/

.footerContainer {
float: left;
margin-bottom: 100px;
}

.frontFooter .footerContainer{
background-image: url(images/footerBg.png);
background-repeat: no-repeat;
background-position: 80px 0px;
}

.footerContainer2 {
float: left;
}

.frontFooter .footerContainer2 {
background-image: url(images/frontFooterRightBum.png);
background-repeat: no-repeat;
background-position: 100% 100%;
}

.footer {
float: left;
background-image: url(images/insideFooterBg.png);
background-repeat: no-repeat;
padding-top: 30px;
padding-bottom: 40px;
}

.frontFooter .footer {
background-image: none;
padding-top: 20px;
}

.frontFooter .footer {
background-image: url(images/frontFooterLeftBum.png);
background-repeat: no-repeat;
background-position: 0px 100%;
}

.footer ul {
list-style: none;
padding-bottom: 20px;
padding-top: 20px;
}

.footer li a:link,
.footer li a:active,
.footer li a:visited {
color: #f8f4e8;
text-decoration: none;
border-bottom: 1px solid #f8f4e8;
}

.frontFooter .footer li a:link,
.frontFooter .footer li a:active,
.frontFooter .footer li a:visited {
color: white;
text-decoration: none;
border-bottom: 1px solid #666;
}

.footer li a:hover {
color: black;
}


.frontFooter .footer li a:hover {
color:#336666;
}

.footer ul.aldousMenu {
float: left;
padding-left: 85px;
}

.footer ul.companyMenu {
float: left;
margin-left: 20px;
padding-left: 20px;
}

.footer ul.companyMenu {
background-image: url(images/insideDivider.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}

.frontFooter .footer ul.companyMenu {
background-image: url(images/vertDivider.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}

.footer .logo a:link,
.footer .logo a:active,
.footer .logo a:visited {
margin-top: 35px;
font-size: 1px;
float: right;
}

.frontFooter .footer .logo a:link,
.frontFooter .footer .logo a:active,
.frontFooter .footer .logo a:visited {
color: #1e1e20;
}

.footer .logo a:link,
.footer .logo a:active,
.footer .logo a:visited {
color:#336666;
}

.topLink {
background-repeat: no-repeat;
background-position: 0px 0px;
float: right;
margin-top: 50px;
padding-right: 85px;
margin-left: 20px;
}

* html .topLink  {
padding-top: 25px;
margin-top: 30px;
}

*:first-child+html .topLink {
padding-top: 25px;
margin-top: 30px;
}

.topLink a:link,
.topLink a:active,
.topLink a:visited {
background-image: url(images/topArrowInside.png);
background-repeat: no-repeat;
padding-top: 25px;
color: white;
text-decoration: none;
padding: 25px 1px 0px 0px;
}

.frontFooter .topLink a:link,
.frontFooter .topLink a:active,
.frontFooter .topLink a:visited {
background-image: url(images/topArrow.png);
background-repeat: no-repeat;
padding-top: 25px;
color: white;
text-decoration: none;
padding: 25px 1px 0px 0px;
}

.topLink a:hover {
color: black;
}

.frontFooter .topLink a:hover {
color:#336666;
}

/*-- news pagination --*/
.newsPage
{
	letter-spacing:5px;
}
.newsPage a
{
	letter-spacing:5px;
	text-decoration:none;
	color: #336666;
	font-weight:bold;
}