/* Gina Inez 

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





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

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

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

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

/* ::::::::::::::::::::::::::::  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 10px; 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:0px;
background-image: url('images/bg_HagiaSophia-med.jpg');
background-repeat: no-repeat;
background-position: top center;
background-color: #2a5f89;
width:100%;
height:200px;
text-align:left;
margin:0; 
z-index:90;
}

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

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



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


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

}


#content.about {padding: 20px 1% 20px 4%; width: 90%}

#content.about img { }

/* left-hand column, use as container for boxes below */
#block-sidebar { 
position:relative; top:0px; left: 0px;
float:right;
width: 40%;
padding: 2%; 
margin-left:0px; margin-right:0px; margin-bottom: 30px;
	background-color: transparent;
	text-align:center;
	overflow: hidden;

}

#block-sidebar  img { width: 150px } 

#block-main {
position:relative; top: 1px0; left:0; 
float:none;
width: 50%;
padding: 0;
margin:0 2%; 

}



.box {
position: relative;
width: 88%;
background-color: #fff;
	text-align:center;
	border:solid 6px #abd1e5;
	border-radius: 10px;
}


#box2 { 
position: relative;
float: none;
width: auto;
background-color:#80b1ca;
background-repeat: repeat-x;
padding: 20px 10px 5px 10px;
margin:0px 0 10px 40px;
border-top: solid 6px #fb4;
border-bottom: solid 6px #fb4;
}

#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 {
width: 100%;
position: relative; top:0; 
height: 1500px;
	background-color: #fff;
	margin-top:0;
	text-align:left;
	font: normal 16px helvetica, arial, sans-serif;
	line-height:1.5;
}

#content.homepage #block-main { 
width: 45%; }

#content.homepage #block-sidebar { 
position:relative; top: 0px; right: 20px;
/* float: left; */
width: 40%;
padding: 0px; 
margin-left:0px; margin-right: 3%; margin-bottom: 30px;
	background-color: transparent;
	text-align:center;

}


#content.homepage #block-sidebar img { height: 200px; width: 150px }


.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:#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:2200px }
#content.about { height:1500px }
#content.faq { height:2400px }
#content.practice { height:2800px }
#content.resources { height:1300px }


/* :::::::::::  inner page: Testimonials ::::::::::  */
#content.testimonials { 
height:2800px; }

#content.testimonials .quote { 
color: #888;
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;
}