/*
Company:	Gastro One
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Common Text Styles - Styles for text
Default Headings - headings like h1, h2, etc
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {
	/* background-color: #009ddc; */
	overflow-x: hidden;
	overflow-y: scroll;
}
body {
	background: #FFFFFF; /* url(../images/bg-body.jpg) top left repeat-x; */
}
/* @end */

/* @group Layout */
#container {
	width: 1099px;
	background: #FFF url(../images/bg-container.jpg) top left no-repeat;
	padding: 0 0 200px 0;
}
/* Head */
#hd {
	position: relative;
	height: 334px;
}
/* Body */

/* Footer */
#ft {
	clear: both;
	background: url(../images/bg-footer.jpg) bottom left repeat-x;
	padding: 0 0 20px 115px;
	color: #919195;
	font-size: 80%;
}

#ft a {
	color: #919195;
	text-decoration: none;
}

#ft p {
	margin: 0px;
}

#ft ul {
	list-style: none;
	float: left;
	margin: 0 53px 0 0;
}

#ft ul li {
	list-style: none;
	float: left;
}

#ft ul li a {
	float: left;
	display: block;
	background: url(../images/bg-footer-link.jpg) center right no-repeat;
	padding: 0 4px 0 0;
	margin: 0 4px 0 0;
}

#ft ul .last a {
	background: none;
}
/* @end */

/* @group Modules */
/* Patient Portal */
#patient-portal {
	width: 513px;
	height: 79px;
	background: url(../images/bg-patient-portal.jpg) top left no-repeat;
	position: absolute;
	top: 0;
	left: 586px;
}

#patient-portal h3 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	float: left;
}

#patient-portal .sign-in {
	text-decoration: none;
	color: #FFF;
	position: absolute;
	top: 14px;
	left: 229px;
	line-height: 100%;
}

#patient-portal .sign-in strong {
	color: #8ad4df;
	font-weight: normal;
}

#patient-portal .learn-more {
	position: absolute;
	top: 54px;
	left: 65px;
	color: #005cab;
	text-decoration: none;
}

#patient-portal .learn-more strong {
	color: #009ddc;
	text-decoration: underline;
}
/* Payment Center */
#payment-center {
	width: 514px;
	height: 44px;
	background: url(../images/bg-payment-center.jpg) top left no-repeat;
	position: absolute;
	top: 81px;
	left: 585px;
}

#payment-center h3 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#payment-center a {
	position: absolute;
	top: 17px;
	left: 255px;
	color: #FFF;
	text-decoration: none;
	line-height: 100%;
}

#payment-center a strong {
	color: #8ad4df;
	font-weight: normal;
}
/* Physician Finder Link Bar */
#link-bar {
	position: absolute;
	top: 280px;
	left: 0;
	width: 1028px;
	height: 44px;
}

#physician-finder {
	width: 391px;
	height: 44px;
	float: left;
	background: url(../images/bg-physician-finder.jpg) top left no-repeat;
}

#physician-finder span {
	text-indent: -9999px;
	position: absolute;
	left: -9999px;
}

#physician-finder select {
	margin: 11px 0 0 223px;
	padding: 0;
	font-size: 85%;
	width: 153px;
}

#cancer-research {
	width: 637px;
	height: 44px;
	float: left;
}

.cancer-research-off {
	background: url(../images/bg-cancer-research.jpg) top left no-repeat;
}

.cancer-on {
	background: url(../images/bg-cancer-research.jpg) 0 -44px no-repeat;
}

.research-on {
	background: url(../images/bg-cancer-research.jpg) 0 -88px no-repeat;
}

#cancer-screening {
	width: 289px;
	display: block;
	float: left;
	height: 44px;
	text-indent: -9999px;
}

#research {
	display: block;
	width: 310px;
	float: left;
	height: 44px;
	text-indent: -9999px;
}
/* Sidebar */
#side-menu {
	float: left;
	width: 215px;
	margin: 0 37px 0 0;
	padding: 36px 0 0 0;
	font-size: 85%;
}

#side-menu h3 {
	margin: 0 0 0 15px;
	padding: 0 2px 0 0;
	font-size: 100%;
	text-align: center;
	height: 48px;
	line-height: 48px;
	background: url(../images/bg-sidebar.jpg) top left no-repeat;
	color: #FFF;
	font-weight: normal;
}

#side-menu .active {
	background: url(../images/bg-sidebar.jpg) 0 -48px no-repeat;
	border: none;
	outline: none;
}

#side-menu div ol {
	margin: 0;
	padding: 7px 0 7px 50px;
}

#side-menu div ol li {
	margin: 0;
	padding: 0;
}

#side-menu div ol li a {
	color: #919295;
	text-decoration: none;
	line-height: 1.5em;
}

#side-menu div ol li a:hover,
#side-menu div ol li a.selected {
	color: #3886d2;
}

#side-menu div ul {
	list-style: none;	
	margin: 0;
	padding: 7px 0 7px 50px;
}

#side-menu div ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#side-menu div ul li a {
	color: #919295;
	text-decoration: none;
	padding: 0 0 0 7px;
	background: url(../images/sidebar-bullet.gif) 0 -144px no-repeat;
	line-height: 1.5em;
}

#side-menu div ul li a:hover,
#side-menu div ul li a.selected {
	color: #3886d2;
	background: url(../images/sidebar-bullet.gif) 0 6px no-repeat;
}

#side-menu #info ul li a,
#side-menu #info ul li a:hover,
#side-menu #info ul li a.selected
{
	background: none;
}

#side-menu #info
{
	border-right: 1px dotted #50509c;
}

/* Primary Column */
#primary-column {
	float: left;
	width: 475px;
	padding: 35px 0 0 0;
	color: #404040;
	margin: 0 34px 0 0;
}

#primary-column h2 {
	margin: 0 0 14px 0;
	color: #3886d2;
	font-family: Georgia;
	font-size: 190%;
	font-weight: normal;
}

#primary-column h3
{
	color: #3886d2;
	font-family: Georgia;
}

#primary-column p, #primary-column ul li, 
#primary-column table td {
	font-size: 85%;
	font-family: Verdana;
	line-height: 1.7em;
}

/* Find Office Locations Right Sidebar */
#find-office-locations {
	float: left;
	width: 200px;
	padding: 41px 0 0 0;
	font-size: 85%;
	color: #8b9298;
}

#find-office-locations h3 {
	margin: 0 0 10px 0;
	padding: 0 2px 0 0;
	font-size: 100%;
	text-align: center;
	height: 48px;
	line-height: 48px;
	background: url(../images/bg-sidebar.jpg) 0 -48px no-repeat;
	color: #FFF;
	font-weight: normal;
}

#find-locations-form {
	border-left: 1px dotted #50509c;
	margin: 0 0 0 3px;
	padding: 0 0 0 13px;
	line-height: 100%;
}
#find-locations-form a 
{
	display: block;
	margin-top: 5px;
}

.street {
	width: 158px;
	border: 2px solid #aecff0;
	padding: 4px;
	color: #30308a;
	margin: 9px 0 8px 0;
}

.city, .zip {
	width: 90px;
	border: 2px solid #aecff0;
	padding: 4px;
	color: #30308a;
	margin: 0 0 8px 0;
	display: block;
	float: left;
}

#find-locations-form select {
	width: 100%;
	border: 2px solid #aecff0;
	color: #30308a;
	margin: 0 0 10px 0;
	display: block;
	float: left;
}

.radio {
	margin: 3px 0;
	position: relative;
	top: 3px;
}

.directions {
	margin: 3px 0;
	position: relative;
	top: 3px;
}

#radios {
	clear: left;
	display: block;
}

.submit {
	margin: 5px 0 0 0;
}

/* BC */
div.bc-border {
	padding: 5px 0 0 0;
	border-bottom: 1px dotted #404093;
	margin: 0 0 10px 0;
}
div.bc {
	font-size: 85%;
	color: #9aa1a6;
}
div.bc a {
}
div.bc span {
	color: #2272b6;
}
div.bc span.bc-separator
{
	color: #9aa1a6;
	padding: 0 5px;
}
div.bc a:link, div.bc a:visited {
	color: #9aa1a6;
	text-decoration: none;
}
div.bc a:hover {
	text-decoration: underline;
}
/* @end */

/* @group Common Text Styles */
	
/* @end */

/* @group Default Headings */
h1 {
	margin: 0;
	padding: 0;
	width: 264px;
	height: 77px;
	background: url(../images/bg-h1.png) top left no-repeat;
	position: absolute;
	top: 25px;
	left: 64px;
	text-indent: -9999px;
}

h1 a {
	display: block;
	width: 264px;
	height: 77px;
}
/* @end */

/* @group Default Lists */
	
/* @end */

/* @group Forms */
	
/* @end */

/* @group Default Links - link visited hoveractive  li*/
a:link, a:visited {
	color: #3886d2;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */