h1,h2,h3,h4,h5,h6,pre,code,table,td,th,dd,dt,dl,li,input,button,select,textarea{font-size: 1.0em; }
ul,ol,dd,dt,dl,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td {margin:0; padding:0; }
a img, :link img, :visited img {border:none }
table {border-collapse: collapse; }
input,button,select,textarea {font-family: inherit;}
input, select {vertical-align:middle; }
p{font-size:1.1em;}

/* Clearing without markup http://www.positioniseverything.net/easyclearing.html */
.colsWrapper:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
.colsWrapper {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .colsWrapper {
	height: 1%;
	}
.colsWrapper {
	display: block;
	}
/* End hide from IE-mac */

.title { /* For alternate content for screen readers */
	position: absolute;
 	left: 0px;
 	top: -2000px;
	width: 1px;
 	height: 1px;
 	overflow: hidden;	
	}

.replaced { /* For accesible image replacing */
	display: block;
	/* hide from IE Mac \*/
	text-indent: -999em;
	overflow: hidden;
	/* end hide */
	}
/* only for IE Mac */
* html>body .replaced {
	letter-spacing: -999em;
	}
/* only for IE Mac */
hr {
	display: none;
	}


/* L A Y O U T
***************************/
	
a {color: #026398; font-weight: bold; text-decoration: none; }
a:hover {text-decoration: underline; }
a:visited {
	color:#029DF0;
}
h1, h2, h3, strong, em, b, i, a {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	}
	
body {
	font-size: 62.5%; 	/* Don't change this size or this height. */
	line-height: 1em;   /* Change them below at #container */
	text-align: center;
	background: #ededed url(../img/body.gif) repeat-x;
	}
#container {
	text-align: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 1.1em;
	line-height: 1.45em;
	width: 887px;
	margin: 0 auto;
	}

	
/* Header */

#header {
	height: 186px;
}
#header .inner {
	padding: 76px 0 0 5px;
}
#header .siteName {
	float: left;
	width: 402px;
}
#header .contact {
	background: url(../img/contact.gif) top right no-repeat;
	padding: 5px 56px 0 0;
	margin: -2px 4px 0 402px;
	min-height: 52px;
	text-align: right;
	font-size: 1.2em;
	font-weight:bold;
	color:#D0AD0A;	
}
/* only for IE 6 \*/
* html #header .contact {
	height: 52px;
	margin-top: 76px !important;
	margin-top/**/: -2px;
}
/* only for IE 6 */

#header .contact strong {
	color: #026398;
	font-size: 1.2em;
	}

/* Navigation */

#navigation {
	position: absolute;
	top: 0;
	left: auto;
	width: 887px;
	margin: 0 auto;
}

#mainMenu {
	position: absolute;
	top: 20px;
	left: 18px;
	font-size: 1.18em;
}
#mainMenu ul, #mainMenu li {
	display: inline;
}
#mainMenu li {
	list-style: none;
	padding: 0 7px 0 1px;
	background: url(../img/mainmenu-li.gif) 100% 3px no-repeat;
	}
/*	makes padding and borders work on IE5.0 
		star html hack makes it visible only to IE */
* html #mainMenu li {
	height: 0;
	padding: 0 3px 0 4px;
	}
/* only for IE 7 */
*:first-child+html #mainMenu li {
	padding: 0 3px 0 4px; 
}
#mainMenu .last {
	background: none;
}
#mainMenu a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #d4d1d1;
	font-weight: normal;
	li\ne-height: 12px; /* SBMH hides this from IE 5.x */
	}
#mainMenu a:hover {
	color: #fff;
	text-decoration: underline;
	}

#productsMenu {
	position: absolute;
	top: 139px;
	left: 0;
	width: 887px;
	background: #d9d9d9 url(../img/productsmenu.gif) left bottom no-repeat;
	text-align: center;
	font-size: 1.27em;
}
#productsMenu ul {
	list-style: none;
	padding: 0 1px;
	min-height: 47px;
	background: url(../img/productsmenu-ul.gif) no-repeat;
}
/* only for IE 6 */
* html #productsMenu ul {
	height: 47px;
}
/* only for IE 6 */
#productsMenu li {
	float: left;
	width: 177px;
	background: url(../img/productsmenu-li.gif) right top no-repeat;
}
#productsMenu .last {
	background: none;
}
#productsMenu a {
	display: block;
	min-height: 27px;
	padding: 15px 0 0;
	color: #026398;
	letter-spacing: -0.05em;
	text-decoration:underline;
}
#productsMenu a:hover {
	color: #D0AD0A;
	text-decoration:underline;
}
#productsMenu .selected a {
	color: #D0AD0A;
}

/* Top banner */

#banner {
	margin: 0 0 8px;
}


/* Content */

#content {
	background: url(../img/content.gif) no-repeat;
	padding: 7px 0 0;
	margin: 0 0 7px;
	position: relative;
}
.home #content {
	background: url(../img/home-content.gif) no-repeat;
	padding: 21px 0 0;
}
.page #content {
	background: url(../img/page-content.gif) no-repeat;
	padding: 0;
}
#content h1 {
	background: url(../img/content-h1.gif) left bottom no-repeat;
	padding: 0 0 16px 20px;
	min-height: 52px;
}
#content.top h1 {
	background: url(../img/content-top-h1.gif) left bottom no-repeat;
}
/* only for IE 6 \*/
* html #content h1 {
	height: 52px;
}
/* only for IE 6 \*/
#content .inner {
	background-image: url(../img/content-inner.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 0 7px;
}
#content .bottom, #content.top .inner {
	background-image: url(../img/content-bottom.gif);
}
#content .inner .inner {
	background: url(../img/content-inner-inner.gif) left top repeat-y;
	padding: 0;
}
#content.top .inner .inner {
	background: url(../img/content-top-inner-inner.gif) left top repeat-y;
}

#content .leftCol, #content .leftBox {
	float: left;
	width: 441px;
	min-height: 160px;
}
#content .rightCol, #content .rightBox {
	/* Fixed by BoDiE - Alex. 
	* Fixed Support for images into rightCol/Box
	+ Added Support for Chrome, fixed support for Firefox and IE */
	display:table;
	margin:0 0 0 446px;
	min-height:160px;
	position:relative;
	width:441px;
}
/* only for IE 6 \*/
* html #content .leftCol, * html #content .leftBox {
	margin: 0 2px 0 0;
}
* html #content .rightCol, * html #content .rightBox {
	margin: 0;
	height: 1%;
}
* html #content .leftCol, * html #content .leftBox, * html #content .rightCol, * html #content .rightBox {
	height: 160px;
}
/* only for IE 6 */
#content .leftCol .inner, #content .leftBox .inner, #content .rightCol .inner, #content .rightBox .inner, #content .topBox .inner {
	background: none;
	padding: 11px 20px 1px;
}
#content .leftBox {
	clear: left;
	background: url(../img/content-leftbox.gif) left top no-repeat;
	padding: 22px 0 0;
}
#content .rightBox {
	background: url(../img/content-rightbox.gif) left top no-repeat;
	padding: 22px 0 0;
}
#content .bottomRow, #content .bottomBox {
	background: url(../img/content-bottomrow.gif) no-repeat;
	clear: left;
	padding: 22px 0 0;
}
#content .bottomBox, #content .mediumBox {
	background: url(../img/content-bottombox.gif) no-repeat;
	padding: 22px 0 0;
}
#content .bottomRow .inner, #content .bottomBox .inner, #content .mediumBox .inner {
	background: url(../img/content-bottombox-inner.gif) repeat-y;
	padding: 11px 20px 1px;
}
#content .innerLeftCol {
	float: left;
	width: 401px;
}
#content .innerRightCol {
	margin: 0 0 0 446px;
}


/* Bottom buttons */

#services {
	background: url(../img/services.gif) no-repeat;
	padding: 7px 0 0;
	margin: 0 0 9px;
	font-size: 1.27em;
	line-height: 1.21em;
}
#services .inner {
	background: url(../img/services-inner.gif) left bottom no-repeat;
	padding: 0 0 1px;
}
#services li {
	float: left;
	width: 214px;
	list-style: none;
	min-height: 60px;
	margin: 0 10px 0 0;
}
/* only for IE 6 \*/
* html #services li {
	height: 60px;
}
/* only for IE 6 */
#services .last {
	margin: 0;
	width: 215px;	
}
#services .consultation {
	background: url(../img/services-li-consultation.gif) 5px 100% no-repeat;
}
#services .questions {
	background: url(../img/services-li-questions.gif) 5px 100% no-repeat;
}
#services .callUsNow {
	background: url(../img/services-li-callusnow.gif) 5px 100% no-repeat;
}
#services .contactUs {
	background: url(../img/services-li-contactus.gif) 12px 100% no-repeat;
}
#services a {
	display: block;
	min-height: 48px;
	padding: 11px 0 0 48px;
	color: #888;
}
#services .contactUs a {
	padding: 11px 0 0 64px;
}
#services strong {
	font-size: 1.29em;
	color: #026398;
	font-weight: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	
	display: block;
}
#services a:hover strong {
	color: #D0AD0A;
}
#services a:hover {
	text-decoration: none;
}


/* Bottom links, signup and bookmarks */

#information {
	background: url(../img/information.gif) left bottom no-repeat;
	padding: 0 0 5px;
	margin: 0 0 18px;
	line-height: 1.82em;
	color: #c0c0c0;
}
#information .inner {
	background: url(../img/information-inner.gif) no-repeat;
	min-height: 180px;
}
/* only for IE 6 \*/
* html #information .inner {
	height: 180px;
}
/* only for IE 6 */
#information .links {
	float: left;
	width: 152px;
	padding: 12px;
	margin: 0 2px 0 0;
	background: url(../img/information-links.gif) no-repeat;
}
/* only for IE 6 \*/
* html #information .links {
	width: 176px; /* for IE 5 */
	widt\h: 152px; /* for IE 6 */
}
* html #information .last {
	margin: 0 -1px 0 0;
}
/* only for IE 6 */
#signUp {
	margin: 0 0 0 534px;
	padding: 5px 0 0;
	background: url(../img/signup.gif) no-repeat;
}
/* only for IE 6 \*/
* html #signUp {
	height: 1%;
	margin: 0;
}
/* only for IE 6 */
#signUp .inner {
	background: url(../img/signup-inner.gif) left bottom no-repeat;
	padding: 7px 12px 18px;
	min-height: 110px;
}
/* only for IE 6 \*/
* html #signUp .inner {
	height: 110px;
}
/* only for IE 6 */

#bookmarks {
	margin: 0 0 0 534px;
	padding: 0 12px 10px;
	background: url(../img/bookmarks.gif) left bottom no-repeat;
	min-height: 62px;
}
/* only for IE 6 \*/
* html #signUp form {
	height: 62px;
}
/* only for IE 6 */

#information h2 {
	font-size: 1.64em;
	color: #D0AD0A;
	font-weight: normal;
	background: url(../img/information-h2.gif) left bottom repeat-x;
	padding: 0 0 7px 6px;
	margin: 0 0 13px;
}
#information .links ul {
	padding: 0 0 0 6px;
	list-style: none;
}
#information .links li {
	background: url(../img/information-li.gif) 1px 8px no-repeat;
	padding: 0 0 0 16px;
}
#information .links a {
	color: #c0c0c0;
	font-weight: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	
}
#signUp h2, #bookmarks h2 {
	color: #52BBFA;
	margin: 0 0 9px;
}
#signUp form {
	padding: 0 6px;
}
#signUp p {
	overflow: hidden;
	padding: 4px 0 1px;
	font-size:1.0em;
}
/* only for IE 6 \*/
* html #signUp p {
	height: 1%;
	overflow: visible;
}
/* only for IE 6 */
#signUp label {
	float: left;
	width: 3.82em;
}
#signUp input {
	float: left;
	width: 146px;
	height: 18px;
	line-height: 18px;
	padding: 3px;
	border: 0;
	border: none;
	background-repeat: no-repeat;
	margin: 0 9px 0 0;
	color: #fff;
}
#signUp #name {
	background-image: url(../img/signup-name.gif);
}
#signUp #email {
	background-image: url(../img/signup-email.gif);
}
#signUp button {
	background: transparent url(../img/signup-button.gif) no-repeat;
	width: 88px;
	height: 26px;
	border: none;
	margin: -4px 0 0;
	font-size: 1.18em;
	font-weight: bold;
}

#bookmarks p {
	padding: 4px 0 0 6px;
	font-size:1.0em;
}
#bookmarks img {
	margin: 0 2px 0 0;
}


/* Footer */

#footer {
	height: 85px;
	color: #666;
	text-align: center;
	line-height: 1.82em;
}
#footer a {
	color: #666;
	font-weight: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	
}


/* C O N T E N T
***************************/
#content h1 {
	font-size: 2.91em;
	line-height: 1.65em;
	color: #026398;
	font-weight:normal;
}
#content h2 {
	margin: 0 18px 1px;
	padding: 8px 2px 6px;
	font-size: 2em;
	line-height: normal;
	color: #555;
	font-weight: normal;
	background: #fff url(../img/content-h2.gif) left bottom repeat-x;
}
#content h2.light {
	color: #888;
}
#content h3 {
	font-size: 1.64em;
	margin: 0 0 1em;
	line-height: normal;
	color: #888;
	font-weight: normal;
}
#content h3 a {
	font-weight: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;		
}
#content p, #content ul {
	margin: 0 0 1.4em;
}
#content li {
	list-style: none;
}
/* defaul list style is width blue bullet */
#content li {
	list-style: none;
	font-size: 1.1em;
	line-height: 2em;
	padding: 0 0 0 22px;
	background: url(../img/content-bullets-li.gif) 5px .82em no-repeat;
}
#content li a {
	color: #666;
	font-weight: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;		
	border-bottom: 1px dotted #bfbfbf;
}
#content li a:hover {
	border-bottom: 1px dotted transparent;
	text-decoration: none;
}
#content em {
	color: #D0AD0A;
	font-weight: bold;
	font-style: normal;
}
/* two lists in columns */
#content .lists ul {
	float: left;
	width: 200px;
}
/* only for IE 7 */
*:first-child+html #content .lists {
	padding: 0 0 20px;
}
/* end IE 7 */
/* features LI */
#content .features li {
	background: url(../img/content-features-li.gif) 6px .36em no-repeat;
	font-size: 1.1em;
	line-height: 2.36em;
	padding: 0 0 0 34px;
}
/* floated images; could be aplied to IMG, .imageBox and .imageScreen elements */
#content .leftImage {
	float: left;
	margin: 0 20px 10px 0;
	
}
#content .rightImage {
	float: right;
	margin: 0 20px 10px 20px;
}
/* IE 6 double margin bug \*/
* html #content .rightImage {
	margin: 0 10px 10px 20px;
}
/* only for IE 6 */
/* box width gradiend background 
	note that it have a fixed width and height */
#content .imageBox {
	display: table;
	background: url(../img/content-imagebox.gif) no-repeat;
	text-align: center;
	width: 150px;
}
#content .imageBox .inner {
	padding: 0;
	height: 138px;
	line-height: 138px;
	display: table-cell;
	vertical-align: middle;
}
/* screen monitor box 
	note that it have a fixed width and height */
#content .imageScreen {
	background: url(../img/content-imagescreen.gif);
	width: 177px;
	height: 115px;
}
#content .imageScreen .inner {
	padding: 20px 0 0 12px;
	background: none;
}
/* only for IE 6 */
/* box width gradiend background 
	note that it have a fixed width and height */
#content .imageSample1 {
	background: url(images/showcase/AdvancedPainSpecialists.gif);
	width: 177px;
	height: 115px;
}
#content .imageSample1 .inner {
	padding: 20px 0 0 12px;
	background: none;
}
#content .imageSample2 {
	background: url(images/showcase/TimarronFamilyMedicine.gif);
	width: 177px;
	height: 115px;
}
#content .imageSample2 .inner {
	padding: 20px 0 0 12px;
	background: none;
}
#content .imageSample3 {
	background: url(images/showcase/RiverViewFamilyMedicine.gif);
	width: 177px;
	height: 115px;
}
#content .imageSample3 .inner {
	padding: 20px 0 0 12px;
	background: none;
}
/* 
/* Heading with left icon */
#content .heading {
	margin: 0 -6px 15px;
	padding: 5px 0 0 52px;
	min-height: 50px;
	background-repeat: no-repeat;
	background-position: 4px 0;
	border-bottom: 1px dotted #bfbfbf;
}
/* only for IE 6 \*/
* html #content .heading {
	height: 50px;
}
/* only for IE 6 */
#content .primary {
	background-image: url(../img/content-heading-primary.gif);
}
#content .surgeon {
	background-image: url(../img/content-heading-surgeon.gif);
}
#content .heading h3 {
	margin: 0 0 1px;
}
#content .tagline {
	font-size: 1.27em;
	color: #888;
	font-weight: bold;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
}

/* P A G E S
***************************/

/* Home specialties samples */

#content .samples {
	text-align: center;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.09em;
}
#content .samples p {
	float: left;
	width: 197px;
}
#content .samples .first {
	margin: 0 7px 0 0;
}
#content .samples span {
	display: block;
	padding: 11px;
	margin: 0 0 6px;
	background: url(../img/content-samples-span.gif) no-repeat;
}
#content .samples a {
	color: #666;
	font-weight: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;		
	border-bottom: 1px dotted #bfbfbf;
}

/* Page samples */

#content .moreSolutions {
	position: relative;
	top: -3em;
	text-align: right;
	margin: 0;
	padding: 0 4px 0 0;
}
#content .sample {
	padding: 0 12px 0 0;
}
#content .sample .imageScreen {
	margin: -10px 15px 0 0;
}
