@charset "UTF-8";

/*   === 8 RULES AMMENDED from Desktop ===
    
1. BODY - FONT SIZE TO 75%
2.   .colLeft {padding rt: +2em 
3.   .colRT {padding rt: +2em 
4. #wrapper1 .scroller li {font-size: 1.125em; height: 32em;

Added
6. @media screen and (min-width:1600px) { body {font-size: 80%;}}
7. #messagephoto {	height: 30em;background-size: 90%;}}
8. @media screen and (min-width:1600px) {
#messagephoto {	height: 34em;background-size: 90%;}}
@media screen and (min-width:1600px) {#wrapperAddons .scroller li {
height: 38em; background-size: 100% auto;}}
9. @media screen and (min-width:1600px) {#wrapper2 .scroller li {height: 32em;background-size: 80%;	}}
*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body,ul,li,p,h1,h2 {
	padding: 0;
	margin: 0;
	border: 0;
}

body {
	font-size: 65%;
	color: #606061;
}

@media screen and (min-width:1600px) { body {font-size: 80%;}}

#backgrd1 {
	width: 100%;
	background-attachment: fixed;
	background-image: url();
	background-repeat: repeat-x;
}

#backgrd2 {
}

#header {
	padding: 0px 0px 100px 50px;
	position: fixed;
	background-image: url(graphics/header-slice.png);
	background-position: 0px -8px;
	background-repeat: repeat-x;
	opacity: 0.98;
	top: 0px;
	z-index: 10;
	width: 100%;
		
}

#logo {
	width: 165px;
	height: 80px;
	float: left;
	padding: 0;
	background-image: url(graphics/logoYellow.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	background-size: 100%;
}

#headlineTop {
	position: relative;
	top: 8em;
	display: inline-block;
	text-align: right;
	width: 100%;
	padding: 2em 9em 7em 0em;
}

/* =========================    NAV  ==============================   */
#nav {
	width: 32em;
	float: right;
	text-align: left;
	padding: 74px 0px 0px 0px;
}

#nav li {
	display: inline-block;
	text-decoration: none;
	float: left;
	text-align: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;	
/*	font-family: 'Josefin Sans', sans-serif;*/
	font-weight: 300; 
	font-size: 1.4em;
	text-shadow: -1px 1px #777;
}

.design a, .mobile a, .seo a, .photo a {	
	padding: 8px 8px 6px 8px;
	display: inline-block;
	text-decoration: none;
}

.mobile a:hover {color: #fff;}
.design a:hover {color: #fff;}
.seo a:hover {color: #fff;}
.photo a:hover {color: #fff;}

.design a {color: #FEE704;}
.mobile a {color: #83F5F5;}
.seo a {color: #9F9;}
.photo a {color: #FFCCFF;
}

/* ======     END NAV  ======   */

h1 {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
	font-size: 5em;
	color: #F3D800;
	text-shadow: -1px 0px #999;
	padding: 6% 0% 0% 0%;
}
h2 {
	font-weight: 300;
	font-family: 'Titillium Web', sans-serif;
	text-shadow: -1px 0px #84858A;
	font-size: 3em;
	color: #60954F;
	text-transform: none;
	padding: 0.5em 0em 0em 0em;
}

h4 {
	font-weight: 400;
	font-family: 'Titillium Web', sans-serif;
	font-size: 1.8em;
	color: #666;
	font-weight: bold;
	margin: 0.4em 0em 0.3em 0em;
}
h5 {
	font-weight: normal;	
	font-size: 1.4em;
	font-family: 'Titillium Web', sans-serif;
	color: #444;	
	margin: 0.4em 0em 0.3em 0em;
}
h5 a {
	text-decoration: none;
	font-family: 'Titillium Web', sans-serif;
	color: #444;
	margin: 0.4em 0em 0.3em 0em;
}
p {	
	
	padding: 0em 0em 1em 0em;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: 200;
	font-family: 'Titillium Web', sans-serif;
	color: #606061;
}

.align-right { float:right; margin: 0 0 5px 5px; }

.align-left { float:left; margin: 0em 1em 0em 0em; }

.top3em { margin: 3em 0em 0em 0em; }

.width100 { 
	width: 120%;
	margin: 1em 0em 0em -4em; }

/* ==================     COLOURED HEADLINES  =====================   */
.headline {
	padding: 1em 0em 0em 6em;
	clear: both;
	display: inline-block;
	width: 100%;
	
}

.headline h2 {
	font-weight: 400;
	text-shadow: -1px 0px #888;	
	text-align: left;
	width: 100%;	
}

.design2 {
	color: #F3D800;
}

.mobile2 {
	color: #53E4E4;
}
.seo2 {
	padding: 0em 0em 0.5em 0em;
	color: #79E178;
}
.photo2 {
	color: #E7AEEC;
}
/* ===   END COLOURED HEADLINES  === */

	
#message {	
	padding: 5em 0em 0em 6em;
	text-align: left;
	width: 40%;		
}

#message p {	
	font-size: 1.5em;
		padding: 1.5em 2em 0em 0em;
}

#messagephoto {
	float: right;
	margin: 10% 8% 0% 0%;
	padding: 0% 0% 0% 0%;
	text-align: right;
	width: 50%;
	height: 30em;
	background-image: url(photos/3devices.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90%;
}
.oscormobile {
	width: 100%;
	margin: 2em 0em 0em 0em;
	padding: 2em 3em 0em 6em;
	background: url(photos/iPhone-oscor-angled-left.jpg) no-repeat center center;	
	background-size: 100%;
	}	


@media screen and (min-width:1600px) {
#messagephoto {	height: 34em;background-size: 90%;}}



.mobileLeft {
	float: left;
	width: 50%;
	padding: 2em 3em 0em 6em;
}
.applink {
	position: absolute;
	top: -9000px;
}


.colLeft {
	float: left;
	display: inline-block;
	text-align: left;
	width: 50%;
	padding: 2em 6em 2em 6em;
}

.colRT {
	display: inline-block;
	text-align: left;
	width: 50%;	
	padding: 2em 8em 2em 4em;
}

/* ======================== SCROLLER WEBSITES DATA =====================   */

.global1 {background-image: url(photos/global1.jpg);}
.global2 {background-image: url(photos/global2.jpg);}
.oscor1 {background-image: url(photos/oscor1.jpg);}
.oscor2 {background-image: url(photos/oscor2.jpg);}
.ap {background-image: url(photos/ap.jpg);}
.mdTrail {background-image: url(photos/mdTrail.jpg);}
.keenan1 {background-image: url(photos/keenan1.jpg);}
.brut {background-image: url(photos/brut.jpg);}
.pv1 {background-image: url(photos/pv1.jpg);}
.pv2 {background-image: url(photos/pv2.jpg);}


/* ======================== SCROLLER ADDONS DATA =====================   */
			
.slideshow {background-image: url(addons/slideshow.png);}
.cart {background-image: url(addons/cart.png);}
.light-table {background-image: url(addons/light-table.png);}
.slider {background-image: url(addons/slider.png);}
.storefinder {background-image: url(addons/storefinder.png);}
.video {background-image: url(addons/video.png);}
.tabs {background-image: url(addons/tabs.png);}
.concertina {background-image: url(addons/concertina.png);}
.search {background-image: url(addons/search.png);}
.ticker {background-image: url(addons/ticker.png);}


/* ==================== SCROLLER PHOTO DATA ===========================   */
.oscor10 {background-image: url(photos/photoheader-implantable.jpg);}
.oscor11 {background-image: url(photos/photoheader-adaptors.jpg);}
.oscor13 {background-image: url(photos/photoheader-pacemakers.jpg);}
.oscor15 {background-image: url(photos/photoheader-introducers.jpg);}
.oscor16 {background-image: url(photos/photoheader-accessories.jpg);}
.oscor17 {background-image: url(photos/photoheader-heartwires.jpg);}
.oscor19 {background-image: url(photos/photoheader-OEM.jpg);}
.wine1 {background-image: url(photos/riverRd.jpg);}
.wine2 {background-image: url(photos/riverRdTrees.jpg);}
.wine3 {background-image: url(photos/contento.jpg);	}


	
/* =======================  SCROLLER WEBSITES ===========================   */

.text {
	position: relative;
	top: 25%;
	left: 53%;	
	width: 30%;		
}
@media screen and (min-width:1080px) and (max-width:1280px) {
.text {
	top: 28%;
	left: 50%;	
	width: 25%;		
}	
}

#wrapper1 {	
	clear: both;
	margin: 1% 0% 0% 0%;
	overflow: hidden;
	-ms-touch-action: none;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-bottom-color: #E1E0E2;
	border-top-color: #E1E0E2;
}

#wrapper1 .scroller {
	width: 1000%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	/*	-moz-user-select: 260;*/
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
/* adjust height with scroller li */
/* adjust image size with background-size: 100%; */
#wrapper1 .scroller li {
	height: 36em;
	width: 10%;
	float: left;	
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;	
	background-size: 100%;	
}

@media screen and (min-width:1600px) {
#wrapper1 .scroller li {
	height: 42em;
	background-size: 100% auto;
}
}
#wrapper1 .scroller ul {
	position: relative;
	z-index: 1;
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
}

 /* =====  END SCROLLER WEBSITES   ======   */
	
/* =======================  SCROLLER ADDONS  ===========================   */

.addonstext {
	position: relative;
	top: 15%;
	left: 50%;	
	width: 30%;		
}

@media screen and (min-width:1080px) and (max-width:1280px) {
.addonstext {
	top: 18%;
	left: 50%;	
	width: 25%;		
}
}

#wrapperAddons {	
	clear: both;
	margin: 1% 0% 0% 0%;
	overflow: hidden;
	-ms-touch-action: none;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-bottom-color: #E1E0E2;
	border-top-color: #E1E0E2;
}

#wrapperAddons .scroller {
	width: 1000%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	/*	-moz-user-select: 260;*/
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
/* adjust height with scroller li */
/* adjust image size with background-size: 100%; */
#wrapperAddons .scroller li {
	font-size: 1em;
	height: 36em;
	width: 10%;
	float: left;	
	overflow: hidden;
    background-repeat: no-repeat;	
	background-position: center center;	
	background-size: 100% auto;	
}
@media screen and (min-width:1600px) {
#wrapperAddons .scroller li {
	height: 42em;
	background-size: 100% auto;
}
}


#wrapperAddons .scroller ul {
	position: relative;
	z-index: 1;
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
}
.live {
	margin: 0em 0em 2em 0em;
	height: 42px;
	width: 140px;
	line-height: 40px;
	text-align: center;
	
	}
	
.live a {
	display: inline-block;
	color: #60954F;
	font-size: 2em;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	width: 140px;
	line-height: 40px;
	text-decoration: none;
	border-top: 1px solid #F4F3F6;
	border-right: 1px solid #F4F3F6;
	border-bottom: 2px solid #EDECEF;
	border-left: 2px solid #E5E3E6;
	border-radius: 2px 2px 2px 2px;
	text-align: center;
	background: #F6F6F6;
	}
		
.live a:hover {
	display: inline-block;
	color: #60954F;
	font-size: 2em;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	width: 140px;
	line-height: 40px;
	text-decoration: none;
	border-radius: 2px 2px 2px 2px;
	text-align: center;
	background-color: #EEEDEF;
	}

 /* =====  END SCROLLER ADDONS   ======   */


 /* ======================  SCROLLER PHOTO ============================   */

#wrapper2 {
	clear: both;
	margin: 0% 0% 0% 0%;
	overflow: hidden;
	-ms-touch-action: none;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-bottom-color: #E1E0E2;
	border-top-color: #E1E0E2;
}

#wrapper2 .scroller {
	width: 1000%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	/*	-moz-user-select: 260;*/
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

#wrapper2 .scroller li {
	height: 36em;
	width: 10%;
	float: left;	
	overflow: hidden;
	text-align: center;
	
	background-repeat: no-repeat;
	background-position: center center;	
	background-size: 90%;	
}

@media screen and (min-width:1600px) {#wrapper2 .scroller li {height: 40em;background-size: 80%;	}}

#wrapper2 .scroller ul {
	position: relative;
	z-index: 5;
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
}
 /* ======  END SCROLLER PHOTO   ======   */