/* -------------------------------------------------------------------------------------------------
Author: Antonia T. Burroughs
Project Name: Genesis Counseling, LLC
CSS File Name: css/genesis.css
 ---------------------------------------------------------------------------------------------------- */

              
/*-------------------------------------------------
General Style Elements 
----------------------------------------------- */ 

* {margin: 0;
padding: 0;
}


body{
background:url(../images/body.jpg) top repeat-x #ffffff;
}


img{border:0px;}

/*-------------------------------------------------
Body Links Style Elements
----------------------------------------------- */ 
body a:link, body a:visited{
background-color:none;
padding-top:1px;	
height:25px;					
color:#421c52;							
text-decoration:none;		
font-family:"Century Gothic", Arial, Helvetica, Sans-serif; 				
font-weight:normal;						
}						

body a:hover, body a:active{
background-color:none;
color:#cc3300;
padding-top:6px;
height:25px;
text-decoration:none;
font-weight:normal;
}	

body a:active {color:#444041;}

/*-------------------------------------------------
H1-H6 Style Elements 
----------------------------------------------- */ 

h2{
font-family:"Century Gothic", Arial, Helvetica, Sans-serif;
color:#535353;
}

h4, h5, h6{
font-family:"Century Gothic", Arial, Helvetica, Sans-serif;
color:#b9d571;
}

/*-------------------------------------------------
 Layout Style Elements
----------------------------------------------- */ 
			
#wrapper{
width:800px;
margin:0 auto;
border-left:1px solid #421c52;
border-right:1px solid #421c52;
border-bottom:1px solid #421c52;
padding:0px 1px 1px 1px;
}
						
/*-------------------------------------------------
Header Style Elements
----------------------------------------------- */ 

#header{
background:url(../images/logo.jpg) no-repeat;
width:750px;
height:135px;	
}			
					
/*-------------------------------------------------
3Photos Style Elements
----------------------------------------------- */ 
			
#photos{
background:url(../images/header_pics.jpg) no-repeat;
width:800px;
height:193px;
margin-top:11px;/*added margin-top for space*/
padding:1px 0px 0px 0px;
border-bottom:10px solid #b9d571;
}	


/*-------------------------------------------------
Content Style Elements
----------------------------------------------- */ 
			
#content{}	

#contentInterior{
width:520px; /*width was:510px;*/
float:right;
/*height:500px;*/
}
		
#contentInterior h2{
margin:5px 0px 15px 2px;
padding:2px 0px 2px 2px
font-family:"Century Gothic", Arial, Helvetica, Sans-serif; 
color:#b9d571;
font-weight:normal;
}

#contentInterior h3{
margin:25px 0px 10px 2px;
font-family:"Century Gothic", Arial, Helvetica, Sans-serif; 
font-size:15px;
color:#421c52;
}
#contentInterior p{
margin:5px 0px 15px 2px;
font-family:"Century Gothic", Arial, Helvetica, Sans-serif; 
font-size:12px;
font-weight:normal;
}

			
/*-------------------------------------------------
Global Navigation Style Elements
----------------------------------------------- */ 
	
#navigation{
width:270px;/*width was 230px*/
float: left;
border-right: 1px solid #421C52;
padding:0px 1px 0px 0px;
}
			
#navigation ul{
/*border:2px solid orange;*/}	
		
#navigation ul li{
list-style:none;
display:block;
}
		
#navigation ul li a, #navigation ul li span{
display:block;
margin:1px 0;
padding:0px 0px 0px 10px;/*left was 8*/
height:25px;
font-family:"Century Gothic", Arial, Helvetica, Sans-serif; 
font-weight:normal;
}
			
#navigation a:link, #navigation a:visited{
background-color:#421C52;
padding-top:1px;	
height:25px;					
color:#ffffff;							
text-decoration:none;		
font-family:"Century Gothic", Arial, Helvetica, Sans-serif; 				
font-weight:normal;						
}						

/*#navigation a:hover, #navigation a:active{
background-color:#BDAEC6;
color:#421C52;
padding-top:6px;
height:25px;
text-decoration:none;
font-weight:normal;
}	*/

#navigation span{	
background-color:#f3df4d;
padding-top:6px;			
height:25px;
color:#421C52;
font-family:"Century Gothic", Arial, Helvetica, Sans-serif; 			
font-weight:normal;
}
		
/*-------------------------------------------------
Breadcrumbs Style Elements
----------------------------------------------- */ 
.breadcrumbs {
font-family:"Century Gothic", Arial, Helvetica, Sans-serif; 				
font-weight:normal;		
color:#CC3300;
font-size:18px;
background-color:none;
padding:2px 2px 2px 2px;
}

.breadcrumbs a {
font-family:"Century Gothic", Arial, Helvetica, Sans-serif; 				
font-weight:normal;		
color:#CC3300;
font-size:18px;
background-color:none;
padding:2px 2px 2px 2px;
}


/*-------------------------------------------------
Hoverbox Style Elements
----------------------------------------------- */
.hoverbox{
list-style:none;
display:block;
}

.hoverbox a{}

.hoverbox a .preview{
display: none;
}

.hoverbox a:hover .preview{
display: block;
position: absolute;
top: -33px;
left: -45px;
z-index: 1;
}

.hoverbox img{
width: 100px;
height: 100px;
background-color: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
color: inherit;
margin:2px;
padding: 2px;
vertical-align: top;
}

.hoverbox li{
background-color: #b9d571;
border:thin;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 4px;
position: relative;
}

.hoverbox .preview
{
border-color: #421c52;
width: 200px;
height: 150px	;
}
			
/*-------------------------------------------------
Callout 1-6 Style Elements
----------------------------------------------- */ 
	
#cta1{	
background:url(../images/cta1.jpg) no-repeat;
width:270px;
height:350px;
margin:1px 0px 1px 0px;
}	


#cta2{	
background:url(../images/cta2.jpg) no-repeat;
width:270px;
height:350px;
margin:1px 0px 1px 0px;
}		


#cta3{	
background:url(../images/cta3.jpg) no-repeat;
width:270px;
height:350px;
margin:1px 0px 1px 0px;
}			


#cta4{	
background:url(../images/cta4.jpg) no-repeat;
width:270px;
height:350px;
margin:1px 0px 1px 0px;
}		


#cta5{	
background:url(../images/cta5.jpg) no-repeat;
width:270px;
height:350px;
margin:1px 0px 1px 0px;
}			


#cta6{	
background:url(../images/cta6.jpg) no-repeat;
width:270px;
height:350px;
margin:1px 0px 1px 0px;
}			


/*-------------------------------------------------
Kasamba Banner Ad Style Elements
----------------------------------------------- */ 			
#bannerad{
width:270px;
height:100px;
margin:1px 0px 2px 0px;
}

/*-------------------------------------------------
Amazon Banner Ad Style Elements
------------------------------------------------ */ 	
#amazonad{
width:270px;
height:50px;
color:#000;
margin:1px 0px 1px 0px;
}


 /*-------------------------------------------------
Contact Us Callout Style Elements
----------------------------------------------- */ 
 .callout { 
width:160px;
float:right;
border:1px solid #000000;				
margin:35px 10px 10px 10px;						
padding:10px;					
/*clear:both;*/
font-family:"Century Gothic", Arial, Helvetica, Sans-serif; 		
font-size:12px;
}
						
.callout h3{
background-color:#b9d571;
border-bottom:solid 1px #000000;	
color:#FFFFFF;
padding:5px;
margin:-10px -10px 10px -10px;
}						


/*-------------------------------------------------
Footer Style Elements
----------------------------------------------- */ 
#footer{
background-color:#421c52;
width:800px;
height:65px;
margin:2px 0px 0px 0px;
clear:both;
}
		
#footer p{
padding:15px 0px 0px 0px;
font-family:"Century Gothic", Arial, Helvetica, Sans-serif; 				
font-weight:normal;		
font-size:11px;	
text-align:center;
color:#FFFFFF;
}	
	
.hide{display:none;}		



/*-------------------------------------------------
Footer Links Style Elements 
----------------------------------------------- */
#footer a{
color: #b9d571; 
font-family:'Century Gothic', Verdana, Arial, Sans-Serif;
font-size:11px;  
font-weight:normal;
text-decoration: none;
}

#footer a:hover {
color: #ffff00;
font-family:'Century Gothic', Verdana, Arial, Sans-Serif;
text-decoration: none;
}


	
/*-------------------------------------------------
Contact Form Style Elements 
----------------------------------------------- */ 
input,textarea {
font-family:'Century Gothic', Arial, Helvetica, sans-serif; 
color:#000000; 
background-color:#fff; 
border:1px solid #413732;
}

label { 
font-family:'Century Gothic', Arial, Helvetica, sans-serif; 
color:#421C52; 
font-weight:bold;
}

.button {
background-color:#BDAEC6; 
color:#421C52;
font-weight:normal;
}
/*input[type=submit] {color:#000;} Attribute Selector*/