/* Layout Document */

body {margin: 10px;	padding:0px; background: #fff;}

/* -------------------------------------------------------------------------------------------------------------------- */
/*                                               Masthead Content                                                       */
/* -------------------------------------------------------------------------------------------------------------------- */
#masthead {position: absolute; top: 15px; left: 0px; width: 780px; height: 132px;}

	#logo {position: absolute; top: 15px; left: 15px; width: 231px; height: 132px;
			background: url(../images/logo_200.gif) no-repeat; }
	#image {position: absolute; top: 0px; left: 235px; width: 199px; height: 130px;
			background: url(../images/gazebo_wedding_199.jpg) no-repeat; border:1px solid #777777; }
	#banner {position: absolute; top: 0px; left: 438px; width: 340px; height: 130px;
			background: url(../images/faded_rose01_123.gif) no-repeat; border: thin solid #f8e3ec;}
	#banner_text {position: absolute; top: 5px; left: 15px; width: 310px; }

/* -------------------------------------------------------------------------------------------------------------------- */
/*                                                 Navigation                                                           */
/* -------------------------------------------------------------------------------------------------------------------- */
#redbar {position: absolute; top: 151px; left: 15px; width: 765px; height: 30px; background: #eb2368;}

#navigation {position: absolute; top:151px; left:15px; height: 26px; width: 765px; z-index: 100; background: #eb2368; padding:0px 0 0; }

ul.nav { float: left; width: 100%; display:inline; margin:0; padding:0; }
ul.nav li { position:relative; float: left; display:block; list-style: none; margin-left: 1px; padding-top:5px;}
ul.nav li a { padding: 0px 6px; margin-right: 2px; }
ul.nav a { text-decoration:none; }
ul.nav a:hover { text-decoration:none; color:#e81c07; }

/*  PRIMARY NAVIGATION DROP DOWNS  */

ul.nav li a[title], ul.nav li ul li a[title] { border:none; }
ul.nav ul { margin:0px; padding:0; list-style:none; width:200px; background-color:#fff; border-left:2px solid #eb2368; border-right:2px solid #eb2368; border-bottom:2px solid #eb2368; }
ul.nav li ul { position:absolute; left:auto; top:20px; width:180px; display:none; z-index:500; margin:0px; padding:3px 0 0; }
ul.nav li ul li { padding:0px; margin:0px; width:180px; color:#FFCC00; border-bottom:none; }
ul.nav li ul li a { display:block; background:transparent; color:#000 !important; border:none; padding:3px 6px; margin:0px; font:normal 11px "Myriad Web", Arial, sans-serif; }
ul.nav li ul li a:hover { color:#eb2368 !important; }
ul.nav li:hover ul, ul.nav li.over ul { display: block; }

/* -------------------------------------------------------------------------------------------------------------------- */
/*                                              Footer Content                                                          */
/* -------------------------------------------------------------------------------------------------------------------- */
#footer {width: 580px; padding: 5px 0px 0px 0px; margin-left:-40px; }
#footer ul {list-style: none; border: 0;}
_div>#footer ul {margin: 0 10px 0 -15px;}
#footer li {display: inline; padding: 0px 2px 0px 3px;}
	.indexposition {position: relative; left: 0px;}
	.restposition {position: static; float: left;}

/* -------------------------------------------------------------------------------------------------------------------- */
/*                                                Left Content                                                          */
/* -------------------------------------------------------------------------------------------------------------------- */
#left {position: absolute; top: 195px; left: 0px; width: 231px; height: 400px; background: #fff; padding-bottom: 10px;}

/* ----- left boxes rounded corners ------ */
/* - */ .box {background: #fbc1df; border: 2px solid #eb2368;  margin-left: 15px; }
/* - */ .top, .bottom {position: relative; left: 0px; height: 13px;	}
/* - */ .top { top: -2px; }
/* - */ .bottom { margin-bottom: -2px; top: 0px; }
/* - */ .box > .bottom { top: 0px; }
/* - */ .tl, .tr, .bl, .br {width: 13px; height: 13px; z-index: 10; }
/* - */ .tl, .bl { float: left; position: relative; left: -2px; }
/* - */ .tr, .br { float: right; margin-right: -2px; position:relative;}
/* - */ .tl { background: url(../images/corner_b1.gif) no-repeat left top; }
/* - */ .tr { background: url(../images/corner_b2.gif) no-repeat right top; }
/* - */ .bl { background: url(../images/corner_b4.gif) no-repeat left bottom; }
/* - */ .br { background: url(../images/corner_b3.gif) no-repeat right bottom; }
/* - */ .content { margin: -20px .5em -20px .5em;}
/* --------------------------- */

#box1 {position: static; width: 201px;}
#box2 {position: static; width: 201px;}
#box3 {position: static; width: 201px;}
#box4 {position: static; width: 201px;}
#box5 {position: static; width: 201px;}


/* -------------------------------------------------------------------------------------------------------------------- */
/*                                                Main Content                                                          */
/* -------------------------------------------------------------------------------------------------------------------- */
#right {position: absolute; top: 185px; left: 235px; width: 549px; background: #fff; padding-bottom: 10px;}

/* -----Index page only------ */
.rightframe {position: absolute; top: 0px; left: 389px; width: 154px; height: 488px; 
		border: thin solid #f8e3ec; background: url(../images/gradient_vert_1x286.jpg) repeat-x bottom right;}
.rimage {position: absolute; top: 189px; left: 1px; width: 152px; height: 178px; 
		background: url(../images/wedding01r_bw_154.jpg) no-repeat; z-index: 5;}
.followBlock { position:static; margin:10px 15px; font:bold 14px Arial, sans-serif !important; color:#000 !important; }
.followBlock.home { position:absolute; bottom:0; margin-left:10px; }
.followBlock img { float:left; border:none; }
.cornerimage { position: absolute; top: 286px; left: 387px; width: 155px; height: 124px; 
		border: thin solid #f3bed8; background: url(../images/wedding03c_col_154.jpg) no-repeat; z-index: 5;}
.bottomframe {position: absolute; top: 286px; left: 0px; width: 389px; height: 125px; 
			border: thin solid #f8e3ec; background: url(../images/gradient_hor_404.jpg) repeat-y;}
.bimage {position: absolute; top: 1px; left: 227px; width: 157px; height: 123px; 
		background: url(../images/wedding02b_bw_157.jpg) no-repeat; z-index: 5;}
/* --------------------------- */

#content { position:relative; background: #fff; border: thin solid #f8e3ec; background: url(../images/faded_rose02_170.gif) no-repeat top right; 
	padding: 10px;}
	.indexcontent {position: absolute; width: 363px; height:auto;}
	.restcontent {position: static; float: left; width: 524px;}
	.column {width: 67%;}
	.fixdrop {height: 250px;}

a.topbar { position:static; float:right; width:60px; height:12px; background:#7d626e url(../images/top_triangle.gif) no-repeat 4px 4px; }
	.top1 { top:350px; }
	.top2 { top:650px; }

.header {position: static; float: left; width: 517px; border: 1px solid #cccccc; height: 30px; padding-left: 5px;}
	.header1 {margin-top: 3px;}
	.topicheader {width: 350px;}

.divider {position: static; float: left; width: 300px; border: 1px solid #fbc1df; height: 1px; margin: 10px 0 10px 50px;}
.removemargin {float: none;}

.topicbox {position: static; float: left; width: 517px;}

.columncontainer {position: static; float: left; width:517px;}
.menucolumn {position: static; width: 247px; margin-top: 25px; padding: 4px;}
	.menuimage {background: url(../images/infobox_corner_b1.gif) no-repeat right top; border: 1px solid #cccccc;}
	.floatleft {float: left; border-right: 1px solid #cccccc;}
	.leftfloat {float: left;}
	.floatright {float: right;}
.graylineHOR {position: static; float: left; width: 300px; border-top: 1px solid #cccccc; margin: 10px 0 10px 100px;}

/* ----- vendor boxes ------ */
.VendorBox	{position: static; float: left; width: 525px;}
.VendorName {position: static; float: left; width: 110px; padding-top: 5px;}
.VendorInfo {position: static; float: left; width: 290px; padding: 5px; min-height: 90px;}
	.IndentBox {margin-left: 110px; margin-top: 10px;  border: 1px solid #eb2368;
				 _margin-left: 50px;} /* -- _margin used to get IE to play nice -- */
	.norm-vendor {border: 1px solid #eb2368;}  /* originally #ccc, but Tina prefered all pink boxes */
	.sig-vendor {border: 1px solid #eb2368;}
.VendorImage {position: static; float: right; width: 100px; height: 100px; border: 1px solid #4d4d4d;}
	.vendor01a {background: url(../images/vendor01a.jpg) no-repeat;}
	.vendor01b {background: url(../images/vendor01b.jpg) no-repeat;}
	.vendor01c {background: url(../images/vendor01c.jpg) no-repeat;}
	.vendor01d {background: url(../images/vendor01d.jpg) no-repeat;}
	.vendor02a {background: url(../images/vendor02a.jpg) no-repeat;}
	.vendor02b {background: url(../images/vendor02b.jpg) no-repeat;}
	.vendor02c {background: url(../images/vendor02c.jpg) no-repeat;}
	.vendor02d {background: url(../images/vendor02d.jpg) no-repeat;}
	.vendor03a {background: url(../images/vendor03a.jpg) no-repeat;}
	.vendor03b {background: url(../images/vendor03b.jpg) no-repeat;}
	.vendor03c {background: url(../images/vendor03c.jpg) no-repeat;}
	.vendor03d {background: url(../images/vendor03d.jpg) no-repeat;}
	.vendor04a {background: url(../images/vendor04a.jpg) no-repeat;}
	.vendor04b {background: url(../images/vendor04b.jpg) no-repeat;}
	.vendor04c {background: url(../images/vendor04c.jpg) no-repeat;}
	.vendor04d {background: url(../images/vendor04d.jpg) no-repeat;}
	.vendor05a {background: url(../images/vendor05a.jpg) no-repeat;}
	.vendor05b {background: url(../images/vendor05b.jpg) no-repeat;}
	.vendor05c {background: url(../images/vendor05c.jpg) no-repeat;}
	.vendor05d {background: url(../images/vendor05d.jpg) no-repeat;}  /* spa */
	.vendor06a {background: url(../images/vendor06a.jpg) no-repeat;}  /* churches */
	.vendor06b {background: url(../images/vendor06b.jpg) no-repeat;}  /* rehersal dinner */
	.vendor06c {background: url(../images/vendor06c.jpg) no-repeat;}  /* hotels */
	.vendor06d {background: url(../images/vendor06d.jpg) no-repeat;}  /* fireworks */

/* ----- portfolio boxes ------ */
.portfolio {position: static; float: left; width: 525px;}
	.BotBuffer {margin-bottom: 10px;}
	.TopBuffer {margin-top: 30px;}
.testimonial {position: static; width: 400px;  border: 1px dotted #cccccc; padding: 5px; margin-bottom: 15px;}
.thumbcontainer {position: static; width:100px; border: none; padding: 0px;}
	.marginright {margin-right: 6px; _margin-right: 2px;}
	.marginleft {margin-right: -6px; _margin-right: -7px;}
	.margincenter {margin-right: -5px; margin-right: 13px; _margin-right: 3px;}
.thumbholder {position: static; float: right; width: 100px; height: 100px;  border: 1px solid #4d4d4d; margin-bottom: 5px;}

/* ----- site map boxes ------ */
.sitecontainer {position: static; float: left; width: 517px;}

.dotbox {position: static; width: 500px; border: 1px dotted #cccccc; padding: 10px;}

/* ----- contact form ------ */
label, input {display: block; float: left; margin-bottom: 1px; _margin-bottom: 6px;}
	.iebottom {}
label {text-align: right; width: 150px; padding-right: 20px;}
input {color: #7d626e; background: #fbc1df; border: 1px solid #eb2368; text-align: left;}
	.clear {clear: left;}
textarea {width: 320px; height: 50px; background-color: #fbc1df; border: 1px solid #eb2368;
		font: 12px Arial, sans-serif; color: #4d4d4d; padding: 3px;}
.findout { width:320px; height:25px; }
.checkbox {margin-left: 168px; margin-top: 2px; width: 20px; color: #fff; background: #fff; border: none; _margin-left: 85px;}
	.alignleft {text-align:left; line-height: 18px; color: #7d626e;}
#submitbutton {margin-left: 80px; margin-top: 5px; width: 90px; text-align: center; background: #fff; _margin-left: 50px;}
#resetbutton {margin-left: 160px; margin-top: 5px; width: 90px;text-align: center; background: #fff;}
/* --------------------------- */
fieldset {border: 1px dotted #cccccc; width: 350px;}
legend {color: #ffffff; background: #7d626e; border: 1px solid #f8e3ec; padding: 2px 6px;
		font: bold 12px Arial, sans-serif; color: #ffffff;}

/* ----- info box rounded corners ------ */
/* - */ .box2 {background: #7d626e;}
/* - */ .top2, .bottom2 {position: relative; left: 0px; height: 13px;	}
/* - */ .top2 { top: 0px; }
/* - */ .bottom2 { margin-bottom: 0px; top: 0px; }
/* - */ .box2 > .bottom2 { top: 0px; }
/* - */ .tl2, .tr2, .bl2, .br2 {width: 13px; height: 13px; z-index: 10; }
/* - */ .tl2, .bl2 { float: left; position: relative; left: 0px; }
/* - */ .tr2, .br2 { float: right; margin-right: 0px; position:relative;}
/* - */ .tl2 { background: url(../images/infobox_corner_b1.gif) no-repeat left top; }
/* - */ .tr2 { background: url(../images/infobox_corner_b2.gif) no-repeat right top; }
/* - */ .bl2 { background: url(../images/infobox_corner_b4.gif) no-repeat left bottom; }
/* - */ .br2 { background: url(../images/infobox_corner_b3.gif) no-repeat right bottom; }
/* --------------------------- */
#infobox {position: absolute; width: 160px; top: 130px; right: 15px; z-index: 20;}

/* -------------------------------------------------------------------------------------------------------------------- */
/*                                                CSS Type Control                                                      */
/* -------------------------------------------------------------------------------------------------------------------- */

p, ul, li, span {font: 14px "Times New Roman", Times, serif; color: #4d4d4d; line-height: 20px;}
p a {font-weight: bold; color:  #884d66; text-decoration: underline;}
p a:hover {text-decoration: none;}
ul a {font-weight: bold; color: #884d66; text-decoration: underline;}
ul a:hover {text-decoration: underline;}

strong { color:#6d6d6d; }

.center {text-align: center;}
.removebreaks {margin: 0 0 0 0; padding: 0 0 0 0;}
.nobullets {list-style-type: none;}
.indent {margin-left: 20px;}
.normal {font-weight: normal; text-decoration: none;}
.normalsans {font: normal 12px Arial, sans-serif;}
.bold {font-weight: bold;}
.textright {text-align: right;}
.textleft {text-align: left;}
.clear { clear:both; }

.black { color:#000; }

h1 {font: normal 24px Arial, Helvetica, sans-serif; color: #eb2368;} /* section heading */
.smallblack {font: bold 14px Arial, Helvetica, sans-serif; color: #000000;}

h2 {font: bold 16px Arial, Helvetica, sans-serif; color: #4d4d4d; } /* banner */
.highlight {color: #eb2368;}

h3 {font: bold 14px Arial, Helvetica, sans-serif; color: #000000; } /* taglines */
.reducespacing {margin-bottom: -10px;}

h4 {font: bold 14px Arial, Helvetica, sans-serif; color: #4d4d4d;} /* item heading */

h5 {font: bold 12px Arial, Helvetica, sans-serif; color: #000000;}  /* spot heading */
	.pinknav {color: #eb2368;} /* sub navigation  */
	.pinknav a {font-weight: bold; color: #eb2368; line-height: 16px; text-decoration: none;}
	.pinknav a:hover {text-decoration: underline;}
	.whitenav {font-weight: normal; color: #ffffff; line-height: 18px; }   /* infobox sub navigation  */
	.whitenav a {font-weight: normal; color: #ffffff; line-height: 16px; text-decoration: none;}
	.whitenav a:hover {text-decoration: underline;}
	
h6, h6 a {font: bold 12px Arial, Helvetica, sans-serif; color: #4d4d4d; text-decoration: none;}
h6 a:hover {text-decoration: underline;}
	.quote {font-weight: normal; font-size: 11px; line-height: 16px;}
	.bumpright {margin-left: 25px;}
.moreinfo {font: normal 8px Arial, Helvetica, sans-serif; color: #777; padding: 1px 2px;
		background-color: #cccccc; border: 1px solid #777;}
.moreinfo a {font: normal 8px Arial, Helvetica, sans-serif; color: #777; text-decoration: none;}

.topbar {font: normal 9px Arial, Helvetica, sans-serif; text-align: right; color: #ffffff; text-decoration: none; padding-right: 2px; margin-top: 35px;}

#navigation a {font: normal 12px Arial, Helvetica, sans-serif; color: #ffffff;}
	#navigation a:hover {color: #4d4d4d;}
#subnav {font: normal 12px Arial, Helvetica, sans-serif; color: #eb2368;}
#spottext {font: normal 12px Arial, Helvetica, sans-serif; color: #000000;}

#legend {font: bold 14px Arial, Helvetica, sans-serif;}
#fieldset {font: normal 12px Arial, Helvetica, sans-serif; }

#footer ul li {font: normal 10px Arial, Helvetica, sans-serif; color: #666666;}
	#footer a {color: #666666;}
	#footer a:hover {color: #eb2368;}
	
ul.faqlist { list-style:none; }
ul.faqlist li a { font:bold 12px Arial, sans-serif; color: #884d66; line-height: 16px; }
	
/* -------------------------------------------------------------------------------------------------------------------- */
/*                                                CSS Images Control                                                      */
/* -------------------------------------------------------------------------------------------------------------------- */

.galleria { height:333px; }

img { position:static; border:1px solid #777777; }
.leftmargin {margin: 5px 0px 5px 10px;}
.rightmargin {margin: 5px 10px 5px 0px;}

#IMGgazebo {background: url(../images/facilities_gazebo.jpg) no-repeat center center; width: 200px; height: 235px;
		position: static; float: right;}
#IMGdining {background: url(../images/facilities_dining.jpg) no-repeat center center; width: 200px; height: 235px;
		position: static; float: right;}
#IMGreception {background: url(../images/facilities_reception.jpg) no-repeat center center; width: 200px; height: 235px;
		position: static; float: right;}
#IMGpatio {background: url(../images/facilities_patio.jpg) no-repeat center center; width: 200px; height: 235px;
		position: static; float: right;}
#IMGfood {background: url(../images/imageC2.jpg) no-repeat center center; width: 520px; height: 127px;
		position: static; float: right;}
#IMGguestbook {background: url(../images/imageB2.jpg) no-repeat center center; width: 520px; height: 99px;
		position: static; float: right;}
#IMGumbrella {background: url(../images/imageA1.jpg) no-repeat center center; width: 165px; height: 334px;
		position: static; float: right; margin-left: 20px;}
#IMGkids {background: url(../images/imageB1.jpg) no-repeat center center; width: 261px; height: 444px;
		position: static; float: left; margin-right: 15px;}
#IMGwitness {background: url(../images/imageA2.jpg) no-repeat center center; width: 115px; height: 450px;
		position: static; float: left; margin-right: 15px;}
#IMGcar {background: url(../images/imageD1.jpg) no-repeat center center; width: 220px; height: 356px;
		position: static; float: left; margin-right: 15px;}
#IMGmarried {background: url(../images/imageC1.jpg) no-repeat center center; width: 150px; height: 257px;
		position: static; float: right; margin-left: 15px;}
#IMGwalking {background: url(../images/imageD2.jpg) no-repeat center center; width: 150px; height: 297px;
		position: static; float: right; margin-left: 15px;}
#IMGstation {background: url(../images/imageE1.jpg) no-repeat center center; width: 450px; height: 200px;
		position: static;}
#IMGceremony {background: url(../images/imageC3.jpg) no-repeat center center; width: 520px; height: 127px;
		position: static; float: right;}