@charset "utf-8";
/* CSS Document */

html {height:100%;}

body {
	background:#F0EEDF url(images/bg.jpg) repeat-x 0px -30px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
}

#wrapper {
	width:760px;
	height:auto;
	margin: 0 auto 0 auto;
	display:table;
	background:url(images/bg_wrapper.gif) repeat-y top left;
	position:relative;
	padding:0 0 .8em 0;
}

#header {
	height:150px;
	background:#F0EEDF url(images/bg.jpg) repeat-x 0px -10px;
	}

h1 {padding:20px 0 0 30px; margin:0 0 0 0; font-size:2.25em; /*font-weight:normal;*/ position:relative; z-index:1;}

h2 {padding:0 0 0 30px; margin:-5px 0 0 0; font-weight:normal; position:relative; z-index:1;}

h1 a, h2 a {color:#363636; text-decoration:none; border:none;}

a.logo {
	width:210px; 
	height:130px;
	display:block;
	background:url(images/logo_IBTec.jpg) no-repeat top left;
	position:relative;
	top:-90px;
	left:570px;
	/*display:none;
	/*left:0px;*/
	z-index:0;
	}
	
*html a.logo {margin-bottom:-52px;}
	
a.logo span {display:none;}

/*navigation styles*/

.navigation {
	height:50px;
	position:absolute;
	top:100px;
	clear:both;
}

.navigation ul {
	list-style:none; 
	padding:0 0 0 0; 
	margin:0 0 0 0;
	}

.navigation ul li {display:inline;}

.navigation ul li a {
	border-left:1px solid #dddddd;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	text-align:center; 
	float:left;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	line-height:430%;
	font-size:.8em;
	letter-spacing:0px;
	height:49px;
	}
	
*html .navigation ul li a {
	line-height:125%;
	height:20px;
	padding:20px 0 10px 0;
	border-bottom:none;
	}

.navigation ul li.link01 a {width:98px; background:url(images/bg_link01.png) no-repeat top left; display:block; border-left:1px solid #ffffff;}
.navigation ul li.link02 a {width:128px; background:url(images/bg_link02.png) no-repeat top left; display:block;}
.navigation ul li.link03 a {width:175px; background:url(images/bg_link03.png) no-repeat top left; display:block;}
.navigation ul li.link04 a {width:131px; background:url(images/bg_link04.png) no-repeat top left; display:block;}
.navigation ul li.link05 a {width:98px; background:url(images/bg_link05.png) no-repeat top left; display:block;}
.navigation ul li.link06 a {width:118px; background:url(images/bg_link06.png) no-repeat top left; display:block;	border-right:1px solid #ffffff;}

.navigation ul li.link01 a:hover, .navigation ul li.link01 a.active {background:url(images/bg_link01-alt.png) no-repeat top left;}
.navigation ul li.link02 a:hover, .navigation ul li.link02 a.active {background:url(images/bg_link02-alt.png) no-repeat top left;}
.navigation ul li.link03 a:hover, .navigation ul li.link03 a.active {background:url(images/bg_link03-alt.png) no-repeat top left;}
.navigation ul li.link04 a:hover, .navigation ul li.link04 a.active {background:url(images/bg_link04-alt.png) no-repeat top left;}
.navigation ul li.link05 a:hover, .navigation ul li.link05 a.active {background:url(images/bg_link05-alt.png) no-repeat top left;}
.navigation ul li.link06 a:hover, .navigation ul li.link06 a.active {background:url(images/bg_link06-alt.png) no-repeat top left;}

/*content styles*/
#content {
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	clear:both;
	background-color:#e2debf;
}

#sidebar {
	width:229px; 
	/*height:300px;*/ 
	float:left;
	text-align:right;
	}
	
h3 {
	color:#ffffff;
	font-size:1.2em;
	font-weight:normal;
	margin:3em .75em 1em 0;
	}
	
h4 {
	padding:0 0 .25em 0;
	margin:0 0 0 0;
	border-bottom:1px solid #ffffff;
	line-height:150%;
}

h5 {
	padding:.5em 0 .5em 0;
	margin:0 0 0 0;
	border-bottom:1px solid #ffffff;
	line-height:150%;
}
	
p, #main ul, #main ol {
	color:#333333; 
	line-height:170%; 
	font-size:.7em;
	}
	
p {*padding:1.2em 0 .25em 0; *margin:0 0 0 0;}


hr {
	display:block; 
	height:1px; 
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: 1px solid #d6cfa3;
	}
	
#main ul, #main ol {
	padding:12px 0 0 12px;
	margin:0 0 1em 0;
	}
	
#main ol {margin:0 0 1em .5em; }
	
#main ul li {list-style-image:url(images/bullet.gif);}
	
.home #sidebar {background:url(images/h3bg_01.png) repeat-x top left;}

.about #sidebar {background:url(images/h3bg_02.png) repeat-x top left;}

.research #sidebar {background:url(images/h3bg_03.png) repeat-x top left;}

.contact #sidebar {background:url(images/h3bg_04.png) repeat-x top left;}

.events #sidebar {background:url(images/h3bg_05.png) repeat-x top left;}

.sitemap #sidebar {background:url(images/h3bg_06.png) repeat-x top left;}


#sidebar ul {
	list-style:none;
	margin:0 0 0 0;
	padding:12px 0 0 0;
	font-size:.75em;
	font-weight:bold;
	line-height:150%;
	}
	
.home #sidebar ul {
	padding:20px 0 0 0;
	}
	
#sidebar p {margin:2em 1em 1em 1.25em;}
	
#sidebar ul li a {
	border-bottom: 1px solid #d6cfa3;
	text-decoration:none;
	color:#555555;
	display:block;
	padding:8px 10px 8px 5px;
}

*html #sidebar ul li a {
	height:20px;
}

#sidebar ul li a:hover {
	border-bottom: 1px solid #ffffff;
	background-color:#F0EEDF;
}

.home #sidebar ul li a:hover, .home #main h4, .home #main a {color:#009193;}

.about #sidebar ul li a:hover, .about #main h4, .about #main a {color:#ff7f00;}

.research #sidebar ul li a:hover, .research #main h4, .research #main h5, .research #main a, .research #sidebar a.active {color:#33A02C;}

.contact #sidebar ul li a:hover, .contact #main h4, .contact #main h5, .contact #main a {color:#EAA913;}

.events #sidebar ul li a:hover, .events #main h4, .events #main a {color:#00A0C6;}

.sitemap #sidebar ul li a:hover, .sitemap #main h4, .sitemap #main a {color:#7e7e7e;}
	
#main {
	width:528px; 
	/*height:300px;*/ 
	float:left;
	background:url(images/bg_banner.jpg) no-repeat top right;
	/*background:url(images/h3bg_01.png) repeat-x top left;*/
	border-left:1px solid #ffffff;
	}
	
#main a:hover{
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	color: #D6D6D6;
}

.home #main {
	background:url(images/bg_home.jpg) no-repeat top right;
}
	
.main-content {
	margin:120px 10px 10px 10px;
	padding:10px 0 0 0;
	background:#F0EEDF url(images/bg_corners.gif) no-repeat top left;
}

.home .main-content {margin:290px 10px 10px 10px;}

.main-content div {
	padding:0px 12px 12px 14px;
	background:#F0EEDF url(images/bg_corners-alt.gif) no-repeat bottom left;
	*padding:0px 12px 1.75em 14px;
}

#footer {
	background:#ffffff url(images/bg_footer.jpg) repeat-x top left;
	position:relative;
	bottom:0;
	width:100%;
	}

.footer-in {
	height:110px;
	width:758px;
	background:#ffffff url(images/bg_footer-in.jpg) no-repeat top left;
	display:block;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	margin:0 auto 0 auto;
	clear:both;
}

.logo_AUT{
	width:113px;
	height:75px;
	display:block;
	background:url(images/logo_AUT.jpg) no-repeat top left;
	position:relative;
	top:30px;
	left:118px;
}

.logo_AUT span {display:none;}

#footer p {
	color:#666666;
	position:relative;
	top:-50px;
	*margin-bottom:-50px;
	left:250px;
	width:530px;
	display:block;
	}
	
#footer a {color:#ff7f00; text-decoration:none;}

#footer a:hover {text-decoration:underline;}

/*misc styles*/

div.rollcall {
	margin:0 0 0 0;
	padding:10px 0 0 0;
	list-style:none;
	font-size:.7em;
	line-height:150%;
	background:none;
	clear:both;
	height:560px;
	border-top:1px solid #d6cfa3;
	}
	
div.rollcall span {
	border-bottom:1px solid #ffffff;
	padding:20px 0 10px 80px;
	margin:0 10px 10px 0;
	display:block;
	width:150px;
	height:70px;
	float:left;
	}
div.rollcall span.morton {
	background: url(images/person_thumbnail.jpg) no-repeat top left;
}
div.rollcall span.bold {background: url(images/thumb_bold.jpg) no-repeat top left;}
div.rollcall span.somervell {background: url(images/thumb_somervell.jpg) no-repeat top left;}
div.rollcall span.lowe {background: url(images/person_thumbnail.jpg) no-repeat top left;}
div.rollcall span.makinson {background: url(images/person_thumbnail.jpg) no-repeat top left;}
div.rollcall span.ingram {background: url(images/thumb_ingram.jpg) no-repeat top left;}
div.rollcall span.al-jumaily {background: url(images/thumb_al-jumaily.jpg) no-repeat top left;}
div.rollcall span.cairns {background: url(images/thumb_cairns.jpg) no-repeat top left;}
div.rollcall span.bartley {background: url(images/thumb_bartley.jpg) no-repeat top left;}
div.rollcall span.krieg {
	background: url(images/thumb_lk.jpg) no-repeat top left;
}

#main ul, #main ol {
	padding:6px 0 0 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#main ul li ul {padding:0px 0 6px 12px; line-height:250%;}

#main ul li ul li {font-size:1.4em;}

#main ol li, #main ul li {padding:.5em 0 0 0;}

#main ol li ul li {font-size:1.4em; line-height:175%; padding:0 0 0 0;}

#sidebar ul li ul {padding:0 0 0 0;}

#sidebar ul li ul li {
	font-size:1.3em; 
	font-weight:normal; 
	background-color:#F0EEDF;
	}
	
#sidebar ul li ul li a {border-bottom: 1px solid #ffffff;}

#sidebar ul li ul li a:hover {border-bottom: 1px solid #d6cfa3;}


.main-content div.image-cap {
	background:none;
	padding:0px 0px 0px 0px;
	margin-top:10px;
	background-color:#ffffff;
	display:block;
	height:263px;
	}

.image-cap img {float:left;}

.image-cap span {position:relative; top:3em;}

.image-cap p {
	line-height:140%; 
	/*font-size:.65em;*/
	color:#B5A959;
	/*color:#A09f96;*/
	}
	
.float-left {float:left; margin:5px 10px 0 0;}

.float-right {float:right; margin:5px 0 0 10px;}

.group-icon {position:absolute; top:150px;}

/*icon mouseovers*/

a.icon_respiratory,
a.icon_cardiovascular
/*a.icon_imaging,
a.icon_industrial*/ {
	position:absolute;
	width:65px;
	height:65px;
	top:299px;
}

a.icon_smart {
	position:absolute;
	width:75px;
	height:75px;
	top:294px;
}

*html a.icon_respiratory,
*html a.icon_cardiovascular,
*html a.icon_smart
/**html a.icon_imaging,
*html a.icon_industrial*/ {
	top:312px;
}

a.icon_respiratory {margin-left:138px; *margin-left:128px; margin-top:-1px;}
a.icon_respiratory:hover {background:url(images/gr_respiratory.gif) no-repeat top left;}

a.icon_cardiovascular {margin-left:227px; *margin-left:217px; margin-top:-1px;}
a.icon_cardiovascular:hover {background:url(images/gr_cardiovascular.gif) no-repeat top left;}

/*a.icon_smart {margin-left:315px; *margin-left:305px; margin-top:-1px;}*/
a.icon_smart {margin-left:309px; *margin-left:299px; margin-top:-1px;}
a.icon_smart:hover {background:url(images/gr_polymer.gif) no-repeat top left;}

/* a.icon_imaging {margin-left:327px; *margin-left:317px; margin-top:-1px;}
a.icon_imaging:hover {background:url(images/gr_imaging.gif) no-repeat top left;}

a.icon_industrial {margin-left:409px; *margin-left:399px; margin-top:-1px;}
a.icon_industrial:hover {background:url(images/gr_industrial.gif) no-repeat top left;}*/
#wrapper #content .about #main .main-content div p {
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper #content .about #main .main-content div .rollcall .morton strong u {
	color: #F0EEDF;
}
#wrapper #content .about #main .main-content div .rollcall .morton strong {
	color: #ff7f00;
	text-decoration: underline;
}

