/*
Colours
Grad Top = #662d91
Grad Bottom = #e7deee

Bgrd = #e7deee

Fonts
Calibri 14 for nav words
Calibri 16 for main text

both black (or dark grey if u think better)
*/
@font-face {
	font-family: 'AngelinaRegular';
	src: url('/media/fonts/angelina-webfont.eot');
	src: local('☺'), url('/media/fonts/angelina-webfont.woff') format('woff'), url('/media/fonts/angelina-webfont.ttf') format('truetype'), url('/media/fonts/angelina-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

.half {
	width: 48%;
}
.shalf {
	width:45%;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}
a {
	outline: none;
}
ol, ul {
    margin-left:0;
    padding-left:20px;
}
.framed {
	position: relative;
	top: 0;
	left: 0;
	height:341px;
}

img.inframe {
	position: absolute;
	top: 0;
	left: 0;
}

img.frame {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

#content ul {
	margin-bottom: 10px;
}

html,body {
	height:100%;
	margin: 0 0 1px;
	padding:0;
}

body {
	background-color: #e7deee;
	background-image: url("/media/img/gradient.php?h=600&w=4&sc=662d91&ec=e7deee");
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#662d91), to(#e7deee));
	background-image: -moz-linear-gradient(#662d91,#e7deee);
	background-size: 100% 600px;
	background-repeat: repeat-x;
	font-family: Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;	
	line-height: 1.6;
	color:#662d91;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
}

#banner, #content {
	background-color: #e7deee;
}

#banner {
	height: 280px;
	padding: 5px;
}

#banner nav {
	position: relative;
	bottom: 232px;
	left: 195px;
	width: 720px;
	font-size: 14px;
}

#banner ul {
	width: 720px;
}

#banner li {
	display: block;
	position: absolute;
	height: 180px;
	background: url("/media/img/characters-sprite.png") no-repeat top left;
}

#banner li a {
	display: block;
	padding: 148px 0 0 0;
	text-align: center;
	line-height: 1.1;
	text-decoration: none;
		color:#662d91;
}

#banner #nav_home {
	top: 0px;
	left: 43px;
	background-position: 0 -656px;
	width: 114px;
	height: 98px;
}

#banner #nav_home a {
	padding: 110px 0 0 10px ;
}

#banner #nav_planning {
	left: 173px;
	top: 4px;
	background-position: 0 -514px;
	width: 65px;
	height: 92px;
}

#banner #nav_planning a {
	padding: 110px 0 0 0;
}

#banner #nav_themed {
	left: 252px;
	top: 20px;
	background-position: 0 -954px;
	width: 73px;
	height: 94px;
}

#banner #nav_themed a {
	padding: 110px 0 0 0;
}

#banner #nav_corporate {
	left: 342px;
	top: 21px;
	background-position: 0 -361px;
	width: 57px;
	height: 103px;
}

#banner #nav_corporate a {
	padding: 115px 0 0 0;
}

#banner #nav_parties {
	left: 412px;
	top: 24px;
	background-position: 0 -804px;
	width: 70px;
	height: 100px;
}

#banner #nav_parties a {
	padding: 115px 0 0 0;
}

#banner #nav_weddings {
	left: 495px;
	top: 3px;
	background-position: 0 -1098px;
	width: 59px;
	height: 121px;
}

#banner #nav_weddings a {
	padding: 130px 0 0 0;
}

#banner #nav_celebrations {
	left: 565px;
	top: -1px;
	background-position: 0 -178px;
	width: 89px;
	height: 133px;
}

#banner #nav_celebrations a {
	padding: 148px 0 0 0;
}

#banner #nav_balloons {
	left: 663px;
	top: 15px;
	background-position: 0 0;
	width: 90px;
	height: 128px;
}

#banner #nav_balloons a {
	padding: 148px 0 0 -10px;
}

#banner li {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-khtml-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	opacity: 0.5;
}

#banner li:hover {
	opacity: 1.0;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-khtml-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

#banner li#nav_balloons:hover {
	-webkit-transform: scale (1.1,1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-khtml-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);	
	top: -30px;
}

#banner li#nav_themed:hover {
	-webkit-transform:rotate(360deg) scale(1.1,1.1);
	-moz-transform:rotate(360deg) scale(1.1,1.1);
	-o-transform:rotate(360deg) scale(1.1,1.1);
	-khtml-transform:rotate(360deg) scale(1.1,1.1);
	-ms-transform:rotate(360deg) scale(1.1,1.1);
	transform:rotate(360deg) scale(1.1,1.1);
}

#banner h1#ce_logo {
	height: 235px;
	background: url("/media/img/logo.png");
	text-indent: -9999px;
}


#banner #ce_tagline {
	text-align: right;
	position: relative;
	bottom: 240px;
	left: 0;
	color: white;
	text-shadow: 2px 2px 5px #662d91;
	text-transform: uppercase;
	font-style: italic;
}

#banner #contact_link {
	position: relative;
	bottom: 70px;
	left: 110px;
}

#banner #contact_numbers {
	position: relative;
	bottom: 70px;
	left: 40px;
}

#content {
	margin-top: 10px;
	padding: 30px 20px;
}

#js_fill {
	min-height:500px;
}

#content ul {
	list-style-position: inside;
	padding-left:10px;
}

#content p {
	padding-bottom: 0.4em;
	line-height:1.4;
	
}

#testimonial {
}

footer {
	text-align: center;
	margin: 50px 0;
}

.top_left_char {
	float: left;
	margin: -90px 0 0 -90px;
	padding: 14px;
	z-index: 200;
}

@media all and (max-width: 1100px) {
	.top_left_char {
		margin:-90px 0 0 -10px;
	}
}

form#contact {
	width:300px;
	margin:0 auto;	
}

form input, form textarea {
	font-family: Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	width: 300px;
	border:1px #aaa solid;	
}

form input#submit,  {
	border:1px #aaa solid;
	width: 300px;
}

#content h2 {
	margin-top:1em;
}

.active_link {
	opacity:1.0 !important;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-khtml-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.ad-gallery {
  width: 446px;
margin:30px auto;
}
.ad-gallery .ad-image-wrapper {
  height: 331px;
}

#content .ad-gallery ul {
	padding:0;
}

.handwritten {
	font-family:"AngelinaRegular";
	font-size:1.5em;
}

#contact_form {
	padding-left: 30px;
}

#contact_form label {
}

#contact_form input[type=text], #contact_form input[type=email], #contact_form textarea {
	width: 300px;
	+min-height(30px);
	+font;
	font-size: 20px;
	display: block;
	margin-bottom: 16px;
	background-color: #fff;
	border: 1px #aaa solid;

	&:focus {
	}

}

#contact_form textarea {
	+min-height(300px);
}

#contact_form input:valid, #contact_form textarea:valid {
	border: 1px green solid;
}

#contact_form input[type=submit] {
	border: 1px #aaa solid;
	font-size: 20px;
	width: 300px;
	background-color: white;
}