html {
overflow: auto;
}
a, a img {
border:none;
}
a {
color:#069;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#393;
cursor:pointer;
}
html, body, #outermost {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
body {
text-align: center; /* IE/Win bug fix */
font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}
h1 {
font-size:18px;
padding:0;
margin:0;
}
ul {
padding-top:5px;
padding-bottom:5px;
margin-top:0;
margin-bottom:0;
}
#outer {
height: 500px;
width: 99%;
background-color: #FFFFFF;
background-image:url(../../images/border.gif);
background-position:bottom;
background-repeat:repeat-x;
z-index: 10;
text-align:left;
}
/*
Works in IE5+/Win, Firefox, Safari, Opera 5+, Netscape 6+, Konqueror 3
Does not work in NS4.x or IE/Mac
*/
.valignmid1 {
position: relative;
margin: 0 auto;
}
/* Opera 7.0x is buggy when you put display:table on Opera 7.2+ and 6.x
don't appear to have this problem. We hide this from IE5/Mac, because it
doesn't support display:table-cell and it doesn't have the same bug that allows
this to work in IE5-6/Win (hide from IE/Mac) \*/
.valignmid1 {
display: table;
vertical-align: middle;
}
/* Moz1.4 - Moz1.6 (NS7.1) bug, can't put position:relative on .valignmid2 \*/
.valignmid2 {
width: 100%;
display: table-cell;
vertical-align: middle;
}
/* end hide */
.valignmid3 {
position: relative;
}
/* hide from IE/Mac \*/
/* end hide */
p {
padding:0 0 6px 0;
margin:0;
font-weight:normal;
}
#container {
position:relative;
margin-left:-475px;
left:50%;
width:950px;
height:500px;
}
#header {
position:absolute;
top:0;
left:0;
width:950px;
height:102px;
}
#menu {
position:absolute;
bottom:1px;
left:285px;
height:55px;
}
#menu a {
float:left;
display:block;
height:55px;
width:100px;
}
#menu a {
background-repeat:no-repeat;
background-position:0 10px;
padding:0 5px;
}
#menu a:hover {
background-position:0 0px;
}
#menu #home {
background-image:url(../../images/menu_home_up.gif);
}
#menu #whatwedo {
background-image:url(../../images/menu_whatwedo_up.gif);
}
#menu #weddings {
background-image:url(../../images/menu_weddings_up.gif);
}
#menu #getintouch {
background-image:url(../../images/menu_getintouch_up.gif);
}
#flowerpatch {
position:absolute;
right:0;
top:0;
}
#content {
position:absolute;
left:0;
bottom:0;
width:950px;
height:398px;
border:#000 1px solid;
}
#welcome_container {
position:absolute;
left:17px;
top:17px;
width:282px;
}
#polaroid_container {
position:absolute;
left:338px;
top:17px;
width:320px;
height:320px;
overflow:hidden;
}
#polaroid_mask {
position:absolute;
top:0;
left:0;
}
#polaroids {
position:absolute;
top:0;
left:0;
width:320px;
height:320px;
}
#news_container {
position:absolute;
right:17px;
top:17px;
width:227px;
height:316px;
background-image:url(../../images/news_bg.gif);
background-repeat:repeat-x;
}
#news{
padding:15px 20px;
}
#news h1 {
font-size:15px;
}
#news div {
padding:5px 0 0 0;
margin:0;
border:0;
}
#newstable {
font-size:11px;
height:285px;
}
#whatwedo_container {
position:absolute;
left:17px;
top:17px;
width:282px;
}
#whatwedo_gallery_container {
position:absolute;
left:365px;
top:17px;
width:581px;
}
#whatwedo_gallery a {
display:block;
margin:0 0 10px 10px;
padding:0;
float:left;
width:100px;
height:100px;
border:1px #CCC solid;
}
#whatwedo_gallery a img {
padding:0;
margin:0;
float:left;
}
#whatwedo_gallery a:hover {
border:1px #690 solid;
}
#whatwedo_weddings_container {
position:absolute;
left:365px;
top:17px;
width:581px;
}
#whatwedo_weddings a {
display:block;
margin:0 0 10px 10px;
padding:0;
float:left;
width:100px;
height:100px;
border:1px #CCC solid;
cursor:pointer;
}
#whatwedo_weddings a img {
padding:0;
margin:0;
cursor:pointer;
width:100px;
height:100px;
float:left;
}
#whatwedo_weddings a:hover {
border:1px #690 solid;
}
#getintouch_container {
position:absolute;
left:17px;
top:17px;
width:390px;
}
#contact_container {
position:absolute;
right:17px;
top:17px;
width:440px;
}
#contact_container fieldset {
border:0;
}
#contact_container div {
float:left;
padding:0 0 10px 0;
}
#contact_container label {
display:block;
float:left;
width:110px;
}
#contact_container input {
display:block;
float:left;
width:300px;
font-size:14px;
font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
#contact_container textarea {
display:block;
float:left;
width:300px;
height:150px;
font-size:14px;
font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
#contact_container .submit {
height:30px;
background-color:#9C3;
color:#030;
border:#060 1px solid;
font-size:14px;
cursor:pointer;
font-weight:bold;
padding:0 0 2px 0;
}
#contact_container .submit:hover {
border:#F09 1px solid;
}
label {
color:#666;
}
.error label {
color:#F00;
}
#footer {
font-size:10px;
position:absolute;
bottom:10px;
right:10px;