body {
text-align:center;
font-family: Tahoma, Verdana, Arial, sans;
font-size: 13px;
color: black;
background:#A9C6CE;
}

a img{
	border:none;
}

#title_holder{
width:760px;
margin:auto;
text-align:left;
}

#title_holder h1 {
margin-top:0px; margin-bottom:0px;
width:50%; /*so it takes up half of the width of the title hoder-which is the same width as the container*/
text-align:center; /*so that it sits in the middle of the left side*/
font-family: Times, "Times New Roman", serif;
font-size:60px;
font-weight:normal;
font-style:italic;
}

#container h2{
width:60%;
border-bottom: 2px solid black;
float:right;
text-align:right;
font-family: "Times New Roman", Times, serif;
font-size:28px;
font-weight:normal;
margin:10px 10px 15px 0;
padding-right:3px; /*to stop IE from cutting the right edge off the last letter */
z-index:99;
}

#visible_title{
width:60%;
border-bottom: 2px solid black;
float:right;
text-align:right;
font-family: "Times New Roman", Times, serif;
font-size:28px;
margin:10px 10px 15px 0;
padding-right:3px; /*to stop IE from cutting the right edge off the last letter */
z-index:99;
}

#container {
width:760px;
margin:auto;
background-color: #7A9DA8;
border:2px solid white;
}


.mainimage {
float:right;
width:370px;
height:493px;
}


#main_text {
	
font-style:italic;/*
font-family:Times, "Times New Roman", serif;
*/
float:left;
width:340px;
margin-left:22px;
padding-top:25px;
text-align:justify;
display:inline; /*to fix the IE float double margin bug*/
}


#menudiv {
	clear:right;
	background-color:#2E4560;
	width:100%;
	height:27px;

}

/*********************************************** menu ****************************************************/
ul#menu{
	list-style-type:none;
	width:487px;
	position:relative;
	font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;font-weight:bold;
	margin:0;
	padding:0px;
	display:block;
	float:left;
}
ul#menu li{
	display:block;
	float:left;
	width:96px;
	height:100%;
	margin:0px;
}
ul#menu li.wide{
	width:99px; /*to make the menu 6 pixels wider so that the divide between the Contact and Friends buttons is in line with the edge of the photo*/
}
ul#menu li a{
	display:block;
	color:#fff;
	background:#2E4560;
	line-height:27px;
	text-decoration:none;
	padding:0px;
	height:100%;
	width:100%;
	outline:none;
}

ul#menu li a:hover{
	background:#7A9DA8;
}
ul#menu li a.current{
	/**** IF YOU WANT THE CURRENT MENU ITEM TO BE WHITE*/
	color:#2E4560;background:#fff;
	
	/**** IF YOU WANT THE CURRENT MENU ITEM TO BE THE SAME AS THE :HOVER VERSION
	background:#7A9DA8;*/
	
	background:#2E4560;
	color:#A9C6CE;
	}

ul#menu li a.current:hover{
	/********** SAME AS ABOVE **********
	color:#2E4560;background:#fff;*/

	background:#7A9DA8;
	color:#fff;
}

.clearfix{ /*to sort out stupid css behaviour */
	clear:both;
	height:0px;
}



/******************************** jukebox ****************************************/
.jukeboxwarning {/* This just contains the text that says 'you need to enable javascript', which will hopefully be removed by js */
	position:absolute;
	top:0px;
	right:10px;
	width:300px;
	color:red;
	font-family: Tahoma, Verdana, Arial, sans;
	font-size: 10px;
	line-height:27px;
	text-align:right;
}
.jukeboxwarning a{
	color:#fff;
	text-decoration:underline;
}
.jukeboxwarning a:hover{
	text-decoration:none;
}

.button{
	float:left;
	width:40px;
	height:100%;
	background:#002233;
}
.button a {
	display:block;
	width:100%;
	height:100%;
	background:#2E4560;
	outline:none;
}
.button a:hover{
	background:#7A9DA8;
	cursor:pointer;
}
.spacer {
	float:left;
	width:0px;
	height:100%;
}

.jukescroll {
	float:left;
	width:140px;
	padding-left:10px;
	height:100%;
	color:#fff;
	font-family: Tahoma, Verdana, Arial, sans;
	font-size: 10px;
	line-height:27px;
	overflow: hidden;
	text-align:left;
}

.jukescroll a{ /*This is for the link in the 'Please enable javascript' or 'Please upgrade Flash Player' warning */
	color:#fff;
	text-decoration:none;
}
.jukescroll a:hover{
	text-decoration:underline;
}

#safari_fixer{position:absolute; width:0px; height:0px; top:0px; right:0px;}

/********************************** CONTACT PAGE ******************************/

input[type=text] {
font-family: Tahoma, Verdana, Arial, sans;
font-size: 12px;
color: black;
background:#A9C6CE;
padding:2px;
width:154px;
border:1px solid black;
}

input[type=submit] {
font-family: Tahoma, Verdana, Arial, sans;
font-size: 12px;
color: black;
background:#A9C6CE;
padding:2px;
border:1px solid black;
}

textarea {
font-family: Tahoma, Verdana, Arial, sans;
font-size: 12px;
color: black;
background:#A9C6CE;
padding:2px;
width:336px;
border:1px solid black;
}

.red{
color:red;
}

.messagesuccess {
color:green;
}

.errorlist{
list-style-type:none;
color:red;
margin:0px;
padding:0px;
text-indent:0px;
margin-bottom:5px;
}

/**************************** WEDDING PAGE ****************************/

ul.weddinglist{
	/*list-style-type:none;*/
	margin-top:0px;
}
ul.weddinglist.li{
	margin-left:0px;
	padding-left:0px;
}