@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------------------------------

	Created by elykinnovation, inc. - http://www.elykinnovation.com
	Jacksonville, Florida - Web Design Company

--------------------------------------------------------------------------------------------------- */


a, div {-moz-outline:none;}

/* ----------------------------------------------------------------------------------------------------------------

	.png hack

------------------------------------------------------------------------------------------------------------------*/

/* * { behavior: url(iepngfix.htc); }*/
.iepngfix { behavior: url(css/iepngfix.htc); }
 

/* ---------------------------------------------------------------------------

	Body 

--------------------------------------------------------------------------- */

body {
	margin: 25px 0px 0px 0px;
	background-color: #666;
	background-image: url(../images/body_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;
	font-size: 13px;
}

.wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	width: 980px; /* Make this number 10px wider than actual design for ie issues */
}

.header {
	margin: 0px 0px 0px 0px;
	background: yellow;
}

.container {
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	width: 969px;
	float: left;
}

.side_a {
	float: left;
	width: 114px;
	height: 765px;
	background-image: url(../images/inside_left_col.png);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

.side_b { 
	float: left;
	width: 536px;
	height: 625px;
	background-image: url(../images/inside_middle_col.png);
	background-repeat: no-repeat;
	padding: 130px 15px 10px 15px;
	margin: 0px;
}

.side_c_nav {
	width: 61px;
	float: left;
	height: 765px;
	background-image: url(../images/nav_graphic_inside.png);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

.side_d {
	width: 228px;
	float: left;
	height: 765px;
	padding: 0px;
	margin: 0px;
}

.side_a_home {
	float: left;
	width: 114px;
	height: 765px;
	background-image: url(../images/homepage_left_col.png);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

.side_b_home { 
	float: left;
	width: 566px;
	height: 765px;
	padding: 0px;
	margin: 0px;
}

.side_c_nav_home {
	width: 61px;
	float: left;
	height: 765px;
	background-image: url(../images/nav_graphic.png);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

.side_d_home {
	width: 228px;
	float: left;
	height: 765px;
	padding: 0px;
	margin: 0px;
}

.footer {
	clear: both;
	width: 620px;
	height: 45px;
	padding: 12px 0px 0px 100px;
	margin: 0px 0px 10px 0px;
}

/* ---------------------------------------------------------------------------

	Homepage Middle Pics

--------------------------------------------------------------------------- */

.middle_1 {
	display: block;
	text-decoration: none;
	width: 566px;
	height: 195px;
	background-image: url(../images/homepage_middle_col_1.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}

.middle_2 {
	display: block;
	text-decoration: none;
	width: 566px;
	height: 194px;
	background-image: url(../images/homepage_middle_col_2.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}

.middle_3 {
	display: block;
	text-decoration: none;
	width: 566px;
	height: 218px;
	background-image: url(../images/homepage_middle_col_3.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}

.middle_4 {
	display: block;
	text-decoration: none;
	width: 566px;
	height: 158px;
	background-image: url(../images/homepage_middle_col_4.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}

/* ---------------------------------------------------------------------------

	Navigation Replace

--------------------------------------------------------------------------- */

.home_button a {
	display: block;
	text-decoration: none;
	width: 61px;
	height: 62px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.about_gary_button a {
	display: block;
	text-decoration: none;
	width: 61px;
	height: 106px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.programs_button a {
	display: block;
	text-decoration: none;
	width: 61px;
	height: 85px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.testimonials_button a {
	display: block;
	text-decoration: none;
	width: 61px;
	height: 109px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.book_an_event_button a {
	display: block;
	text-decoration: none;
	width: 61px;
	height: 116px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.contact_gary_button a {
	display: block;
	text-decoration: none;
	width: 61px;
	height: 116px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ---------------------------------------------------------------------------

	Logo Replace

--------------------------------------------------------------------------- */

.logo a {
	display: block;
	text-decoration: none;
	width: 341px;
	height: 138px;
	background-image: url(../images/IMAGE_NAME.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}

/* ---------------------------------------------------------------------------

	Righ Column Graphics and Pics

--------------------------------------------------------------------------- */

.notepad {
	display: block;
	text-decoration: none;
	width: 214px;
	height: 219px;
	background-image: url(../images/note_pad.png);
	background-repeat: no-repeat;
	margin: 35px 0px 0px 8px;
}

.pen {
	display: block;
	text-decoration: none;
	width: 196px;
	height: 359px;
	background-image: url(../images/pen.png);
	background-repeat: no-repeat;
	margin: 40px 0px 0px 8px;
}

.view_video a {
	display: block;
	text-decoration: none;
	width: 182px;
	height: 64px;
	background-image: url(../images/view_video.png);
	background-repeat: no-repeat;
	margin: 35px 0px 0px 18px;
}

/* ---------------------------------------------------------------------------

	Titles

--------------------------------------------------------------------------- */

.page_title {
	font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;
	font-size: 22px;
	color: #6666cc;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	text-align: right;
	border-bottom: 1px solid #6666cc;
}

.page_sub_title {
	font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;
	font-size: 18px;
	color: #6666cc;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.program_title {
	font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
}

/* ---------------------------------------------------------------------------

	General Declarations

--------------------------------------------------------------------------- */


.hide {
	visibility: hidden;
	display: none;
	text-indent: -8520px;
}

.pictureframe {
	border: .000 1px solid;
	padding: 4px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clear {
	clear: both;
	background-color: transparent;
	height: 1px;
}

.copyright {
	color: #fff;
	float: left;
	width: 480px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.quote {
	padding: 12px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.quote_signature {
	color: #333333;
	font-weight: bold;
	text-align: right;
	padding: 8px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #ACACAC;
}

.side_b a:link, .side_b a:visited {
	color: #006699;
	text-decoration: none;
}

.side_b a:hover, .side_b a:visited:hover {
	color: #990000;
	text-decoration: none;
}

.continue_back a:link, .continue_back a:visited {
	color: #006699;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.continue_back a:hover, .continue_back a:visited:hover {
	color: #990000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

/* ---------------------------------------------------------------------------

	Horizontal Navigation

--------------------------------------------------------------------------- */

.NAME {
   white-space: nowrap;
   float: left;
   width: 444px;
   height: 20px;
} 
.NAME ul {
   padding: 0px;
   margin: 0px;
}

.NAME ul li {
   display: inline;
   text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
}

.NAME ul li a:link, .NAME ul li a:visited {
	color: #666666;
	text-decoration: none;
}

.NAME ul li a:hover, .NAME ul li a:visited:hover {
	color: #990000;
	text-decoration: none;
}


/* ---------------------------------------------------------------------------

	Unordered List Stylings

--------------------------------------------------------------------------- */


.NAME ul {
	 padding-left: 5px;
	 margin-left: 5px;
	 margin-top: 0px;
	 text-indent: 1px;
	 list-style: none;
}

.NAME li {
	border-bottom: .CCCCCC 1px dotted;
	width: 95%;
	margin: 0px 0px;
	padding: 4px 0px;
	font-size: 13px;
}

.NAME a:link, .NAME a:visited {
	color: #333333;
	text-decoration: none;
}

.NAME a:hover, .NAME a:visited:hover {
	color: #990000;
	text-decoration: none;
}