html,body {
height: 100%;
margin: 0;
padding: 0;
background-color: #fff;
color: #220000;
font-family: "Perpetua", "Bell MT", "Times New Roman", "Didot", serif;
}

h1.header {
text-align: center;
position: relative;
margin: 0;
//margin: 0 1em 0 100px;
padding: 0;
height: 1.4em;
/*width: 100%;*/
background-color: #444;
color: #551155;
}
img {border-style:none}
img.peacock {padding: 1.3em 0 0 1em; float:left;}
img.logo {padding: 1em 0 0 0.5em;}

strong.section_header {
	font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
}

/* NAVIGATION BAR */

ul.navigationbar {
position:absolute;
bottom:0; right:0;
margin: 0 0 0 0;
padding: 0;
}

ul.navigationbar li {
display: inline;
font-size: 0.47em;
float:left
padding: 0;
margin: 0;
}

ul.navigationbar a:link, ul.navigationbar a:visited {
  color: white;
  text-decoration:none;
  background-color: black;
  padding:0.3em 8px 0.2em 8px;
  float:left;
  width:auto;
  border-right: 1px solid #FFFFFF;
}

#buzz a {
  text-decoration:none;
  text-align:center;
 }

#nav-about a:hover {background-color: #df1279}
#nav-events a:hover {background-color: #0094e3}
#nav-weddings a:hover {background-color: #DDD200}
#nav-floral a:hover {background-color: #00a569}
#nav-stationery a:hover {background-color: #e27a19}
#nav-buzz a:hover {background-color: #241767}
#nav-contact a:hover {background-color: #df1279}

#about ul.tabs a {background-color: #FC85C3} 
#events ul.tabs a {background-color: #76B6DF} 
#weddings ul.tabs a {background-color: #D8D36C} 
#stationery ul.tabs a {background-color: #DA9B65}

#nav-contact a {border-right: 0px}

#nav-about a, #nav-events a, #nav-weddings a, #nav-floral a, #nav-stationery a, #nav-buzz a, #nav-contact a {
  color: white;
  background-color: #444444;
}

#about #nav-about a,
#events #nav-events a,
#weddings #nav-weddings a,
#floral #nav-floral a,
#stationery #nav-stationery a,
#buzz #nav-buzz a,
#contact #nav-contact a
{color: black; background-color: white;}

/* TABS */

ul.tabs {
position:relative;
top:0.5em;
text-align: center;
margin: 0 0 0 0;
padding: 0;
}

ul.tabs li {
display: inline;
font-size: 1.2em;
padding: 0;
margin: 0;
}

ul.tabs a:link, ul.tabs a:visited {
  color: #333333;
  text-decoration: none;
  //background-color: #F68E55;
  padding:0.2em 8px 0.2em 8px;
  width:auto;
  border-right: 1px solid #FFFFFF;
}

ul.tabs a:hover {
  color: #0000AA;
  //background-color: #F68E55;
}

ul.tabs #current {
  padding:0.2em 8px 0.2em 8px;
  margin: 0 3px 0 0;
  width:auto;
  border-right: 1px solid #FFFFFF;
  background-color: #ccc;//#dcb;
  color: #444;
}

/* CONTACT INFO FOOTER */

p.contact {
padding: 0.2em;
text-align: center;
background-color: #444444;
color: white;
}

div.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
position: relative;
margin: 0 0 -50px 0;	
background-color: #fff;
}

div.main {
margin: 0.7em 1em 1em 110px;
background-color: #ccc;
padding: 0.5em 1em 1em 1em;
}

div.img_portrait {
width: 30%;
position: relative;
float: left;
padding: 0 1em 1em 0;
}

div.img_landscape {
width: 45%;
position: relative;
float: right;
padding: 0 0 .5em 1em;
}

div.flash {
display: block;
margin-left: auto;
margin-right: auto;
}

div.footer, div.push {
clear: both;
position: relative;
top: 0; left:0; right:0; bottom: 0;
}