/* Gina Inez 

blue: 7aa7bb, 2a5f89, 80b1ca
gold:  ffbb44
348340
*/

body { 
/* background-image: url('images/bg_mountains.jpg'); */
background-color:#2a5f89;
font:normal 14px  helvetica, arial, sans-serif;
text-align:center;
color:#333;
}

h1 {  color: #2a5f89; font: 600 28px helvetica, arial, sans-serif; margin-top:4px; margin-bottom:8px; }
h2 {  color: #80b1ca; font: 100 20px helvetica, arial, sans-serif; margin-top:0px; margin-bottom:20px; }

a:link, a:visited {text-decoration:none; color:#7aa7bb; }
a:active, a:hover {text-decoration:none; color:#2a5f89; }

.small {font-size: 12px; line-height:1.6 }

#container {
position: relative; top:0px;left:0;
margin-left:0px;
max-width:100%; height:auto;
margin-top:0px;
border:none 2px #f00;
background-color:#fff;
}

#socialmedia {
position: fixed; top:300px;left:0; width:40px;
z-index:100;
}


/* ::::::::::::::::::::::::::::  hiders :::::::::::::::::::::::::::  */

.hide-screen {display:inline }
.hide-phone {display: none }


/* ::::::::::::::::::::::::::::  Navigation :::::::::::::::::::::::::::  */

#nav {
position:relative; top: 0; left:0px;
width: 100%; height: auto;
background-color:#fff;
margin:0;
z-index:100;
opacity: .9; moz-opacity: .9;
}



#nav ul  { 
width: 100%;
list-style-type: none;
    margin: 2px 0 0 0 ;
    padding: 0;
    overflow: hidden;
    
}

#nav li  { 
float:left; display: block; width: 24.5%; text-align: center; 
}

#nav li.line2 { width: 32.8% } 

/* Buttons for nav  */

#nav a:link, #nav a:visited {
display:block;
background-color:#fff; 
color:#444;
height:100%; 
border:solid 1px 0 0 1px   #abc;
padding:8px 1%; margin:0px;
font-size:12px;
text-decoration: none;
text-transform:none;
z-index:100;
 }

#nav a:active, #nav a:hover { 
color:#fff; 
background-color:#2a5f89;
}




/* ::::::::::::::::::::::::::::  Banner  :::::::::::::::::::::::::::  */

#banner {
position:relative; top:0;
background-image: url('images/bg_HagiaSophia-small.jpg');
background-repeat: no-repeat;
/*background-position: top center; */
background-color: #2a5f89;
width:100%;
height:250px;
text-align:center;
margin:0; 
z-index:90;
}

#banner h1 {
font: 600 30px georgia, serif;
color:#fff; 
margin:90px 0 0px 20px; 
}

#banner h1 .h1-minus{
font: 600 24px georgia, serif;
}

#banner h2 {
font: 500 18px helvetica, arial, sans-serif;
color:#fff; margin:0 0 0 20px; letter-spacing: .05em}



/* ::::::::::::::::::::::::::::  Content :::::::::::::::::::::::::::  */

.box {
font: 400 16px helvetica, arial;
border:none
}


#box2 { 
float:none;
width:90%;

background-color:#80b1ca;
background-repeat: repeat-x;
padding:20px 5%;
margin:0px 0 20px 0px;
border-top: solid 6px #fb4;
border-bottom: solid 6px #fb4;
}

#box2 .quote { color:#fff; font: 100 22px 'georgia', serif; line-height: 1.6; }
#box2 .attribution { color:#eee;margin-top:20px }
#box2 .quote img { width: 200px }



#content {
position: relative; top:0; left:0;
height:auto; width:100%;
padding:0; margin: 0;
background-color: #fff;
}


#content img {clear:both }


#block-sidebar { 
position:relative; top:0px; left:0px;
float:none;
width: 90%;
background-color:#fff;
border:none 6px #abd1e5;
padding: 20px 5% 5px 5%; 
margin-left:0px; margin-right:0px; margin-bottom:0px;
text-align:center;
}


#block-sidebar img { width: 250px; clear:both }
#block-main img { width: 250px; clear:both  }

#block-main {
height:auto; width:90%;
padding: 20px 5% 80px 5%;
margin: 0;
position:relative; top:0; left:0; 
float:none;

}

/* ::::::::::: Content homepage ::::::::::  */
#content.homepage {
position: relative; top:0; 
height:auto;
background-color: #fff;
margin-top:0; padding-top: 0;
text-align:left;
font: normal 16px helvetica, arial, sans-serif;
line-height:1.5;
/*opacity:.8; */
z-index: 90;
}

#content.homepage #block-sidebar { 
position:relative; top:0px; left:0px;
float:none;
width: 90%;
background-color:#fff;
border:none 6px #abd1e5;
padding: 10px; 
margin-left:0px; margin-right:0px; margin-bottom:80px;
text-align:center;
border-radius: 10px;
text-align:left; 
}


/* ::::::::::: Content About, etc ::::::::::  */
#content.about,  
#content.homeopathy,
#content.testimonials,
#content.practice,
#content.resources,
#content.faq { 
width: 90%; 
padding: 20px 5%;
height: auto;
}




#content.about img {clear:both; float:none; display:block; width: 260px; margin: 10px 50px }

#content.about p {clear:both )

#content.testimonials .quote {display: block}




.question {font:normal 16px helvetica, arial, sans-serif; color:#2a5f89; margin: 20px 0 10px 0 }
.response {font: normal 12px helvetica, arial, sans-serif; color:#666; margin-bottom:20px;line-height:1.5}
.answer {font-weight:normal; margin-bottom:30px; }
.ginais {font-weight:bold }
.quote { font: 400 italic 18px georgia, serif; line-height: 1.6; color:#2a5f89;}
.attribution {font: 400 12px helvetica, arial, sans-serif; text-align:right; color:#888;
margin-top:10px; margin-bottom: 30px; line-height:1.4}

/* ::::::::::: Content inner pages ::::::::::  */



#content.homeopathy h2, 
#content.testimonials h2, 
#content.article h2, 
#content.practice h2 { 
font: bold 16px helvetica, arial, sans-serif; color: #8bc; margin-top:40px;
text-transform: uppercase;
}


#content.homeopathy  { height:5000px }
#content.about { height:auto }
#content.faq{ height:5000px }
#content.testimonials { auto }
#content.resources { height:auto }

/* ::::::::::: Footer ::::::::::  */
#footer {
position: relative; 
bottom:20px; left: 0px; right: 0px; text-align:center; color: #8bc; font-size:12px; letter-spacing:.05em;
padding-top: 40px;
margin: 40px 20px 0px 10px;
}