/* mac hide \*/
html, body {height:100%}
/* end hide*/

body 
{
	padding:0;
	margin:0;
	color: #000000;
    font-size:80%;
    font-family:Arial;
}

A, A:Active, A:Visited
{
    color:Blue;
    text-decoration:underline;
}

A:Hover
{
    text-decoration:none;
}

H1
{
    color:black;
    font-size:130%;
}

/*
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
'  SET UP    
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#outer
{
	min-height:100%;/*for mozilla as IE treats height as min-height anyway*/
	margin-right:240px;
	margin-bottom:-52px;
	color: #000111;
    padding-left:50px;
    padding-right:0px;   
}

* html #outer
{
    /* ie 3 pixel jog*/ 
    height:100%;
    /*margin-left:157px;*/
    /*border:solid 1px black;*/
}

/*
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
'  HEADER   
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#header
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:159px;
	color: #000000;
	background-color:Black;
}

#clearheader
{
    /*needed to make room for header*/
    height:161px;
}

/*
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
'  MAIN   
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
div,p  
{
    /*clear top margin for mozilla*/
    margin-top:0;
    line-height:20px;
}

* html #centrecontent 
{
    /* combat IE's 3 pixel jog */
    height:1%;
    margin-bottom:12px;
    /*border:solid 1px black;*/
}

#centrecontent 
{
    margin-top:40px;
}

#pageflower 
{
	position:absolute;
	left:0px;
    top:0px;
}

#logo 
{
	position:absolute;
	left:50px;
    top:20px;
}

#logoright
{
	position:absolute;
	right:0px;
    top:0px;
}

.small
{
    font-size:8pt;
}

/*
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
'  RIGHT   
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#right 
{
	position:relative;/*ie needs this to show float */
	width:240px;
	float:right;   
	margin-right:-239px;/*must be 1px less than width otherwise won't push footer down */
	padding-top:200px;/*needed to make room for header*/
	left:-1px/* line things up exactly*/
}

* html #left #right 
{
    /* three pixel jog*/
    margin-right:-3px
}

#right p 
{
    padding-left:3px;
    padding-right:2px
}

#rightcontent 
{
	position:absolute;
	height:100%;
	width:220px;
	margin-left: 10px;
    border: 1px solid #5c2846; 
}

#right table 
{
    width: 178px;
    margin-left:30px;
}

#rightcontent table th 
{
    border: 0px; 
}

#right table td 
{
     border: 0px;
     background-color:#dedede;
     border-left: 1px solid #5c2846;
     border-right: 1px solid #5c2846;
     text-align:center;  
}

#right table td img
{ 
       	border: 1px solid #000000; 
}

/*
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
'  MENU   
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#menu 
{
	position:absolute;
    top:127px;
    height:31px;
    width:100%;
	background-color: black;
	background-image:url(../images/menubg.gif);
	background-repeat:repeat-x;
}

#menuitems
{
    position:relative;
    top:5px;
    margin-left:50px;
    width:900px;
}

#menu A, #menu A:Active, #menu A:Visited
{
    font-size:13px;
    color:#2d2c27;
    text-decoration:none;
    margin-right:50px;
}

#menu A:Hover
{
    color:#bfa989
}

#menuround 
{
	position:absolute;
    right:0px;
}

a img 
{
	position:absolute;
	border: 0px;
}

#weddings 
{
	left:3%;
}

#bouquets 
{
	left:17%;  
}

#russ 
{
	left:29%;  
}

#sympathy 
{
	left:44%;  
}

#champagne {
	left:58%;  
}

#contact 
{
	left:73%;  
}

#home {
	left:86%;  
}

#interflora 
{
	position:absolute;
    left:70px;
	bottom: 20px;
}



/*
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
'  FOOTER   
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
#footer 
{
	width:100%;
	clear:both;
	height:50px;
    color: #e8d587;
	background-color: black;
	text-align:center;
	position:relative;
}

* html #footer 
{
    /*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}

#clearfooter
{
    /*needed to make room for footer*/
    clear:both;
    height:40px;
}

#footer #footertextleft 
{
	position:relative;
	float:left; 
	padding-left:20px;
	padding-top:16px;
	font-weight:bold;
	font-size:90%;
}

#footer #footertextright 
{ 
	position:relative;
	float:right;
	padding-right:20px;
	padding-top:16px;
	font-weight:bold;
	font-size:90%;
}



