@import url(http://fonts.googleapis.com/css?family=Bubblegum+Sans|Aguafina+Script|Berkshire+Swash|Josefin+Slab|Special+Elite|Merienda|Codystar|Loved+by+the+King);


/*
Baseline - a designer framework
Copyright (C) 2009 Stephane Curzi, ProjetUrbain.com
Creative Commons Attribution-Share Alike 3.0 License
version 0.5.2
*/

/******************** Base ********************/
body											{ font-family: helvetica, arial, sans-serif; line-height: 1.5;   background: #000 url(../images/wall5.jpg) fixed;}
h1, h2, h3, h4, h5, h6							{ line-height: 1.2; }
h4, h5, h6										{ font-weight: bold; }
b, strong, caption, th, thead, dt, legend		{ font-weight: bold; }
cite, dfn, em, i								{ font-style: italic; }
code, kbd, samp, pre, tt, var					{ font-family: mono-space, monospace; }
h1, h2, h3, h4, h5, h6							{ word-spacing: -0.125em; }
p												{ word-spacing: 0.125em; hyphenate: auto; hyphenate-lines: 3; }
p+p												{ text-indent: 1.5em; }
p+p.no-indent									{ text-indent: 0; }
pre												{ white-space: pre; }
del												{ text-decoration: line-through; }
mark											{ background: rgba(255, 255, 0, 0.4); padding: 0 .25em; }
ins												{ color: #f00; }
small, sup, sub									{ font-size: 80%; }
big												{ font-size: 125%; line-height: 80%; }
abbr, acronym									{ font-size: 85%; text-transform: uppercase; letter-spacing: .1em; }
abbr[title], acronym[title], dfn[title]			{ border-bottom: 1px dotted black; cursor: help; }
sup, sub										{ line-height: 0; }
sup												{ vertical-align: super; }
sub												{ vertical-align: sub; }
blockquote										{ padding: 1.5em; }
hr												{ border: none; background: #ddd; width: 100%; }
ul, ol											{ margin-left: 1.5em; }
ul												{ list-style: disc outside; }
ol												{ list-style: decimal outside; }
input, select, button							{ cursor: pointer; }
table											{ font: inherit; width: 100%; }

/* html 5 */
article, aside, header, hgroup,
nav, figure, section, footer					{ display: block; }

/* Debug */
.debug											{ outline: solid gold 1px; }
.debug-background								{ background: rgba(255, 215, 0, 0.2) !important; }

/********************* Exp **************************/


#nav > li {font-family: "Sintony"; margin: 0 0 15px 0; font-size:28px;list-style: none;}
#nav > li > a{color: #fff;text-decoration:none}
#nav > li > a:hover{color: #fff;text-decoration:none;background: grey;}

.current-menu-item {background-color: blue;}

.head1 {padding-bottom: 400px;}

.bmenu{
    padding: 0px;
    margin: 0 0 10px 0;
    position: relative;
}

.minust50 {top: -50px;}
.minust120 {top: -136px;}
.plust150 {top: 96px;}


.bmenu li{
    font-size: 27px;
    display: block;
}

.bmenu li a{
    white-space: nowrap;
    display: block;
    text-transform: uppercase;
    text-shadow: 0px 0px 2px rgba(71,80,23,0.3);
   text-decoration:none; 
    color: #fff;
    padding: 5px 20px;
    margin: 2px;
    background: rgba(108,108,108,0.5);
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}


/** 
.bmenu li a{
    white-space: nowrap;
    color: transparent;
    display: block;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0px 0px 6px #fff;
    letter-spacing: 1px;
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    -ms-transition: all 0.6s linear;
    transition: all 0.6s linear;
}**/

.bmenu li:first-child a{
    -webkit-border-radius: 15px 15px 0px 0px;
    -moz-border-radius: 15px 15px 0px 0px;
    border-radius: 15px 15px 0px 0px;
}
.bmenu li:last-child a{
    -webkit-border-radius: 0px 0px 15px 15px;
    -moz-border-radius: 0px 0px 15px 15px;
    border-radius: 0px 0px 15px 15px;
}

.bmenu:hover li a{
    text-shadow: 0px 0px 2px #fff;
    color: transparent;
}
.bmenu li a:hover{
    background: transparent;
    text-shadow: 1px 1px 5px rgba(71,80,23,0.6);
    color: #fff;
}



/* COLUMNS LAYOUT----------------------------------------------------------*/

.widget-cols {
  margin: 60px 10px 30px 0;
  list-style-type: none;
  font-size: 11px;
}

.widget-cols > ul >li{
  float: left;
  padding: 0 10px 0 10px;
  
}

.one,
.one-half,
.one-third,
.two-third, 
.one-fourth {
  float: left;
  margin-bottom: 40px;
  margin-right: 2.1276%;
  position: relative;
  font-family:  'Sintony';
  font-size: 16px;
}
.one-half {
  width: 48.9361%;
}
.one-third {
  width: 31.9148%;
}

.two-third {
  width: 65.4296%;
}

.one-fourth {
  width: 22.5%;
  background: grey;
  
}

.one-fourth2 {
  width: 22.5%;
  background: grey;

  
}


.last {
  clear: right;
  margin-right: 0 !important;
}


/* POSITION CHANGE----------------------------------------------------------*/


.floatp {position: relative; top: -5px; left: 130px}
.floatp1 {position: relative; top: 270px; left: 70px;}
.floatp2 {position: relative; top: 15px; left: -15px; height:300px;}
.floatp3 {position: absolute; top: 10px; right:-250px;}
.floatp4 {position: absolute; top: 10px; right:-340px;}

.floatq {position: absolute; top: -105px; right: -480px}

.slides {padding: 15px 0 0 30px;}


/* ROUND BOXES---------------------------------------------------------------*/

#s1con {width:820px; height: 980px; position: relative; top:7px;}

#s1box { background-color: white; 
-moz-border-radius: 15px;
border-radius: 15px;
filter: alpha(opacity=80);  
    -moz-opacity: 0.8;  
    -khtml-opacity: 0.8;  
    opacity: 0.8;  
position: absolute; 
top: 0; left: 0;
    height: 100%; width:100%;

} 

#s1txt {position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;}
    
#s1txt > p {padding: 10px 5px 15px 50px; font-size:17px;}

#s1txt > p:first-letter
{
font-size:300%;
color:#8A2BE2;
font-family:"Josefin Slab";
} 

#s1txt > h2 {padding: 0 5px 10px 30px;}
#s1txt > h3 {padding: 0 5px 10px 45px;}
#s1txt > li {list-style-type: none; padding: 0 5px 10px 75px; font-weight: bold;}


#s1txt > ul > li {list-style-type: none; padding: 0 5px 10px 75px; font-size: 23px;}



#s1txt > h2 {padding: 0 5px 10px 30px;font-size: 25px;}



#s2con {width:295px; height: 425px; position: relative; top:-57px;}

#s2box { background: rgba(108,108,108,0.6); 
-moz-border-radius: 15px;
border-radius: 15px;

    position: absolute; 
top: 0; left: 0;
    height: 100%; width:100%;
} 


#s2txt > p:first-letter
{
font-size:300%;
color:#8A2BE2;
font-family:"Josefin Slab";
} 

#s2txt p 
{
padding: 10px 25px 0 25px;
font-size: 17px;
font-family:"Josefin Slab";
text-align:justify;
color: #fff;
font-weight: bold;

}


#s21con {width:295px; height: 455px; position: relative; top:-67px;}

#s21box {
	background-color: white;
	-moz-border-radius: 15px;
	border-radius: 15px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position: absolute;
	top: -17px;
	left: 2px;
	height: 498px;
	width:100%;
} 


#s21txt > p:first-letter
{
font-size:300%;
color:#8A2BE2;
font-family:"Josefin Slab";
} 

#s21txt p 
{

padding: 10px 25px 10px 25px;
font-size:17px;
text-align:justify;
color: #000;
line-height: 20px;

}

#s3con {width:920px; height: 360px; position: relative; top:7px;}
#s3box { background-color: white; 
-moz-border-radius: 15px;
border-radius: 15px;
filter: alpha(opacity=50);  
    -moz-opacity: 0.5;  
    -khtml-opacity: 0.5;  
    opacity: 0.5;  
    position: absolute; 
top: 0; left: 0;
    height: 100%; width:100%;
} 

#s31con {width:920px; height: 300px; position: relative; top:293px;}
#s31box { background-color: white; 
-moz-border-radius: 15px;
border-radius: 15px;
filter: alpha(opacity=50);  
    -moz-opacity: 0.5;  
    -khtml-opacity: 0.5;  
    opacity: 0.5;  
    position: absolute; 
top: 0; left: 0;
    height: 100%; width:100%;
} 

#c1 {margin: 0 15% 0 10%;}

#s4con {width:920px; height: 2210px; position: relative; top:7px;}

/* #s4con h2
{
font-size:500%;
color:#8A2BE2;
font-family:"Josefin Slab";
} 

*/

#s4box { background-color: white; 
-moz-border-radius: 15px;
border-radius: 15px;
filter: alpha(opacity=80);  
    -moz-opacity: 0.8;  
    -khtml-opacity: 0.8;  
    opacity: 0.8;  
position: absolute; 
top: 0; left: 0;
    height: 100%; width:100%;

} 

#s4txt {position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;}
    
#s4txt > p {padding: 10px 5px 0px 15px;}

#s4txt > p:first-letter
{
font-size:300%;
color:#8A2BE2;
font-family:"Josefin Slab";
} 

#s4txt > h2 {padding: 0 5px 10px 30px;}

h2.sea {font-weight: bold; color:#000; font-family:"Special Elite"; padding: 10px 0 0 25px;font-size:500%;}
h2.magic {font-weight: bold; color:#000; font-family:"Loved by the King"; padding: 10px 0 0 25px;font-size:500%;}
h2.carnival {font-weight: bold; color:#000;font-family:"Merienda"; padding: 10px 0 0 25px;font-size:500%;}
h2.love {font-weight: bold; color:#000; font-family:"Berkshire Swash"; padding: 10px 0 0 25px;font-size:500%;}
h2.life {font-weight: bold; color:#000; font-family:"Codystar"; padding: 10px 0 0 25px;font-size:500%;}
h2.beauty {font-weight: bold; color:#000; font-family:"Aguafina Script"; padding: 10px 0 0 25px;font-size:500%;}

.cent {text-align: center}



#s5con {width:720px; height: 2405px; position: relative; top:7px;}
#s5box { background-color: white; 
-moz-border-radius: 15px;
border-radius: 15px;
filter: alpha(opacity=80);  
    -moz-opacity: 0.8;  
    -khtml-opacity: 0.8;  
    opacity: 0.8;  
position: absolute; 
top: 0; left: 0;
    height: 100%; width:100%;

} 

#s5txt {position: absolute;
    top: 0; left: -20px;
    width: 100%; height: 100%;}
    
#s5txt > p {padding: 10px 5px 0px 45px;}

#s5txt > p:first-letter
{
font-size:300%;
color:#8A2BE2;
font-family:"Josefin Slab";
} 

#s5txt > h2 {padding: 0 5px 10px 30px;}

#s5txt img {
position: relative;
left: 25px;
margin: 0 25% 0 25%;


}

#s5txt section {
position: relative;

}

#s5txt ul li {list-style-type: none; padding-left: 190px; font-weight: bold;}
#s5txt h3 {padding-left: 50px;}



#s51txt > p:first-letter
{
font-size:300%;
color:#8A2BE2;
font-family:"Josefin Slab";
} 


#s6txt {position: absolute;
    top: 1160px; left: -20px;
    width: 100%; height: 100%;}

#s6txt > p {padding: 10px 5px 0px 45px;}

#s6txt > p:first-letter
{
font-size:300%;
color:#8A2BE2;
font-family:"Josefin Slab";
} 

#s6txt > h2 {padding: 0 5px 10px 30px;}

#s6txt img {
position: relative;
left: 100px;
margin: 0 25% 0 25%;
}

#s6txt ul li {list-style-type: none; padding-left: 190px; font-weight: bold;}
#s6txt h3 {padding-left: 50px;}

#s61txt > p:first-letter
{
font-size:300%;
color:#8A2BE2;
font-family:"Josefin Slab";
} 

#s7con {width:920px; height: 375px; position: relative; top:7px; }
#s7box { background-color: white; 
-moz-border-radius: 15px;
border-radius: 15px;
filter: alpha(opacity=50);  
    -moz-opacity: 0.5;  
    -khtml-opacity: 0.5;  
    opacity: 0.5;  
    position: absolute; 
top: 0; left: 0;
    height: 100%; width:100%;
} 
#s7txt {position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;}
    
#s7txt > p {padding: 10px 5px 0px 15px;}

#s7txt > p:first-letter
{
font-size:300%;
color:#8A2BE2;
font-family:"Josefin Slab";
} 

#s7txt > h2 >form {padding: 0 5px 10px 30px;}



#s8con {width:820px; height: 140px; position: relative; top:7px;}

#s8box { background-color: white; 
-moz-border-radius: 15px;
border-radius: 15px;
filter: alpha(opacity=80);  
    -moz-opacity: 0.8;  
    -khtml-opacity: 0.8;  
    opacity: 0.8;  
position: absolute; 
top: 0; left: 0;
    height: 100%; width:100%;

} 

#s8txt {position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;}
    
#s8txt > p {padding: 10px 5px 15px 50px; font-size:17px;}

#s8txt > p:first-letter
{
font-size:300%;
color:#8A2BE2;
font-family:"Josefin Slab";
} 

#s8txt > h2 {padding: 0 5px 10px 30px;}






#s9con {width:820px; height: 1915px; position: relative; top:7px;}

#s9box 
{ 
background: rgba(255,255,255,0.7); 
-moz-border-radius: 15px;
border-radius: 15px;
position: absolute; 
top: 0; left: 0;
height: 100%; 
width:100%;
} 


#s9txt {position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;}
    
#s9txt > p {padding: 10px 5px 15px 50px; font-size:17px;}

#s9txt > p:first-letter
{
font-size:300%;
color:#8A2BE2;
font-family:"Josefin Slab";
} 

#s9txt > h2 {padding: 0 5px 10px 30px;}
#s9txt > h3 {padding: 0 5px 10px 45px;}
#s9txt > li {list-style-type: none; padding: 0 5px 10px 75px; font-weight: bold;}

#s10con {width:820px; height: 185px; position: relative; top:7px;}

#s10box 
{ 
background: rgba(255,255,255,0.8); 
-moz-border-radius: 15px;
border-radius: 15px;
position: absolute; 
top: 0; left: 0;
height: 100%; 
width:100%;
} 


#s10txt {position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;}
    
#s10txt > p {padding: 10px 5px 15px 50px; font-size:17px;}

#s10txt > p:first-letter
{
font-size:300%;
color:#8A2BE2;
font-family:"Josefin Slab";
} 

#s10txt > h2 {padding: 0 5px 10px 30px;}


#s11con {width:820px; height: 185px; position: relative; top:7px;}

#s11box 
{ 
background: rgba(255,255,255,0.8); 
-moz-border-radius: 15px;
border-radius: 15px;
position: absolute; 
top: 0; left: 0;
height: 100%; 
width:100%;
} 


#s11txt {position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;}
    
#s11txt > p {padding: 10px 5px 15px 50px; font-size:17px;}

#s11txt > p:first-letter
{
font-size:300%;
color:#8A2BE2;
font-family:"Josefin Slab";
} 

#s11txt > h2 {padding: 0 5px 10px 30px;}
#s11txt > li {list-style-type: none; padding: 0 5px 10px 75px; font-weight: bold;}



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


#form-container{
      margin-left:145px;
      background-color:#f5f5f5;
	    padding:15px;
	    width:550px;
	 
	    /* rounded corners */
	    -moz-border-radius:12px;
	    -khtml-border-radius: 12px;
	    -webkit-border-radius: 12px;
	    border-radius:12px;
}

#form-container2{
      margin: 19% -20% 0 5%;
	    background-color:#f5f5f5;
	    padding:15px;
	    height: 512px;
	    position: relative;
	    top: 470px;

	 
	    /* rounded corners */
	    -moz-border-radius:12px;
	    -khtml-border-radius: 12px;
	    -webkit-border-radius: 12px;
	    border-radius:12px;
}

#form-container3{
      margin: 19% -20% 0 5%;
	    background-color:#f5f5f5;
	    padding:15px;
	    height: 512px;
	    position: relative;
	    top: 1010px;

	 
	    /* rounded corners */
	    -moz-border-radius:12px;
	    -khtml-border-radius: 12px;
	    -webkit-border-radius: 12px;
	    border-radius:12px;
}

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

.footer {font-size: 100%; right: 10px;font-family:"Codystar";}