/* Gina Inez 

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





body { 
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 }

.quote { font: 400 italic 20px georgia, serif; line-height: 1.1; color:#2a5f89; /*color: #948; color: #008866 */}

.caption {font-size: 11px; line-height: 1.2 }



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

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


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

.hide-screen {display:none }

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

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


#nav ul  { 
list-style-type: none;
    margin: 5px 0 0 0 ;
    padding: 0;
    overflow: hidden;
    
}

#nav li  { 
float:left; border-right: solid 1px #ccd; 
}

/* Buttons for nav  */

#nav a:link, #nav a:visited {
display:block;
background-color:#fff; 
color:#444;
height:100%; 
/* width:130px; */
border-top:solid  5px   #fff;
/* border-bottom:solid  5px   #fff;*/
padding:8px 16px; margin:0px;
font-size:12px;
text-decoration: none;
text-transform:none;
z-index:100;
 }

#nav a:active, #nav a:hover { 
border-top:solid 5px #fb4;
/* border-bottom:solid  5px   #2a5f89;*/
color:#fff; 
background-color:#2a5f89;
}




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

#banner {
position:relative; top:-5px;
background-image: url('images/bg_HagiaSophia.jpg');
background-position: bottom left;
background-color: #2a5f89;
width:100%;
height:300px;
text-align:left;
margin:0; 
z-index:90;
}

#banner h1 {
font: 600 32px georgia, serif;
color:#fff; margin:200px 0 0px 35px; 
}

#banner h1 .h1-minus {font-size: 24px }

#banner h2 {
font: 200 19px helvetica, arial, sans-serif;
color:#fff; margin:0 0 0 40px;}



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


#content {
position: relative; top:0; left:0;
height:auto; width:90%;
border:none 2px #f00;
background-color: #fff;
padding: 20px 5% 20px 5%;
margin-top:0;
text-align:left;
font: normal 14px helvetica, arial, sans-serif;
line-height:1.6;
/*opacity:.8; */
}


/* left-hand column, use as container for boxes below */
#block-sidebar { 
position:relative; top:0px; left:0px;
float:right;
width: 36%;
padding: 1%; 
margin-left:0px; margin-right:0px; margin-bottom: 30px;
	background-color: transparent;
	text-align:right;
	
	border:none;
}

#block-sidebar img {width:88%}


#block-main {
position:relative; top:0; left:0; 
float:left;
width: 53%;
padding: 20px 2%;
margin:0; 
}

.box {
position: relative;
width: 94%;
padding: 2% 3%;
	background-color: #fff;
	text-align:center;
	border:solid 12px #abd1e5;
	border-radius: 5px;
}


#box2 { 
position: relative;
float: none;
/* background-image:url('images/bg_grad-blue.jpg'); */
background-color:#80b1ca;
background-repeat: repeat-x;
padding:20px 25px 5px 25px;
margin:0px 0 10px 40px;
border-top: solid 6px #fb4;
border-bottom: solid 6px #fb4;
text-align:center;
}

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


/* ::::::::::: Content homepage ::::::::::  */
#content.homepage {
position: relative; top:0; 
height:900px;
background-color: #fff;
margin-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:-100px; left:0px;
float:right;
width: 30%;
background-color: transparent;
padding: 10px; 
margin-left:60px; margin-right:15px; margin-bottom: 30px;
text-align:center;

text-align:left; 
}




.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 }

.attribution {font: 400 12px helvetica, arial, sans-serif; text-align:right; color:#666;
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:1400px }
#content.about { height:1100px }
#content.faq { height:1350px }
#content.practice { height:1800px }
#content.resources { height:1200px }


/* :::::::::::  inner page: Testimonials ::::::::::  */
#content.testimonials { 
background-image: url("images/pan_mountains5.jpg");
background-position: bottom center;
background-repeat: no-repeat;
height:2000px; }

#content.testimonials .quote { 

font-size: 18px;
}

#content.testimonials #block-sidebar .quote { 
color: #fff;
}



/* ::::::::::: Footer ::::::::::  */
#footer {
position: absolute; bottom:20px; right: 40px; color: #8bc; font-size:12px; letter-spacing:.05em;
}