/***********************************************
CSS stylings for Greenlane Chiropractic website.


The site is comprised of seperate header, main 
content and footer sections. The site also uses 
a sticky footer with push styling to compensate 
for bottom margin.
***********************************************/


/**************** Global style settings **************/
	* {
		margin: 0;
	}

	html, body {
		height: 100%;
		font-family:"lucida sans";
		font-size:10pt;
	}
	a {
		color:#00CC00;
		text-decoration:none;
	}
	a:hover{
		text-decoration:underline;

	}
	hr{
		background-color:#555555;
		height:1px;
		border:none;
	}


/**************** Containers,spacing divs and clear style settings **************/
	.wrapper {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -100px;
	}
	.info_container{
		margin-left:auto;
		margin-right:auto;
		width:900px;
	}
	.push{
		height: 100px;
	}
	.clear{
		clear:both;
		visibility:hidden;
	}


/**************** Header style settings **************/
	.header{
		background-color:#000000;
		height:180px;
		width:100%;
		color:#FFFFFF;
	}
	#logo{
		width:300px;
		height:150px;
		float:left;
		font-family:Century Gothic;
	}

	#logo_image{
		width:110px;
		height:180px;
		float:left;
	}
	#right_pane_container{
		float:right;
		height:180px;
		width:790px;
	}
	#left_inner_pane{
		float:left;
		height:150px;
		width:200px;
	}
	#logo_text{
		height:100px;
		width:200px;
	}
	#logo_spacer{
		height:50px;
		width:200px;
	}
	.banner_details{
		width:590px;
		height:150px;
		float:right;
		text-align:right;
		font-size:12pt;
		color:#BBBBBB;
		float:right;
	}	
	.telephone{
		font-size:14pt;
		font-weight:bold;
		color:#FFFFFF;
	}
	.top_menu{
		width:790px;
		background-color:#000000;
		margin-right:auto;
		margin-left:auto;
		height:30px;
	}

	ul.top_menu_items{
		list-style-type:none;
		display:block;
		font-size:11pt;
	}
	ul.top_menu_items li {
		display:block;
		float:left;

	}
	ul.top_menu_items a{
		color:#00CC00;
		text-decoration:none;
		padding-left:8px;
		padding-right:10px;
		padding-bottom:10px;

	}
	ul.top_menu_items a:hover{
		color:#FFFFFF;
		background-color:#333333;
		height:30px;
	}


/* Main content style settings **************/
	.main_content{
		width:800px;
		margin-left:auto;
		margin-right:auto;
		color:#888888;
		font-size:10pt;
	}

	.page_header{
		font-size:24pt;
		color:#666666;
	}


/**************** Footer style settings **************/
	.footer{
		height: 100px;
		background-color:#222222;
	}
	#terms{
		height:39px;
		text-align:center;
		color:#BBBBBB;
		font-size:8pt;
		padding-top:20px;
	}
	.footer_menu{
		text-align:center;
		list-style-type:none;
		padding: 10px;
	}

	ul.footer_menu_items{
		text-align:center;
	}

	ul.footer_menu_items li{	
		font-size:10pt;
		display:inline;
		padding-left:10px;
		padding-right:10px;
	}


/**************** 3 boxes style settings **************/
	.box_container{
		
	}
	.box_item{
		padding-left:20px;
		text-align:left;

	}
	.box_item_header{
		font-size:16pt;
		text-align:left;
	}
	.box_item_details{
		font-size:12pt;
		text-align:left;
	}


/**************** Fees table style settings **************/
	.fees_table{
		width:600px;
		border-width:0px;
	}


/**************** Enquiry form style settings **************/
	.enquiry_form{
float: right;
height: 411px;
width: 380px;
background-color: #EEEEEE;
padding: 10px;
	}
	#loading{
		width:100%;
		text-align:center;
		visibility:hidden;
	}
	.form_label{
		float:left;
		width:15%;
	}
	.form_input{
		float:right;
		width:85%;
	}
	.form_input_actual{
		
	}
	.form_title{
		width:100%;
		text-align:center;
		font-size:16pt;
	}
	.form_buttons{
		width:100%;
		text-align:center;
	}
	.hide{
		visibility:hidden;
	} 
	.response{
		width:100%;
		text-align:center;
	}
/************** Accordian FAQ styling. Do not change. **************/
	.AccordionTitle, .AccordionContent, .AccordionContainer
	{
		  position:relative;
		  width:800px;
	}

	.AccordionTitle
	{
		  height:30px;
		  overflow:hidden;
		  cursor:pointer;
		  font-family:Arial;
		  font-size:10pt;
		  font-weight:bold;
		  vertical-align:middle;
		  text-align:left;
		  background-repeat:repeat-x;
		  display:table-cell;
		  background-color:#333333;
		  color:#00CC00;
		  -moz-user-select:none;
		  border:1px solid white;
	}

	.AccordionContent
	{
		  height:0px;
		  overflow:auto;
		  display:none;
	}

	
/**************** Google maps API window and infowindow styling **************/
	#map_canvas { 
		height: 430px;
		width:  390px;	
		float: left;
	}
	
	.GMAPIinfowindow {
		background-color:Black;
		color:#BBBBBB;
		padding:5px;
		font-size:9pt;
	}
	
	.GMAPIinfowindow a{
		color:#00CC00;
		text-decoration:none;
	}