@charset "UTF-8";
body {
	font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center;
	background-color:#EAE8EF;
	margin:0 0 10px 0;
}
#ew {display:block; position:absolute; left:50px; top:150px; width:40px; height:40px;}
#ew:hover {}
a{color:#808080;}
a:hover {color:#9C99AA;}
a.julie_swp_com{color:#AF9C7B;}
a.julie_swp_com:hover {color:#936E38;}
a.text_swp_com{color:#9DA571;}
a.text_swp_com:hover {color:#778248;}
a.jmp_com{color:#97689B;}
a.jmp_com:hover {color:#800080;}
/*------------------
 Layout
------------------*/
.center {text-align:center;}
.clear {clear:both;}

/*----------------------
 Form Layout
-----------------------*/
table.formlayout {
	width:100%;
	font-size:14px;
}
table.formlayout td.label {
	text-align:right; padding-right:10px;
}
table.formlayout td.input {
	text-align:left; 
}
h6.error {color:#FF0000; margin:0;}

/*------------------
 Wrappers
------------------*/
div.wrap-main{
	background-image:url(../images/backgrounds/homebackfull.gif);
	background-repeat:no-repeat;
	width:1000px; height:699px;
	margin:0 auto 0 auto;
	position:relative;
}
div.wrap-secondary{
	background-image:url(../images/backgrounds/backgroundsecondary.gif);
	background-repeat:no-repeat; background-position:0 0;
	width:1000px; height:700px;
	margin:0 auto 0 auto;
	position:relative;
}
div.wrap-plain{
	width:1000px; height:700px;
	margin:0 auto 0 auto;
	position:relative;
}
div.wrap-dotted{
	background-image:url(../images/backgrounds/backgrounddotted.gif);
	background-repeat:no-repeat; background-position:0 0;
	width:1000px; height:700px; 
	margin:0 auto 0 auto;
	position:relative; 
}
div.wrap-content {
	position:absolute; top:207px; left:286px;  padding:10px 15px 5px 10px;
 	width:425px; color:#333333; font-size:12px; text-align:left;
	min-height:525px; height:auto !important; height:525px; 
}

/*------------------
 Cotent wrapppers
------------------*/
#content-about {
	
}

/*------------------
 Footer
------------------*/
div.footer {
	text-align:center; color:#808080;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-style:normal;
	width:425px; position:absolute; left:50%; bottom:0;
	margin:10px 0 20px -212px;
}
div.footer a{text-decoration:none; color:#808080;}
div.footer a:hover {color:#9C99AA;}
div.footer_gallery {
	text-align:center;
	color:#808080;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
	margin:30px 0 20px 0;
}
div.footer_gallery a{text-decoration:none; color:#808080;}
div.footer_gallery a:hover {color:#9C99AA;}
div.legal {
	text-align:center; position:absolute; bottom:10px; left:35px;
	color:#6D6856;
	font-family:"Courier New", Courier, monospace; font-size:11px;
	margin:30px 0 20px 35px;
}
#badge {position: absolute; right: 0; bottom: -33px; width: 200px; height: 100px;}
#badge {float:left; margin-left: 10px;}
#badge img {border:none;}
#badge a.tk img {position: relative; top: -10px;}
div.wrap-dotted div.legal{display:none;}

/*------------------
 Titles
------------------*/
h1.title {margin:0;}
h1.title span, h1 span{display:none;}
#sweetwatertitlesmall {
	background-image:url(../images/titles/sweettrans.png);
	background-repeat:no-repeat;
	width:291px; height:47px;
	position:relative; display:block; float:left; top:15px; left:10px;
}

#sweetwater-home{
	background-image:url(../images/titles/sweetwaterhome.png); 
	background-repeat:no-repeat;
	width:592px; height:109px;
	position:absolute; top:472px; left:220px;
}
#sweetwatertitle {
	background-image:url(../images/titles/sweetwater.png);
	background-repeat:no-repeat;
	width:271px; height:40px;
	position:absolute; top:38px; left:77px;
}
#about {
	background-image:url(../images/titles/about.png);
	background-repeat:no-repeat;
	width:121px; height:61px;
	position:absolute; top:109px; left:445px;
}
#details {
	background-image:url(../images/titles/details.png);
	background-repeat:no-repeat;
	width:151px; height:61px;
	position:absolute; top:109px; left:428px;
}
#faq {
	background-image:url(../images/titles/faq.png);
	background-repeat:no-repeat;
	width:101px; height:102px;
	position:absolute; top:95px; left:451px;
}
#kudos {
	background-image:url(../images/titles/kudos.png);
	background-repeat:no-repeat;
	width:127px; height:61px;
	position:absolute; top:109px; left:439px;
}
#myevent {
	background-image:url(../images/titles/myevent.gif);
	background-repeat:no-repeat;
	width:267px; height:73px;
	position:absolute; top:109px; left:391px;
}


/*------------------
 Homepage
------------------*/
div.canvas-front {
	width:470px; height:262px;
	position:absolute; top:164px; left:275px;
}
#canvas {position:absolute; top:0; left:0;}
#leftpic{}
#rightpic{}

#portraits-link {display:block; width:200px; height:200px; position:relative; float:left; top:27px; left:28px; z-index:100;}
#portraits-link h1, #portraits-link:visited h1{
	background-image:none; background-position:bottom left; 
}
#portraits-link:hover h1{
	background-image:url(../images/titles/portraits.png); background-repeat:no-repeat;
}
#portraits{
	width:170px; height:130px; position:absolute; left:-150px; top:97px;
}

#weddings-link {display:block; width:200px; height:200px; position:relative; float:left; top:27px; left:34px; z-index:100;}
#weddings-link:hover h1, #weddings-link:visited h1{background-image:none; background-position:bottom right;}
#weddings-link:hover h1{background-image:url(../images/titles/weddings.png); background-repeat:no-repeat;}
#weddings{
	width:174px; height:130px; position:absolute; right:-157px; top:97px;
}

/*------------------
 Top Navigation
------------------*/
div.topnav{position:absolute; top:30px; left:430px; height:10px; overflow:hidden;}
div.topnav a{ 
	float:left; display:block; height:10px;
	background-image:url(../images/navigation/sprite_topnav.gif); background-repeat:no-repeat;
}
#nav-home {
	width:45px;
	background-position:0 0;
}
#nav-home-on {
	width:45px;
	background-position:0 -20px;
}
#nav-home-on:hover{
	background-position:0 -10px;
}
#nav-home:hover{
	background-position:0 -10px;
}
#nav-gallery {
	width:74px;
	background-position:-45px 0;
}
#nav-gallery-on {
	width:74px;
	background-position:-45px -20px;
}
#nav-gallery-on:hover {
	background-position:-45px -10px;
}
#nav-gallery:hover{
	background-position:-45px -10px;
}
#nav-about {
	width:59px;
	background-position:-119px 0;
}
#nav-about-on {
	width:59px;
	background-position:-119px -20px;
}
#nav-about-on:hover{
	background-position:-119px -10px;
}
#nav-about:hover{
	background-position:-119px -10px;
}
#nav-details {
	width:64px;
	background-position:-178px 0;
}
#nav-details-on {
	width:64px;
	background-position:-178px -20px;
}
#nav-details:hover{
	background-position:-178px -10px;
}
#nav-details-on:hover{
	background-position:-178px -10px;
}
#nav-myevent {
	width:76px;
	background-position:-242px 0;
}
#nav-myevent-on {
	width:76px;
	background-position:-242px -20px;
}
#nav-myevent:hover{
	background-position:-242px -10px;
}
#nav-myevent-on:hover{
	background-position:-242px -10px;
}
#nav-faq {
	width:41px;
	background-position:-318px 0;
}
#nav-faq-on {
	width:41px;
	background-position:-318px -20px;
}
#nav-faq:hover{
	background-position:-318px -10px;
}
#nav-faq-on:hover{
	background-position:-318px -10px;
}
#nav-kudos {
	width:61px;
	background-position:-359px 0;
}
#nav-kudos-on {
	width:61px;
	background-position:-359px -20px;
}
#nav-kudos:hover{
	background-position:-359px -10px;
}
#nav-kudos-on:hover{
	background-position:-359px -10px;
}
#nav-contact {
	width:74px;
	background-position:-420px 0;
}
#nav-contact:hover{
	background-position:-420px -10px;
}
#nav-blog {
	width:41px;
	background-position:-494px 0;
}
#nav-blog-on {
	width:41px;
	background-position:-494px -20px;
}
#nav-blog:hover{
	background-position:-494px -10px;
}
#nav-blog-on:hover{
	background-position:-494px -10px;
}

/*------------------
 Top Subnav
------------------*/
#nav-galleries{
	font-size:11px; position:absolute; height:40px; top:30px; left:487px; 
	text-transform:lowercase; display:none;
}
#nav-galleries a {color:#808080; text-decoration:none; padding:0 10px 0 0; position:relative; top:20px;}
#nav-galleries a:visited {}
#nav-galleries a:hover {color:#4D4D4D;}
#nav-galleries a.gallery-on {color:#84990A;}

/*------------------
 Bottom Navigation
------------------*/
#return-weddings {
	background-image:url(../images/navigation/sprite_returnweddings.png);
	width:196px; height:23px;
}
#return-portraits {
	background-image:url(../images/navigation/sprite_returnportraits.png);
	width:196px; height:23px;
}
a.return {position:absolute; top:639px; left:67px; display:block; cursor:pointer;}
a.return:hover {background-position:0px -23px;}


/*------------------
 Secondary pages
------------------*/
#wrap-bigpic{vertical-align:middle; width:825px; height:550px;}
div.frame {
	width:825px; height:550px;
	position:absolute; top:70px; left:85px;
}
div.position{float:right; font-size:11px; color:#999999; padding:5px;}
div.yourday {
	background-image:url(../images/titles/yourday.gif);
	background-repeat:no-repeat;
	width:350px; height:82px;
	position:absolute; top:611px; left:514px;
}
div.slideshownav {
	width:178px; height:35px; overflow:hidden; text-align:right;
	position:absolute; top:513px; left:913px;
}
div.slideshownav a.slideshow {
	font-size:12px;
	text-decoration:none; color:#808080; display:block; padding-right:35px;
}
div.slideshownav a.slideshow:hover {
	color:#84990A;
}
a.slideshownav {
	cursor:pointer; display:block; width:178px; height:35px;
	background-image:url(../images/navigation/sprite_slideshow.png);
	background-repeat:no-repeat; background-position:0 0; margin-bottom:15px;
}
a.slideshownav:hover {
	background-position:0 -35px;
}

/*------------------
 Thumbnails
------------------*/
div.thumbframe {
	width:500px; height:56px;
	position:absolute; bottom:5px; left:132px;
}
ul.thumbgrid{
	margin:0;padding:0;
	list-style:none; 
}
ul.thumbgrid li{padding:0;margin:0;}
ul.thumbgrid li.thumb{margin:0 5px 0 0; float:left; position:relative; color:#ff0000;}
#thumb-on{}

/*------------------
 Paging
------------------*/
div.paging {
	position:absolute; text-align:center;
	bottom:0; left:-40px; height:56px; width:580px;
	font-size:11px; font-weight:bold;
}
div.paging a.page {display:none;}
div.paging a.pnlink {position:relative; height:37px; width:36px; top:13px; background-position:0 0; display:block;}
div.paging a.pnlink span {display:none;}
div.paging #pnlink-prev {
	float:left; left:-10px;
	background-image:url(../images/navigation/arrow_prev_sprite.gif);
	background-repeat:no-repeat;
}
div.paging #pnlink-prev:hover { background-position:0 -37px;}
div.paging #pnlink-next{
	float:right; right:-13px;  display:block; 
	background-image:url(../images/navigation/arrow_next_sprite.gif);
	background-repeat:no-repeat;
}
div.paging #pnlink-next:hover { background-position:0 -37px;}
div.paging span.records{display:none;}
#pg-1{
	background-image:none; display:none;
	padding-left:14px; padding-right:7px;
}
div.paging .onpage {
	color:#333333;display:none;
	background-image:url(../images/navigation/pagespacer.gif);
	background-repeat:no-repeat; background-position:0 -3px;
	padding-left:14px; padding-right:7px;
}
div.paging a {
	text-decoration:none; color:#999999;
	background-image:url(../images/navigation/pagespacer.gif);
	background-repeat:no-repeat; background-position:0 -3px;
	padding-left:14px; padding-right:7px;
}
div.paging a:visited {color:#999999;}
div.paging a:hover {color:#84990A;}
div.paging a:active {color:#84990A;}

/*------------------
 About
------------------*/
#symbol-bottom {
	background-image:url(../images/icons/symbolbottom.gif);
	width:48px; height:23px;
	position:absolute; top:471px; left:832px;
}
#symbol-top {
	background-image:url(../images/icons/symboltop.gif);
	width:38px; height:28px;
	position:absolute; top:157px; left:841px;
}
div.wrap-pic-about {
	position:absolute; top:207px; left:761px;
 	width:191px; height:250px;
	background-color:#ffffff; border:1px solid #000000;
}


/*------------------
 Details
------------------*/
#symbol-bottom-details {
	background-image:url(../images/icons/symbolbottom.gif);
	width:48px; height:23px;
	position:absolute; top:632px; left:832px;
}
#symbol-top-details {
	background-image:url(../images/icons/symboltop.gif);
	width:38px; height:28px;
	position:absolute; top:157px; left:841px;
}
div.wrap-pic-details {
	position:absolute; top:207px; left:761px;
 	width:191px; height:191px;
	background-color:#ffffff; border:1px solid #000000;
}
div.wrap-pic-details2 {
	position:absolute; top:423px; left:761px;
 	width:191px; height:191px;
	background-color:#ffffff; border:1px solid #000000;
}



/*------------------
 Kudos
------------------*/
div.wrap-content-kudos {
	position:absolute; top:207px; left:286px; text-align:left; padding-bottom:30px; 
 	width:425px; color:#404040; font-size:16px; font-style:italic;
	min-height:525px; height:auto !important; height:525px; 
}
div.arrows {
	position:relative; left:50%; margin-top:15px; margin-left:-25px; width:50px; height:12px; overflow:hidden;
}
div.arrows a {
	display:block; float:left;
	background-position:0 0px;
}
div.arrows a:hover {
	background-position:0 -12px;
}
a.arrow-left {
	background-image:url(../images/icons/arrow-left.gif);
	width:10px; height:12px; margin-right:15px;
}
a.arrow-right {
	background-image:url(../images/icons/arrow-right.gif);
	width:10px; height:12px; margin-left:15px;
}

/*------------------
 Contact
------------------*/
div.wrap-contact{
	background-image:url(../images/backgrounds/contactsymbol.gif);
	background-repeat:no-repeat; background-position:218px 105px;
	width:500px; height:400px; 
	margin:0 auto 0 auto;
	position:relative;
}
div.wrap-contact h5 {margin:0; padding:0;}
div.wrap-contact2{
	background-image:url(../images/backgrounds/contactsymbol.gif);
	background-repeat:no-repeat; background-position:218px 85px;
	width:500px; height:400px;
	margin:0 auto 0 auto;
	position:relative;
}
div.wrap-contact2 h5 {margin:0; padding:0;}
#form-contact{text-align:left; font-size:14px;}
#form-contact textarea{}
#form-contact label{margin:15px 0 7px 0; display:block; font-size:11px;}
#form-contact input.box{border:2px solid #CCCCCC;}
#emailfrom{width:50%; border:2px solid #CCCCCC;}
#howdidyouhear{width:99%; border:2px solid #CCCCCC;}
#msgbody{height:150px; width:99%; border:2px solid #CCCCCC;}
span.email{color:#6D6856;}
#arrow{margin:15px 10px 10px 20px;}
#form-contact label.right{text-align:right; float:right; padding-right:20px;}
#form-contact a.arrow{
	display:block; float:right; cursor:pointer; margin-top:20px;
	background-image:url(../images/icons/contact-arrow.gif);
	width:24px; height:21px;
}
#form-contact a.arrow:hover{
	background-position:0 -21px;
}

/*------------------
 My Event - Login
------------------*/
form.login {
	width:267px; font-size:12px; line-height:175%;
	position:absolute;
	top:200px; left:391px;
}
form.login label {
	float:left; display:block; margin:0;
	width:40%; text-align:right; padding-right:3px;
}
form.login input.text {
	float:left; width:55%; border:1px solid #CCCCCC; height:14px;
}
form.login a.submit {
	display:block; width:54px; height:14px; cursor:pointer; margin:0 auto 0 auto;
	background-image:url(../images/navigation/sprite_submit.gif);
}
form.login a.submit:hover {
	background-position:0 -14px;
}


/*----------------------
 My Event - Navigation
-----------------------*/
ul.sidenav-albums {
 	margin:0; padding:5px 5px 5px 5px; list-style:none;
	border:1px solid #cccccc; 
	position:absolute; top:200px; left:10px; z-index:100;  background-color:#d2d0d6;
}

ul.sidenav-albums li {
 	margin:0; padding:5px 15px 5px 15px; list-style:none; font-size:15px;
	text-align:left; border-bottom:1px solid #cccccc; background-color:#eae8ef;
}
ul.sidenav-albums li.title {
	font-weight:bold; font-size:12px; color:#ffffff; margin:0; padding:0 3px 0 3px; text-align:center;
	background-color:#b9b7bd;
}
ul.sidenav-albums  li.on {
	background-color:#555555;
}

ul.sidenav-albums li a{
	text-decoration:none; display:block; color:#6e6d70;
}
ul.sidenav-albums li a:hover{
	text-decoration:underline;
}

ul.sidenav-albums li.on a {
	color:#ffffff;
}

/*----------------------
 My Event - Cart
-----------------------*/
#addtocart {
	position:absolute; top:200px; right:10px; z-index:100;
	border:none; height:350px; width:200px; overflow:hidden;
}
ul.sidenav-cart {
 	margin:0; padding:3px; list-style:none; 
	background-color:#d2d0d6; overflow:hidden;
}
ul.sidenav-cart  li {
	margin:0; padding:5px 15px 5px 15px; list-style:none; 
	display:block;
	border-bottom:1px solid #cccccc; background-color:#eae8ef;
	font-size:15px; text-align:left; 
}
ul.sidenav-cart li.title {
	font-weight:bold; font-size:12px; color:#ffffff; margin:0; padding:0; text-align:center;
	background-color:#b9b7bd;
}
ul.sidenav-cart  li img.thumb {
	border:none; float:left;
}
ul.sidenav-cart li span.itemname {
	float:left; padding:10px; font-size:12px;
}
ul.sidenav-cart li span.label {
	padding:0 5px 0 0; font-size:11px; font-weight:bold;
}
ul.sidenav-cart li span.value {
	font-size:11px;
}
ul.sidenav-cart li form.remove {
	text-align:center; padding:5px;
}
ul.sidenav-cart li a{
	text-decoration:none; display:block; color:#6e6d70;
}
ul.sidenav-cart li a:hover{
	text-decoration:underline;
}

/*----------------------
 My Event - Full Cart
-----------------------*/
ul.cart {
 	margin:0; padding:0;list-style:none; 
	border:2px solid #d2d0d6; overflow:hidden;
	position:absolute; top:200px; width:100%;
}
ul.cart li {
	margin:0; padding:5px 15px 5px 15px; list-style:none; 
	display:block;
	border-bottom:1px solid #cccccc; 
	font-size:15px; text-align:left; 
}
ul.cart li.func {text-align:center;}
ul.cart li.title {
	font-weight:bold; font-size:14px; color:#ffffff; margin:0; padding:0; text-align:center;
	background-color:#b9b7bd;
}
ul.cart  li img.thumb {
	border:none; float:left;
}
ul.cart li div.itemname {
	margin:0 0 5px 0;
}
ul.cart li span.label {
	padding:0 5px 0 0;  font-weight:bold;
}
ul.cart li span.value {
	
}
ul.cart li form.remove {
	text-align:center; padding:5px;
}
ul.cart li a{
	text-decoration:none; display:block; color:#6e6d70;
}
ul.cart li a:hover{
	text-decoration:underline;
}

ul.cart li a.func {
	display:inline;
}

/*----------------------
 My Event - Cart Items
-----------------------*/
table.items {
	width:100%; 
	border-collapse:collapse;
}
table.items th {
	border-bottom:1px solid #b9b7bd;
	padding:5px; color:#999999;	
}
table.items td {
	border-bottom:1px solid #b9b7bd;
	padding:5px; font-size:13px;
}
table.items tr.total {font-weight:bold;}

/*----------------------
 My Event - Media
-----------------------*/
ul.myevent-media {
 	margin:0; padding:0; list-style:none; font-size:12px; text-align:left;
	position:absolute; top:200px; left:100px;
}

ul.myevent-media  li {
 	margin:5px; padding:7px; list-style:none;
	float:left; width:220px; 
	border:1px dashed #ffffff; border-top:none; border-left:none;
}
ul.myevent-media  li img.thumb {
	border:none; float:left; margin:10px;
}
ul.myevent-media hr {border:none; border-top:1px solid #ffffff;}
ul.myevent-media form.opt {line-height:200%;}
ul.myevent-media label.opt {font-size:11px; font-weight:bold; padding:0 3px 0 0;}
ul.myevent-media select.opt {border:1px solid #000000; font-size:12px;}
ul.myevent-media label.qty {font-size:11px; font-weight:bold; padding:0 3px 0 0;}
ul.myevent-media input.qty {border:1px solid #000000; height:14px; font-size:12px;}
ul.myevent-media li a.preview{text-decoration:none; cursor:pointer;}
ul.myevent-media li a.preview:hover{color:#6e6d70; text-decoration:underline;}

/*----------------------
 My Event - Checkout
-----------------------*/
#checkout {position:absolute; top:200px;}
form.checkout p {text-align:left; font-size:14px;}