/*
Theme Name: 
Theme URI: http://www.mysite.com/my-theme/
Description: Describe your theme in a sentence or two
Version: 1.0
Author: AppSoft Development
Author URI: http://www.appsoftdevelopment.com/
*/



/* CSS Document */

@charset "UTF-8";


/* GENERAL CSS */
#body {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 0.626em; }
body div, ul, ol, li, table, img {
	margin: 0px;
	padding: 0px; }
body p {
	margin: 10px 0px 15px; }
body img {
	border: none; }
.display_none {
	display: none; }
.clear_div {
	display: none;
	height: 0px;
	width: 0px; }
body:last-child .clear_div {
	display: block;
	clear: both; }

/* CLEAR */

.clearme {
	clear: both;
}




/* BODY */

body {
	text-align: center;
	background-image:url(http://www.garciainstitute.com/images/bg.jpg)
}



/* SITE WRAPPER */

#main {
	width: 937px;
	margin:0 auto;
	text-align: left;
}






/* HEADER */

#headerwrapper {
	width: 100%;
	text-align: center;
	float:left;
}

/* FLASH HEADER */

#header {
	width: 937px;
	margin:0 auto;
	text-align: left;

}


/* NAVIGATION BAR */

#horiz_nav{
	width: 937px;
	margin:0 auto;
}


/* DIV NAV CONTAINER */

div#nav_container {
	width: 937px;
	height: 58px;
}
div#nav_container  a {
	display: block;
	float: left;
	padding-left: 0px;
	height: 58px;
	outline: none;
	text-indent: -9000px;
	background-position: top left;
	background-repeat: no-repeat;
}
div#nav_container a:hover {
	background-position: bottom left;
}


/* NAV LINKS */

a#nav_home {
	width: 120px;
	background-image: url(http://www.garciainstitute.com/images/nav-home.png);
}
a#nav_about {
	width: 115px;
	background-image: url(http://www.garciainstitute.com/images/nav-about.png);
}
a#nav_practice {
	width: 143px;
	background-image: url(http://www.garciainstitute.com/images/nav-practice.png);
}
a#nav_before {
	width: 153px;
	background-image: url(http://www.garciainstitute.com/images/nav-before.png);
}
a#nav_testimonials {
	width: 143px;
	background-image: url(http://www.garciainstitute.com/images/nav-testimonials.png);
}
a#nav_patient {
	width: 130px;
	background-image: url(http://www.garciainstitute.com/images/nav-patient.png);
}
a#nav_contact {
	width: 133px;
	background-image: url(http://www.garciainstitute.com/images/nav-contact.png);
}






/* CONTENT */

#contentwrapper {
	width: 100%;
	text-align: center;
	float:left;
	background-image: url(http://www.garciainstitute.com/images/left_col_bg.png);
	background-repeat: repeat-y;
	overflow: hidden;
}


/* LEFT COLUMN */

#left-col-wrap{
	width:238px;
	float:left;
	text-align:left;
	font-family: Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	font-weight: normal;
	color:#FFFFFF;
	text-decoration: none;
	letter-spacing:0px;
	list-style: none;
}

#left-col-wrap ul{
	list-style: none;
}

#left-col-top {
	width:238px;
	height:15px;
	background-image: url(http://www.garciainstitute.com/images/lft-nav-top.png);
}

#left-nav {
	margin-top:10px;
	width:238px;
	min-height:600px;
	float:left;
}


.left-nav-link{
	font-family: Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	font-weight: bold;
	font-weight: normal;
	color:#FFFFFF;
	text-decoration: none;
	letter-spacing:0px;
	display: block;
	width: 238px;
	height: 25;
	background-image: url(http://www.garciainstitute.com/images/left-nav-link-bg.png);
	background-position: bottom left;
	margin-bottom: 10px;
}
a.left-nav-link:hover{
	font-family: Helvetica, sans-serif;
	font-size:18px;
	line-height:18px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
	letter-spacing:0px;
}
a.left-nav-link-spry{
	font-family: Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	font-weight: bold;
	font-weight: normal;
	color:#FFFFFF;
	text-decoration: none;
	letter-spacing:0px;
	display: block;
	width: 238px;
	height: 15;
	background-position: bottom left;
}
a.left-nav-link-spry:hover{
	font-family: Helvetica, sans-serif;
	font-size:14px;
	line-height:14px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
	letter-spacing:0px;
}

#reviva{
	margin-top: 150px;
	float:left;
}
#reviva  a {
	display: block;
	float: left;
	padding-left: 0px;
	height: 147px;
	outline: none;
	text-indent: -9000px;
	background-position: top left;
	background-repeat: no-repeat;
}
#reviva a:hover {
	background-position: bottom left;
}
a#cta_reviva {
	width:238px;
	background-image: url(http://www.garciainstitute.com/images/cta-reviva.png);
}





/* TEXT */

#text-col-wrap{
	width:438px;
	float:left;
}

#inner-text-col-wrap{
	width:699px;
	float:left;
}
  
#text-area{
	width:438px;
	min-height:600px;
	background-image:url(http://www.garciainstitute.com/images/txt-area-bg.png);	 
	background-repeat: repeat-y;
	float:left;
}
  
#inner-text-area{
	width:699px;
	min-height:600px;
	background-image:url(http://www.garciainstitute.com/images/inner-txt-area-bg.png);	 
	background-repeat: repeat-y;
	float:left;
}

.head1 {
	font-family: Helvetica, sans-serif;
	font-size:18px;
	line-height: 24px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	letter-spacing: -1px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;

 }

.head2 {
	font-family: Helvetica, sans-serif;
	font-size:16px;
	line-height: 22px;
	font-weight: bold;
	color:#CCCCCC;
	text-decoration: none;
	
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
 }
.innerheader {
	font-family: Helvetica, sans-serif;
	font-size:16px;
	line-height: 22px;
	font-weight: bold;
	color:#CCCCCC;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 20px;
	padding-left: 40px;
	text-align: left;
	background-image: url(http://www.garciainstitute.com/images/inner_head_bg.png);
	background-position: bottom left;
	background-repeat: no-repeat;
 }
.contenttext {
	font-family: Helvetica, sans-serif;
	font-size:14px;
	line-height: 18px;
	font-weight: normal;
	text-align: left;
	color:#FFFFFF;
	text-decoration: none;
	letter-spacing:0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	text-align: justify;
 }




/* RIGHT CTA'S */

#right-ctas{
     width:261px;
     float:left; 
}

#contact  a {
	display: block;
	float: left;
	padding-left: 0px;
	height: 195px;
	outline: none;
	text-indent: -9000px;
	background-position: top left;
	background-repeat: no-repeat;
}
#contact a:hover {
	background-position: bottom left;
}
a#cta_contact {
	width:261px;
	background-image: url(http://www.garciainstitute.com/images/cta-contact.png);
}



#leaders  a {
	display: block;
	float: left;
	padding-left: 0px;
	height: 199px;
	outline: none;
	text-indent: -9000px;
	background-position: top left;
	background-repeat: no-repeat;
}
#leaders a:hover {
	background-position: bottom left;
}
a#cta_leaders {
	width:261px;
	background-image: url(http://www.garciainstitute.com/images/cta-leaders.png);
}



#foundation  a {
	display: block;
	float: left;
	padding-left: 0px;
	height: 199px;
	outline: none;
	text-indent: -9000px;
	background-position: top left;
	background-repeat: no-repeat;
}
#foundation a:hover {
	background-position: bottom left;
}
a#cta_foundation {
	width:261px;
	background-image: url(http://www.garciainstitute.com/images/cta-foundation.png);
}





/* FOOTER */

#footerwrapper{
	width: 100%;
	text-align: center;
	float:left;
	background-image:url(http://www.garciainstitute.com/images/footr-bg.png);
	background-repeat:no-repeat; 
}
#footer-content{
	width: 937px;
	height:59px;
	float:left;
	font-family: Helvetica, sans-serif;
	font-size:11px;
	line-height: 14px;
	font-weight:normal;
	color: #666666;
	text-decoration: none;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer-content a {
	color: #FFFFFF;
}
#footer-appsoft {
	width: 220px;
	margin-left: auto;
	margin-right: auto;
}
#footer-site {
	width: 120px;
	float: left;
	align: right;
	vertical-align: middle;
}
#footer-flash {
	width: 100px;
	float: right;
	align: left;
	vertical-align: middle;
}



/* SPRY */

.CollapsiblePanelTab {
	cursor: pointer;
	font-family: Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	font-weight: bold;
	font-weight: normal;
	color:#FFFFFF;
	text-decoration: none;
	letter-spacing:0px;
	display: block;
	width: 238px;
	height: 25;
	background-image: url(http://www.garciainstitute.com/images/left-nav-link-bg.png);
	background-position: bottom left;
	margin-bottom: 10px;
}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	cursor: pointer;
	font-family: Helvetica, sans-serif;
	font-size:18px;
	line-height:18px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
	letter-spacing:0px;
	display: block;
	width: 238px;
	height: 25;
	background-image: url(http://www.garciainstitute.com/images/left-nav-link-bg.png);
	background-position: bottom left;
	margin-bottom: 10px;
}



/* IMAGE PAGE */

#image_page {
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

input.image_back {
	width: 100px;
	background-color: #323232;
	border: thin solid #8B8B8B;
	color: #8B8B8B;
	margin-top: 15px;
}



/* CONTACT */

.form_row {
	width: 350px;
	font-family: Helvetica, sans-serif;
	font-size:14px;
	line-height: 18px;
	color:#FFFFFF;
	height: 27px;
	text-align: left;
}

.form_leftcol {
	width: 125px;
	float: left;
	text-align: right;
}

.form_rightcol {
	width: 215px;
	float: right;
	text-align: left;
	margin-left: 10px;
}

input.textfield {
	width: 200px;
}

#ieselectfield {
	margin-left: 10px;
	margin-right: 5px;
}

select {
	width: 200px;
}

#contactinfo {
	float: left;
	width: 400px;
}

#contactmap {
	float: right;
	width: 299px;
}

a.email {
	color: #FFFFFF;
	text-decoration: none;
}

a.email:hover {
	color: #6EDDE1;
	text-decoration: none;
}



/* OUR DOCTORS */

img.doctorimg {
	padding: 3px;
	margin: 5px;
	border: thin solid #666666;
	background-color: #2B2B2B;
}


/* PRACTICE */


/* FACILITIES */

.fac_previews_row {
	width: 480px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.fac_previews_image {
	float: left;
	width: 150px;
	height: 100px;
	padding: 5px;
}


/* PATIENT INFORMATION */
.links_row {
	width: 460px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
.links_cell {
	display: block;
	float: left;
	text-align: center;
	width: 230px;
}
.links_cell a {
	color: #FFFFFF;
	font-family: Helvetica, sans-serif;
	text-decoration: none;
	font-size:11px;
	line-height: 14px;
}
.links_cell a:hover {
	color: #FFFFFF;
	font-weight: bold;
}
.links_bbb {
	display: block;
	text-align: center;
	width: 230px;
	margin-right: auto;
	margin-left: auto;
}


/* TESTIMONIALS */

.test_row {
	width: 699;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
}
.test_left {
	width: 659px;
	background-color: #343434;
	border: thin solid #A5A5A5;
}
.test_right {
	width: 659px;
	background-color: #343434;
	border: thin solid #A5A5A5;
}
.test_text {
	font-family: Verdana;
	font-size:12px;
	line-height: 20px;
	font-style: italic;
	color:#FFFFFF;
	text-align: left;
	padding: 5px 5px 0px 5px;
}
.test_highlight {
	font-weight: bold;
	font-size:14px;
	color: #F9D57F;
}
.test_sig {
	font-family: Verdana;
	font-size:12px;
	line-height: 20px;
	font-weight: bold;
	color:#FFFFFF;
	text-align: left;
	padding: 0px 5px 5px 5px;
}



/* PROCEDURES */

.proc_ba {
	width: 440px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	font-family: Verdana;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
}
.proc_before {
	width: 200px;
	float: left;
	background-color: #343434;
	border: thin solid #A5A5A5;
	padding: 5px;
}
.proc_after {
	width: 200px;
	float: right;
	background-color: #343434;
	border: thin solid #A5A5A5;
	padding: 5px;
}

.proc_quote {
	float:left;
	margin-left: 30px;
	width:300px;
	background-color:#343434;
	border:thin solid #A5A5A5;
	font-family:Verdana;
	font-size:12px;
	line-height:15px;
	font-style:italic;
	color:#FFFFFF;
	text-align:left;
	padding:5px;
}
.proc_quote_sig {
	font-weight: bold;
}



/* FAQS */

.faq_return_link {
}
.faq_return_link a {
	margin-right:auto;
	margin-left:auto;
	font-family:Verdana;
	font-size:14px;
	line-height:18px;
	color:#FFFFFF;
	text-decoration:none;
}
.faq_return_link a:hover {
	font-weight:bold;
}



/* PROCEDURE CTAS */

#proc_ctas {
	margin-left: auto;
	margin-right: auto;
	width: 510px;
}
.proc_single_cta {
	margin-left: 130px;
	margin-right: 130px;
	width: 250px;
}
#proc_ctas  a {
	display: block;
	width: 250px;
	height: 50px;
	outline: none;
	text-indent: -9000px;
	background-position: top left;
	background-repeat: no-repeat;
}
#proc_ctas a:hover {
	background-position: bottom left;
}
a.proc_cta_faq {
	float: left;
	background-image: url(http://www.garciainstitute.com/images/cta-faq.jpg);
}
a.proc_cta_banda {
	float: right;
	background-image: url(http://www.garciainstitute.com/images/cta-banda.jpg);
}


/* BEFORE AND AFTER */

.ba_link {
	margin-left: auto;
	margin-right: auto;
}
.ba_link a {
	font-family: Helvetica, sans-serif;
	font-size:14px;
	line-height: 18px;
	color:#FFFFFF;
	text-decoration: none;
}
.ba_link a:hover {
	font-weight: bold;
}



/* INDEX QUOTE AND LINK */

.index_quote_row {
	width: 398;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 0px;
}
.index_quote_cell {
	width: 398px;
	background-color: #343434;
	border: thin solid #A5A5A5;
}
.index_quote_text {
	font-family: Verdana;
	font-size:12px;
	line-height: 20px;
	font-style: italic;
	color:#FFFFFF;
	text-align: left;
	padding: 5px 5px 0px 5px;
}
.index_quote_sig {
	font-family: Verdana;
	font-size:12px;
	line-height: 20px;
	font-weight: bold;
	color:#FFFFFF;
	text-align: left;
	padding: 0px 5px 5px 5px;
}
a.index_link {
	color:#DFDFDF;
}
a.index_link:hover {
	color:#E9C75E;

}




/* FLASH HOLDERS */

#flash_header {
	width:937px;
	height:419px;
}
#flash_footer {
	width:100px;
	height:27px;
}
#flash_facilities {
	width:649px;
	height:400px;
}
#flash_bagallery {
	width:649px;
	height:500px;
}
#flash_media {
	width:649px;
	height:500px;
}
#flash_tour {
	width:659px;
	height:400px;
}




/* RESOURCES */

ul, ol {
	margin-left:25px;
}

a {
	color:#CCCCCC;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}




/* Sociable Style _ DO NOT PASTE BELOW HERE */

div.sociable {
margin: 16px 0;
}

span.sociable_tagline {
position: relative;
}

span.sociable_tagline span {
display: none; width: 14em;
}

span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
border: 1px solid #ccc;
color: black;
line-height: 1.25em;
}

.sociable span {
display: block;
}

.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}

.sociable ul li {
background: none;
display: inline;
list-style-type: none;
margin: 0;
padding: 1px;
}

.sociable ul li:before {
content: "";
}

.sociable img {
float: none;
width: 16px;
height: 16px;
border: 0;
margin: 0;
padding: 0;
}

.sociable-hovers {
opacity: .7;
-moz-opacity: .7;
filter: alpha(opacity=70);
}

.sociable-hovers:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}