/*
CUSTOM STYLESHEET
---------------------*/

#tabs{
	width:100%;
}
ul.ui-tabs-nav{
	float:right;
	padding-left:0;
	width:28%;
}

ul.ui-tabs-nav li{
	list-style:none;
	color:#395663;
	font-size:18px;
	font-weight: 700;
	text-align:center;
	cursor:pointer;
	margin-bottom:2.5em;
}
ul.ui-tabs-nav li a{
	color:#395663;
	font-size:18px;
	font-weight: 700;
	padding-top:50px;
	display:block;
	color:#B3FFF7;
}
ul.ui-tabs-nav li:hover a{
	color:#395663;
}
ul.ui-tabs-nav li.technology{
	background-image:url(images/tab_technology-icon.png);
	background-position: center -100px;
	background-repeat:no-repeat;
}
ul.ui-tabs-nav li.technology:hover{
	background-position: center top;
}

ul.ui-tabs-nav li.bio_med{
	background-image:url(images/tab_bio_med-icon.png);
	background-position: center -100px;
	background-repeat:no-repeat;
}

ul.ui-tabs-nav li.bio_med:hover{
	background-position: center top;
}
ul.ui-tabs-nav .technology.ui-tabs-active{
	background-image:url(images/tab_technology-icon.png);
	background-repeat:no-repeat;
	background-position: center top;
}
ul.ui-tabs-nav .bio_med.ui-tabs-active{
	background-image:url(images/tab_bio_med-icon.png);
	background-repeat:no-repeat;
	background-position: center top;
}
ul.ui-tabs-nav .technology.ui-tabs-active a{
	color: #395663;
}
ul.ui-tabs-nav .bio_med.ui-tabs-active a{
	color: #395663;
}
#tabs .ui-tabs{
	float:left;
	width:70%;
}

/*
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */




/*
DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 768px) {
	/* Desktop styles go here */
}