html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/*-----End Reset-----*/

body {		
	
	background-color: #f8fbea;
	background-image: url(../assets/Hearts1.png);
	font-size:1em; /*16px*/
	margin: 0%;
	padding: 0%;
}

h1 {	
	font-weight:bold;
	font-size: 1.125em;/*18px*/
	text-align: center;
	margin-left: 31.77777%;/*286px*/
	margin-top: 50px;
}

h2 {	
	font-weight:bold;
	font-size: 1.125em;/*18px*/
	text-align: center;
	margin-left: 31.77777%;/*2896px*/
}

.imageWrap p {
  text-align: left;
  width:50%;
}

p {
	
	margin-left: 31.66666%;/*285px*/
	margin-right: 1.11111%;/*10px*/
	margin-top: 1.11111%;/*10px*/
	text-align: left;
}

/*#shadow {
	margin:auto;
	background-image: url(../assets/shadow4.jpg);
	background-repeat:repeat-y;
	width: 104%;940px
}
*/
.dropshadow {
	 -moz-box-shadow: 3px 3px 4px #999; /* Firefox */
	 -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
	 box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
	 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, 		Color='#999999')";/* IE 8 */
	 : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 
} 

div#wrapper {
	width: 96%;/*900px*/
	max-width: 1500px;
	min-height: 3600px;/*3600px*/
	background-color: #ffffff;
	margin: 0 auto 0 auto;
	padding: 0;
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	position: relative;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div#wrapperShort {
	width: 96%;
	max-width: 1155px;
	min-height: 2375px;/*2375px*/
	background-color: #ffffff;
	margin: 0 auto 0 auto;
	padding: 0;
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	border-left:#ccc 3px solid;
	border-right: #ccc 3px solid;
	position: relative;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div#wrapperMedium {
	width: 96%;
	max-width: 1155px;
	min-height: 2820px;/*2820px*/
	background-color: #ffffff;
	margin: 0 auto 0 auto;
	padding: 0;
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	position: relative;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/*.imageWrap #logo {
  text-align: center;
  }
.imageWrap #logo img {
  width: 70%;
  }
div#logo {
	position: absolute;
	float: left;
	top: -100px;
	clear: left;		
}*/
.imageWrap #header {
  text-align: center;
}

.imageWrap #header img {
  width: 100%;
}

div#header {
	/*background-image: url(../assets/header.jpg);
	background-repeat: no-repeat;*/
	position: relative;
	/*float: left;*/
	margin-bottom: 0%;
	height: 150px;/*150px*/
	width:100%;/*900px*/	
}

div#social {
	position: absolute;
	top: 14.11111%;/*145px*/
	left: 28.88888%;/*260px*/
}

div#sidebar {
	background-color: #f5fcea;
	width: 275px;/*275px - 30.55555%*/
	position: absolute;
	top: 200px;/*225px*/
	margin-left:2.11111%;/*19px*/
	height:88.9%;/*2125px*/
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	left: -19px;
	margin-right: 10px;
}


div#homepageTopInvitations {
	margin-top: 2.77777%;/*25px*/
	margin-left: 45%;/*385px*/
	/*margin-right: 40%*/
}

div#topInvitations {
	margin-top: 2.77777%;/*25px*/
	margin-left: 37.22222%;/*335px*/
}

div#invitations {
	position: absolute:
	top: 33.33333%;/*300px*/
	margin-left: 32%;/*334px*/
	margin-right: 32%
	padding: 0 0 0 3.88888%;/*0 0 0 35px*/
}

div#bottomInvitations {
	margin-left: 37.22222%;/*335px*/
}

/*---adsense---*/
#sidebar div#searchBox {
	position: absolute;
	top: 10px;/*10px*/
	left: 7%;/*20px*/
	width: 8.33333%;/*75%*/
}


div#adsense {
	position: absolute;
	width: 80%;
	top: 160px;/*40px*/
	/*margin-left: 12.22222%;*//*110px*/
	/*margin-bottom: 5.55555%;*//*50px*/
	/*width: 962px;*/
	/*height: 17px;*/
	margin-left:15%;/*900px*/
	margin-right: 15%;	
}


#sidebar div#middleAdsense {
	position: absolute;
	top: 110px;
	left: 60px;
}

#sidebar div#bottomAdsense {
	position: absolute;
	top: 1375px;/*1375px*/
	left: 60px;/*60px*/
}


div#branch {
	position: absolute;
	top: 59.88888%;/*1250px*/
	left: 40px;/*40px*/
}

#sidebar p {
	margin-left: 11.11111%;/*100px*/
	margin-top: 203.33333%;/*1830px*/
}

div#preFooter {
	margin-top: 1.66666%;/*15px*/
}

#preFooter p {
	margin-bottom: 1.66666%;/*15px*/
	text-align: center;
	font-size:.75em;
}

div#footer {
	font-weight: bold;
	padding-bottom: 2.22222%;/*20px*/
}

#footer p {
	text-align: center;
}

#sidebar div#flag {
	position: absolute;
	top: 1995px;/*2000px*/
	left: 40px;/*40px*/
}

.content {
	max-width: 760px;/*760px*/
	margin: 2.22222% 0 0 11.11111%;/*20px 0 0 100px*/
}

#contactForm {
	margin-left: 25.33%;	
}
/*---Theme Party List---*/
div#themedList {
	margin-top: 0px;
	font-size: .75em;
	font-weight: bold;
	padding: 0px ;
	margin-left: 20%;
	margin-bottom: 10px;
	width: 400px;
	clear: none;
}

#themedList ul {
	list-style: none;
	margin: 50px;
	padding: 0;
	text-align: left;
}

#themedList li {
/*	float: left;*/	
margin: 0px auto 0 auto;
	padding: 5px  5px ;
}

#themedList li a:link, #themedList li a:visited {	
	display: block;
	color:#333;
	text-decoration: none;
	margin: 0 auto 0 auto;
	line-height: 10px;
	border: none;
}

#themedList li a:hover, #themedList li a:active {
	color: #f8b449;
}

#themedList li a.current {
	height: 10px;
	line-height: 10px;	
}


/*-----Navigation-----*/

div#menu {
	margin-top: 180px;
	margin-left: 0px;
	font-size: .75em;
	font-weight: bold;
	padding: 25px ;	
}

#menu ul {
	list-style: none;
	margin: 10px;
	padding: 0;
	text-align: left;
}

#menu li {
	float: left;
	margin: 5px auto 0 auto;
	padding: 12px  5px ;
}

#menu li a:link, #menu li a:visited {	
	display: block;
	color:#333;
	text-decoration: none;
	margin: 0 auto 0 auto;
	line-height: 10px;
	border: none;
}

#menu li a:hover, #menu li a:active {
	color: #f8b449;
}

#menu li a.current {
	height: 10px;
	line-height: 10px;	
}

#menu li a.current:hover {
    cursor: default;
}

/*-----Media Queries-----*/

@media screen and (max-width: 1077px) {
	div#homepageTopInvitations {
		margin-left: 38%;
	}}

@media screen and (max-width: 950px) {
	div#sidebar {
		width: 225px;/*275px - 30.55555%*/
		height:90.9%;/*2125px*/
		}

	#sidebar div#searchBox {
		left: -1%;/*20px*/
		width: 8.33333%;/*75%*/
		}

	#sidebar div#middleAdsense {
		left: 30px;
		}

	#sidebar div#bottomAdsense {
		top: 1550px;/*1375px*/
		left: 30px;/*60px*/
		}

	#sidebar div#flag {
		display: none;
		}}

@media screen and (max-width: 890px) {
	div#homepageTopInvitations {	
		margin-top: 2.77777%;/*25px*/
		margin-left: 43.66%;/*335px*/
		padding: 0 0 0 80px;
		}

	div#invitations {
		margin-left: 40.11111%;/*334px*/
		padding: 0 0 0 3.88888%;/*0 0 0 35px*/
		}}

@media screen and (max-width: 820px) {
	div#adsense {
		display: none;
		}}

@media screen and (max-width: 770px) {
	div#sidebar {
		width: 175px;
		}
		
	#sidebar div#searchBox {
		display: none;
		}
		
	#sidebar div#middleAdsense {		 
		display: none;
		}
			
	#sidebar div#bottomAdsense {
		display: none;
		}}

@media screen and (max-width: 675px) {
	div#sidebar {
		background-color: #f5fcea;
		width: 125px;/*275px - 30.55555%*/
		position: absolute;
		top: 200px;/*225px*/
		margin-left:2.11111%;/*19px*/
		height:88.9%;/*2125px*/		
		left: -19px;
		margin-right: 10px;
	}
	
	div#menu {
		padding: 0px ;
		font-size: .65em;
		margin-top: 180px;
	}
	
	div#homepageTopInvitations {	
		margin-top: 2.77777%;/*25px*/
		margin-left: 25.66%;/*335px*/
		padding: 0 50% 0 100px;
		}

	div#invitations {
		margin-left: 25.11111%;/*334px*/
		padding: 0 5%0 0 3.88888%;/*0 0 0 35px*/
		}}
		
@media screen and (max-width: 530px) {
	.imageWrap #homepageTopInvitations {
		text-align: center;
	}
	
	.imageWrap #homepageTopInvitations img{	
		width: 100%;
		height:100%;
		min-width: 100px;
	}
	
	div#homepageTopInvitations {
		/*margin-left: 10.66%;*/
		display: none;
		}
	
	.imageWrap #invitations {
		text-align: center;
		}
	
	.imageWrap #invitations img {	
		width: 80%;
		height:100%;
		min-width: 100px;
		}

	
	div#invitations {
		margin-left: 50.11111%;
		}
		
	div#sidebar {
		width: 95px;
		}
	

/*	.imageWrap h1 {	
		width: 60%;		
		}
*/
	h1 {	
		font-weight:bold;
		font-size: 1em;/*18px*/
		text-align: center;
		margin-left: 40.77777%;/*286px*/
		margin-top: 200px;
		}
		
	p {
		margin-left: 40%;
		}
		
		#footer p{
			font-size: .5em;
	/*font-weight: bold;*/
	padding-bottom: 2.22222%;/*20px*/
	}}

@media screen and (max-width: 485px) {
		div#social {
			display: none;
		}}