@import "global.css";
@import "text.css";

#flower {
width: 313px;
height: 282px;
position: relative;
top: 140px;
left: 0;
}

hometxt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#FF3399;
	font-weight: normal;
}

hometxtBold{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#FF3399;
	font-weight: bold;
}

#logo {
width: 959px;
position: relative;
top: 225px;
left: 0;
text-align: right;
}

#logo #tag {
margin: 5px 0 0 0;
}

#nav {
width: 650px;
position: relative;
top: 90px;
left: 315px;
}

#barLeft {
	width: 50%;
	height: 55px;
	left: 0;
	position: relative;
	top: 450px;
	background-color: transparent;
	background-image: url(../images/bg-left-int.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#barRight {
	width: 50%;
	height: 55px;
	position: relative;
	right: -50%;
	top: 395px;
	background-color: transparent;
	background-image: url(../images/bg-right-int.gif);
	background-repeat: repeat-x;
	background-position: 40px 0;
}

#barMid {
	width: 944px;
	height: 598px;
	position: absolute;
	left: 50%;
	top: 10%;
	margin: 0 0 0 -470px;
	background-repeat: no-repeat;
	background-position: 0 450px;
}

#barMid #flora {
position: absolute;
top: auto;
left: auto;
}

#contact {
width: 505px;
height: auto;
float: right;
text-align: justify;
margin: 80px 0 0 0;
}

#about {
	width: 570px;
	height: 410px;
	text-align: justify;
}

#about p {
line-height: 17px;
margin: 15px 0 0 0;
padding: 0;
}

#barMid img#flowers {
	float: left;
}

/* opera */

@media all and (min-width:  0px) {
	img#flowers {
	float: left;
	position: relative;
	top: 50px;
	}
	div#about {
	width: 655px;
	height: auto;
	float: right;
	text-align: justify;
	margin: 150px 0 0 0;
	}
}

div#flowers {
	width: 900px;
	height: 400px;
	position: relative;
	top: 40px;
	left: 35px;
	text-align: left;
	margin: 0;
}

#flowers #thumbs {
	width: 110px;
	height: 400px;
	float: left;
	border-left-width: 0px;
	border-right-width: 0px;
}

#flowers #thumbs1 {
width: 54px;
height: 400px;
float: left;
}

#intNav {
	width: 900px;
	position: absolute;
	top: 515px;
	top: 510px;
	left: 35px;
}

#intNav1 {
	width: 900px;
	position: absolute;
	top: 515px;
	top: 510px;
	left: 35px;
	z-index: 100;
}
.thumb {
border: 1px solid #9abc0f !important;
margin: 1px;
cursor: pointer;
}

.thumbHover {
border: 1px solid #522E00;
margin: 1px;
cursor: pointer
}

img ~ div#thumbs > img.thumb:hover {
border: 1px solid #522E00 !important;
margin: 1px;
cursor: pointer
}

#holderWrap {
	width: 500px;
	height: auto;
	float: right;
	position: relative;
	text-align: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 5px;
}

div#weddings {
width: 900px;
height: 320px;
position: relative;
top: 40px;
left: 35px;
text-align: justify;
margin: 0;
}

#leftColumn {
width: 332px;
float: left;
}

#leftColumn1 {
width: 727px;
float: left;
}

#rightColumn {
	width: 550px;
	float: right;
	text-align: left;
}

#subNav {
margin: 25px 0 0 0;
padding: 0;
}

#subNav li {
margin: 5px 0 5px 0;
padding: 0;
}

.indent {
margin: 5px 0 5px 10px;
}

#footer {
	position: absolute;
	top: 605px;
	width: 400px;
	text-align: right;
	z-index: 100;
	left: 500px;
}

#footer1 {
	position: absolute;
	top: 95%;
	width: 300px;
	text-align: left;
	z-index: 100;
	left: 35px;
}

#footer2 {
	position: absolute;
	top: 95%;
	width: 150px;
	text-align: center;
	z-index: 100;
	right: 265px;
	left: 400px;
}


div#phone {
	width: 655px;
	height: auto;
	float: right;
	text-align: justify;
	margin: 150px 0 0 0;
	}

* {
	font-family: Verdana, Helvetica;
	font-size: 8pt;
	line-height: 22px;
}
.highslide {
	cursor: url(../graphics/zoomin.cur) pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid #000000;
}
.highslide:hover img {
	border: 2px solid #FF3399;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-full-expand {
	background: url(../graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* Controlbar example */
.controlbar {	
	background: url(../graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(../graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}
.highslide-overlay {
	display: none;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
 
body {
	margin: 0;
	padding: 0;
	background: white;
	font-family: verdana, arial, sans-serif;
	font-size: 70%;
}
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #000000;
}
#menu {
	position: absolute; /* Menu position that can be changed at will */
	top: 278px;
	z-index:100;
	width: 70px; /* precision for Opera */
	background-color: #FFFFFF;
	background-position: center;
	left: 34px;
}
#menu dl {
	float: left;
	width: 9em;
}
#menu dt {
	cursor: pointer;
	text-align: left;
	font-weight: normal;
	margin: 0px;
	background-color: #FFFFFF;
	color: #999999;
}
#menu dd {
	display: inline;
}
#menu li {
	text-align: left;
	color:#999999;
	margin-left:5px;
}
#menu li a, #menu dt a {
	text-decoration: none;
	display: inline;
	height: 100%;
	border: 0 none;
	color: #999999;
	background-color: #FFFFFF;
	text-align: left;
	width: 890px;
	line-height:14px;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
	color: #000000;
	background-color: #FFFFFF;
}
#site {
	position: absolute;
	z-index: 1;
	top : 70px;
	left : 10px;
	color: #522E00;
	background-color: #FFFFFF;
	padding: 2px;
}

#mainpgTxt {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 18px;
	color: #CCCCCC;
}