@charset "UTF-8";

* {padding: 0; margin: 0;}


body {
	background: url(../images/body.jpg) repeat-x top #fff;
	margin: 0;
	padding: 0;
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	color: #2b2b2b;
}

p {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #2b2b2b;
	margin: 5px 10px;
	line-height: 1.6em;
}

li {font-size: 0.9em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}

a:link, a:visited {color: #24527a;}

a:hover {color: #194061;}

h2 {font-size: 0.9em; margin: 5px 10px;}

#container {
	margin: 0 auto;
	background: url(../images/body-bg.gif) repeat-y top;
	width: 916px;
	clear: both;
}

#header {
	position: absolute;
	top: 0;
	background: url(../images/wedding-top.gif) no-repeat top;
	width: 916px;
	}
	
#logo {background: url(../images/vancity-weddings.gif) no-repeat top; width: 343px; height: 74px; margin: 17px 0 13px 16px;}

#logo span, h1 span, #sidetop span, h2 span {display: none;}

/* Menu */

#menu{
	height: 38px;
	background: url(../images/menu-bg.gif) repeat-x center #fff;
	width: 904px;
	margin-left: 6px;
	border-bottom: 1px solid #cbdae4;
	border-top: 1px solid #cbdae4;
}

#menu ul li span {display: none;}

#menu ul {
	height: 36px;
	margin-top: 1px;
}
#menu ul li {
	display: inline;
	float: left;
}

#menu ul li a{
	height: 36px;
	display: block;
}

#home a{
	display: block;
	background: url(../images/menu-home.gif) no-repeat top;
	width: 75px; 
	background-position: 0 0;
}

#about a{
	display: block;
	background: url(../images/menu-about-us.gif) no-repeat top;
	width: 96px;
	background-position: 0 0;
}

#vendors a{
	display: block;
	width:149px;
	background: url(../images/menu-vendors-directory.gif) no-repeat top;
	background-position: 0 0;
}

#advertise a{
	display: block;
	width:142px;
	background: url(../images/menu-advertise.gif) no-repeat top;
	background-position: 0 0;
}

#upcoming a{
	display: block;
	width:147px;
	background: url(../images/menu-upcoming-events.gif) no-repeat top;
	background-position: 0 0;
}

#contact a{
	display: block;
	width:108px;
	background: url(../images/menu-contact.gif) no-repeat top;
	background-position: 0 0;
}

#home a:hover, #about a:hover, #vendors a:hover, #advertise a:hover, #upcoming a:hover, #contact a:hover {background-position: 0 -36px;}


#content {
	width: 904px;
	margin: 0 auto;
	margin-top: 144px;
}

/*#leftcontainer {
	width: 701px;
	margin: 10px 17px 0 17px;
	float: left;
}*/

#leftcontainer {
	width: 170px;
	margin: 10px 0 10px 10px;
	float: left;
	overflow: hidden;
	
}

#contentcontainer {
	width: 535px;
	margin: 10px 10px 0 10px;
	float: left;
}

#rightcontainer {
	float: left;
	width: 150px;
	margin: 10px 10px 0 0;
}


#leftcontainer ul {
	margin: -1px 0 0 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana, Helvetica, sans-serif;
	width: 168px;
	border: 1px solid #fdb3c2;
}

#leftcontainer li { margin: 0; }

.sidefirst {border-top: 1px solid #9db8c4; background: #efefdf;}

#leftcontainer ul li a {
	display: block;
	padding: 4px 0 4px 10px;
	width: 158px;
	min-height: 16px;
	text-align: left;
	border-top: 1px dotted #fdb3c2;
	cursor: pointer;
}

#leftcontainer ul li a:link, #leftcontainer ul li a:visited {
	color: #3e3e3e;
	text-decoration: none;
	background: #fff2f5 url(../images/sidenav-bg.gif) repeat-y top; 
	font-size: 1em;
	cursor: pointer;
}

#leftcontainer ul li a:hover {
	color: #3e3e3e;
	text-decoration: none;
	background: #ffced9;
	cursor: pointer;
}

#sidetop {
	width: 170px;
	height:30px;
	background: url(../images/hdr-categories.gif) no-repeat top;
	padding: 0;
}







.clear {clear: both;}

#rightbanner {width: 148px; height: 635px; background: #f4f7ef; border: 1px solid #b3ca96; padding: 10px 0 0 10px;}

#intro {
	background: url(../images/intro-bg.gif) no-repeat top;
	width: 535px;
	min-height: 270px;
	border: 1px solid #fff;
}

#intro2 {
	background: url(../images/intro-bg.gif) no-repeat top;
	width: 535px;
	min-height: 160px;
	border: 1px solid #fff;
}

.mainimage {float: right; margin: 10px 8px;}

h1#vanwedding {background: url(../images/looking-vancouver-wedding-vendors.gif) no-repeat bottom; width: 422px; height: 37px; margin: 10px;}

h1#weddingmusic {background: url(../images/wedding-music.gif) no-repeat left bottom; width: 500px; height: 37px; margin: 10px;}

h1#weddingcakes, h1#about, h1#weddingdresses, h1#weddingflorists, h1#weddinginvitations, h1#weddingmakeup, h1#weddingphotography, h1#weddingtuxedos, h1#weddingvideography, h1#weddingwebsites, h1#weddingcontact, h1#weddingthank, h1#error, h1#advertise, h1#events, h1#vendorsdirectory, h1#weddingfavours, h1#weddingplanners, h1#weddingdecor, h1#packagepayment,  h1#weddingpackage01, h1#weddingpackage02, h1#weddingpackage03, h1#caterers, h1#venues, h1#directories, h1#brockhousetickets, h1#minkcontest, h1#xmas, h1#deejays, h1#transportation, h1#valentines, h1#easter, h1#proemm, h1#bridalswap, h1#loiskeane {background: url(../images/hdr-wedding-cakes.gif) no-repeat bottom; width: 422px; height: 37px; margin: 10px;}

h1#weddingdresses {background: url(../images/hdr-vancouver-wedding-dresses.gif) no-repeat bottom;}

h1#about {background: url(../images/hdr-about-vancity-weddings.gif) no-repeat bottom;}

h1#advertise {background: url(../images/hdr-advertise-vancity-weddings.gif) no-repeat bottom;}

h1#weddingflorists {background: url(../images/hdr-vancouver-wedding-florists.gif) no-repeat bottom;}

h1#weddingmakeup {background: url(../images/hdr-vancouver-wedding-makeup.gif) no-repeat bottom;}

h1#weddinginvitations {background: url(../images/hdr-vancouver-wedding-invitations.gif) no-repeat bottom;}

h1#weddingphotography {background: url(../images/hdr-vancouver-wedding-photography.gif) no-repeat bottom;}

h1#weddingtuxedos {background: url(../images/hdr-vancouver-wedding-tuxedos.gif) no-repeat bottom;}

h1#weddingvideography {background: url(../images/hdr-vancouver-wedding-videography.gif) no-repeat bottom;}

h1#weddingwebsites {background: url(../images/hdr-vancouver-wedding-websites.gif) no-repeat bottom;}

h1#weddingcontact {background: url(../images/hdr-contact-vancity-weddings.gif) no-repeat bottom;}

h1#weddingthank {background: url(../images/hdr-thank-you.gif) no-repeat bottom;}

h1#weddingdecor {background: url(../images/hdr-vancouver-wedding-decor-rentals.gif) no-repeat bottom;}

h1#deejays {background: url(../images/hdr-vancouver-deejays.gif) no-repeat bottom;}

h1#transportation {background: url(../images/hdr-vancouver-transportation.gif) no-repeat bottom;}

h1#error {background: url(../images/hdr-error.gif) no-repeat bottom;}

h1#events {background: url(../images/hdr-upcoming-events.gif) no-repeat bottom;}

h1#vendorsdirectory {background: url(../images/hdr-vancouver-wedding-directory.gif) no-repeat bottom;}

h1#weddingfavours {background: url(../images/hdr-vancouver-wedding-favours.gif) no-repeat bottom;}

h1#vanvendors {background: url(../images/vancouver-wedding-vendors.gif) no-repeat bottom; width: 422px; height: 27px; margin: 10px 3px 14px 13px;}

h1#weddingplanners {background: url(../images/hdr-vancouver-event-planning.gif) no-repeat bottom;}

h1#weddingpackage01 {background: url(../images/hdr-weddingpackage01.gif) no-repeat bottom;}

h1#weddingpackage02 {background: url(../images/hdr-weddingpackage02.gif) no-repeat bottom;}

h1#weddingpackage03 {background: url(../images/hdr-weddingpackage03.gif) no-repeat bottom;}

h1#packagepayment {background: url(../images/hdr-packages-payment.gif) no-repeat bottom;}

h1#caterers {background: url(../images/hdr-vancouver-wedding-caterers.gif) no-repeat bottom;}

h1#venues {background: url(../images/hdr-vancouver-wedding-venues.gif) no-repeat bottom;}

h1#directories {background: url(../images/hdr-vancouver-wedding-directories.gif) no-repeat bottom;}

h1#brockhousetickets {background: url(../images/hdr-win-brockhouse.gif) no-repeat bottom; width: 500px; height: 100px;}

h1#minkcontest {background: url(../images/hdr-win-mink.gif) no-repeat bottom; width: 500px; height: 100px;}
h1#xmas {background: url(../images/hdr-win-xmas.gif) no-repeat bottom; width: 500px; height: 100px;}
h1#valentines {background: url(../images/hdr-win-valentines.gif) no-repeat bottom; width: 500px; height: 100px;}

h1#easter {background: url(../images/hdr-win-easter.gif) no-repeat bottom; width: 500px; height: 100px;}

h1#proemm {background: url(../images/hdr-win-proemm.gif) no-repeat bottom; width: 500px; height: 100px;}

h1#bridalswap {background: url(../images/hdr-contest-bridalswap.gif) no-repeat bottom; width: 500px; height: 100px;}

h2#featuredvendor {background: url(../images/hdr-featured-vendor.gif) no-repeat bottom; width: 248px; height: 29px; display: block;}

h1#loiskeane {background: url(../images/hdr-lois-keane-flowers.gif) no-repeat bottom; width: 500px; height: 100px;}


#intro p {margin-bottom: 12px;}

.divider {width:535px; border-top: 1px solid #d6e2ea; height:1px; overflow: hidden; border-bottom: 2px solid #f5f8fa;}

.vendmain {background: url(../images/main-vendors-bg.gif) no-repeat top; width: 255px; height: 110px; border: 1px solid #d4d6d9; margin: 0 5px 10px 5px; float: left;}

.vendmain p {line-height: normal;}

.vendmain p a {text-decoration: none; color: #666;}

.vendmain p a:hover {text-decoration: underline; color: #194061;}

.vendmain h2 a {color: #eb5c7a;text-decoration: none;}

.vendmain h2 a:hover {text-decoration: underline;}

.vmimage {float: left; margin-bottom: 70px; margin-top: 10px; width: 80px;}

.misvend {
	float: left; width: 165px; margin-top: 15px; margin-left: 10px; margin-bottom: 20px;
}

.misvend ul li {list-style: url(../images/bullet.gif); font-size: 0.8em; margin: 3px 0;}

#footer {background: url(../images/body-bottom.gif) no-repeat bottom; width: 916px; height: 50px;}

#footmenu {margin-left: 17px;}

#footmenu ul li {display: inline; float: left; font-size: 0.8em; padding: 0 5px; border-right: 1px solid #38668d;}

#footmenu a:link, #footmenu a:visited {text-decoration: none;}

#footmenu a:hover {text-decoration: underline;}

.copyright {float: right; font-size: 0.8em; margin-right: 19px;}

.divider2 {border-top: 1px solid #c9cdd1; border-bottom: 1px solid #eff0f1; background: #fff; height: 1px; overflow: hidden; width: 870px; margin: 8px auto;}


table {font-size: 0.9em;}

#vlist, .vlist {width: 535px; font-size: 0.8em; margin-bottom: 20px; margin-left: 1px; border: 1px solid #cbdae4;}

#vlist td, #vlist th, .vlist td, .vlist th {padding: 5px; text-align: left; border-top: 1px solid #cbdae4;}
#vlist th, #vlist th, .vlist th, .vlist th {background: #64893b; color: #fff; border-top: 1px solid  #e9f3f8;}

#vlist td.vsite, .vlist td.vsite {text-align: center;}

#vlist td a {font-weight: bold; text-decoration: none;}

#vlist td a:hover {text-decoration: underline;}

.icon {float: left; margin: 0 10px 30px 0px;}

table#listings {width: 513px; margin-left: 10px;}

#listings td {border: 1px solid #d6e2ea; padding: 4px 10px; background: #fcfdfd; font-size: 0.9em;}

#listings td.get {background: url(../images/advertise-bg2.gif) repeat-y right #fff;}

#listings th {background: #dfeaf0 url(../images/advertise-bg.gif) repeat-x top; padding: 10px; border: 1px solid #d6e2ea;}

#listings .none, #bads .none {border: none; background: #fff;}

#sponsors {margin: 20px 0 5px 0;}

a img.leftads {border: 0; margin-bottom: 10px;}

.note {font-size: 0.8em; text-align: center;}

.note strong {color: #eb5c7a;}

.annual {font-size: 0.9em;}

.aprice {font-size: 1.3em; font-weight: bold; color: #38668d;}

h3.bannerad {color: #427cad; margin: 20px 0 10px 10px;}


#bads {width: 513px; font-size: 0.8em; margin-bottom: 20px; margin-left: 10px;}

#bads td, #bads th {padding: 5px; text-align: left; border: 1px solid #d6e2ea;}
#bads th, #bads th {background: #f1f6f8 url(../images/advertise-bg.gif) repeat-x bottom; padding: 10px; border: 1px solid #d6e2ea;}
#bads td.types {background: #f0f5f8;}

#topads {position: absolute; top: 25px; left: 435px;}

#topads a img {border: none;}

/* Events */

.eventbox {width: 535px;  position: relative; left: 13px; margin-bottom: 25px;} 
.eventdate {width: 80px; float: left; border: 1px solid #e9849a; background: url(../images/event-calendar-bg.gif) repeat-x bottom #fffefe; height: 90px; margin-right: 0px;}
.emonth {font-size: 0.9em; text-align: center; margin-top: 3px;}
.edate {font-size: 2.5em; text-align: center; letter-spacing: -0.1em;}
.eyear{font-size: 0.9em; text-align: center;}
.eday { background: #faa2b6; text-align: center; color: #fff; font-size: 0.8em; font-weight: bold; border-bottom: 1px solid #e9849a;}
.eventinfo {float: left; width: 425px; padding: 5px 0px; background: url(../images/events-bg.gif) repeat-x top #edf3f6; border: 1px solid #d4d6d9; min-height: 80px;}
.eventinfo h2 {font-size: 1.2em; color: #427cad; font-weight: normal;}

.silver {width: 533px; border: 1px solid #b7cbd9; position: relative; left: 1px; margin: 20px 0; background: url(../images/bg-silver.gif) repeat-x top #fff;}
.slvrinfo {float: left;}
.slvrinfo h5 {font-size: 1.0em; margin: 10px 0 5px 10px;}
.slvrinfo h5 a {text-decoration: none;}
.slvrinfo h5 a:hover {text-decoration: underline;}
.slvrinfo p {font-size: 0.9em; padding: 0; margin: 0 0 0 10px;  color: #585858;}
.slvrpricing {float: right; margin: 10px 0; padding-right: 10px; font-size: 0.8em; text-align: right;}
.slvrpricing strong {color: #64893b;}
.slvrimage{float: left; width: 120px; margin: 10px;}
.slvrimage img {border: 1px solid #e1e2e4;}
.slvrbtns {width: 100%; background: #edf4f6; padding: 5px 0; border-top: 1px solid #dfedf4;}
.slvrweb {position: relative; left: 30px; float: left; width: 140px;}
.slvrcontact, .slvrmap {float: left; font-size: 0.9em; position: relative; left: 5px;  margin: 0 10px; border-left:1px solid #cbdae4;}
.slvrcontact a, .slvrmap a {text-decoration: none; font-weight: bold;}
.slvrcontact a:hover, .slvrmap a:hover {text-decoration: underline;}
.slvrcontact img, .slvrmap img {border: none; margin-right: 5px; position: relative; top: 2px; margin-left: 5px;}

.featuredimage { width: 160px; float: left; margin-left: 10px; margin-top: 10px; overflow: hidden;}
.featuredinfo {width: 340px; float: left; margin-left: 20px; margin-top: 10px; margin-bottom: 10px; overflow: hidden;}
.featuredinfo p {margin: 0; padding: 0;}
.featuredinfo h5 {font-size: 1.0em; margin-bottom: 10px;}
.featuredinfo h5 a {text-decoration: none;}
.featuredinfo h5 a:hover {text-decoration: underline;}
.learnmore {text-align: right;}

.slvrinfo2 {padding-left: 10px;}
.slvrinfo2 h1 {font-size: 1.1em; margin-top: 10px;}
.slvrinfo2 h1 a {text-decoration: none;}
.slvrinfo2 h1 a:hover {text-decoration: underline;}