body {font-family:'Open Sans';font-weight:300;font-size:16px;background-color:#fff;padding:0;margin:0;color:#000;}
div.back {background:url(images/new_background.jpg) #EDEDED no-repeat top center;padding:0 0 3em 0;}
a {color:#c1272d;text-decoration:none;}
a:hover {color:#c1272d;text-decoration:underline;}
div.wrapperIn {width:95%;max-width:974px;margin:0 auto;}
div.clear {clear:both;height:0;}

div.headerWrap {padding:0;margin:0;}
div.header {float:left;margin:0;padding:0;}
div.header h1 {margin:0;padding:0;}
div.header a {width:304px;height:109px;display:block;text-indent:-9000px;background:url(images/newlogo.png) no-repeat;}
div.topnav {float:right;margin:0;padding:0;;}
div.topnav ul {list-style:none;margin:0;padding:37px 0 0 0;}
div.topnav ul li {float:left;margin:0 0 0 10px;padding:0;}
div.topnav ul li a {display:block;width:38px;height:38px;background-position:0 0;background-repeat:no-repeat;text-indent:-9000px;}
div.topnav ul li a:hover {background-position:0 -38px;}
div.topnav ul li a.facebook {background-image:url(images/new_top_icon_fb.png);}
div.topnav ul li a.weddings {background-image:url(images/new_top_icon_weddingwire.png);}
div.topnav ul li a.vimeo {background-image:url(images/new_top_icon_vimeo.png);}
div.topnav ul li a.pinterest {background-image:url(images/new_top_icon_pinterest.png);}
div.topnav ul li a.instagram {background-image:url(images/top_icon_instagram.png);}
div.topnav ul li a.contact {background-image:url(images/new_top_icon_contact.png);}
div.topnav ul li a.mobilemenu {background-image:url(images/mobile_menu.png);background-position:50%;
		position:relative;z-index:13;}
div.topnav ul li a.mobilemenu:hover {background-position:50%;}

div.topnav ul li a.mobilemenu {display:none;}

div.mobilemenu {display:none;}
div.mobilemenu.on {display:block;position:absolute;top:0;right:0;width:100%;
		max-width:374px;background-color:#000;z-index:10;}
div.mobilemenu.on ul {list-style:none;margin:0;padding:83px 0 50px 0;}
div.mobilemenu.on ul li {display:block;margin:0 0 3px;font-size:20px;font-weight:300;}
div.mobilemenu.on ul li a {display:block;padding:13px 10px 13px 51px;color:#fff;
		font-family:'Open Sans Condensed';text-decoration:none;}
div.mobilemenu.on ul li a:hover {background-color:#B11C2A;}
div.mobilemenu.on ul li a.sel {background-color:#B11C2A;background-image:url(/images/selected_mobile.png);
		background-repeat:no-repeat;background-position:25px 21px;}
div.mobilemenu.on ul li ul {margin:10px 10px 30px 51px;padding:0;}
div.mobilemenu.on ul li ul li {margin:0;padding:0;font-size:16px;font-weight:300;}
div.mobilemenu.on ul li ul li a {padding:3px 0;}
div.mobilemenu.on ul li ul li a:hover {background-color:#000;color:#c1272d;}
div.mobilemenu.on ul li ul li a.sel  {background-color:#000;color:#c1272d;background-image:none;}



div.banner {padding:0;margin:0;width:100%;position:relative;
-webkit-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.06);
-moz-box-shadow:    0px 6px 5px 0px rgba(0, 0, 0, 0.06);
box-shadow:         0px 6px 5px 0px rgba(0, 0, 0, 0.06);
}/*height:335px;*/
div.banner img {width:100%;display:block;}
div.banner div.image {display:block;position:absolute;top:0;left:0;vertical-align:bottom;}
div.banner div.image img {vertical-align:bottom;width:100%;}

div.page_wrap {margin:36px 0 50px 0;padding:0;}
div.menu {float:left;width:208px;border-right:1px solid #BDBDBD;padding:0;}
div.menu ul {display:block;list-style:none;font-family:'Open Sans Condensed';font-size:300;padding:0;margin:0;}
div.menu ul li {margin:0;padding:0;}
div.menu ul li a {color:#6f6f6f;text-decoration:none;display:block;padding:14px 35px 14px 34px;margin:0;text-align:right;}
div.menu ul li a:hover {background:url(images/new_menu_arrow.png) no-repeat top left #C1272D;color:#fff;}
div.menu ul li.sel a {background:url(images/new_menu_arrow.png) no-repeat top left #C1272D;color:#fff;}
div.menu ul li a.sel {background:url(images/new_menu_arrow.png) no-repeat top left #C1272D;color:#fff;}
div.menu ul li.sel ul {margin:5px 0 20px;padding:0;}
div.menu ul li.sel ul li a {background:none;background-color:none;color:#000;padding:2px 35px 2px 34px;margin:0;font-size:15px;}
div.menu ul li.sel ul li a:hover {background:none;background-color:none;color:#c1272d;}
div.menu ul li.sel ul li.sel a {background:none;background-color:none;color:#c1272d;}

div.menu ul li ul {margin:5px 0 20px;padding:0;}
div.menu ul li ul li a {background:none;background-color:none;color:#000;padding:4px 35px 4px 34px;margin:0;font-size:15px;line-height:1.1;}
div.menu ul li ul li a:hover {background:none;background-color:none;color:#c1272d;}
div.menu ul li ul li a.sel {background:none;background-color:none;color:#c1272d;}


div.pagedata {width:calc(100% - 240px);float:right;padding:0;margin:0;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
div.pagedata h1 {font-weight:300;font-size:23px;color:#c1272d;}
div.pagedata header h2 {font-weight:300;font-size:18px;color:#666666;}


ul.pictures {float:right;margin:10px 0 10px 0;list-style:none;width:236px;}
ul.pictures li {margin:0 0 .5em 0;padding:0;}
ul.pictures li h2 {background-position:0 1px;padding:0 5px 10px;margin:0;font-weight:300;color:#c1272d;}
h2 {background-position:0 1px;padding:0 5px 10px;margin:0;font-weight:300;color:#c1272d;}


ul.onlypics {margin:20px 0 10px 0;padding:0;list-style:none;}
ul.onlypics li {float:left;margin:0 0 5px 5px;}

div.newvideo_holder {
margin: 10px auto 20px auto;
}



div.footer {background:url(images/footer_top.jpg) repeat-x top #ffffff;text-align:center;padding-bottom:30px;
	border-top:6px solid #ffffff;clear:both;padding-top:20px;}
div.footer_in {width:990px;margin:0 auto;padding:0;}
div.disclaimer {padding:40px 50px 10px 50px;margin:0;font-size:10px;text-align:center;color:#525252;}
div.bottom {background:url(images/sitemap.jpg) no-repeat top center;padding:60px 0 10px 0;margin:0;clear:both;}
div.bottom h3 {background:url(images/bottom_header.jpg) no-repeat;font-size:10px;text-align:center;
	font-weight:normal;padding:20px 0 20px;color:#ffffff;}
div.bottom ul {margin:0 auto;padding:0;list-style:none;width:90%;
	font-family:'Open Sans Condensed';font-size:16px;}
div.bottom ul li {margin:0 0 5px 0;padding:4px 0 5px 40px;clear:both;
	background:url(images/bottom_bullet.gif) no-repeat top right;background-position:242px 12px;	}
div.bottom ul li a {color:#525252;text-decoration:none;display:block;float:left;
	min-width:194px;text-align:right;margin:0 40px 0 0;}
div.bottom ul li a:hover {color:#AB1E03;text-decoration:none;}
div.bottom ul li ul {margin:0 0 0 0;padding:0;list-style:none;text-align:left;
		width:calc(100% - 250px);float:left;
		border-left:1px solid silver;font-size:11px;font-family:'Open Sans';}
div.bottom ul li ul li {margin:0;padding:0 4px 0 4px;background:none;border-bottom:0;float:left;clear:none;border-right:1px solid silver;}
div.bottom ul li ul li a {color:#656565;text-decoration:none;float:none;min-width:3px;margin:0 5px 0 5px;}
div.bottom ul li ul li a:hover {color:#AB1E03;text-decoration:none;}
div.gravity {margin:13px 0 0 0;padding:13px 0;text-align:center;background:url(images/gravityborder.png) no-repeat top center;}
div.gravity a {color:#8d8d8d;font-size:14px;text-decoration:none;font-family:'Open Sans Condensed';}
div.gravity a:hover {color:#C1272D;font-size:14px;text-decoration:none;}



ul.faqs {margin:20px 0 40px;padding:0;list-style:none;}
ul.faqs li {border-top:1px solid #ccc;padding:10px 0 10px;}
ul.faqs li:first-child {border-top:0;}
ul.faqs li a {display:block;font-family:'Open Sans Condensed';font-size:16px;}
ul.faqs li div {padding:10px 0 0 30px;color:#000;}


div.form {float:left;width:95%;max-width:calc(100% - 240px);margin-top:25px;}
div.form ul {list-style:none;margin:0 0 0 0;padding:0;}
div.form ul li {margin:0 0 6px 0;padding:0;}
div.form ul li.c {display:none;}
div.form ul li h3 {font-size:14px;font-family:'Open Sans Condensed';font-weight:700;padding:7px 10px;margin:0;color:#000;}
div.form ul li span.input {display:block;border:1px solid #BDBDBD;border-radius: 5px;
		background:#fff;padding:7px 10px;}
div.form ul li span input.text {border:0;background:none;font-size:14px;font-family:'Open Sans';
		font-weight:300;padding:0;margin:0;width:100%;color:#000;}
div.form ul li span textarea {border:0;background:none;font-size:14px;font-family:'Open Sans';
		font-weight:300;padding:0;margin:0;width:100%;color:#000;}
div.form ul li span textarea[name=comments] {height:150px;}
::-webkit-input-placeholder {   font-weight:700;color:#000;}
:-moz-placeholder {font-weight:700;  color:#000;}
::-moz-placeholder {font-weight:700;  color:#000;}
:-ms-input-placeholder {    font-weight:700;  color:#000;}

div.form a.submit{ display:block;float:right;padding:9px 29px;background:#C1272D;color:#fff;text-decoration:none;
		font-family:'Open Sans Condensed';font-size:16px;}


div.form ul li ul.type {margin:0 10px 15px ;padding:0;}
div.form ul li ul.type li {float:left;margin:0 10px 0 0;padding:0;color:#6f6f6f;font-family:'Open Sans Condensed';
		font-size:16px;}

div.form ul li ul.hearabout {margin:0 10px 15px ;padding:0;}
div.form ul li ul.hearabout li {margin:0 10px 0 0;padding:0;color:#6f6f6f;font-family:'Open Sans Condensed';
		font-size:16px;}



/*<ul class='type'>
	<li><input type='checkbox' name='wedding' id='wedding'> <label for='wedding'>WEDDING / ΓΑΜΟΣ</label></li>
	<li><input type='checkbox' name='party' id='party'> <label for='party'>PARTY</label></li>
	<li><input type='checkbox' name='baptism' id='baptism'> <label for='baptism'>BAPTISM / ΒΑΦΤΙΣΗ</label></li>
	<li><input type='checkbox' name='other' id='other'> <label for='other'>OTHER / ΑΛΛΟ</label></li>
</ul></li>*/


div.contactside {float:right;width:200px;font-size:14px;font-family:'Open Sans Condensed';color:#000;margin-top:25px;}
div.contactside h2 {color:#c1272d;font-size:14px;font-weight:700;margin:2em 0 .5em 0;padding:0;}
div.contactside h2:first-child {margin-top:0;}
div.contactside p {color:#000;font-size:14px;font-weight:300;margin:0 0 1em 0;padding:0;}
div.contactside p  b {font-weight:700;}
div.contactside ul {list-style:none;margin:0;padding:0;}
div.contactside ul li {margin:0;padding:0;}
div.contactside ul li a {color:#000;text-decoration:none;}
div.contactside ul li a:hover {color:#000;text-decoration:underline;}



@media only screen and (max-width:750px){
	div.menu {display:none;}
	div.pagedata {width:100%;margin:0;}
	div.topnav ul li a.mobilemenu {display:block;}
}

@media only screen and (max-width:650px){
	/*div.bottom ul {display:none;}*/
	/*div.bottom {height: 150px;}*/


	div.topnav ul li a.mobilemenu {position:absolute;top:37px;right:2.5%;z-index:200;}


	div.bottom ul {margin:0 auto;padding:0;list-style:none;width:90%;
		font-family:'Open Sans Condensed';font-size:16px;}
	div.bottom ul li {margin:0;padding:10px 0 10px;clear:both;background:none;}
	div.bottom ul li a {color:#525252;text-decoration:none;display:block;float:none;
		width:220px;text-align:center;margin:0 auto;}
	div.bottom ul li ul {float:none;text-align:center;border:0;width:100%;}
	div.bottom ul li ul li {display:inline-block;float:none;border:0;padding:0 8px}
	div.bottom ul li ul li a {margin:0;border:0;width:auto;}

	div.header {float:none;clear:both;text-align:center;width:100%;}
	div.header a {margin:0 auto;background-size:contain;}

	div.topnav {float:none;clear:both;text-align:center;width:100%;}
	div.topnav ul {float:none;clear:both;text-align:center;padding:10px 0 30px;}
	div.topnav ul li {display:inline-block;padding:0 2px;float:none;margin:0;}


	div.form {float:none;width:95%;max-width:95%;margin-top:25px;}
	div.contactside {float:none;clear:both;width:95%;max-width:200px;margin:20px 0 0;}


}
@media only screen and (max-width:550px){

	ul.pictures {float:none;margin:10px auto 10px;list-style:none;width:100%;max-width:300px;padding:0;}
	ul.pictures li {margin:0 0 2% 0;padding:0;width:100%;float:none;}
	ul.pictures li img {width:100%;}
	ul.pictures li:nth-child(2n+1) {margin-left:0;}
	ul.pictures li h2 {font-size:13px;}
	.newvideo_holder h2 {font-size:13px;margin:5px 0;}

}

@media only screen and (max-width:380px){
	ul.pictures {float:none;margin:10px auto 10px;list-style:none;width:100%;max-width:236px;padding:0;}
	ul.pictures li {margin:0 0 2% 0;padding:0;width:100%;float:none;}
	ul.pictures li img {width:100%;}
	ul.pictures li:nth-child(2n+1) {margin-left:0;}
	ul.pictures li h2 {font-size:13px;}
	div.header a {width:220px;height:80px;}
	div.topnav ul li a.mobilemenu {top:22px;}

}


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe,
	.embed-container object,
	.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
<div class='form'>
		<form id=yform method=post>
		<ul id=form>
				<li><span class='input must'><input type='text' name='name' value='' placeholder='YOUR NAME OR NAMES / ΟΝΟΜΑΤΕΠΩΝΥΜΟ'></span></li>
				<li><span class='input must'><input type='text' name='date' value='' placeholder='DATE OF EVENT / ΗΜΕΡΟΜΗΝΙΑ'></span></li>
				<li><span class='input must'><textarea name='venue' placeholder='VENUE NAME & LOCATION / ΟΝΟΜΑ ΧΩΡΟΥ ΚΑΙ ΤΟΠΟΘΕΣΙΑΣ'></textarea></span></li>
				<li><span class='input must'><input type='text' name='phone' value='' placeholder='BEST NUMBER TO REACH YOU / ΤΗΛΕΦΩΝΟ ΕΠΙΚΟΙΝΩΝΙΑΣ'></span></li>
				<li><span class='input must'><input type='text' name='email' value='' placeholder='EMAIL'></span></li>
				<li><span class='input must'><textarea name='comments' placeholder='COMMENTS, NOTES / ΣΧΟΛΙΑ, ΣΗΜΕΙΩΣΕΙΣ'></textarea></span></li>
				<li class=button><a href='\"javascript:;\"' class='submit' onclick=\"document.getElementById('yform').submit();\">".$langg[submit]."</a></li>
				<input type=hidden name=sent value=1>
			</form>	
	</div>
	<div class='contactside'>
		<div class='contact_info'>
			".$langg[new_contact_info]."
		</div>
	</div>
		";*/
