@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Molengo');

}
/* CSS Document */

/*Theme Name: Peaceful Spirit Yoga Website*/

/*= GENERAL STYLING
--------------------------------------------------------*/

body{
	margin: 0;
	padding: 0;
	width:100%;  
	background-color:blue;
        
        
}

h1 {
	font-family: 'Molengo', sans-serif;
	font-size: 30px;
	color:#333;
	font-weight:600;
        margin-top:20px;
        text-align:center;    
          
}

h1 a:link {
	color:red;
	text-decoration: none;
}
h1 a:visited {
	color:red;
	text-decoration: none;
}
h1 a:hover {
	color:red;
	text-decoration: none;
}

h1 a:active {
        color:red;
	text-decoration: none;

}

h2 {
	font-family: 'Molengo', sans-serif;
	font-weight: 600;
	font-size: 19px;
        letter-spacing: 1px;
	
	color:#003399;
	margin: 0;
	padding-left: 10px;
        padding-right: 8px;
	padding-bottom:10px;
	padding-top:10px;
	
}

h3 {
	font-family: 'Molengo', sans-serif;
	font-weight: 600;
	font-size: 16px;
        color:#333;
        
	/*text-align: center;*/
	margin: 5px 0;
	padding-left: 10px;
	z-index: 1;
	position: relative;

}

p {
       font-family: 'Molengo', sans-serif;
       font-weight: 400;
       font-size:16px;
       padding-left:15px;
       padding-right: 8px;
       /*text-align: center;*/
       color: #333;

}



a:link {
	color:#660033;
	text-decoration: none;
}
a:visited {
	color:#660033;
	text-decoration: none;
}
a:hover, a:active {
	color:#ff0000;
	text-decoration: none;
}

      
/*--bread crumbs--*/

.bread{
       font-family: 'Molengo', sans-serif;
       font-weight: normal;
       font-size: 13px;
       color: #333;
 
       width:auto;
       padding-left:10px;
       margin-top:10px;
       margin-bottom:2px;
       padding-top:4px;
       height:23px;
       
	   background-color:#f5e2d6
}

/*--main container--*/

#container{
        width: 100%;
		background-color:#ffffcc;
        
}

#innercontain{
	position:relative;
	width:80%;
	max-width:1100px;
	background-color:#ffffff;
	margin:0 auto;
	height:auto;
	background-image:url(../img/sidepattern.png);
	background-repeat:repeat-y;
	background-position:right;
      
}

#innercontainsecond{
	position:relative;
	width:80%;
	max-width:1100px;
	background-color:#ffffff;
	margin:0 auto;
	height:auto;
	
                 
      
}
 
/*--HEADER elements--*/

header { 
        
        width: 100%; 
		
   	height: auto; 	
 	
  	margin-top: 0px;
        margin-bottom:0px;
        
 /* border: 1px solid yellow;*/
       

}

.inner {
background-image:url(../img/Lotustop.jpg); 
background-repeat:no-repeat;     
background-size:100% 100%;
width: 100%; 
max-width:1100px;
margin:0 auto;
height:auto;
padding-bottom:20px;
/*border: 1px solid blue;*/

}

.inner2 {
background-image:url(../img/rocktop.jpg); 
background-repeat:no-repeat;     
background-size:100% 100%;
width: 100%; 
max-width:1100px;
margin:0 auto;
height:auto;
padding-bottom:20px;
/*border: 1px solid blue;*/

}

.inner3 {
background-image:url(../img/bambootop.jpg); 
background-repeat:no-repeat;     
background-size:100% 100%;
width: 100%; 
max-width:1100px;
margin:0 auto;
height:auto;
padding-bottom:20px;
/*border: 1px solid blue;*/

}



.hookpageW p {
          text-align:center;
          color: #ffffff;
font-weight:400;
padding-left:25px;
padding-right:25px;
}

.hookpageW h1 {
	color:#ffffff;


}

.hookpageB p {
          text-align:center;
          color:#000;
		  padding-left:25px; 
		  padding-right:25px;

}

#logo{
	  background-image:url(../img/Logo.png);
	  background-repeat:no-repeat;
       background-size: contain;      
      
        width:205px;
		height:238px;
        margin:0 auto;
 	
        padding-top:10px;
        
        /*border:solid 1px #999900;*/
        
}

.click{
     display:block; 
     width:100%;
     height:100%;
     top:0;
     left: 0;
     z-index: 1;

}





/*--Nav--*/


.clearb {
/* needed for some browsers 
	clear: both;*/
}

.highlight{
	font-weight: 600;
	
	
}

nav{
	width:100%;
	height:32px;
	background-color: #f696b1;


}

#primenav {
         position:relative;


     

}
#primenav ul {
 list-style: none;
font-family: 'Molengo', sans-serif;
font-size:16px;   
color:#ffffff;              
	
	padding-left:0px;
	text-align: center; 
margin:0 auto;
height:35px;
width:auto;

}



#primenav li {
	 display: inline-block;
	padding-right: 6px;
padding-left:6px;
	width:auto;
	text-align:center;
	color:#ffffff;
                  margin-right:18px;
	border-top:3px solid transparent;

}

#primenav li:link {
	list-style: none;
	color:#ffffff;
	text-decoration: none;
}

#primenav li:visited {
                       color: #ffffff;

}

#primenav li:hover{
	color: #ffffff;
	border-top:3px solid #F6F797;
        
}

#primenav li a {
	font-weight: 400;
	color: #ffffff;
	padding: 5px 0px 0px;
	display: block;
	text-decoration: none;

     
        /*border-right:#666666 solid 1px;*/
}


/*--main content part--*/

main{
       
       margin: 0 auto;
       width: 100%;
      /*background-color:white;*/
       height:auto;
      /*clear:both;
       overflow:hidden;*/

}


.bkgimage {

height:100%;
width:100%;

/*border:1px solid red;*/


}

.content{ 
    background:none;
	margin: 0 auto;
	min-height: 600px;
	width: 100%; 
	height:auto;
	/*border:purple solid 1px;*/
	padding-bottom:0px;
	


}

.content a:hover, a:active {
	color:#ff0000;
	text-decoration: none;



}


.content li {
padding-left: 5px;
 font-size:16px;
       color:#333;
  line-height:30px;
  list-style-image: url('../img/bullet.png');
       width:100%;
       height:auto;
font-family: 'Molengo', sans-serif; 
       /*border:1px solid blue;*/
       
}

.content ul {
padding-left: 65px;
padding-right:10px;
       
}

.content img {
float:left;
margin-left:100px;
margin-right:100px;
width:15%;
height:15%;


}

.contentsec{ 
   background-image:url(../img/Pattern.png);
	background-repeat:no-repeat;
	background-position:top;
/*background-size:60% 80%;*/background-size:contain;
    
	margin: 0 auto;
	min-height: 600px;

	width: 100%; 
	height:auto;
	/*border:purple solid 1px;*/
        padding-bottom:0px;
		clear:both;

}

.contentsec a:hover, a:active {
	color:#ff0000;
	text-decoration: none;



}


.contentsec li {
padding-left: 5px;
       color:#333;
  line-height:30px;
  list-style-image: url('../img/bullet.png');
       width:100%;
       height:auto;
font-family: 'Molengo', sans-serif; 
       /*border:1px solid blue;*/
       
}

.contentsec ul {
padding-left: 65px;
padding-right:10px;
       
}

.imglogo1 {
	float:left;
	margin-right:50px;
	margin-left:60px;
	

}

.imglogo2 {
	float:left;
	margin-right:50px;
	margin-left:60px;
	margin-top:5px;

}


.imglogo3 {
	float:left;
	margin-right:50px;
	margin-left:60px;
	margin-top:5px;
	margin-bottom:5px;

}

.profile{
	height:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:5px;
	width:95%;

}

.profile img{
	float:left;
	margin-left:10px;
	margin-right:10px;
	border:3px inset #f7c7d2;

}

.quoteswindow {
	float:right;
width:50%;
	min-height:260px;
	height:auto;
	margin-right:10px;
	margin-left:10px;
	
	

}
.quotes {
	display: none;
	
}
.quoteswindow p {
	color:#FF0099;
	font-size:18px;
	height:auto;
	background-color:#FFFFFF;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	padding-top:5px;
	margin-top:1px;
	/*border: 1px groove green;*/
	
}

.name {
	color:#000;
	font-style:oblique;


}​


#bottom {

/*border:1px solid red;*/
margin-bottom:-5px;
width: auto; 
height:auto;
}

/*--Footer--*/

.footinner{
width:100%;

background-color: #f696b1;
height: 50px;
margin:0 auto;

}

footer a:link {
       color:#ffffff; 

}
footer a:visited {
       color:#ffffff; 

}

footer a:hover{
       color:#ffffff;
      font-weight:600;
      


}


.left{
      float:left;
      padding-left:20px;
}
.right{
      float:right;

}

footer{
	width: 100%;
	        
}

footer p{
	padding-left: 5px;
	padding-bottom:0px;
	padding-top:0px;
	color:#fff;    
        line-height:140%;


}



/*--mobile landscape--*/

@media screen and (max-width: 750px) {



h1 {
	font-size: 20px;
        text-align:center;  
  

   }
}

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

h1 {
	font-size: 20px;
        text-align:center;  
}

h2 {
	font-size: 14px;

}

#logo{
	width:105px;
	height:122px;
		
}



  
.content p {
	font-size: 14px;
	
}

nav{
	width:100%;
	height:52px;
	background-color: #f696b1;
	

}
#primenav ul {
	font-size:14px;   
	padding-right:10px;

}

.content li{
	font-size:14px;
	
	
}

.imglogo1 {
	
	margin-left:2px;
	margin-bottom:20px;

}

.imglogo2 {
	margin-left:100px;
	margin-bottom:20px;

}

.imglogo3 {
	margin-left:80px;
	margin-bottom:20px;
	
}
.profile{
	padding-left:2px;
	padding-right:2px;
	

}

.profile img{
	margin-left:5px;
	margin-right:5px;
	float:none;
	
}

.hookpageW p {
	font-size:14px;
	}
	
.hookB p {
	font-size:14px;
}

#innercontain{
	position:relative;
	width:95%;
}


#innercontainsecond{
	position:relative;
	width:95%;
	
}
	
footer p{
	font-size:14px;
}
.left{
      float:left;
	  
     padding-left:45px;
}
.right{
	float:left;
	padding-left:45px;
	margin-top:-10px;
	
	
}

.footinner {
	height:60px;

}
}