/* border:#F00 solid 1px;  */

	/* zeros out margins and invisible borders in ie which will mess up your layout: http://www.alibiproductions.com/articles/zero-out-your-margins/ */
 ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }
/*    border:#F00 solid 1px;                    */


/*   good for iphone but not desktop. Stops zooming.
 div, p, a, li, td { -webkit-text-size-adjust:none; }
 */
    
	

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}	

img { border:none; display:block; } 

/* html, body #floater #vertCenterMe used to center site top/bottom
----------------------------------------------- */	

html, body {
	margin:0; padding:0;
	height:100%; background-color:#000;
}
/* #floater { position:relative; float:left; width:100%; height:50%; margin-bottom: -334px; } */
#floater { position:relative; float:left; width:100%; height:0%; margin-bottom: -334px; }
#vertCenterMe { width:1000px; margin:0 auto; text-align:left; display:block;   }



body { 
font:76% Arial, Helvetica, sans-serif; 
color: #ffffff; 

}




/* STYLES H TAGS ETC.
----------------------------------------------- */	

h1 { color:#fff; font-size:13px; }



/* LINKS
----------------------------------------------- */	
a {
   outline: 0;
}

a:link, a:visited { color:#b2c782; text-decoration:none;}	
a:hover, a:active { color:#b2c782; text-decoration:underline; }	



/* Background overlays for each main section.
----------------------------------------------- */	

/* ART & ARCHITECTURE position:absolute; width:100%; height:510px; left:0; top:71px;  background: url(../images/rmit.jpg)  231px; */

.art_bk_le {  position:absolute; width:231px; height:510px; left:0; top:71px;  background: url(../images/rmit.jpg) no-repeat right; }
.art_bk_up { position:absolute; height:510px; left:0; top:71px; width:100%;  background: url(../images/rmit.jpg) repeat-x 367px 0px ; z-index:-10;  }
.art_bk_over {  position:absolute; height:510px; left:0px; top:71px; width:100%;   }




.mod_1, .mod_2 { position:relative; 

float:left;
	font-size: 12px;	
	width: 211px;
	padding-left: 22px;
	height: 518px;
	margin-top:51px;

}
.mod_2 { background:url(../images/bar.gif) no-repeat 21px 6px;  }


#vertLines {  background:url(../images/vert-line2.gif) no-repeat bottom;

 *background:url(../images/vert-line3.gif) no-repeat bottom;
 }

.mod_1_row_1 {  padding:80px 25px 0 0; color:#fff; line-height:20px;  }
.mod_1_row_2 {  padding:35px 0 0 0;  }
.mod_1_row_3 {  padding:26px 0 0 0;   }
ul.mod_1_nav { padding:26px 0 0 0;  }
ul.mod_1_nav a, ul.mod_2_nav a { color: #b2c782; font-size:11px; line-height:18px; }	
ul.mod_2_nav a.sel { color:#fff; }

#main {position:relative; float:left;  width:756px;   height:515px; background:#000; z-index:1; /* margin and width to total 980px; */  }
#main img { float:left; padding:0 0 3px 3px; }

.mod_2_row_1 {  padding:80px 25px 0 0; color:#fff; line-height:20px;  }
a.mod_2_row_2  { display:block; padding:30px 0 0 0;  color: #b2c782; font-size:17px; }
.mod_2_row_3 {  padding:26px 0 0 0;   }
ul.mod_2_nav { padding:31px 0 0 0;  }




#footer { clear:both;
width:990px; margin:0 auto; 
padding-top:20px;



}
#footer img { float:left; }

.footerLeft { float:left; margin-left:20px; width:280px; }
.footerRight {  float:right; margin-right:8px;  }
#footer .footerRight img { float:left; }


.footWrap { min-width:680px; z-index:1001;  } 
.footWrap p, .footWrap a  {  font-size:11px; }
.bull { padding:0 10px; }

.ft_col_1 {float:left;  margin-top:-2px; }
.ft_col_2 {float:left; padding-left:10px; font-size:10px !important;  }
.ft_col_3 {float:left; padding-left:6px;   }


#footer a:link, #footer a:visited { color:#fff; text-decoration:none; font-size:10px; }	
#footer a:hover, #footer a:active { color:#fff; text-decoration:underline; }	



/* ABOUT */ 

.bk_overLay { 

 height:513px;

}

.full { 
position:relative; float:left;  margin-left:3px; width:751px; background:url(../images/exl-marine.jpg) no-repeat #000; /* margin and width to total 980px; */ 
 height:515px;
 font-size:12px;
 }
 



.pageGUI { position:absolute; bottom:0px; left:0px; width:748px; background:url(../images/bk-about-overlay.png) repeat-x; padding:27px 0 30px 20px;
 }

.size1 {  height:178px; }
.size2 {  height:125px;  /* LOWEST SIZE = previously 157px */  }

.pageGUI h1 {  color: #b2c782;  padding-bottom:12px; }
.pageGUI h1 span { font-weight:normal; }
.pageGUI p { padding-bottom:8px; }

.quoteMe { float:left;
width:220px; 
margin-right:30px;	
 }
.quoteMe p { font-style:italic; } 
.quoteMe span {font-style: normal; color: #b2c782;  } 
 

.ab_col_1 { float:left;     }

.ab_col_1 a { color: #fff; text-decoration:underline; }
.ab_col_1 a:hover { color: #89898a; text-decoration:underline; }
.ab_col_1 ul li .popup { line-height:19px; cursor: pointer; }




.targetDiv { display:none;	font-size:13px;
	 position:absolute; padding:35px 15px 25px 35px; width:240px; left:450px; top:-270px; 	background: url(../images/bk-about-overlay.png) repeat; }
.targetDiv h2 {  color: #fff; font-size:13px; padding-bottom:8px;}
.targetDiv ul { padding-left:13px; list-style: disc; }
.targetDiv ul li { padding-bottom:3px;  }

.targetDiv img { margin-top:-28px; padding-bottom:10px; }

.popup_cl { position:absolute; width:15px; height:15px; left:6px; top:35px; cursor: pointer; }




table.news { padding:0; margin:0; width:750px; margin-left:-2px; margin-top:-2px; }
table.news td { width:100px; }

table.news td, table.news tr { padding-right:24px;  }

table.news a { color: #fff; text-decoration:underline; }
table.news a:hover { color: #89898a; text-decoration:underline; }

.the_date { font-style:italic; display:block; }
.pageNav {
	position: absolute;
	top: 27px;
	left: 121px;
	font-style: italic;
	color: #b2c782;
	font-size: 12px;


}
.pageNav .sel { font-weight:bold; }
.pageNav a { color: #b2c782;  }

.pageNavBk {position:absolute; bottom:-10px; left:18px; font-style:italic; color: #b2c782;  font-size:12px; }
.pageNavBk .sel { font-weight:bold; }
.pageNavBk a { color: #b2c782;  }





/* widths */ 


.wth_100 { width:100px; }
.wth_120 { width:120px; }

.wth_140 { width:140px; }
.wth_145 { width:145px; }

.wth_148 { width:148px; }
.wth_150 { width:150px; }
.wth_155 { width:155px; }
.wth_160 { width:160px; }
.wth_165 { width:165px; }
.wth_170 { width:170px; }
.wth_175 { width:175px; }
.wth_180 { width:180px; }
.wth_185 { width:185px; }
.wth_190 { width:190px; }
.wth_195 { width:195px; }
.wth_200 { width:200px; }
.wth_205 { width:205px; }
.wth_210 { width:210px; }
.wth_215 { width:215px; }
.wth_220 { width:220px; }
.wth_225 { width:225px; }
.wth_230 { width:230px; }
.wth_235 { width:235px; }
.wth_240 { width:240px; }
.wth_245 { width:245px; }
.wth_250 { width:250px; }
.wth_255 { width:255px; }
.wth_260 { width:260px; }
.wth_265 { width:265px; }
.wth_270 { width:270px; }

.wth_300 { width:300px; }


.li_Sp_16 { line-height: 16px;  }

/* CAROUSEL			
----------------------------------------------- */	

#wrapperStatic { position:relative; margin-left:-390px;   height:524px;  }

#wrapper { position:relative; margin-left:-390px;  max-width:1860px; height:524px;  }



#carousel {
	width:751px;
position:relative; float:left;   height:515px; background:#000; /* margin and width to total 980px; */ 	
margin-left:3px;
}



.slide {  display: block; float: left; position:relative; background-color:#000; z-index:999999;   }

.slide .overLay, .slide .overLay2,  .slide .overLay3 {
		background: url(../images/bk-midde2.png) repeat-x;
display: none;		
position: absolute;	
padding: 12px 22px 12px 66px; 
}


.slide .overLay {
	width: 360px;	
	bottom: 0px; margin-left:-15px;	
	*bottom: 1px;
}
.slide .overLay2 {
	width: 310px;
	bottom: 0px; margin-left:-12px;	
	*bottom: 1px;
}
.slide .overLay3 {
	right:-10px; width: 310px;
	padding: 12px 40px 12px 12px; bottom: 0px; margin-left:-12px;	
}

.onRight {  left:578px !important;  }

.slide .plusNavHome  {
	display:block;
	background: url(../images/plus-minus.png) 0 -33px no-repeat;
	width: 66px;height: 33px;
	position: absolute;
	left:0px; margin-left:12px;	
	bottom: 0px;
}
.slide .minusNavHome  { 
		display:block;
	background: url(../images/plus-minus.png)  no-repeat;
	width: 33px;height: 33px;
	position: absolute;  margin-left:12px;	
	bottom: 0px;
}

.slide .plusNav  {
	display:block;
	background: url(../images/plus-minus.png) 0 -33px no-repeat;
	width: 33px;height: 33px;
	position: absolute;
	left:0px; margin-left:15px;	
	bottom: 3px;
}
.slide .minusNav  { 
		display:block;
	background: url(../images/plus-minus.png)  no-repeat;
	width: 33px;height: 33px;
	position: absolute; margin-left:15px; 
	bottom: 3px;
}

.slide h1, .slide p {
color:#fff; font-size:13px; 
}

.slide .imgCredit1 { position:absolute; bottom:4px; right:8px; color:#fff; font-size:10px; font-style:italic; }
.slide .imgCredit2 { position:absolute; bottom:8px; right:62px; color:#fff; font-size:10px; font-style:italic; }



#controls { position:absolute; top: 6px; left:21px; width: 190px; height: 33px;  background-color:#d4d4a9;   }
#controls .prev, #controls .next,  #controls .play { position:relative;  float:right; display: block; width: 33px; height: 33px; }

#controls .prev { background: url(../images-slider/buttons.gif) -33px 0px no-repeat; margin-right:0px;}
#controls .prev:hover { background-position: -33px -33px;  }

#controls .next{ background: url(../images-slider/buttons.gif) 0 0 no-repeat; }
#controls .next:hover{background-position: 0 -33px; }


#controls .play{ background: url(../images-slider/buttons.gif) -67px 0px no-repeat; }
#controls .play:hover {background-position: -67px -33px; }

#controls .play.paused {	background-position: -99px 0px; }



/* GALLERY see also section style sheet e.g. renewable-energy.html
----------------------------------------------- */	

#thumbs { 
	width: 115px;
	/* height: 350px; */
	float: left; padding-left:0px;padding-right:3px; *padding-left:1px; *padding-right:0px;
	height:510px; overflow:hidden; 
}


#thumbs img {
	padding-bottom: 2px;
	cursor: pointer;
}


#thumbs img.selected, #thumbs img:hover {
	border-color: #333;
}




/* NAVIGATION
----------------------------------------------- */	

ul { 
list-style: none; z-index:1001;
}

ul#nav { float:left;  width:722px;  text-align:left; font-size:12px; margin:10px 0 22px 4px; 
 }


ul#nav li:hover { background-color:#cbcb97;  }
ul#nav li:hover a { color:#000; }


#nav,#nav ul{ 
margin:0;
padding:0;
position:relative;


}

#nav li a{
	display:block;
padding:5px 14px;
text-decoration:none;
}


#nav li ul li a{
display:block;
padding:3px 5px;

text-decoration:none;

}

#nav a:hover{
color:#fff; background-color:#cbcb97;
}

#nav li ul li a:hover{
color:#fff; background-color:#404041;
}



#nav li{
float:left;
position:relative;

}

#nav ul {
position:absolute;
display:none;
width:105px;
background-color:#cbcb97; 
}

#nav li ul a{
/* was 105px */	
width:120px;
height:auto;
float:left;background-color:#d4d4a9; border-top: solid 1px #e5e5cb;
}

#nav ul ul{
top:auto; 
}	

#nav li ul ul {
left:105px;
margin:0px 0 0 10px; 
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/* ul#nav li   { position:relative; background-color:#9FF; } */

#header{ 
z-index:1000; 
}




#nav ul { z-index:1000; 
 }

ul#nav li ul li  a { /*  background-color:#09F; */  }
ul#nav li ul li ul li a { /* background-color:#F00;*/  }
ul#nav li ul li ul  { *margin:0 0 0 25px; /*  hack only ie7 see this.   */ }
#nav li ul ul { z-index:1001; } 


.ab_col_1 ul { list-style: disc; padding-left:20px; }
 .ab_col_1 ul li { padding-bottom:6px; }

/* border:#F00 solid 1px; 

background-color:#CCC;
background-color:#0C6;
background-color:#9FF;

 */