/* CSS Document */

/* Normalizes margin, padding, remove list style 
--------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p,
blockquote, em, strong	{margin: 0px; padding: 0px;}

ul, li					{padding: 2px 0px; margin:2px; list-style:none;}
ol						{list-style:none; padding:2px 0px;}
a img					{border:0px;}

/* Set html & body 
--------------------------------------------------*/
html					{width:100%;}
body					{position:relative; width:100%; min-width: 751px; margin:0 auto; background:url(../images/bkg_gradient.jpg) repeat-x #00a5db; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #2c5a75; line-height:18px;}
#container				{position:relative; width:751px; left:0px; right:0px; margin:0 auto; padding:0px; z-index:1; top:30px;}
#holder					{position:relative; width:100%; min-width:751px; min-height:730px; background:url(../images/bkg_lines.jpg) repeat-x;}
*html #holder			{position:relative; width:100%; min-width:751px; height:100%; background:url(../images/bkg_lines.jpg) repeat-x;}


/* Branding 
--------------------------------------------------*/
#branding				{position:relative; top:0px; width: 751px; height:191px;}
#branding h1			{position: absolute; left: -999px}
#logo					{float:left; width:212px;}
#inside_container		{float:left; width:539px;}
#flash_container		{float:left; width:539px; color:#fff; text-align:center;}
#flash_container blockquote{margin:10px;}
#flash_container h2		{color:#FFFFFF;}
#flash_container a		{color:#FFFFFF;} 
						

/* Navigation 
--------------------------------------------------*/
#nav					{position:absolute; top:30px; left:0px; z-index:100; width:207px; padding:0px; margin:0px;}
#nav h3					{position:absolute; left:-990px;}
#nav ol					{padding:0px; margin:0px 0px 30px 0px; width:207px;}
#nav ol li				{clear:both; padding:0px; margin:0px; background:url(../images/bkg_nav2.jpg) no-repeat; height:32px; width:207px;}	
#nav ol li span			{padding:10px 0px 0px 30px; height:21px; margin:0px; vertical-align:middle;}
#nav a:visited,
#nav a:link				{font-size:11px; height:31px; font-weight:bold; text-decoration:none; color:#FFF; padding:5px 0px; margin:0px; display:block;}
*html #nav a:visited,
*html #nav a:link		{font-size:11px; height:25px; font-weight:bold; text-decoration:none; color:#FFF; padding:5px 0px; margin:0px; display:block;}
#nav a:hover, 
#nav a:active			{background:#a5ffa5; color:#2c5a75; height:31px; display:block; padding:5px 0px; margin:0px;}
*html #nav a:hover,
*html #nav a:active		{background:#a5ffa5; color:#2c5a75; height:25px; display:block; padding:5px 0px; margin:0px;}
#nav img				{float:right; padding:5px 30px; border:none;}

/* Dropdown Menu container 
--------------------------------------------------*/
table.menu				{position: absolute; z-index: 5000; border:none; cursor: pointer; visibility: hidden;/* Don't change this */}

/* Dropdown Individual menu cells 
--------------------------------------------------*/
table.menu td			{z-index: 1000;
						color: #FFF;/* Must be the same as tdColor in the menu_script.js */
						background-color: #2c5a75; /* Must be the same as tdBgColor in the menu_script.js */
						border-top: none;
						padding: 5px 15px;
						font-family:Arial, Helvetica, sans-serif;
						font-size: 11px;
						font-weight:normal;
						white-space: nowrap;}

/* Content 
--------------------------------------------------*/
#content_holder_hm		{position:relative; background:url(../images/bkg_content.jpg) repeat-y; width:750px; min-height:320px; margin:0px; padding:0px 0px 0px 10px;}
*html #content_holder_hm{position:relative; background:url(../images/bkg_content.jpg) repeat-y; width:750px; height:320px; margin:0px; padding:0px 0px 0px 10px;}
#content_holder			{position:relative; background:url(../images/bkg_content.jpg) repeat-y; width:750px; min-height:495px; margin:0px; padding:0px 0px 0px 10px;}
*html #content_holder{position:relative; background:url(../images/bkg_content.jpg) repeat-y; width:750px; height:495px; margin:0px; padding:0px 0px 0px 10px;}



#content				{position:relative; left:190px; top:0px; width:483px; padding:5px 30px;}
#content hr				{background:#95ffa5 1px solid; height:1px; margin:20px 0px;}
.img_right				{float:right; margin:15px 0px 5px 10px;}
.img_left				{float:left; padding:0px; margin:0px 20px 0px 0px;}
#hm_logos				{margin:0px; padding:0px 0px 0px 30px;}
#hm_logos img			{margin:0px; float:left; padding:10px 20px;}
.padding_btm			{padding:0px 0px 40px 0px;}
.padding_top			{padding:15px 0px 0px 0px;}
.hm_phone 				{margin:0px; padding:0px; float:right; clear:both;}
.hm_phone img			{padding:0px 0px 5px 0px;}

/*Gallery
--------------------------------------------------*/
td						{width:165px;}
td .text				{width:150px;}
table img				{padding-top:25px;}
.right					{float:right; font-size:14px; color:#2c5a75; margin:15px 0px 0px 0px; padding:0px; font-weight:bold;}

/* Contact Form 
--------------------------------------------------*/
#content form			{padding:0px; margin:0px;}
#content form ol li		{clear:both; margin:5px 0px;}
#content form ol li p	{float:left; width:160px; margin:0px 10px 0px 0px;}
#appointment_pg #content form ol li p cite{color:#FF0000; font-style:normal;}
#content form ol li input,
#content form ol li select,
#content form ol li textarea{width:175px; font-size:11px;}
#content form ol li div	{float:left;}
#content form ol li div input{width:60px;}
#content .clear img		{border:none;}
#missing_pg,
#missing_pg h1,
#missing_pg	a			{color:#fff;}


/* Text Formatting
--------------------------------------------------*/
h1						{font-size:20px; color:#00435c; margin:10px 0px 5px 0px; padding:0px; line-height:normal;}
h2						{font-size:16px; color:#38c9d0; font-weight:bold; margin:20px 0px 5px 0px;}
h3						{font-size:12px; color:#00a5db; font-weight:bold; margin:10px 0px 0px 0px;}
h4						{font-size:12px; color:#1a94b7; font-weight:bold; margin:5px 0px;}
h5						{font-size:14px; color:#6f4506; font-weight:bold;}
h6						{font-size:14px; color:#6f4506; font-weight:bold;}
p						{margin: 0px 0px 10px 0px; line-height: 18px;}
.small					{font-size:10px;}
.black					{color:#000;}
.nobr					{white-space: nowrap;}
.clear					{clear:both;}
.clear_left				{clear:right;}
.left_percent			{float:left; width:45%; margin-right: 20px}
.right_percent			{float:left; width:45%;}
.line_nav				{background:#95ffa5; height:1px; line-height:1px; margin:5px 30px 10px 30px; clear:both;}
.line					{background:#95ffa5; height:1px; line-height:1px; margin:10px 0px; clear:both;}
.required				{color:#FF0000;}

a:link, a:visited 		{color:#71c089; text-decoration:underline;}
a:hover 				{color:#71c089; text-decoration:underline}

a.redlink:link, a.redlink:visited 		{color:#FF0000; text-decoration:underline;}
a.redlink:hover 				{color:#FF0000; text-decoration:underline}

#content h2 a			{color:#38c9d0; text-decoration:none;}
#content h3 a			{color:#00a5db; text-decoration:none;}
#content h4 a			{color:#1a94b7; text-decoration:none;}


/* Site Info
--------------------------------------------------*/
#site_info				{position:relative; margin:10px 0px; font-size:10px; color:#00435c; vertical-align:text-top; text-align:center; clear:both; top:30px; height: 125px;}
#site_info cite			{font-style:normal; padding:0px; margin:0px;}
#site_info a:link,
#site_info a:visited	{color:#00435c}
#site_info a:hover,
#site_info a:active		{color:#fff}