@import "editor.css";

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body { 	 
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:100%; 
    color:#a6a6a6;
    min-width:974px;
    background:url(../images/body-bg.jpg) center top no-repeat fixed;
}

.body-indent {padding: 0px 0px 64px;}
.content-indent {padding:10px 0px 0px;}
#page6 .content-indent {padding:42px 0px 0px;}

.main {
    width:974px; 	
    padding:0;
    margin:0 auto;
    font-size:0.8125em;
    line-height:1.384em;
    background:#fff;
    clear: both;
}
.machro>img, .machro2>img, .man_tec>img, .man_chem>img{
    border:solid 2px;

}
/*.machro2, .man_tec, .man_chem{
	width:130px;
    height:130px; 
}*/
#vid_row{
	margin-left:12%;
}
.image{
	cursor:pointer;
	position:relative;
	display:inline-flex;
	height:130px;
	width:130px;
	margin-right:10px;
}
.image::after{
	color:white;
	content:url(http://www.aim.edu.au/App_Themes/AIMStyles/img/play-icon.png);
	position:absolute;
	width:100%;
	padding-top:5.05rem;
	padding-bottom:32px;
	background-color:rgba(0,0,0,0.6);
	transition: all 1s;
    -webkit-transition: all 1s;
    opacity:0;
}
.image:hover:after{
	opacity:1;
}
.image img{
	position:absolute;
	left:-12px;
	top:-12px;
	width:100%;
    height:100%;
	
}
/* ---------------------------- */
.center{
	margin:0 13%;
}
.image2{
	cursor:pointer;
	position:relative;
	display:inline-flex;
	height:104px;
	width:283px;
	margin-right:10px;
	margin-top:14px;
}
.image2::after{
	color:white;
	content:url(http://www.aim.edu.au/App_Themes/AIMStyles/img/play-icon.png);
	position:absolute;
	width:98.7%;
	padding-top:4rem;
	padding-bottom:19px;
	background-color:rgba(0,0,0,0.6);
	transition: all 1s;
    -webkit-transition: all 1s;
    opacity:0;
}
.image2:hover:after{
	opacity:1;
}
.image2 img{
	position:absolute;
	left:-12px;
	top:-12px;
/* 	width:100%; */
	
}

/* ---------------------------- */



#video_container{
    position:absolute;
    top:0px;
    width:100%;
    height:200%;
    background-color:rgba(0,0,0,0.8);
    z-index:99;
}
#video_container>iframe{
    position:fixed;
    top:150px;
    left:28%;
    width:800px;
    height:500px;
}

a {color:#1e1e1e; outline:none;}
a:hover {text-decoration:none;}

.col-1, .col-2 {float:left;}

.wrapper {width:100%; overflow:hidden;position:relative;}
.extra-wrap {overflow:hidden;}

p {margin-bottom:3px; text-align: justify; }
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:5px; margin-top: 20px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.p7 {margin-bottom:87px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}
.bl {display:block;}
.bo {font-weight:bold;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#464646;}
.color-4 {color:#525252;}

.index-1 {z-index:1; position:relative;}
.index-2 {z-index:2; position:relative;}
/*********************************boxes**********************************/
.indent {padding:22px 40px 10px 40px;}
.indent2 {padding:33px 50px 26px 0px;}
.indent3 {padding:22px 17px 37px 40px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:25px;}
.indent-bot3 {margin-bottom:35px;}
.indent-bot4 {margin-bottom:45px;}

.indent-l {padding-left:27px;}
.indent-r {margin-right:15px;}
.top-indent {padding-top:10px;}
.indent-top {margin-top:7px;}
.indent-top2 {margin-top:-6px;}
.bot-indent {padding-bottom:29px;}
.bot-indent2 {padding-bottom:10px;}

.img-indent {float:left; margin: 0 40px 0 0;}
.img-indent2 {float:left; margin: 5px 22px 0 0;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.button,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {
    width:100%;
    position:relative; 
    z-index:2;
    border-bottom:1px solid #efefef;
}

#logoDiv {
    width: 974px;
    margin: 0 auto;
    position: relative;
}

#logoDiv a {
    display:block;
    text-decoration:none;
    text-indent:-5000px;
    width:975px;
    height:129px;
    right: 80px;
    float: left;

}

#TopContent {
    float: right;
    top: -70px;
    position: relative;
    display: block;    
    left: 300px;
    height: 0px;
    color: #953c90;
    text-shadow: 0px 0px #000;
    padding-right: 20px;
}

#logoDiv span {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:18px;
    color:#b2b2b2;
    padding-left:5px;

    bottom: 70px;
    position: relative;
}

#langDiv {
    float: right;
    margin-right: 100px;

}

#langDiv a {
    background-image:none;
}

/*********************************menu**********************************/
.menu, .menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu li {
	position: relative;
}
.menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.menu > li {
	float: left;
}
.menu li:hover > ul,
.menu li.sfHover > ul {
	display: block;
}

.menu a {
	display: block;
	position: relative;
}
.menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.menu {
	float: left;
}
.menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.menu a {
    
    text-decoration: none;
    zoom: 1; /* IE7 */
}
.menu a {
}
.menu li {
    *white-space: normal; /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: background .2s;
    transition: background .2s;
}
.menu > li {
    float:left; 
    position:relative;
    padding:0px 0 0px;
    width:87px;
    border-left:1px solid #efefef;
}
.menu > li:first-child {
    border-left:none;
}
.menu > li.last {
}
.menu > li a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:1.214em;
    display:block; 
    height: 50px;
    padding-top: 45px;
    text-align: center;
}

.menu > li > a:hover, .menu > li > a.section, .menu > li > a.current, .menu > li > a:hover, .menu > li.sfHover > a  {
    background:#953c90;
    color:#fff; 
    text-decoration: none;
}

.menu ul {
    width: 147px;
}

.menu ul ul li {
    background:none;
    border-top:1px solid #953c90;
}
.menu li:hover,
.menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

.menu li li a {
    display:block;
    color:#fff;
    padding:            16px 10px 0 10px;
    text-align:         center;
    background:         #F2316A;
}

.menu li li {width: 100%; padding:0px 0; background:none;border-top:1px solid #953c90;}

.menu li li:first-child {border-top:none;}

.menu li li a:hover, .menu li li.sfHover > a {background:#2a2a2a; text-decoration: none;}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}

/*********************************slider*************************************/
.slider-wrapper {
    overflow:hidden;
    position:relative;
    height:481px;
    z-index:1;
    width:100%;
}

.slider {
    width:974px;
    height:481px;
}

.items {
    display:none;
}

.pagination {
    position:absolute;
    right:25px;
    top:438px;
    z-index:99;
}
.pagination li {
    float:left;
    margin-left:5px;
}
.pagination li a {
    display:block;
    width:22px;
    height:20px;
    text-indent:-5000px;
    background:url(../images/pagination-bg.gif) right 0 no-repeat;
}
.pagination li.current a,
.pagination li a:hover {
    background-position:left 0;
}

.pagination li.current a {cursor:default;}

.banner {
    position:absolute;
    left:610px;
    top:97px;
    overflow:hidden;
    color:#1e1e1e;
    z-index:1;
    background:#ffffff;
    height:280px;
    width:327px;
}

.banner strong.text1 {font-size:75px;line-height:1.2em;text-transform:uppercase;letter-spacing:1px;display:block;}
.banner strong.text2 {font-size:48px;line-height:1.208em;font-weight:normal;margin:-10px 0 10px;display:block;}

.banner .padding1 {padding-left:65px;}
.banner .padding2 {padding-left:100px;}
.banner .padding3 {padding-left:20px;}
.m-top {margin-top:-30px !important;}

.banner p {
    font-family:Arial, Helvetica, sans-serif;
    color:#9f9f9f;
    font-size:13px;
    line-height:1.386em;
    text-align:center;
    margin-bottom:26px;
}

.banner .button:hover {
    color:#FFF;
}

.banner .item-1, .banner .item-2, .banner .item-3 {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.banner .item-1:hover {background:#3bb40d;}
.banner .item-2:hover {background:#ffec02;}
.banner .item-3:hover {background:#ff4b27;}

/*********************************content*************************************/
#content {
    width:100%; 
    padding:0 0 49px;
    position:relative;
    z-index:1;
    background-color:#FFF;
}

#page1 #content {background:url(../images/content-bg.gif) 0 top repeat-x;padding:0 0 14px;}
#page2 #content {background:url(../images/content-bg.gif) 0 top repeat-x;}

#content img {
	margin: 10px;
}

#content .leftAlone {
	float: left;
	color:#444;
	margin-left: 0px;
}

#content .rightAlone {
	float: right;
	color:#444;
	margin-right: 0px;
}

h2 {
    font-size:30px; 
    line-height:2em;
	color:#444;	
    font-weight:normal;
}

h3 {
    font-size:30px; 
    line-height:2em; 
    color:#444;
    font-weight:normal;
}

h4 {
    font-size:38px; 
    line-height:1.21em; 
    color:#000;
    font-weight:normal;
}

h5 {
    color:#464646;
    font-weight:normal;
}


.blocks {
    margin:-38px 0 13px;
    list-style: none;
}

.blocks li {
    position:relative;
    border-top:1px solid #e4e4e4;
        list-style: none;

}

.blocks li:first-child {border-top:none;}

.blocks li a {
    font-size:26px;
    line-height:1.23em;
    color:#FFF;
    display:block;
    position:relative;
    text-decoration:none;
    padding:23px 0 28px 37px;
    height:71px;
}

.blocks li a strong {
    display:block;
    font-weight:normal;
    font-size:36px;
    line-height:1.222em;
    margin-bottom:-5px;
}

.blocks li.darkGray a {background:url(../images/item1-bg.gif) right top no-repeat #555;}
.blocks li.darkGray a:hover {background-color:#646464;background-position:right -124px;}

.blocks li.red a {background:url(../images/item2-bg.gif) right top no-repeat #f52f34;}
.blocks li.red a:hover {background-color:#fe383d; background-position:right -124px;}

.blocks li.yellow a {background:url(../images/item3-bg.gif) right top no-repeat #ffb809;}
.blocks li.yellow a:hover {background-color:#fcc640; background-position:right -124px;}

.blocks li.blue a {background:url(../images/item4-bg.gif) right top no-repeat #0085f6;}
.blocks li.blue a:hover {background-color:#0b8af5; background-position:right -124px;}

.blocks li.green a {background:url(../images/item5-bg.gif) right top no-repeat #008a2b;}
.blocks li.green a:hover {background-color:#019a30; background-position:right -124px;}

.blocks li.purple a {background:url(../images/item6-bg.gif) right top no-repeat #c23b87;}
.blocks li.purple a:hover {background-color:#c64b90; background-position:right -124px;}


.important-block {
    background:#ededed;
}

.border-1 {border-bottom:1px solid #dadada;}


.list li {
    width: 100%; 
    overflow: hidden; 
    vertical-align: top;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:20px;
    color:#525252;
}
.list li strong {
    background: url(../images/line-hor.gif) repeat-x 0% 17px;
    display: block; 
    overflow: hidden;
}
.list li span {
    float: right;
}
.list li a {
    float: left;
    text-decoration: none;
}
.list li a:hover {color:#f00;}

.list-1 li {
    background:url(../images/marker-1.gif) 2px 8px no-repeat;
    padding-left:13px;
    line-height:20px;
}
.list-1 li a {
    display:inline-block;
    color:#464646;
}
.list-1 li a:hover {
    color:#f00;
}

.list-2 li {
    padding-bottom:5px;
}
.list-2 li a {
    display:inline-block; 
    color:#7c7c7c; 
    text-decoration:underline;
}
.list-2 li a:hover {text-decoration:none;}

.list-3 li {
    background:url(../images/marker-2.gif) 0 9px no-repeat;
    padding: 2px 0 0 14px;
}
.list-3 li a {
    display:inline-block;
    font-weight:bold;
    color:#222222;
    text-decoration:none;
}
.list-3 li a:hover {
    color:#f00;
}

.link:hover {text-decoration:underline;} 

.link-1 {
    display:inline-block; 
    font-size:14px; 
    padding-right:8px; 
}
.link-1:hover {color:#fff;} 

.link-2 {
    display:inline-block; 
    font-size:13px; 
    line-height:17px;
    padding-right:8px; 
    font-weight:bold;
    text-decoration:none;
    background:url(../images/marker-3.gif) left 7px no-repeat;
    padding-left:10px;
}
.link-2:hover {text-decoration:underline;} 

.text-1 {
    font-size:22px;
    line-height:28px;
    color:#5c5c5c;
} 
.text-2 {font-size:13px; line-height:20px; color:#464646;}
.text-3 {line-height:20px;}

.num {
    font-size:32px;
    line-height:1.218em;
    color:#000;
    float:left;
    width:20px;
    text-align:center;
    margin: 0px 13px 0 0;
}

.column {
    float:left;
    width:185px;
}

blockquote {
    background:url(../images/quote.gif) 1px top no-repeat;
    text-indent:35px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:18px;
    padding-top:3px;
}

blockquote span {
    text-align:right;
    display:block;
    color:#525252;
    font-weight:bold;
    padding-right:8px;
}

dl {padding:3px 0 0 0;}

dl span {float:left; width:145px;}

dt {margin-bottom:20px;}

#map_canvas {
    width:320px;
    height:198px;
    overflow:hidden;
}

/***** Contact form *****/
#contact-form {
    position:relative;
    vertical-align:top;
    width:100%;
    z-index:1;
}
#contact-form fieldset {
    border:none;
    padding:0;
}			
#contact-form label {
    display:block;
    margin-top: 10px;
    margin-bottom: 3px;
    color: #666666;
}
#contact-form label.message {
    min-height:235px;
}

#contact-form input[type="text"], 
#contact-form input[type="password"] {
    width:312px;
    padding:15px 16px;
    margin:0;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:1.23em;
    color:#686661; 
    border:1px solid #e7e7e7;
    background:none;
}
#contact-form .area .error { float:none;}
#contact-form textarea {
    height:180px;
    margin:0;
    width:456px;
    padding:13px 16px;
    margin:0;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:1.23em;
    color:#686661; 
    border:1px solid #e7e7e7;
    background:none;
    overflow:auto;
}
#contact-form a {cursor:pointer;}
#contact-form .success {display:none; margin-bottom:20px;}
#contact-form .error,
#contact-form .empty {
    color:#f00;
    font-size:11px;
    line-height:2em;
    display:none;
    overflow:hidden;
}

#contact-form .required {
    color: #ff6666;
}

.buttons-wrapper { padding:0 0px 0 0; text-align:right;}
.buttons-wrapper a, input[type="button"], input[type="submit"], input[type="reset"] { 
    margin-left:15px;
    padding-left:0;
    padding-right:0;
    text-align:center;
}

/****************************footer************************/
footer {
    width:100%; 
}

.footer-border {
    border-top:1px solid #dfdfdf;
    padding:23px 0 34px;
}

.footer-text {
    float:left;
    font-size:22px;
    line-height:1.227em;
    color:#2a2a2a;
    padding:12px 0 2px 33px;
}

.footer-text a {color:#727272;text-decoration:none;}
.footer-text a:hover {color:#000;}

.footer-link {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:1.23em;

}

.list-services {padding: 0 15px 0;}

.list-services li {
    float:left; 
    padding:0 0 0 9px;
}
.list-services li:first-child {
    padding:0px;
    margin-top:-11px;
}

#easyTooltip{
    font-family:Arial, Helvetica, sans-serif;
    padding:5px 11px;
    border:1px solid #3f3f3f;
    background:#333;
    color:#fff;
    font-size:12px;
}

#content .margin {
    margin: 20px;
}

#content ul, #content ol {
    list-style: inside;
}

#content li {
    margin-top: 10px;
}

input[type="text"], input[type="password"] {
    padding:3px 4px;
    margin:0 0 5px 0;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:1.23em;
    color:#686661; 
    border:1px solid #e7e7e7;
    background:none;
}

#SearchFormDiv {
    width: 974px;
    margin: 0 auto;
    margin-bottom: 30px;
}

#SearchForm_SearchForm input {
    float:right;
}

.Actions {
    text-align: right;
}

fieldset {
    border: solid 1px #c0c0c0;
    padding: 5px;
    margin-bottom: 10px;
}

hr {
    border: solid 1px #dfdfdf;
}

#map_canvas {
    width: 320px;
    height: 198px;
    overflow: hidden;
    position: relative;
}

.sitemapDIV {
    margin: 80px;
    padding-right: 20px;
}

.sitemapDIV ul, .sitemapDIV li {
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;


}

.sitemapDIV li {
    border-bottom: solid 1px #ededed;
}

.sitemapDIV a {
    text-decoration: none;
    font-size:22px; 
    line-height:1.21em; 
    color:#000;
    font-weight:normal;
}

.sitemapDIV a:hover {
    color:#FF0000;
}

#BookGuide{
    margin-top: 50px;
    border: solid 2px #000;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}