관리-도구

편집 파일: style_responsiveBU6-24-15.css

@charset "utf-8";
/* CSS Document */
html,body {
	margin: 0;
	padding: 0;
	}
body {
	background: #fafafa url("/images/bg-short.jpg") repeat-x;
	color: #333;
	font: 62.5% Arial, Helvetica, sans-serif;
	text-align:center;
	}
	
	#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(http://www.finestweddingsites.com/reception/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(http://www.finestweddingsites.com/reception/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
/* Global Classes
--------------------------------------------------------------------------------------- */
.clear 			{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.wrap 			{ width:960px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

img, a img 		{border: 0;}

img.border      {
	background-color: #000;
	border: 5px double #c0c0c0;
	border-bottom-color: #8C8C8C;
	border-right-color: #8C8C8C; 
	}

img.borderleft  {
	background-color: #000;
	border: 5px double #c0c0c0;
	border-bottom-color: #8C8C8C;
	border-right-color: #8C8C8C; 
	float: left;
	margin: 4px 10px 4px 0;
	}

.verttop        {vertical-align: top;}
.vertbottom     {vertical-align: bottom; padding-top: 5px;}
.vertcenter     {vertical-align: middle; padding-top: 5px;}
.vertcenterimg   {vertical-align: middle; padding:0 0 5px 5px;}

ul.normal {font-size: 1.2em;}
ol.normaltext {font-size: 1.2em;}

dl.contest {
	font-size: 1.2em;
	}

dl.contest dt {
	font-weight: bold;
	}
dl.contest dd{
	margin-left: 17px;
	padding-left: 17px;
	background: url("/images/dd_arrow.gif") no-repeat 0 60%;
	}

.regulations {
	border-top: double #ccc;
	border-bottom: double #ccc;
	clear: both;
	}

ol.rules {
	font-size: 1.2em;
	}
	
ol.rules li {
	list-style-type: lower-alpha;
	}

h1, h2, h3, h4 {
	background-color: transparent; 
	color: #075c93; 
	font-weight: normal; 
	
	}
h1 {
	font-size: 1.6em;
	}
h2 {
	font-size: 1.5em;
	}
h3 {
	font-size: 1.3em;
	}
h1.title {
	background: url("/images/w_circle.gif") 0 0 no-repeat;
	border-bottom: 1px dashed #000;
	font-size: 1.6em;
	height:25px;
	padding: 0 0 0 25px;
	}
h2.home {
	background: url("/images/w_circle.gif") 0 0 no-repeat;
	font-size: 1.3em;
	height:25px;
	padding: 0 0 25px 25px;
	}
h3.home {
	background: url("/images/w_circle.gif") 0 0 no-repeat;
	font-size: 1.3em;
	height:25px;
	padding: 0 0 25px 25px;
	}
h2.articlestyle {
	font-size: 0.5em;
}
.header-evn  {
	background-color: transparent; 
	color: #075c93; 
	font-weight: bold;
	font-size: 1.5em; 
	
	}
.header-evn-sm  {
	background-color: transparent; 
	color: #075c93; 
	font-weight: bold;
	font-size: 1.2em; 
	
	}

.search { font: 1.6em Arial, Helvetica, sans-serif; color: #075c93; font-weight: bold; }
.search1 { font: 1.6em Arial, Helvetica, sans-serif; color: #075c93; font-weight: normal; }
	
a:link,  a:visited {
	color: #075c93;
	}
a:hover, a:active {
	color: #075c93;
	text-decoration:underline;
	}
img, a img {
	border: 0;
	}
.normaltext {
	font-size: 1.2em;
	}
.small {
	font-size: .9em;
	}
div#header {
	position:relative;
	max-width: 950px ;
	}
#header h1{
	background: url("/images/bg_header-short.jpg") top left no-repeat; 
	color: #fff;
	height: 197px; 
	line-height: 197px; 
	margin: 0; 
	overflow: hidden; 
	text-indent: -9999px;
	}
#container {
	margin:0 auto;
	text-align:left;
	max-width:990px;
	}
#wrapper {
	float:left;
	width:100%;
	}
#topbanner {
	float: left;
	padding: 15px 0 0 140px;
	}
#content {
	margin: 20px 210px;
	}
#content p {
	font-size: 1.2em;
	line-height:1.4;
	}
#content .search1 { font: 1.6em Arial, Helvetica, sans-serif; color: #075c93; font-weight: normal; }
#content .sub1 { font: 1em Arial, Helvetica, sans-serif; color: #075c93; font-weight: normal; }
#content .text1 { font: 1em Arial, Helvetica, sans-serif; color: #333333; font-weight: normal; line-height: 1.5em; }
div#leftside {
	background:#fafafa;
	float:left;
	margin:20px 0 0 -985px;
	width:190px;
	}
div#rightside {
	background:#fafafa;
	float:left;
	margin:20px 0 0 -195px;
	width:190px;
	}
div#footer {
	background: #fafafa url("/images/bg_footer.jpg") top left repeat-x;
	color: #333; 
	clear:left;
	font-size: 1.1em;
	margin:0;
	padding:5px 0 20px 0;
	width:100%;
	}
/*- Menu Tabs --------------------------- */
#tabs {
	background: transparent;
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	line-height: normal;
	width: 100%;
	  }
#tabs ul {
	list-style: none;
	margin: 0;
	padding: 9px 10px 0 120px;
	}
#tabs li {
    display: inline;
    margin: 0;
    padding: 0;
    }
#tabs a {
	background: url("/images/tableftJ.gif") no-repeat left top;
    float: left;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
    }
#tabs a span {
	background: url("/images/tabrightJ.gif") no-repeat right top;
    color: #075c93;
	display: block;
	float: left;
    padding: 5px 15px 4px 6px;
    }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {
	float:none;
	}
/* End IE5-Mac hack */
#tabs a:hover span {
    color: #FFF;
      }
#tabs a:hover {
    background-position: 0% -42px;
      }
#tabs a:hover span {
    background-position: 100% -42px;
    }
	
	
	
	/*- Menu Tabs --------------------------- */
#tabs2 {
	background: transparent;
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	line-height: normal;
	width: 100%;
	  }
#tabs2 ul {
	list-style: none;
	margin: 0;
	padding: 9px 10px 0 75px;
	}
#tabs2 li {
    display: inline;
    margin: 0;
    padding: 0;
    }
#tabs2 a {
	background: url("/images/tableftJ.gif") no-repeat left top;
    float: left;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
    }
#tabs2 a span {
	background: url("/images/tabrightJ.gif") no-repeat right top;
    color: #075c93;
	display: block;
	float: left;
    padding: 5px 15px 4px 6px;
    }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs2 a span {
	float:none;
	}
/* End IE5-Mac hack */
#tabs2 a:hover span {
    color: #FFF;
      }
#tabs2 a:hover {
    background-position: 0% -42px;
      }
#tabs2 a:hover span {
    background-position: 100% -42px;
    }
		
	
	
	/*- Menu Tabs3 --------------------------- */
#tabs3 {
	background: transparent;
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	line-height: normal;
	width: 100%;
	  }
#tabs3 ul {
	list-style: none;
	margin: 0;
	padding: 9px 10px 0 25px;
	}
#tabs3 li {
    display: inline;
    margin: 0;
    padding: 0;
    }
#tabs3 a {
	background: url("/images/tableftJ.gif") no-repeat left top;
    float: left;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
    }
#tabs3 a span {
	background: url("/images/tabrightJ.gif") no-repeat right top;
    color: #075c93;
	display: block;
	float: left;
    padding: 5px 15px 4px 6px;
    }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs3 a span {
	float:none;
	}
/* End IE5-Mac hack */
#tabs3 a:hover span {
    color: #FFF;
      }
#tabs3 a:hover {
    background-position: 0% -42px;
      }
#tabs3 a:hover span {
    background-position: 100% -42px;
    }
	
	
	
.box { 
	background: #fafafa url("/images/bg_small_box.jpg") top left repeat-x;
	border: 1px solid #b1cdff; 
	font-size: 1.2em;
	margin-bottom: 15px;
	padding: 8px 0; 
	text-align: center; 
	width: 100%; 
	}
.box h1 { 
	font: 1.3em Arial, Helvetica, sans-serif; 
	font-weight: normal;
	color: #075c93;
	margin:0 0 5px 0; 
	}
.box h2 { 
	font: 1.1em Georgia, "Times New Roman", Times, serif; 
	font-weight: normal;
	margin:0 0 5px 0; 
	}
.upcomingbox { 
	background: #fafafa url("/images/bg_small_box.jpg") top left repeat-x;
	border: 1px solid #b1cdff; 
	font-size: 1.2em;
	margin-bottom: 15px;
	padding: 8px 0; 
	width: 100%; 
	}
.upcomingbox h1 { 
	font: 1.3em Arial, Helvetica, sans-serif; 
	font-weight: normal;
	color: #075c93;
	margin:0 0 5px 0; 
	text-align: center; 
	}
.upcomingbox h2 { 
	font: 1.1em Georgia, "Times New Roman", Times, serif; 
	font-weight: normal;
	margin:0 0 5px 0; 
	}
.upcomingbox ul {
	margin: 0 5px; 
	padding: 0;
	}
.upcomingbox li {
	display: block;
	list-style: none;
	}
.upcomingbox li a:link,  a:visited {
	color: #075c93;
	text-decoration: underline;
	}
.upcomingbox li a:hover, a:active {
	color: #3377FF;
	text-decoration: underline;
	}
.homebox { 
	background: #fafafa url("/images/bg_small_box.jpg") top left repeat-x;
	border: 1px solid #b1cdff; 
	font-size: 1.2em;
	padding:8px 0; 
	width: 100%; 
	}
	
.homebox1 { 
	background: #fafafa url("/images/light-blue-bk.jpg") top left ;
	border: 1px solid #b1cdff; 
	font-size: 1.2em;
	padding:8px 0; 
	width: 100%; 
	}
	
.homebox1 h1 {
	color: #075c93;
	font: 1em Arial, Helvetica, sans-serif; 
	font-weight: normal;
	}

.homebox2 { 
	background: #fafafa url("/images/light-blue-bk.jpg") top left ;
	border: 1px solid #b1cdff; 
	font-size: 1em;
	padding:8px 0; 
	width: 100%; 
	}
	
.homebox2 h1 {
	color: #075c93;
	font: 1.6em Arial, Helvetica, sans-serif; 
	font-weight: normal;
	}

.header-homebox2 {
		color: #075c93;
		font: 1.4em Arial, Helvetica, sans-serif; 
		font-weight: normal;
		}
	
.homebox h1 {
	color: #075c93;
	font: 1.3em Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	 padding: 0 0 0 15px;
	}
.homebox ul {
	margin: 0; 
	padding: 0;
	}
	
	.article {
	font: .9em Georgia, "Times New Roman", Times, serif; }
	
	.article-header {
	font: 1.3em Arial, Helvetica, sans-serif; }
	
	
.homebox li {
	display: block;
	list-style: none;
	}
.homebox li a:link,  a:visited {
	color: #075c93;
	text-decoration: none;
	}
.homebox li a:hover, a:active {
	color: #3377FF;
	text-decoration: underline;
	}
.box_vendor_menu { 
	background: #fafafa url("/images/bg_small_box.jpg") top left repeat-x;
	border: 1px solid #b1cdff; 
	font-size: 1.2em;
	margin-bottom: 15px;
	padding: 8px 0; 
	width: 100%; 
	}	
.box_vendor_menu ul {
	margin: 0; 
	padding: 0 0 0 10px;
	}
.box_vendor_menu li {
	display: block;
	list-style: none;
	}
.box_vendor_menu li a:link,  a:visited {
	color: #075c93;
	text-decoration: none;
	}
.box_vendor_menu li a:hover, a:active {
	color: #3377FF;
	text-decoration: underline;
	}
.box_vendor_menu h1 {
	color: #075c93;
	font: 1.3em Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	margin:0 0 5px 20px; 
	}
.drop { 
	background: #efdaa5;
	border: 2px solid #ccc;
	float: left; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 200%; 
	line-height: 1em; 
	margin: 4px 10px 10px 0; 
	padding: 4px 10px; 
	}
#credit a { 
	background: url("../images/excelnet_logo.jpg") 1px 50% no-repeat; 
	clear: all;
	color: #000; 
	height: 25px;
	line-height: 25px; 
	margin:10px 0 10px 0; 
	padding: 0 0 0 20px;
	text-align:center;
	text-decoration: none; 
	}
.eventsbox { 
	background: #fafafa url("/images/bg_small_box.jpg") top left repeat-x;
	border: 1px solid #b1cdff; 
	font-size: 1.2em;
	padding:8px 0; 
	width: 100%; 
	}
.eventsbox h2 {
	color: #075c93;
	font: 1.2em Georgia, "Times New Roman", Times, serif; 
	font-weight: bold; 
	margin:0 0 5px 20px; 
	}
.eventsbox p { 
	margin:0 0 0 20px; 
	}

/*scrollers*/
#pscroller1 {
	width: 700px;
	height: 110px;
	border: 1px solid black;
	padding: 5px;
	background-color: lightyellow;
	}

#pscroller2 a {
	text-decoration: none;
	}

.someclass{ //class to apply to your scroller(s) if desired
}

#pscrollercmusic {
	width: 700px;
	height: 110px;
	border: 1px solid black;
	padding: 5px;
	background-color: #efdaa5;
	}

#pscrollerphotography {
	width: 700px;
	height: 110px;
	border: 1px solid black;
	padding: 5px;
	background-color: #efdaa5;
	}

#pscrollercatering {
	width: 700px;
	height: 110px;
	border: 1px solid black;
	padding: 5px;
	background-color: #efdaa5;
	}
	
#pscrollerfloral {
	width: 700px;
	height: 110px;
	border: 1px solid black;
	padding: 5px;
	background-color: #efdaa5;
	}

#pscrollerconsulting {
	width: 700px;
	height: 110px;
	border: 1px solid black;
	padding: 5px;
	background-color: #efdaa5;
	}
	
#pscrollercakes {
	width: 700px;
	height: 110px;
	border: 1px solid black;
	padding: 5px;
	background-color: #efdaa5;
	}
#pscrollerphoenix {
	width: 700px;
	height: 110px;
	border: 1px solid black;
	padding: 5px;
	background-color: #efdaa5;
	}
	
#pscrollermesa{
	width: 700px;
	height: 110px;
	border: 1px solid black;
	padding: 5px;
	background-color: #efdaa5;
	}
	
#pscrollerscottsdale{
	width: 700px;
	height: 110px;
	border: 1px solid black;
	padding: 5px;
	background-color: #efdaa5;
	}

#pscrollerlinens {
	width: 700px;
	height: 110px;
	border: 1px solid black;
	padding: 5px;
	background-color: #efdaa5;
	}
#pscrollerchandler {
	width: 700px;
	height: 110px;
	border: 1px solid black;
	padding: 5px;
	background-color: #efdaa5;
	}
#pscrollertransportation {
	width: 700px;
	height: 110px;
	border: 1px solid black;
	padding: 5px;
	background-color: #efdaa5;
	}
#pscrollerdj {
	width: 700px;
	height: 110px;
	border: 1px solid black;
	padding: 5px;
	background-color: #efdaa5;
	}
#pscrollergilbert {
	width: 700px;
	height: 110px;
	border: 1px solid black;
	padding: 5px;
	background-color: #efdaa5;
	}
#pscrollervideo {
	width: 700px;
	height: 110px;
	border: 1px solid black;
	padding: 5px;
	background-color: #efdaa5;
	}
	
#vendors_listings {
	margin-top: 10px;
	width: 100%;
	}
div.pic { 
	background-color: #eee;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999; 
	float: left; 
	height: 230px; 
	margin: 5px 5px; 
	padding: 15px 10px 0 10px; 
	width: 155px; 
	}
	div.pic2 { 
	background-color: #eee;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999; 
	float: left; 
	height: 250px; 
	margin: 5px 5px; 
	padding: 15px 10px 0 10px; 
	width: 155px; 
	}
div.pic img {
	border: 0;
	}
div.pic ul {
	font: bold small Arial, Verdana, sans-serif;
	margin: 0.25em 0 0 0; 
	padding: 0; 
	}
div.pic_contact { 
	background-color: #eee;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999; 
	float: left; 
	height: 275px; 
	margin: 5px 5px; 
	padding: 15px 10px 0 10px; 
	width: 155px; 
	}
div.pic_contact img {
	border: 0;
	}
div.pic_contact ul {
	font: bold small Arial, Verdana, sans-serif;
	margin: 0.25em 0 0 0; 
	padding: 0; 
	}
li.title {
	display: block; 
	list-style: none; 
	text-align: center;
	}
li.button {
	display: block; 
	list-style: none; 
	text-align: center;
	}
li.featured {
	display: block; 
	list-style: none; 
	text-align: center;
	}
h3.featured {
	background: url("/images/featured.gif") no-repeat;
	font-size: 1.3em;
	font-weight: bold;
	height:30px;
	margin:0;
	padding: 0 0 0 0;
	}
.vendor-left {
	float: left;
	width: 280px;
	}
.vendor-right {
	margin-left: 305px;
	text-align:left;
	}
.vendor-left h2 {
	font-size: 2em;
	}
.vendor_website {
	background: url("/images/weblink_icon.gif") 0 90% no-repeat;
	line-height:30px;
	padding: 10px 0 0 20px;
	}
.vendor_phone {
	background: url("/images/phone_icon.gif") 0 50% no-repeat;
	font-weight: bold;
	line-height:22px;
	padding: 0 0 0 18px;
	}
.vendor_menu {
	background: url("/images/menu_icon.gif") 0 50% no-repeat;
	font-weight: bold;
	line-height:22px;
	padding: 0 0 0 20px;
	}
.vendor_email {
	background: url("/images/email_icon.gif") 0 50% no-repeat;
	font-weight: bold;
	line-height:22px;
	padding: 0 0 0 22px;
	}
/*- Small Box--------------------------- */
.boxalt {
	margin: 10px 0 0 0;
	width: 562px;
	}
.boxalt  h3 {
	background: url("/images/vendor_box_top2.gif") top right no-repeat;
	color: #2667a6;
	font-size: 1.6em;
	height: 28px;
	line-height: 28px;
	padding: 0 0 0 10px;
	margin: 0;
	}
	
.boxalt  .boxcontent {
	background: #fafafa url("/images/vendor_box_bg.jpg") top right repeat-x;
	border: 1px solid #b1cdff;
	border-width: 0 1px;
	margin: 0;
	padding: 0;
	}
.boxalt  .boxcontent p{
	color: #333;
	font-size: 1.2em;
	margin: 0;
	padding: 0 10px 0 10px;
	}

.boxalt  .boxcontent a.more {
	display: block;
	text-align:right;
	}
.boxalt  .boxbottom {
	background: url("/images/vendor_box_bottom.gif") no-repeat;
	display:block;
	height: 8px;
	line-height: 8px;
	padding:0;
	}
table.vendors {
	border-collapse:collapse;
	border: 0;
	margin:0;
	padding:0;
	width: 100%;
	}
table.vendors td {
	border: 0;
	line-height: 1.4em;
	margin: 0;
	padding: 0 10px 0 10px;
	vertical-align: top;
	}
table.vendors td.photo {
	padding: 10px;
	}
table.vendors td h2 {
	font-size: 1.6em;
	margin: 0;
	}
table.vendors td.title {
	padding: 10px 0 0 10px;
	width: 265px;
	}
table.vendors td.text-right {
	font-size: 1.4em; 
	padding: 6px 10px 0 0;
	text-align: right;
	}
.wedding_tour a	{
	background-color: #5087BC; 
	border: 1px solid #B1CDFF; 
	color: #fff;
	font: 15px Georgia, Times "Times New Roman", serif; 
	font-weight: bold;
	line-height: 2.5em; 
	padding: 6px; 
	text-decoration: underline;
	}

.form_er { 
	color: #FF0000; 
	font-family: arial, verdana, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	padding-left: 20px;
	}
.form_sm { 
	color: #666666;
	font-family: arial, verdana, sans-serif; 
	font-size: 9px; 
	font-weight: normal;  
	padding-left: 20px;
	}
.form_bold { 
	color: #666666;
	font-family: arial, verdana, sans-serif; 
	font-size: 1.2em; 
	font-weight: bold;  
	padding-left: 20px;
	}
form {
	font-size: 1.2em;
	margin-top: 1.5em;
	}
form#newsletter {	
	margin: 0; 
	padding: 0;
	}
input.text {
  	width: 10.5em;
	}
	
#vote input.text {
  	width: 12.5em;
	}	
fieldset {
	border: 1px solid #A8CCDF;
	clear: left;
	float: left;
	margin: 0 0 1.5em 0;
	padding: 0;
	width: 100%;
	}

legend {
	background: #eee;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: .2em;
	margin-left: 1em;
	padding: 2px 4px;
	}
	
form#contest {
	width: 525px;
	}
	
form#contest fieldset {
	padding: 16px;
	}
	
form#contest input {
	width:200px;
	}
	
.submitcontest {
	text-align: center;
	}

form#weddingtour fieldset ol,  form#contact fieldset ol, form#vote fieldset ol, form#freewedding fieldset ol, form#ask_suzy fieldset ol {
	list-style: none;
	padding: 1em 1em 0 1em;
	zoom: 1;
	}

form#weddingtour fieldset li, form#contact fieldset li, form#vote fieldset li, form#freewedding fieldset li, form#ask_suzy fieldset li {
	clear: left;
	float: left;
	padding-bottom: 1em;
	width: 100%;
	}

form#weddingtour label, form#contact label, form#freewedding label, form#ask_suzy label {
	float: left;
	margin-right: 1em;
	text-align: right;
	width: 15em;
	}
	
form#vote label	{
	float: left;
	margin-right: 1em;
	text-align: right;
	width: 20em;
	}

.submit {
	margin-left: 15em;
	padding: 5px;
	text-align: center;
	}

form#weddingtour fieldset fieldset, form#contact fieldset fieldset, form#vote fieldset fieldset, form#freewedding fieldset fieldset, form#ask_suzy fieldset fieldset {
	border-style: none;
	background-color: transparent;
	background-image: none;
	margin-bottom: -2.5em;
	}

form#weddingtour fieldset fieldset legend,  form#contact fieldset fieldset legend, form#vote fieldset fieldset legend, form#freewedding fieldset fieldset legend, form#ask_suzy fieldset fieldset legend {
	background: transparent;
	border: 0;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: normal;
	margin-left: 0;
	}

form#weddingtour fieldset fieldset ol, form#contact fieldset fieldset ol, form#vote fieldset fieldset ol, form#freewedding fieldset fieldset ol, form#ask_suzy fieldset fieldset ol {
	margin: 0 0 0 15em;
	padding: 0;
	position: relative;
	top: -1.5em;
	}

form#weddingtour fieldset fieldset label, form#contact fieldset fieldset label, form#vote fieldset fieldset label,form#freewedding fieldset fieldset label, form#ask_suzy fieldset fieldset label {
	float: none;
	margin-right: auto;
	width: auto;
	}
#homequote blockquote {
	width: 570px;
	text-align: center;
	margin: 20px 0 0 0;
	padding: 0;
	font-family: georgia, serif;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1em;
	color: #555;
	background: #eee url("/images/fi_top.gif") no-repeat top left;
	}
	
#homequote blockquote strong {
	color: #000;
	font-weight: normal;
	}

#homequote #quote {
	margin: 0 10px 0 0;
	padding: 20px 10px 10px 20px;
	background: url("/images/fi_bottom.gif") no-repeat right bottom;
	}

#homequote #author {
	margin: 0;
	padding: 0 0 10px 0;
	color: #999;
	font-size: 1em;
	background: url("/images/hpquote_bottom.gif") no-repeat bottom;
	}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
.ask {color: #4E4EFF;}

form#cse-search-box {margin: 0;}

/* Contact Form
--------------------------------------------------------------------------------------- */
#columnarForm {width: 100%;}
#columnarForm legend {background: #eee;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 1em;
	padding: 2px 4px;}
#columnarForm fieldset {border: 1px solid #999; margin: 0 1em 1em 0; padding: 0 1em 1em 1em;}
#columnarForm fieldset.radio {width: 15em; margin: 1em 0 2em 0;}
#columnarForm fieldset.radio input {clear: both; float: left; width: auto;}
#columnarForm fieldset.radio label {font-weight: normal;}
#columnarForm input {display: block; width: 265px;}
#columnarForm textarea {display: block; width: 265px;}
#columnarForm label {display: block; margin-bottom: 2px; margin-top: 5px; font-weight: bold;}
#columnarForm label.first {padding-top: 0em;}
#columnarForm select {display: block;}
input.txt_er, textarea.txt_er, select.txt_er, file.txt_er, checkbox.txt_er, radio.txt_er, p.txt_er {
	font-size: 1em;
	width: 150px;
	background: #e3c7c7;
	border: 1px solid #cc0000;
	padding: 1px 0 1px 2px;
	}
 p.txt_er {
 	width: 90%;
 	}
.success_sent {
	background: #4c4c4c;
	border: 1px solid #ccc;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 20px;
	color: #fff;
	}
.failure_sent {
	background: #4c4c4c;
	border: 1px solid #ccc;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 20px;
	width: 90%;
	}
.adsense_adunit {
	padding-top: 20px;
	text-align: center;
}
.tour_testimonial {
	background: #fff1a8;
	font-size: 12px;
	font-weight: bold;
	padding: 6px;
	font-style: italic;
}

.tour_video {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin: 20px 0;
	padding: 20px 10px;;
}
.tour_video_left {
	float: left;
	width: 200;
}
.tour_video_right {
	float: right;
	width: 340px;
}
.tour_video h1 {
	color: #101010;
	font-size: 20px;
	line-height: 1.5em;
	text-transform: uppercase;
}

h2.fab {font-weight:bold; font-size:19px;  color:#000;font-family:Arial, Helvetica, sans-serif;
}
li.fabpi {margin: 0 0 0 20px; font-size:14px; font-weight:bold;}

.maincontacttable {
max-width: 561px;
}
.leftrow{
	max-width:310px;	
}
.rightrow{
	max-width: 310px;	
}
.clearfloats {
clear: both ;	
}
@media screen and (max-width: 1024px) {
		
	body {
	background: #fafafa url("/images/responsive/bg-short.png") repeat-x;
	color: #333;
	font: 62.5% Arial, Helvetica, sans-serif;
	text-align:center;
	}	
	#container {
	margin:0 auto;
	text-align:left;
	width:100%;
	}
	#content {
	margin: 5px 5px;
	width:100%;
	}
	.mobslider {
		float: left ;
		position: relative;
		width: 100% ;
		overflow:hidden;
	}
	
	#tabs {
	background-color: #F1F1F1 ;
	position: relative;
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	line-height: normal;
	width: 100%;
	z-index: 999 ;
}
#tabs ul {
list-style: none;
float: left;
	}
#tabs li {
	position: relative;
display: inline-block;
	float: left;
	padding-bottom: 5px ;
	padding-top: 5px;
    }
#tabs a {
	background:none ;
	    float: left;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
    }
#tabs a span {
	    color: #075c93;
		background:none ;
	display: inline;
	float: left;
    padding: 0px 0px 0px 0px;
    }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {
	float:none;
	}
/* End IE5-Mac hack */
#tabs a:hover span {
    color: #FFF;
      }
#tabs a:hover {
   
      }
#tabs a:hover span {
   
    }
	
		#nav.js {
			display: none;
			   padding: 0px 0px 0px 0px;
				}
ul {
			width:100%;
		}
		li {
			width:100%;
			border-right:none;
		}
		
	
		#menu {
			position:relative;
			margin-top: -29px;
			margin-right: 20px;
			width:1.3em;
			float: right;
			display: block;
			background:#c8e3f6;
			font-size:1.8em;
			text-align: center;
				-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px 3px rgba(221,175,84, .75);
	-moz-box-shadow: 0px 0px 3px 3px rgba(221,175,84, .75);
	box-shadow: 0px 0px 3px 3px rgba(221,175,84, .75);
z-index: 99999 ;
		}
		
		div#header {
	position:relative;
	width: 100% ;
	z-index: 1 ;
	}
#header h1{
	background: url("/images/responsive/bg-header2.png") top center no-repeat; 
	color: #fff;
	height: 138px; 
	line-height: 138px; 
	margin: 0; 
	overflow: hidden; 
	text-indent: -9999px;
	z-index: 1 ;
	}
	
	#wrapper {
		position:relative;
	float:left;
	width:100%;
	}
	div#footer {
	background: #fafafa url("/images/bg_footer.jpg") top left repeat-x;
	color: #333; 
	clear:left;
	font-size: 1.1em;
	margin:0;
	padding:0px 0 0px 0;
	max-width:100%;
	}
	div#leftside {
		position:relative;
	background:#fafafa;
	float:left;
	margin:0px 0 0 0px;
	width:100%;
	}
div#rightside {
	position: relative ;
	background:#fafafa;
	float:left;
	margin:0px 0 0 0px;
	width:100%;
	}
	div#rightside2 {
	position: relative ;
	background:#fafafa;
	float:left;
	margin:0px 0 0 0px;
	width:100%;
	}
	div.pic { 
	background-color: #eee;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999; 
	float: left; 
	height: 230px; 
	margin: 5px 5px; 
	padding: 15px 10px 0 10px; 
	width: 155px; 
	}
	div.pic2 { 
	background-color: #eee;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999; 
	float: left; 
	height: 250px; 
	margin: 5px 5px; 
	padding: 15px 10px 0 10px; 
	width: 155px; 
	}
	
	}
	@media screen and (max-width: 667px) {
		
	body {
	background: #fafafa url("/images/responsive/bg-short.png") repeat-x;
	color: #333;
	font: 62.5% Arial, Helvetica, sans-serif;
	text-align:center;
	}	
	#container {
	margin:0 auto;
	text-align:left;
	width:100%;
	}
	#content {
	margin: 5px 5px;
	width:100%;
	}
	.mobslider {
		float: left ;
		position: relative;
		width: 100% ;
		overflow:hidden;
	}
	
	#tabs {
	background-color: #F1F1F1 ;
	position: relative;
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	line-height: normal;
	width: 100%;
	z-index: 999 ;
}
#tabs ul {
list-style: none;
float: left;

}
#tabs li {
	position: relative;
display: inline-block;
	float: left;
	padding-bottom: 5px ;
	padding-top: 5px;
    }
#tabs a {
	background:none ;
	    float: left;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
    }
#tabs a span {
	    color: #075c93;
		background:none ;
	display: inline;
	float: left;
    padding: 0px 0px 0px 0px;
    }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {
	float:none;
	}
/* End IE5-Mac hack */
#tabs a:hover span {
    color: #c8e3f6;
      }
#tabs a:hover {
   color: #c8e3f6
      }
#tabs a:hover span {
   color: #c8e3f6
    }
	
		#nav.js {
			display: none;
			   padding: 0px 0px 0px 0px;
				}
ul {
			width:100%;
		}
		li {
			width:100%;
			border-right:none;
		}
		
	
		#menu {
			position:relative;
			margin-top: -29px;
			margin-right: 20px;
			width:1.3em;
			float: right;
			display: block;
			background:#c8e3f6;
			font-size:1.8em;
			text-align: center;
				-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px 3px rgba(221,175,84, .75);
	-moz-box-shadow: 0px 0px 3px 3px rgba(221,175,84, .75);
	box-shadow: 0px 0px 3px 3px rgba(221,175,84, .75);
z-index: 99999 ;
		}
		
		div#header {
	position:relative;
	width: 100% ;
	z-index: 1 ;
	}
#header h1{
	background: url("/images/responsive/bg-header2.png") top center no-repeat; 
	color: #fff;
	height: 138px; 
	line-height: 138px; 
	margin: 0; 
	overflow: hidden; 
	text-indent: -9999px;
	z-index: 1 ;
	}
	
	#wrapper {
		position:relative;
	float:left;
	width:100%;
	}
	div#footer {
	background: #fafafa url("/images/bg_footer.jpg") top left repeat-x;
	color: #333; 
	clear:left;
	font-size: 1.1em;
	margin:0;
	padding:0px 0 0px 0;
	max-width:100%;
	}
	div#leftside {
		position:relative;
	background:#fafafa;
	float:left;
	margin:0px 0 0 0px;
	width:100%;
	}
div#rightside {
	position: relative ;
	background:#fafafa;
	float:left;
	margin:0px 0 0 0px;
	width:100%;
	}
	div#rightside2 {
	position: relative ;
	background:#fafafa;
	float:left;
	margin:0px 0 0 0px;
	width:100%;
	}
	div.pic { 
	background-color: #eee;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999; 
	float: left; 
	height: 230px; 
	margin: 5px 5px; 
	padding: 15px 10px 0 10px; 
	width: 155px; 
	}
	div.pic2 { 
	background-color: #eee;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999; 
	float: left; 
	height: 250px; 
	margin: 5px 5px; 
	padding: 15px 10px 0 10px; 
	width: 155px; 
	}
	
	}
@media screen and (max-width: 480px) {
		
	body {
	background: #fafafa url("/images/responsive/bg-short.png") repeat-x;
	color: #333;
	font: 62.5% Arial, Helvetica, sans-serif;
	text-align:center;
	}	
	#container {
	margin:0 auto;
	text-align:left;
	max-width: 480px;
	}
	#content {
	margin: 5px 5px;
	max-width: 480px;
	}
	.mobslider {
		float: left ;
		position: relative;
		max-width: 480px;
		overflow:hidden;
	}
	
	#tabs {
	background-color: #F1F1F1 ;
	position: relative;
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	line-height: normal;
	max-width: 480px;
	z-index: 999 ;
}
#tabs ul {
list-style: none;
float: left;
	}
#tabs li {
	position: relative;
display: inline-block;
	float: left;
	padding-bottom: 5px ;
	padding-top: 5px;
    }
#tabs a {
	background:none ;
	    float: left;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
    }
#tabs a span {
	    color: #075c93;
		background:none ;
	display: inline;
	float: left;
    padding: 0px 0px 0px 0px;
    }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {
	float:none;
	}
/* End IE5-Mac hack */
#tabs a:hover span {
    color: #FFF;
      }
#tabs a:hover {
   
      }
#tabs a:hover span {
   
    }
	
		#nav.js {
			display: none;
			   padding: 0px 0px 0px 0px;
				}
ul {
			max-width: 480px;
		}
		li {
			max-width: 480px;
			border-right:none;
		}
		
	
		#menu {
			position:relative;
			margin-top: -29px;
			margin-right: 20px;
			width:1.3em;
			float: right;
			display: block;
			background:#c8e3f6;
			font-size:1.8em;
			text-align: center;
				-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px 3px rgba(221,175,84, .75);
	-moz-box-shadow: 0px 0px 3px 3px rgba(221,175,84, .75);
	box-shadow: 0px 0px 3px 3px rgba(221,175,84, .75);
z-index: 99999 ;
		}
		
		div#header {
	position:relative;
	width: 100% ;
	z-index: 1 ;
	}
#header h1{
	background: url("/images/responsive/bg-header.png") top center no-repeat; 
	color: #fff;
	height: 138px; 
	line-height: 138px; 
	margin: 0; 
	overflow: hidden; 
	text-indent: -9999px;
	z-index: 1 ;
	}
	
	#wrapper {
		position:relative;
	float:left;
	width:100%;
	}
	div#footer {
	background: #fafafa url("/images/bg_footer.jpg") top left repeat-x;
	color: #333; 
	clear:left;
	font-size: 1.1em;
	margin:0;
	padding:0px 0 0px 0;
	max-width:100%;
	}
	div#leftside {
		position:relative;
	background:#fafafa;
	float:left;
	margin:0px 0 0 0px;
	max-width: 480px;
	}
div#rightside {
	position: relative ;
	background:#fafafa;
	float:left;
	margin:0px 0 0 0px;
	max-width: 480px;
	}
	div#rightside2 {
	position: relative ;
	background:#fafafa;
	float:left;
	margin:0px 0 0 0px;
	max-width: 480px;
	}
	div.pic { 
	background-color: #eee;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999; 
	float: left; 
	height: 230px; 
	margin: 5px 5px; 
	padding: 15px 10px 0 10px; 
	width: 155px; 
	}
	div.pic2 { 
	background-color: #eee;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999; 
	float: left; 
	height: 250px; 
	margin: 5px 5px; 
	padding: 15px 10px 0 10px; 
	width: 155px; 
	}
	
	}
	@media screen and (min-width: 1024px) {
		#menu {
			display: none;
		}
	}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.0%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}