/* html5reset.css ============================================================================= */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,
b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
}
body {line-height: 1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;}
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
a {font-size: 100%;vertical-align: baseline;background: transparent;}
ins {background-color: #fff;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000; font-style: italic;font-weight: bold;}
del {text-decoration:  line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;   border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input, select {vertical-align: middle;}



/* BASIC PAGE SETUP ============================================================================= */
body { margin : 0 auto;padding : 0;font : 16px/1.4 'Comfortaa', sans-serif;font-weight:300;
	colortext-align: left;
	font-family: 'totally', cursive;
	background:url(../images/green_bg.jpg) repeat;}
button, input, select, textarea { color : #202020; }

@font-face {
    font-family: 'socialico';
    src: url('./fonts/gravity_socialico-webfont.eot');
    src: url('./fonts/gravity_socialico-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/gravity_socialico-webfont.woff') format('woff'),
         url('./fonts/gravity_socialico-webfont.ttf') format('truetype'),
         url('./fonts/gravity_socialico-webfont.svg#socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'totally';
    
    src: 
         url('../fonts/AC-TotallyPlain.otf') format('woff'),
         url('../fonts/AC-TotallyPlain.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/*  HEADINGS  ============================================================================= */
h1, h2, h3, h4, h5, h6 { font-weight : 300;margin-top: 0px;}
h1 { font-size :  1.7em;	margin-bottom : 0.2em;line-height : 1.4; }
h2 { font-size :  1.4em;	margin-bottom : 0.5em;margin-top : 0.5em;line-height : 1.2;}
h3 { font-size :  1.2em;	margin-bottom : 0.3em;line-height : 1.3; }
h4 { font-size :  1.1em;	margin-bottom : 0.5em;line-height : 1.25; }
h5 { font-size :  1em;		margin-bottom : 1.25em;}
h6 { font-size : 1em;	}


/*  TYPOGRAPHY  ============================================================================= */
p, ol, ul, dl, address { margin-bottom : 1.5em; font-size : 1em; /* 16 / 16 = 1 */ }
p {hyphens : auto;  }
ul, ol { margin :0; padding:0; }
li ul, li ol { margin : 0;font-size : 1em; /* 16 / 16 = 1 */ }
dl, dd { margin-bottom : 1.5em; }
dt { font-weight : 300; }
b, strong { font-weight : 400; }
hr { display : block; margin : 1em 0; padding : 0;height : 1px; border : 0; border-top : 1px solid #ccc;}
small { font-size : 1em; /* 16 / 16 = 1 */ }
sub, sup { font-size : 75%; line-height : 0; position : relative; vertical-align : baseline; }
sup { top : -.5em; }
sub { bottom : -.25em; }
.subtext {	color: #000;	}

/* LINKS =============================================================================  */
a { color : #000;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}/*text-decoration: underline;}*/
ul a {text-decoration:none;}
a span {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
	/*a:visited { color : #ee3344; }*/
a:focus { color : rgb(0,0,0); }
a:hover, a:active { outline : 0; }
a#backtotop {position:fixed;width:36px;height:36px;z-index:100;}


/* IMAGES ============================================================================= */
img {
border : 0;
max-width: 100%;}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


/* TABLES ============================================================================= */
table { border-collapse : collapse;border-spacing : 0;margin-bottom : 1.4em; width : 100%; }
th, td, caption { padding : .25em 10px .25em 5px; }
tfoot { font-style : italic; }
caption { background-color : transparent; }


/*  SECTIONS  ============================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}

	
/*  CODE  ============================================================================= */
pre.code {padding: 0;margin: 0;font-family: monospace;white-space: pre-wrap;font-size: 1.1em;}
strong.code {font-weight: 300;font-family: monospace;font-size: 1.2em;}

div.code {padding:20px;font-family:monospace;font-size:0.7em;background:#000;color:#fff;margin:10px 0 10px 0;}

/*  NOTES  ============================================================================= */
.note {position:relative;padding:1em 1.5em;margin: 0 0 1em 0;background: #fff;
	background: rgba(255, 255, 255, 0.5);overflow:hidden;}
.note:before {
	content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;
	border-color:transparent transparent #cccccc #cccccc;background:#cccccc;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	display:block; width:0; /* Firefox 3.0 damage limitation */}
.note.rounded {-webkit-border-radius:5px 0 5px 5px;-moz-border-radius:5px 0 5px 5px;border-radius:5px 0 5px 5px;}
.note.rounded:before {
	border-width:8px;border-color:#ff #ff transparent transparent;background: url(images/bodyback.png);
	-webkit-border-bottom-left-radius:5px;-moz-border-radius:0 0 0 5px;border-radius:0 0 0 5px;}


/*  SCREENS  ============================================================================= */
.siteimage {
	max-width: 90%;padding: 5%;margin: 0 0 1em 0;background: transparent url(/images/stripe-bg.png);
	-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-o-transition: background 0.3s ease;transition: background 0.3s ease;}
.siteimage:hover {background: #bbb url(/images/stripe-bg.png);position: relative;top: -2px;}


/*  GLOBAL OBJECTS ============================================================================= */
.breaker { clear: both; }
.group:before,
.group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}
.floatleft{float: left;}
.floatright{float: right;}
*{ outline:none;}
a:focus {outline: none; }
div.clear {clear:both;height:1px;}


/* VENDOR-SPECIFIC ============================================================================= */
html { -webkit-overflow-scrolling : touch; -webkit-tap-highlight-color : rgb(52,158,219); 
	-webkit-text-size-adjust : 100%; -ms-text-size-adjust : 100%; }
.clearfix { zoom : 1; }
::-webkit-selection { background : rgb(23,119,175); color : rgb(250,250,250); text-shadow : none; }
::-moz-selection { background : rgb(23,119,175); color : rgb(250,250,250); text-shadow : none; }
::selection { background : rgb(23,119,175); color : rgb(250,250,250); text-shadow : none; }
button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance : button; }
::-webkit-input-placeholder {font-size : .875em; line-height : 1.4; }
input:-moz-placeholder { font-size : .875em; line-height : 1.4; }
.ie7 img,.iem7 img { -ms-interpolation-mode : bicubic; }
input[type="checkbox"], input[type="radio"] { box-sizing : border-box; }
input[type="search"] { -webkit-box-sizing : content-box;-moz-box-sizing : content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { padding : 0;border : 0; }
p {/* http://www.w3.org/TR/css3-text/#hyphenation */-webkit-hyphens : auto;-webkit-hyphenate-character : "\2010";-webkit-hyphenate-limit-after : 1;
	-webkit-hyphenate-limit-before : 3;-moz-hyphens : auto; }


/* Responsivenewss ============================================================================= */
/* ============================================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}
.col {display: block;float:left;margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {	
	.col { margin: 1% 0 1% 0%;}	
}

.span_12_of_12	{	width: 100%;}
.span_11_of_12	{	width: 91.46%;}
.span_10_of_12	{	width: 83%;}
.span_9_of_12	{	width: 74.54%;}
.span_8_of_12	{	width: 66.08%;}
.span_7_of_12	{	width: 57.62%; }
.span_6_of_12	{	width: 49.16%; }
.span_5_of_12	{	width: 40.7%; }
.span_4_of_12	{	width: 32.24%;}
.span_3_of_12	{	width: 23.78%;}
.span_2_of_12	{	width: 15.32%; }
.span_1_of_12	{	width: 6.86%; }




/* GRAVITY.GR CSS  ============================================================================= */

/* h1.logo {margin:0;padding:0 0 35% 0;width:100%;height:0;	
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	text-indent:-9000px;
}
h2.mcflogo {margin:2.5em 0 0 0;padding:0 0 30% 0;width:100%;height:0;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	text-indent:-9000px;
} */

h1.logo {margin:0;padding:0;}


h3 {color:#d96277;margin:0;padding:0 0 2em 0;font-size:0.88em;}

#skiptomain { display: none; }
#wrapper {width: 95%;	position: relative;text-align: left;margin:0 auto;}
.wrapperIn {clear: both;
	width: 90%; /* 1000px / 1250px */
	max-width: 960px; /* 1200px / 13 */
	margin: 0 auto;padding:0;position: relative;text-align: left;}


#headcontainer {width: 100%;
		background:url(../images/pink_wave.png),url(../images/white_bg.jpg);
		 background-repeat:no-repeat,repeat;
		 background-position: 0 30%;
		 padding:0;margin:0;position:relative;}
div.header {padding-top:50px;position:relative;padding-bottom:50px;}
div.flower {width:84px;background-repeat: no-repeat;background-position: bottom top;height:470px;z-index:5;position:relative;}
div.left {float:left;background-image:url(../images/FLOWER_green.png);}
div.right {float:left;background-image:url(../images/FLOWER_pink.png);}
div#middle {
	height:400px;
	float:left;
	width: 400px;
	width: -webkit-calc(100% - 168px);
	width: -moz-calc(100% - 168px);
	width: calc(100% - 168px);	
}

div#footer {width:50%;margin:0 auto;padding:120px 0 20px;}

div#rope {padding-top:105px;background:url(../images/rope1px.gif);background-repeat: repeat-x;background-position: 0 121px;}
div.letter {z-index:5;position:relative;}
div.letter span{display:none;}
div.mybabyplain {display:none;}
div#m:after 		{content: url(../images/maria_1_m.png);}
div#a1:after 		{content: url(../images/maria_2_a.png);}
div#r:after 		{content: url(../images/maria_3_r.png);}
div#i:after 		{content: url(../images/maria_4_i.png);}
div#a2:after 		{content: url(../images/maria_5_a.png);}
div#heart:after 	{content: url(../images/heart.png);}
div#e1:after 		{content: url(../images/elenh_1_e.png);}
div#l:after 		{content: url(../images/elenh_2_l.png);}
div#e2:after 		{content: url(../images/elenh_3_e.png);}
div#n:after 		{content: url(../images/elenh_4_n.png);}
div#h:after 		{content: url(../images/elenh_5_h.png);}

a.butterfly {z-index:11;position:absolute;display:block;}
a.green.butterfly {background:url(../images/butterfly_green.png) no-repeat;background-size:100%}
a.pink.butterfly {background:url(../images/butterfly_pink.png) no-repeat;background-size:100%}
a.blue.butterfly {background:url(../images/butterfly_blue.png) no-repeat;background-size:100%;}




div.grass {position:absolute;z-index:10;bottom:0;left:0;width:100%;background:url(../images/grass_top.png) repeat-x bottom;}	
ul.mainmenu {list-style: none;margin:0 0 0 0;padding:0;z-index:12;position:relative;}
ul.mainmenu li {display:block;margin:0 0 0 0;padding:0;text-align:center;}
ul.mainmenu.left li {text-align:left;}
ul.mainmenu.right li {text-align:right;}
ul.mainmenu.left, ul.mainmenu.right {padding-top:150px;}
ul.mainmenu li a {display:block;margin:0.5em 0 0 0;padding:0;color: white;font-size: 1.5625em;
    text-shadow:-1px -1px 0 #F17A8F,1px -1px 0 #F17A8F,-1px 1px 0 #F17A8F,1px 1px 0 #F17A8F,2px 2px 0 #878D50; }
ul.mainmenu li a:hover {color:#F17A8F;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,2px 2px 0 #878D50; }
ul.mainmenu li.selected a {color:#F17A8F;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,2px 2px 0 #878D50; }
ul.mainmenu li.mybaby {text-align:center;}
ul.mainmenu li.mybaby a {}
ul.mainmenu li.mybaby a:before {content:url(../images/iam.png);}
ul.mainmenu li.mybaby a span {display:none;}


div.mainarticle {font-size:1.125em;color:#473115;}
div.mainarticle a {color:#fff;}
div.mainarticle a:hover {color:#F17A8F;}



.contactform {margin:2em 0;}
.contactform ul {list-style:none;}
.contactform ul li {color:#fff;padding:0.5em 0 0 0;}
.contactform ul li.failed {font-size:2em;color:#f00;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,2px 2px 0 #878D50;}
.contactform ul li.sent {font-size:2em;color:#090;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,2px 2px 0 #878D50;}
.contactform ul em {display:block;margin:0 2em 0 0;font-style:normal;}
.contactform ul span {display:block;margin:0 2em 0 0;background:#fff;}
.contactform ul span {border:1px solid #999;border-radius: 8px;padding:0.5em 1em;margin-bottom:4px;}
.contactform ul span.radio  {color:#666;}
.contactform ul span.radio input {margin-right: 5px;}
.contactform ul span input.text {border:0;background:#fff;font-size:1.5em;font-family:Totally;color:#666;width:90%;}
.contactform ul span textarea {border:0;background:#fff;font-size:1.5em;font-family:Totally;color:#666;height:4em;width:90%;}
.contactform a.submit {color:#F17A8F;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,2px 2px 0 #878D50; 
	font-size:3em;}
.contactform a:hover {color:#fff;text-shadow:-1px -1px 0 #666,1px -1px 0 #666,-1px 1px 0 #666,1px 1px 0 #666,2px 2px 0 #878D50; }

div.mainarticle {margin:3em 0 0 0;padding:0;}

div.mainpics {display:block;border:8px solid #fff;padding:0;margin-bottom:2em;
-webkit-box-shadow: 0px 7px 8px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 7px 8px rgba(50, 50, 50, 0.75);
box-shadow:         0px 7px 8px rgba(50, 50, 50, 0.75);}
div.mainpics img {width:100%;margin:0;vertical-align:bottom;}

div#siderelated {display:block;float:right;width:30%;margin-left:2em;}
ul.pictures {list-style:nome;margin:0;padding:0;}
ul.pictures li {display:block;margin:0 0 0.5em;}
ul.pictures li a {display:block;padding:0;
-webkit-box-shadow: 0px 7px 8px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 7px 8px rgba(50, 50, 50, 0.75);
box-shadow:         0px 7px 8px rgba(50, 50, 50, 0.75);}
ul.pictures li img {width:100%;margin:0;vertical-align:bottom;}


ul.photogallery {list-style:nome;margin:2em 0 2em 0;padding:0;}
ul.photogallery li {display:block;margin:0 0 0 1%;float:left;width:23.78%;}
ul.photogallery li a {display:block;margin-bottom:0.6em;
-webkit-box-shadow: 0px 7px 8px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 7px 8px rgba(50, 50, 50, 0.75);
box-shadow:         0px 7px 8px rgba(50, 50, 50, 0.75);}
ul.photogallery li img {width:100%;vertical-align:bottom;}
ul.photogallery li span {display:none;}

ul#youtube {list-style:nome;margin:2em 0 2em 0;padding:0;}
ul#youtube li {display:block;margin:0 0 0 1%;float:left;width:23.78%;}
ul#youtube li a {display:block;margin-bottom:0.6em;
-webkit-box-shadow: 0px 7px 8px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 7px 8px rgba(50, 50, 50, 0.75);
box-shadow:         0px 7px 8px rgba(50, 50, 50, 0.75);
background-repeat:no-repeat;
background-position:50%;background-color:#000;
height:180px;}
ul#youtube li img {width:100%;vertical-align:bottom;}
ul#youtube li span {display:none;}

a.fancy {border:8px solid #fff;}
a.fancy.f1 {border:8px solid #F6ADCC}
a.fancy.f2 {border:8px solid #C9E9E6;}
a.fancy.f3 {border:8px solid #DEE787;}
a.fancy.f4 {border:8px solid #FEEB89;}
a.fancy.f5 {border:8px solid #fff;}

ul.news {list-style:none;margin:0;padding:0;}
ul.news li {margin:2em 0 0 0;padding:4em 0 0 0;
	background: url(../images/guestbook_div.png) no-repeat top center;}
ul.news li div.picture {float:right;margin:0 0 1em 1em;}	
ul.news li div.picture a {display:block;width:171px;height:171px;background-repeat:no-repeat;
	background-position:50%;}	
ul.news li h2 {color:#d96277;margin:0;padding:0;}
ul.news li h4 {margin:0 0 0.5em;padding:0;font-size:0.81em;}
ul.news li a.more {color:#fff;
	text-shadow:-1px -1px 0 #F17A8F,1px -1px 0 #F17A8F,-1px 1px 0 #F17A8F,1px 1px 0 #F17A8F,2px 2px 0 #878D50; }
ul.news li a.more:hover {color:#F17A8F;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,2px 2px 0 #878D50; }





div.guestbookForm {float:right;width:303px;margin-top:50px;}
div.guestbookForm h2 {color:#d96277;font-size:0.94em;font-weight:normal;padding:0 4px 40px;
	background:url(../images/guest_head.png) no-repeat bottom center;}
div.guestbookForm form {padding:10px 0 50px 0;margin:0;}
div.guestbookForm form span {display:block;margin:0;padding:0;}
div.guestbookForm form span.email {display:none;}
div.guestbookForm form span.name {background:url(../images/guest_name.png) no-repeat top left;height:57px;padding:0 5px 0 71px;}
div.guestbookForm form span.name input {background:transparent;color:#d96277;font-size:1em;padding:16px 0 5px 0;width:100%;
	font-family:totally;border:0;}
div.guestbookForm form span.comments {background:url(../images/guest_text.png) no-repeat top left;height:308px;padding:0 5px 0 5px;}
div.guestbookForm form span.comments textarea {background:transparent;color:#d96277;font-size:1em;margin:40px 0 0 12px;width:260px;height:246px;
	font-family:totally;border:0;}
div.guestbookForm a.guestbookSubmit {display:block;background:url(../images/guest_submit.png) no-repeat top left;
	width:148px;text-align:center;color:#fff;padding:10px 0 15px 0;font-size:1.13em;float:right;margin-top:8px;
	text-shadow: 1px 1px #3A8283;text-decoration:none;}
	div.guestbookForm a.guestbookSubmit:hover {color:#d96277;}

ul.guestbookUl {margin:60px 0;padding:0;list-style:none;float:left;max-width:calc(100% - 333px);}
ul.guestbookUl li {display:block;margin:0 0 0 0;padding:0 0 50px 0;background:url(../images/guestbook_div.png) no-repeat bottom center;
    -webkit-transition: text-shadow 1s linear;
    -moz-transition: text-shadow 1s linear;
    -ms-transition: text-shadow 1s linear;
    -o-transition: text-shadow 1s linear;
    transition: text-shadow 1s linear;}
ul.guestbookUl li div.facts {display:block;float:left;margin:0 20px 10px 0;padding:0;}
ul.guestbookUl li div.facts h4 {color:#d96277;margin:0 0 5px 0;padding:0;font-weight:normal;font-size:1.13em;}
ul.guestbookUl li div.facts span {font-size:0.75em;color:#473115;}
ul.guestbookUl li div.facts p {font-size:1.13em;color:#473115;padding:0;margin:0;}
ul.guestbookUl li.new.glow {text-shadow: 0 0 10px red;}

@media only screen and (max-width: 640px) {
	div.header {padding-top:20px;position:relative;padding-bottom:00px;}
	div.grass {position:relative;background:url(../images/green_bg.jpg) repeat;}
	ul.mainmenu.left, ul.mainmenu.right {padding-top:0px;}
	ul.mainmenu li.mybaby, ul.mainmenu li, ul.mainmenu.left li{text-align:right;}
	div.grass div.span_4_of_12 {width:100%;}
	div.mainmenuwrap {background:url(../images/mybaby_plain.png) no-repeat;background-position:0 50%;}
	ul.mainmenu li.mybaby a img {display:none;}
	ul.mainmenu li.mybaby a:before {content:'';}
	ul.mainmenu li.mybaby a span {display:inline;}
	div.flower {height:275px;}
	div#middle {height:275px;}
	a.butterfly {display:none;}
	div.guestbookForm {float:none;width:303px;margin:50px auto;}
	ul.guestbookUl {margin:60px auto;width:90%;float:none;max-width:90%;}	
	ul.guestbookUl li div.facts {float:none;width:100%;}

}
@media only screen and (max-width: 570px) {
	div.header {padding-top:0;position:relative;padding-bottom:0px;}
	div#headercontainer {height:auto;}
	div.flower {height:84px;margin:1.5em 0;}
	div#middle {height:auto;}
	div.left {float:left;background-image:url(../images/pink_flower_louloudi.png);}
	div.right {float:left;background-image:url(../images/green_flower_louloudi.png);}
	a.butterfly {display:none;}
	div#rope {background:none;padding-top:20px;}
	
	div#m:after 		{content: 'Μ';}
	div#a1:after 		{content: 'α';}
	div#r:after 		{content: 'ρ';}
	div#i:after 		{content: 'ί';}
	div#a2:after 		{content: 'α';}
	div#e1:after 		{content: 'Ε';}
	div#l:after 		{content: 'λ';}
	div#e2:after 		{content: 'έ';}
	div#n:after 		{content: 'ν';}
	div#h:after 		{content: 'η';}
	div.letter {z-index:5;position:relative;font-size: 3em;text-align:center;color:#fff;
		padding:0.3em 0;
    	text-shadow:-1px -1px 0 #F17A8F,1px -1px 0 #F17A8F,-1px 1px 0 #F17A8F,1px 1px 0 #F17A8F,2px 2px 0 #878D50; }

	ul.photogallery li {width:32.24%;%;}

}

@media only screen and (max-width: 480px) {
	.span_12_of_12	{	width: 100%; }
	.span_11_of_12	{	width: 100%; }
	.span_10_of_12	{	width: 100%; }
	.span_9_of_12	{	width: 100%; }
	.span_8_of_12	{	width: 100%; }
	.span_7_of_12	{	width: 100%; }
	.span_6_of_12	{	width: 100%; }
	.span_5_of_12	{	width: 100%; }
	.span_4_of_12	{	width: 100%; }
	.span_3_of_12	{	width: 100%; }
	.span_2_of_12	{	width: 100%; }
	.span_1_of_12	{	width: 100%; }
	div#rope div.col {width:6.86%;}
	div#rope {}
	div#rope div.col.mybabyplain {display:block;float:left;width:25.32%;}
	div.mybabyplain img {width:100%;}
	div.empty {display:none;}
	div.flower {display:none;}
	div#middle {width:100%;height:auto;}
	div.mainmenuwrap {background:url();}
	ul.mainmenu li.mybaby, ul.mainmenu.left li, ul.mainmenu.right li{text-align:center;}
	div#siderelated {display:block;float:none;width:100%;margin:0 0 1em 0;}

	ul.photogallery li {width:49%;}

}