/* CSS Document Colors: Green:#738f61; | Purple:#4d304d; (Ryan Carnrick - ryan@mocdstudio.com - questions ask him first) */

* {
	margin:0;
	padding:0;
}
html, body {
	height:100%;/* needed to base 100% height on something known*/
}
body {
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	color: #666;
	font-size:14px;
	background:#000000 url(../images/sanarusmainBg.jpg) repeat-x;
	width:100%;
}
#container {
	width:920px;
	margin:auto;
	min-height:100%;
	margin-top:-90px;/*footer height - this drags the outer 40px up through the top of the monitor */
	text-align:left;
	z-index:99;
}
* html #container {
	height:100%
}
#header {
	background:url(../images/headerBg.png) top right no-repeat;
	border-top:90px solid #fff; /* soak up negative margin and allows header to start at top of page*/
	height:160px;
}
* html #header {
	border-top:none;
}
#mainContent {
	min-height:400px;
	background:url(../images/snrTopBg.png) top center no-repeat;
}
* html #mainContent {
	height:400px;
}
#mainContentFoot {
	height:20px;
	background:url(../images/snrBotBg.png) top center no-repeat;
}
.contentPad {
	padding:20px 50px;
}
#footer {/* footer now sits at bottom of window*/
	background:url(../images/footerTabBg.png) bottom center no-repeat;
	width:100%;
	margin:auto;
	height:90px;/* must match negative margin of #outer */
	clear:both;
}
#footer p {
	padding:20px 10px 10px 30px;
	text-align:left;
	margin:0 auto;
	width:860px;
}
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
#container:after {/* thank you Erik J - instead of using display table for ie8*/
	clear:both;
	display:block;
	height:1%;
	content:" ";
}
/* Sticky Footer Hack Do Not Touch anything above this line */
a img {
	border:none;
}
.logo {
	float:left;
	clear:left;
	margin:40px 0px 10px 30px;
}
#hero {
	width:920px;
	height:285px;
	overflow:hidden;
	zoom: 1;
}
/* Main Navigation */
.navigation {
	float:left;
	clear:both;
	margin-left:30px;
	width:860px;
}
ul#mainNav {
	list-style:none;
}
ul#mainNav li {
	float: left;
	display:inline;
}
ul#mainNav a * {
	display: none;
}
ul#mainNav a {
	height: 30px;
	position: relative;
	display: block;
	background:url(../images/mainNav.png) 0 0 no-repeat;
	overflow:hidden;
}
* html ul#mainNav a {
	background:url(../images/mainNav.gif) 0 0 no-repeat;
}
/* individual navigation items */
ul#mainNav a.home {
	background-position: 0 0;
	width: 80px;
}
ul#mainNav a.home:hover, .homePg ul#mainNav a.home {
	background-position: 0 -30px;
}
ul#mainNav a.healthcare {
	background-position: -80px 0;
	width: 250px;
}
ul#mainNav a.healthcare:hover, .healthcarePg ul#mainNav a.healthcare {
	background-position: -80px -30px;
}
ul#mainNav a.patients {
	background-position: -330px 0;
	width: 150px;
}
ul#mainNav a.patients:hover, .patientsPg ul#mainNav a.patients {
	background-position: -330px -30px;
}
ul#mainNav a.productdev {
	background-position: -480px 0;
	width: 220px;
}
ul#mainNav a.productdev:hover, .productdevPg ul#mainNav a.productdev {
	background-position: -480px -30px;
}
ul#mainNav a.aboutus {
	background-position: -700px 0;
	width: 160px;
}
ul#mainNav a.aboutus:hover, .aboutusPg ul#mainNav a.aboutus {
	background-position: -700px -30px;
}
/* Main Navigation */

/* SubNavigation */
.subNavContainer {
	float:left;
	width:210px;
	font-size:13px;
}
ul#subNav {
	list-style-type:none;
}
ul#subNav a {
	display:block;
	width:190px;
	height:28px;
	line-height:28px;
	text-decoration:none;
	padding-left:10px;
	background:url(../images/subNavBg.png) top left no-repeat;
	font-weight:normal;
}
ul#subNav a:hover, ul#subNav li a.active {
	color:#4d304d;
	background:url(../images/subNavArrow.png) top left no-repeat;
}
ul#subNav ul.subInner li {
	padding-left:10px;
}
ul.subInner {
	list-style-type:none;
}
ul#subNav ul.subInner a {
	display:block;
	background:none;
	width:180px;
}
ul#subNav ul.subInner a:hover, ul#subNav ul.subInner li a.active {
	background:url(../images/subNavArrowInner.png) top left no-repeat;
}
/* SubNavigation */

/* Breadcrumb */
.crumbContainer {
	position:absolute;
	height:20px;
	display:block;
	z-index:99;
}
.B_crumbBox {
	font-size:11px;
}
/* Colors */
h1, h2, h3, h4, h5, h6 {
	color:#4d304d;
	font-weight:normal;
}
.innerRight h3 {
	color:#666666;
}
/* Colors */

/* Links */
a:link, a:visited, a:active {
	color: #74a256;
	font-weight:bold;
}
a:hover {
	color: #4d304d;
}
#footer a {
	text-decoration:none;
	color: #666;
	margin-right:12px;
	border-left:1px solid #666666;
	padding-left:10px;
	font-weight:normal;
}
/* Links */

/* Typography */
h1 {
	font-size:24px;
}
h2 {
	font-size:20px;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom:12px;
}
.firstContent h1 {
	margin-top:20px;
}
.contentPad p {
	line-height:18px;
	margin-bottom:16px;
}
.firstContent p, .secondContent p {
	line-height:18px;
	margin-bottom:16px;
}
.firstContent ul, .secondContent ul, .secondContentInner ul, .box1text ul {
	line-height:18px;
	margin-bottom:16px;
	margin-left:18px;
}
.firstContent ul li, .secondContent ul li, .secondContentInner ul li, .box1text ul li {
	list-style:url(../images/homeulBg.gif);
}
.box1text ul {
	font-size:20px;
	margin:10px 0px 0px 28px;
	line-height:28px;
	color:#173807;
}
.box1text ul li {
	margin-bottom:10px;
}
.box1text a {
	color:#4d304d;
	text-decoration:none;
	font-weight:normal;
}
.box1text a:hover {
	text-decoration:underline;
}
.innerRight h3 {
	margin:10px 0px 6px 0px;
	font-size:13px;
	font-weight:bold;
}
.innerRight p {
	margin:6px 0px 10px 0px;
	font-size:12px;
}
.innerBox {
	border-bottom:1px solid #d7e9d5;
	margin-bottom:20px;
}
.phyInfo p {
	font-size:12px;
}
.phyInfo h3 {
	font-size:13px;
	font-weight:bold;
	margin-bottom:0px;
}
.quotes {
	font-size:15px;
	color:#b381b3;
}
.quoteName {
	font-size:12px;
	font-weight:bold;
	color:#b381b3;
}
/* Home Page */
.homeBoxes {
	float:left;
	clear:both;
	margin-bottom:30px;
}
.homeBoxes img {
	float:left;
	width:258px;
	border:1px solid #89a778;
}
.box1 {
	margin-right:20px;
}
.box1text {
	float:left;
	width:258px;
	height:118px;
	border:1px solid #89a778;
	background:url(../images/box1textBg.gif) repeat-y top left;
}
.hometextboxUpper {
	width:360px;
	height:20px;
	background:url(../images/homeLowBoxtop.jpg) no-repeat top left;
}
.hometextboxLower {
	width:360px;
	min-height:120px;
	margin-bottom:10px;
	background:url(../images/homeLowBoxbot.png) no-repeat bottom left;
}
.innerVideoBox {
	padding:0px 0px 0px 20px;
}
.innerVideoBox h3 {
	margin-bottom:6px;
	font-weight:bold;
}
.innerVideoBox img {
	border:1px solid #738f61;
	margin:0px 20px 0px 0px;
}
.last {
	margin-right:0px;
}
.homeText {
	float:left;
	width:400px;
}
.homeText h1 {
	font-size:22px;
}
.homeText p {
	font-size:14px;
	color:#738f61;
}
.homeInfo {
	float:right;
	width:380px;
}
.phyInfo {
	float:right;
	width:380px;
}
.homeInfo ul, .phyInfo ul, .learnMoreRight ul {
	color:#74a256;
	font-weight:bold;
	font-size:13px;
	line-height:28px;
	list-style-type:none;
}
.phyInfo ul {
	margin-left:15px;
}
.hometextboxLower ul, .homeInfo ul {
	margin-left:30px;
}
.learnMoreRight ul {
	margin-left:20px;
}
.learnMore ul {
	color:#74a256;
	font-weight:bold;
	font-size:13px;
	line-height:18px;
	margin-left:15px;
}
.homeInfo li, .phyInfo li, .learnMore li, .hometextboxLower li, .learnMoreRight li {
	list-style:url(../images/homeulBg.gif);
}
/* Home Page */

/* Footer Subnavigation */
#footer .footFirst {
	border-left:0px;
	padding-left:5px;
}
#footer a:hover {
	text-decoration:underline;
}
.copyright {
	float:right;
	font-size:13px;
	margin-right:20px;
}
/* Inside Pages */
.firstContent {
	float:right;
	width:580px;
	margin-right:20px;
}
.secondContentInner {
	float:right;
	width:600px;
}
.innerLeft {
	float:left;
	width:400px;
}
.innerRight {
	float:right;
	width:190px;
}
.secondContent {
	float:left;
	width:400px;
}
/* Search */
.topSearch {
	float:right;
	width:260px;
	margin-right:50px;
	margin-top:8px;
	line-height:20px;
}
.topSearch #ajaxSearch_input {
	width:200px;
	height:16px;
}
.searchBtn {
	float:right;
}
#ajaxSearch_form fieldset {
	border:none;
}
.topSearch input[type="text"] {
	width:180px;
	height:16px;
	padding:2px 4px;
}
.cleardefault {
	border:none;
}
.searchBtnPage {
	float:right;
	padding-right:80px;
}
#mainSearch {
	background:url(../images/searchmainBg.png) top left no-repeat;
	height:90px;
	padding:20px;
}
#ajaxSearch_input {
	margin-left:20px;
	height:20px;
	line-height:20px;
	width:400px;
	border:1px solid #666666;
}
#ajaxSearch_radio {
	margin:20px 0px 0px 20px;
}
#ajaxSearch_radio input[type="radio"] {
	margin-right:5px;
}
#ajaxSearch_radio label {
	margin-right:20px;
}
.ajaxSearch_paging {
	margin-bottom:10px;
}
.ajaxSearch_result {
	margin-bottom:-10px;
}
.ajaxSearch_result a {
	text-decoration:none;
}

/* Video Boxes */
.videoBoxRight {
	float:right;
	width:380px;
	font-size:12px;
}
.learnMoreRight {
	float:right;
	width:380px;
}
.videoBoxRight a {
	color:#738f61;
	font-weight:normal;
}
.videoBoxRight a:hover {
	color:#4d304d;
}
.videoBoxRight p {
	margin:0px;
	padding:0px;
}
.vidbox1 {
	margin:0px 0px 20px 20px;
	width:320px;
	float:left;
}
.vidbox1 img {
	margin-right:20px;
}
a.myPlayer { 
    display:block; 
    width: 320px; 
    height:240px;  
    margin:20px 0px 20px 20px; 
    float:right;
	padding-top:5px;
}
.learnMore {
	margin-top:30px;
}
.learnMore h3 {
	margin:0px;
	padding:0px;
	font-size:13px;
	font-weight:bold;
}
/* Float Right Image */
.mainImg {
	margin-top:-30px;
	margin-right:-54px;
}
/* Quote Box */
.quoteBox {
	width:360px;
	color:#B381B3;
	line-height:18px;
}
.quoteLeft {
	width:20px;
	height:20px;
	float:left;
	background:url(../images/quoteLeft.gif) no-repeat top left;
}
.quoteType {
	width:336px;
	float:right;
	margin-bottom:10px;
	background:url(../images/quoteright.gif) no-repeat bottom right;
	font-size:15px;
}
.quoteProvider {
	width:336px;
	float:right;
	font-size:12px;
	font-weight:bold;
}