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

body {
	background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    font: normal 0.75em/1.6 Verdana,sans-serif;
}

img {
	border: none;
}

#wrapper {
	margin: 0 auto;
    width: 732px;
}

#banner {
	background: url("../img/banner-border.png") no-repeat scroll 60px 71px transparent;
    height: 73px;
    position: relative;
}

h1#logo {
	background: url("../img/logo-bg.png") no-repeat scroll left top transparent;
    display: block;
    height: 100px;
    margin: 0;
    padding-left: 61px;
	padding-top: 20px;
}

.mob-ver {
	color: #B6C859 !important;
    font-size: 85%;
    position: absolute;
    right: 0;
    top: 0;
}

.full-ver {
	display: none;
}

#menu {
	bottom: 0;
    position: absolute;
    right: 0;
}

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

#menu ul li {
	display: inline;
}

/* unvisited link */ /* visited link */
#menu ul li a:link, #menu ul li a:visited {
	color:#b6c859; 
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 5px;
	padding-bottom: 3px;
} 

@media screen and (-webkit-min-device-pixel-ratio:0){
#menu ul li a:link, #menu ul li a:visited {padding-bottom: 4px;}
}

/* mouse over link */
#menu ul li a:hover {
	color:#6c6c6c; 
	background: url("../img/link-border.png") no-repeat scroll right bottom transparent;
} 

#menu li a span {
	padding-bottom: 3px;
	padding-left: 5px;	
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#menu li a span {padding-bottom: 4px;}
}

#menu li a:hover span {
	background: url("../img/link-border.png") no-repeat scroll left bottom transparent;
}

#viewer-page #viewer-nav a,
#pacs-page #pacs-nav a,
#consulting-page #consulting-nav a,
#contacts-page #contacts-nav a {
	color:#6c6c6c; 
	background: url("../img/link-border.png") no-repeat scroll right bottom transparent;
}

#viewer-page #viewer-nav a span,
#pacs-page #pacs-nav a span,
#consulting-page #consulting-nav a span,
#contacts-page #contacts-nav a span {
	background: url("../img/link-border.png") no-repeat scroll left bottom transparent;
}

.download-link {
	background: url("../img/dl-ico.png") no-repeat scroll right bottom transparent;
	color: #7AB025;
    font-weight: bold;
	text-decoration: none;
	padding-right: 14px;
}

.contact-link {
	background: url("../img/email-ico.png") no-repeat scroll right bottom transparent;
	color: #7AB025 !important;
    font-weight: bold;
	text-decoration: none;
	padding-right: 18px;
}

.contact-email,
.viewer-link {
	padding-top: 30px;
}

.viewer-link a {
	background: url("../img/arrow_right.png") no-repeat scroll right bottom transparent;
	padding-right: 20px;
    color: #7AB025;
    font-weight: bold;
    font-weight: bold;
    text-decoration: none;
}

#content {
	position: relative;
	margin-top: 2.2em;
	min-height: 170px;
	overflow: hidden;
	clear: both;
}

#content .text-content {
	width: 68%;
	float: left;
}

#content .imgContent {
	float: right;
    width: 30%;
}


#content h3 {
	margin: 3px 0;
}

#content p {
	margin: 7px 0;
}

#footer {
	background: url("../img/foot-line.png") no-repeat scroll left top transparent;
	margin-top: 10px;
	overflow: hidden;
}

#footer .copy {
	color: #949494;
	font-size: 90%;
    line-height: 2.4em;
	float: left;
}

/*------------------------ Mobile Styles -------------------------*/


.mobile body {
	padding: 0;
	margin: 0;
}

.mobile a:link, a:visited {
	color: #000;
}

.mobile #wrapper {
	margin: 10px;
	width: auto;
}

.mobile .full-ver {
	font-size: 85%;
	position: absolute;
    right: 0;
    top: 0;
	display: block;
}

.mobile .mob-ver {
	display: none;
}

.mobile #banner {
	background: none;
	height: auto;
}

.mobile h1#logo {
	background: none;
	padding-top: 0;
	padding-left: 0;
	height: auto;
}

.mobile #menu {
	margin-top: 10px;
	position: relative;
}

/* unvisited link */ /* visited link */
.mobile #menu ul li a:link, .mobile #menu ul li a:visited, .mobile #menu ul li a:hover {
	color:#333333; 
	padding-right: 0;
	padding-bottom: 0;
	background: none;
	text-decoration: underline;
} 

.mobile #menu li a span {
	padding-bottom: 0;
	padding-left: 0;	
}

.mobile #menu li a:hover span {
	background: none;
}

.mobile #viewer-page #viewer-nav a,
.mobile #pacs-page #pacs-nav a,
.mobile #consulting-page #consulting-nav a,
.mobile #contacts-page #contacts-nav a {
	color:red; 
	background: none;
}

.mobile #menu li a span {
	background: none !important;
}

.mobile #content {
	overflow: hidden;
	clear: both;
	position: relative;
	background: none !important;
	min-height: auto;
	margin-top: 0;
}

.mobile #content .text-content {
	width: auto !important;
}

.mobile #content .imgContent {
	display: none;
}

.mobile #content h3, 
.mobile #content p {
	margin: 7px 0;
}

.mobile .download-link,
.mobile .contact-link  {
	font-weight: bold;
	color: #333333 !important;
	padding-right: 0;
	background: none;
}

.mobile .clear {
	clear: both;
}

.mobile #footer {
	display: none;
}