* {
 margin:0;
 padding:0;
}


img {
 border:none;
}

.accessibility {
 display:none;
}

ul {
 list-style:none;
}

small {
 color:#666;
}

small.error {
 color:#f00;
}

body {
 color:#333;
 font:86.5%/normal Verdana,Arial,sans-serif;
 padding:10px 0;
 text-align:left;
}

.wrapper {
 position:relative;
 left:0;
 top:0;
 font-size:0.9em;
 margin-left:6em;
}

.admin {
 font-size:0.9em;
 left:0;
 margin-left:6em;
 position:relative;
 top:0;
}




h1 {
 left:0;
 position:absolute;
 top:0;
 overflow:hidden;
 clear: right;
}

h1 a {
 background:url(oe-logo-100x80.png) no-repeat left top;
 display:block;
 height:0 !important; 
 height: 80px;
 margin:0 0 2px 0;
 overflow:hidden;
 padding:80px 0 0 0;
 text-decoration:none;
 width:100px;
}

#languages {
 float: right;
 display:block;
 margin: 2em;
}

#languages a {
 color: #333;
}

#banner {
 background:url(mosaic.png) repeat left top;
 border:1px solid #000;
 border-left-width:0;
 left:0;
 position:relative;
 clear: left;
 top:80px;
 height:125px;
 width:749px;
}


#banner li {
 display:block;
 position:absolute;
 left:0;
 height: 125px;
 overflow:hidden; 
}

#banner li.synopsis {
 background:url(banner.png) no-repeat left top;
 text-align: center;
 font-weight: bold;
 padding: 40px 0 0 0;
 width: 150px;
}


#banner li.services {
 background:url(uluru.jpg) no-repeat left top;
 left:150px;
 width:425px;
 text-indent:-1000em;
}

#content {
 border-top:2px solid #ccc;
 float:left;
 font-size:0.9em;
 margin-top: 80px;
 width:550px;
 margin-bottom:1em;
 padding:0;
 text-align:left;
}

#content p {
 line-height:1.4;
 padding:0 1.5em 1em 1.5em;
 text-align:justify;
 clear: both;
}


#content a {
 color:#000;
 clear:both;
 display:block;
 font-size:0.75em;
 line-height:normal;
 text-align:left;
 text-decoration:underline;
}

#content a:hover {
 color:#f90;
}


#menu {
 border:1px solid #000;
 position:relative;
 left: 0;
 /* 66px is correct, even though the contents is 64px.
    Otherwise Internet Explorer (bloody Microsoft)  renders this 
    badly.  Setting padding to 1px is the correct answer, but again
    MS IE doesn't work the way the standard says it should.
*/
 height:66px;
 margin:0 0  0.25em 80px;
 width: 60%;
 clear: both;
}


#menu li {
 background: url(menuicons.png) no-repeat left top;
 display: block;
 overflow: hidden;
 text-decoration: none;
 height: 64px;
 position:absolute;
 top:0;
 width:83px;
}

#menu a {
 display:block;
 overflow:hidden;
 height:0 !important;
 padding:64px 0 0 0;
 width:83px;
}


#menu a:hover {
 background-image:url(menuicons.png);
 background-repeat:no-repeat;
}

#menu li.welcome {
 background-position: 0px 0px;
 left:2%;
}

#menu li.contact {
 background-position: 30%  0%;
 left:27%;
}

#menu li.about {
 background-position: 60% 0%;
 left:55%;
}

#menu li.feedback {
 background-position: 90% 0%;
 left:78%;
}

/* In the clauses below, you MUST use pixel values 
   for the vertical postion.  
   If you use 'bottom' or '100%' then IE will not interpret them 
   properly.
   Microsoft does it wrong again.
*/

#menu li.welcome a:hover {
 background-position: 0%  -64px;
}

#menu li.contact a:hover {
 background-position: 30%  -64px;
}

#menu li.about a:hover {
 background-position: 60%  -64px;
}

#menu li.feedback a:hover {
 background-position: 90%  -64px;
}



#main {
 padding:1.8em 0 0 0;
}

blockquote {
 font-size: 12pt;
 font-style:italic;
}

blockquote img {
 border:1px solid #000;
 float: right;
 margin: 5pt;
}


.sig {
 font-size: 0.8em;
 font-style:italic;
}

#navigation {
 margin-top: 80px;
 float:right;
/* 
 width:150px;
*/
}

#navigation li {
 background:#fff url(arrow.png) no-repeat ;
 font-size:0.8em;
 line-height:1;
 border:1px solid #ccc;
 border-left-color:#fff;

 color:#111;
 display:block;
 padding:0.55em 10px 0.55em 0;
 text-align:right;
 text-decoration:none;
 width:138px;
}

#navigation li.a {
 color:#333;
}


#navigation a:hover {
 background-color:#eee;
 border-left-color:#ccc;
}


#navigation li.legal {
 border-top:1px solid #ccc;
 margin-top:2em;
}


body.location #navigation li.location a,
body.ceremony #navigation li.ceremony a,
body.photographer #navigation li.photographer a,
body.florist #navigation li.florist a,
body.legal #navigation li.legal a,
body.extras #navigation li.extras a{
 background:#fff url(arrow.png) no-repeat 5px center;
 border-left-color:#fff;
 cursor:default;
 font-weight:bold;
}

h2 {
 color:#666;
 font:bold 1.33em/normal "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
 line-height:1;
 margin:0.25em 0 0.25em 0px;
 text-align:left;
}

h2:first-letter {
 color:#f90;
 font-size:1.5em;
}


p img {
 padding: 0px; 
}

p.odd img {
 float:left;
 margin:0 10px 0px 0;
}

body.welcome,
p.even img {
 float:right;
 margin:0 0 0 10px;
}

#content p.coda {
 font-size:0.9em;
 text-align:center;
}

p.coda strong {
 display:block;
}

#content p.coda a {
 color:#f90;
 display:inline;
 font-size:1em;
 font-weight:bold; 
 text-decoration:none;
}

#content p.coda a:hover {
 color:#999;
}

body.florist #content tbody td {
 padding:0.1em 1em;
 text-align:center;
}

body.florist #content address {
 padding:0.1em 3em;
 font-style:normal;
}

#content  ul {
  list-style: disc outside;
  padding: 1.5em 45px;
  clear: left;
  float: left;
}

#content li {
  text-align: left;
}

.locations {
 height: auto;
}

.locations img {
	float: right;
	height: 150px;
}

blockquote {
	float: center;
	margin-left: auto;
	margin-right: auto;
	padding: 1em;
	width: 40em;
}

#mission {
	border-width: 6px;
	border-style: double;
}


#letterhead {
	border: thin solid black;
	padding: 0 0 1em 1em ;
	display: block;
	float: right;
        clear: both;
	margin: 5px;
	width: 200px;
	font-size: x-small;
}