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

body{
font:Arial;
color:#606a6a;
font-size:14px;
font-weight:bold;
background-image:url(bg.jpg);
background-repeat:repeat-x;
padding: 0;
margin: 0;
border: 0;
}

/******fonts and font classes**********/

h3 {
font:Arial;
font-weight:bold;
color: #181919;
font-size: 20px;
}

h2 {
font:Arial;
font-weight:bold;
color: #606a6a;
font-size:18px;
}

h1 {
font:Arial;
font-style:oblique;
color: #606a6a;
font-size: 12px;
}

p {
font:Arial;
font-weight:bold;
color: #606a6a;
font-size:14px;
}



/************containers****************/

#pagecontainer {
position:absolute;
width: 750px;
left: 50%;
top: 525px;
height: 300px;
margin-left: -375px;
background-color:#FFFFFF;
}

#header{
position:absolute;
width: 751px;
left: 50%;
margin-left: -375px;
}

#greenblue{
 	position:absolute;
	left: 50%;
    margin-left: -360px;
 	top: 1006px;
}

/*********** journey holders **************/
#journeyheader{
position:absolute;
top: 305px;
height: 50px;
background-color: #71afaf;
width: 750px;
left: 50%;
margin-left: -375px;
}

#journeybody{
position:absolute;
background-color: #eef8f8;
width: 750px;
left: 50%;
margin-left: -375px;
top: 350px;
height: 175px;
}

#journeyphotos1{
	position:absolute;
	left: 50%;
	margin-left: -360px;
	top: 354px;
	height: 175px;
}

#journeyphotos2{
	position:absolute;
	left: 50%;
	margin-left: -100px;
	top: 354px;
	height: 175px;
}

#journeyphotos3{
	position:absolute;
	left: 50%;
	margin-left: 157px;
	top: 354px;
	height: 175px;
}
/*********main content holders**********/

#blogheader{
position:absolute;
background-color: #71afaf;
width: 440px;
left: 50%;
margin-left: -80px;
top: 550px;
height: 25px;
}

#blogheadertext{
position:absolute;
width: 435px;
left: 50%;
margin-left: -77px;
top: 551px;
height: 25px;
}

#photosheader{
position:absolute;
background-color: #71afaf;
width: 190px;
left: 50%;
margin-left: -360px;
top: 550px;
height: 25px;
}

#photoheadertext{
position:absolute;
width: 175px;
left: 50%;
margin-left: -356px;
top: 554px;
height: 25px;
}


#logheader{
position:absolute;
background-color: #71afaf;
width: 190px;
left: 50%;
margin-left: -360px;
top: 1050px;
height: 25px;
}

#logheadertext{
position:absolute;
width: 175px;
left: 50%;
margin-left: -357px;
top: 1051px;
height: 25px;
}
/********* Gallery ********/
#pagetitle{
position:absolute;
background-color: #71afaf;
width: 700px;
left: 50%;
margin-left: -350px;
top: 550px;
height: 30px;
}

#pageheader{
position:absolute;
width: 700px;
left: 50%;
margin-left: -350px;
top: 553px;
}

#pagebuttons{
position:absolute;
width: 500px;
left: 50%;
margin-left: -140px;
top: 556px;
height: 25px;
}

#pagecontent{
position:absolute;
background-color: #eef8f8;
width: 690px;
left: 50%;
margin-left: -350px;
top: 600px;
padding:5px;
}

#pageimages{
position:absolute;
background-color: #eef8f8;
width: 170px;
left: 50%;
margin-left: -350px;
top: 780px;
padding:5px;
}

#pageimages2{
position:absolute;
background-color: #eef8f8;
width: 170px;
left: 50%;
margin-left: -180px;
top: 780px;
padding:5px;
}

#pageimages3{
position:absolute;
background-color: #eef8f8;
width: 170px;
left: 50%;
margin-left: -10px;
top: 780px;
padding:5px;
}

#pageimages4{
position:absolute;
background-color: #eef8f8;
width: 170px;
left: 50%;
margin-left: 160px;
top: 780px;
padding:5px;
}

/**********************other pages***************/

#othertext{
position:absolute;
background-color: #eef8f8;
width: 400px;
left: 50%;
margin-left: -350px;
top: 600px;
padding:5px;
}

#otherimages{
position:absolute;
background-color: #eef8f8;
width: 250px;
left: 50%;
margin-left: 90px;
top: 600px;
padding:5px;
}

/************content text holders*************/
#blogtext{
position:absolute;
background-color:#eef8f8;
width: 430px;
left: 50%;
margin-left: -80px;
top: 600px;
padding:5px;
}

#photos{
position:absolute;
background-color:#eef8f8;
width: 180px;
left: 50%;
margin-left: -360px;
top: 600px;
padding:5px;
}

#logtext{
position:absolute;
background-color:#eef8f8;
width: 180px;
left: 50%;
margin-left: -360px;
top: 1100px;
padding:5px;
}
/****************Buttons**************/

#ButtonHome{
position:absolute;
top: 176px;
left: 50%;
margin-left: 32px;
} 

#ButtonGallery{
position:absolute;
top: 176px;
left: 50%;
margin-left: 118px;
} 

#ButtonAmber{
position:absolute;
top: 176px;
left: 50%;
margin-left: 203px;
} 

#ButtonTom{
position:absolute;
top: 176px;
left: 50%;
margin-left: 288px;
}



/********** Map Page ***********/

#mapholder{
position:absolute;
background-color:#eef8f8;
left: 50%;
top: 600px;
margin-left: -330px;
padding:10px
}

#maptext{
position:absolute;
background-color:#eef8f8;
left: 50%;
top: 600px;
margin-left: 150px;
padding:5px;
width:190px;
}

/*********** Ambers Page ***********/

/*********** Toms Page ************/
#tomlogo{
position:absolute;
left: 50%;
margin-left: -350px;
top: 550px;
padding:5px;
}

#tombloglogo{
position:absolute;
left: 50%;
margin-left: -350px;
top: 1200px;
padding:5px;
}

#tomcommentlogo{
position:absolute;
left: 50%;
margin-left: 0px;
top: 1200px;
padding:5px;
}

#tompictureslogo{
position:absolute;
left: 50%;
margin-left: -350px;
top: 800px;
padding:5px;
}
/*************bg***********/

#tomheaderbg{
position:absolute;
left: 50%;
margin-left: -100px;
top: 550px;
padding:5px;
height: 25px;
width: 440px;
background-color:#71afaf;
z-index:1;
}

#tomheadertext{
position:absolute;
left: 50%;
margin-left: -100px;
top: 600px;
padding:5px;
width: 440px;
background-color:#eef8f8;
}

#amberheadertext{
position:absolute;
left: 50%;
margin-left: -100px;
top: 600px;
padding:5px;
width: 440px;
background-color:#eef8f8;
}


#tompicturesheader {
position:absolute;
left: 50%;
margin-left: -220px;
top: 805px;
padding:5px;
height: 15px;
width: 560px;
background-color:#71afaf;
}

#tompicturestext {
	position:absolute;
	left: 50%;
	margin-left: -220px;
	top: 840px;
	padding:5px;
	height: 301px;
	width: 174px;
	background-color:#eef8f8;
}

#amberpicturestext {
	position:absolute;
	left: 50%;
	margin-left: -220px;
	top: 840px;
	padding:5px;
	height: 301px;
	width: 174px;
	background-color:#eef8f8;
}


#tompicturestext2 {
position:absolute;
left: 50%;
margin-left: -35px;
top: 840px;
padding:5px;
height: 300px;
width: 185px;
background-color:#eef8f8;
}

#amberpicturestext2 {
position:absolute;
left: 50%;
margin-left: -35px;
top: 840px;
padding:5px;
height: 300px;
width: 185px;
background-color:#eef8f8;
}

#tompicturestext3 {
position:absolute;
left: 50%;
margin-left: 155px;
top: 840px;
padding:5px;
height: 300px;
width: 185px;
background-color:#eef8f8;
}

#amberpicturestext3 {
position:absolute;
left: 50%;
margin-left: 155px;
top: 840px;
padding:5px;
height: 300px;
width: 185px;
background-color:#eef8f8;
}


#tomblogheader {
position:absolute;
left: 50%;
margin-left: -220px;
top: 805px;
padding:5px;
height: 15px;
width: 200px;
background-color:#71afaf;
}

#tomblogtext {
position:absolute;
left: 50%;
margin-left: -350px;
top: 1335px;
padding:5px;
width: 320px;
background-color:#eef8f8;
}

#amberblogtext {
position:absolute;
left: 50%;
margin-left: -350px;
top: 1335px;
padding:5px;
width: 320px;
background-color:#eef8f8;
}


/*********content**********/
#php{
position:absolute;
left: 50%;
margin-left: 0px;
top: 1330px;
padding:5px;
}