body,html {
	margin:0;
	padding:0;
	color:#808284;
	font-size:12pt;
	background:white;
	font-family:Verdana, Geneva, sans-serif;
   }
img { border: none; }
a  { color:#8061aa; font-weight: bold}
a:visited {text-decoration:none; font-weight: normal}
a:hover {text-decoration:none; color:#ab70f9; font-weight: normal}
a:active {text-decoration:none; color:#808284; font-weight: normal}
a:link {text-decoration:none;font-weight: normal}
h1{color:#b19ac9;font-size: 12pt;font-weight: bold;}
    
.gap{clear: both; height:100px;}
.gap-med{clear: both; height:50px;}
.gap-small{clear:both; height:20px;}
.clear{clear: both;}

/* -------------------------------- 

Top

-------------------------------- */
#header-wrap{
    width: 100%;
    background:#d3c2df;
}
#header {
    width: 100%;
    margin: 0 auto;
}
#header img{height:auto;width:100%;}

/* -------------------------------- 

Main Content

-------------------------------- */
#main-wrap{ 
    width: 100%; 
    margin: 0 auto;
    background:white;
}
#main {
    padding:5px 10px;
    background:white;
}
#about-top-outside{ 
background:#d3c2df;
}
#about-top-wrap{
    width: 100%; 
    margin: 0 auto;
    background:#d3c2df;
}
#about-top {
    padding:5px 10px;
    background:#d3c2df;
}
/* -------------------------------- 

Top Nav

-------------------------------- */
#nav-wrap{
    margin: 0 auto;
    background-image: url('images/title1.jpg');
    background-position: left bottom;
    background-repeat: no-repeat;
    min-height: 70px;
}
#nav-wrap-port{
    margin: 0 auto;
    background-image: url('images/portfolio_word3.jpg');background-position: left bottom; background-repeat: no-repeat;
    min-height: 90px;
}
#nav-wrap-about{
    margin: 0 auto;
    min-height: 70px;
}
.nav {
    float:right;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align:right;
    line-height:200%;
}

.nav li:not(:first-child) {display: none;}

.nav.responsive {padding-bottom: 20px;}
.nav.responsive li{display: initial;}
.nav.responsive li a {display: block;text-align: left;}


/* -------------------------------- 

Index Page - Address labels - Party Decorations - Invitations

-------------------------------- */
.section-wrap{margin: 0 auto; width:100%;}

.left-title{ float:left;text-align:left;
             background-image: url('images/title-left-long.jpg');background-position: left top; background-repeat: no-repeat;
             width:100%;height:40px;
}
.left-small-pics{clear: both;float:left;width:50%;}
.left-small-pics div{padding-left:20px;padding-top:20px;}
.left-small-pics img{
	outline: 4px solid #808284;outline-offset: -4px;
	margin-right:6px;margin-bottom:6px;vertical-align:top;
	width:44%; height:auto;
}
.right-title{ float:right;text-align:right;
             background-image: url('images/title-right.jpg');background-position: right top; background-repeat: no-repeat;
             width:100%;height:40px;
}
.right-small-pics{clear: both;float:right;width:50%;text-align:right;}
.right-small-pics div{padding-top:20px;padding-right:20px}
.right-small-pics img{
	outline: 4px solid #808284;outline-offset: -4px;
	margin-left:6px;margin-bottom:6px;vertical-align:top;
	width:44%; height:auto;
}

.big-pic-right{float:right;width:50%;}
.big-pic-right div,.big-pic-left div{padding-top:20px;}
.big-pic-left{float:left;width:50%;}

.big-pic-right img,.big-pic-left img{outline: 4px solid #808284;outline-offset: -4px;width:100%;height:auto;display:block;}
.left-title h1{margin:6px 0px 0px 20px;}
.right-title h1{margin:6px 20px 0px 0px;}

/* -------------------------------- 

Footer

-------------------------------- */

#footer-wrap{
    width: 100%;
    background:#d3c2df; 
}
#footer {
   height:120px;
   text-align: right;
   padding-top: 20px;
   padding-right: 20px;
   color:#8f6eb3;
   font-size:10pt;
}
#footer-img-wrap {width: 100%;margin: 0 auto;position:relative;}
#footer-img {bottom: 0;float:left;position:absolute;}
#footer-img img{display: block; width:100%;height:auto;}

/* -------------------------------- 

About

-------------------------------- */

.text-section{padding-left:20px;line-height:150%; }
.text-section p {margin-bottom: 30px;}
.sub-title{
	color:#b19ac9;text-align:center;width:100%;
   	border-width: 2px;
   	border-bottom: 2px #828282 solid;
	padding-bottom:10px; padding-top:10px;
}

#about-top1-wrap{width: 100%;background:#d3c2df;}
#about-top1 {width: 900px;margin: 0 auto;padding-bottom:30px;}


.about-header-wrap{width:100%}
.about-header{text-align: right;padding-right:10px;}
.about-header img{width:50%; height:auto;}

.about-box-wrap{position: relative; width:40%;}
.about-box{position: absolute; left:0px;top:120px;width:100%;}
.about-box img{width:100%; height:auto;}




#about-top-pic-wrap{
    width: 100%;
    background:white;
}
#about-top-pic {
    width: 100%;
    height: 234px;
    background-image: url('images/header-about-top2.jpg');background-position: center; background-repeat: no-repeat;
    margin: 0 auto;
}
#nav-about {
    float:right;
    margin-top: 40px;
}
#nav-about ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align:right;
    line-height:200%;
}
#about-main-wrap{ 
	width: 900px; 
	margin: 0 auto;
   	background:white;
}
#about-main {
	padding:0px 60px 0px 60px;
}

.about-left-title{ float:left;text-align:left;
    background-image: url('images/title-left-long.jpg');background-position: left top; background-repeat: no-repeat;
    height:40px;
    padding-right:30px;
}
.about-left-title h2{color:#b19ac9;margin:6px 0px 0px 20px;font-size: 13pt;font-weight: bold;}
#about-the-fun-starts-here{float:left; padding-left:15px;}
#about-shop-now{float:left;padding-top:70px; padding-left:35px;}

/* -------------------------------- 

Portfolio

-------------------------------- */
.left-title-port{ float:left;text-align:left;
             background-image: url('images/title-left-long.jpg');background-position: left top; background-repeat: no-repeat;
             width:100%;height:40px;
}
.left-title-port h1{margin:6px 0px 0px 20px;}
.image-gallery-wrap{}
.image-gallery{padding-top:20px;padding-left:20px;}
.image-gallery img{
	width:40%; height:auto;
	outline: 4px solid #808284;outline-offset: -4px;
	margin-right:8px;margin-bottom:8px;padding:0px;
}
.group1,.group2{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
    	user-select: none;
    	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    	outline: none !important;
}
/* -------------------------------- 

Contact

-------------------------------- */
.left-title-contact{ float:left;text-align:left;
             background-image: url('images/title-left-long.jpg');background-position: left top; background-repeat: no-repeat;
             width:100%;height:40px;
}
.left-title-contact h1{margin:6px 0px 0px 20px;}

.contact-list{padding-left:20px;padding-top:20px;line-height:100%; }
.contact-list p {margin-bottom: 20px;}

/* -------------------------------- 

Screen Width > 560px

-------------------------------- */
@media only screen and (min-width: 560px) {

.left-small-pics img{width:28%;margin-right:8px;margin-bottom:8px;}
.right-small-pics img{width:28%;margin-left:8px;margin-bottom:8px;}

.image-gallery img{width:22%; height:auto;}

.left-title-contact{width:284px;}

}


/* -------------------------------- 

Screen Width > 837px

-------------------------------- */
@media only screen and (min-width: 837px) {

#header {width: 900px;}
#header img{height:297px;width:900px;}
.nav li:not(:first-child) {display: block;}
.nav li:first-child {display: none;}
.nav.responsive {padding-bottom: 0px;}

#main-wrap{ width: 900px;}
#main {padding:20px 100px;}

.left-title,.right-title{width:284px;}
.left-small-pics img{width:24%;margin-right:12px;margin-bottom:12px;}
.right-small-pics img{width:24%;margin-left:12px;margin-bottom:12px;}
.big-pic-right div,.big-pic-left div{padding-top:0px;margin-top:-40px;}

.left-title-port{width:660px;}
.image-gallery img{width:150px; height:150px;}

#about-top-outside{ 
    
}
#about-top-wrap{width: 900px;}
#about-top{padding:20px 100px;}
.about-box-wrap{width:45%;}
.about-box{position: absolute; left:10px;top:124px;}

#footer-img-wrap {width:900px;}
#footer {text-align: center;padding-left: 100px;}
}