/*----------------------------------------------------------------------------- 
Immedium Screen Stylesheet 

version:   1.0 
date:      11/25/10 
author:    
email:     info@immedium.com
website:   www.immedium.com 
version history:  
-----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html{
background-color:#d8d8d8;
}

/* 1.BODY
---------------------------------------------------------------------- */
body {
	margin: 0;
	text-align: center;
	background: #d8d8d8 url(../img/bg.jpg) repeat-x;
	background-color:#fff;
	font-family: 'Lucida Grande', 'Trebuchet MS', verdana, arial, sans-serif;
	color: #666;
	font-size: 12px;
	min-height:800px;
}

* html body { 
   height: expression( this.scrollHeight < 801 ? "800px" : "auto" ); /* sets min-height for IE */
   min-height: 800px; /* sets min-height value for all standards-compliant browsers */
}

.left{
float:left;
}

.right{
float:right;
}


img.alignright {
float: right;
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
float: left;
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}


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

.prints_title{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height:20px;
display:block;
}

.prints_desc{
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
line-height:16px;
display:block;
}

.darkgrey{
color:#888;
}

#navigator {
}

.Wrapper{
width:1000px;
margin-left:auto;
margin-right:auto;
padding-bottom: 25px;
}

.Header{
width:1000px;
height: 85px;
padding-top:12px;
}

.Logo{
float:left;
margin-right:15px;
border:0;
}

.Caption{
color:#999999;
text-align:center;
font-size:10px;
}

.Specialise img{
margin-left:7px;
}

.More{
background:transparent url(../img/header_dot.gif) no-repeat scroll right center;
color:#FF9900;
float:left;
font-size:14px;
line-height:15px;
margin-left:8px;
margin-top:25px;
text-align:left;
width:150px;
border-left: 1px solid #E5E5E5;
padding-left: 10px;

}

.Blog{
background:transparent url(../img/header_dot.gif) no-repeat scroll right center;
color:#BBBBBB;
float:left;
font-size:14px;
line-height:15px;
margin-left:15px;
margin-top:25px;
text-align:left;
width:110px;
}

.Contact{
color:#BBBBBB;
float:left;
font-size:14px;
line-height:15px;
margin-left:10px;
margin-top:25px;
text-align:left;
width:120px;
}


/* 4.LINKS
---------------------------------------------------------------------- */

a.morelink:link, a.morelink:visited{
color:#660066;
}
a.morelink:hover, a.morelink:active{
color:#CC6633;
}


a.headlink:link, a.headlink:visited{
font-size:11px;
color:#660066;
}
a.headlink:hover, a.headlink:active{
color:#FF3300;
background:url(../img/arrow.gif) no-repeat center right;
}

.Specialise .light{
color:#bbb;
}

#OuterContainer {
	padding: 0;
	margin: 0 auto;
	height:auto !important;
	height:520px;
	min-height:520px;
}

#Container {
	position: relative;
	height: 250px;
	width: 250px;
	margin: auto auto;
	background-color:#FFFFFF;
	color:inherit;
	font-size: 0px;
	border:1px solid #bbb;
}
.copyright_light{
position:absolute;
right:21px;
bottom:20px;
z-index:5003;
-moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;
color:#fff;
font-size:12px;
}
.copyright_shadow{
position:absolute;
right:22px;
bottom:19px;
z-index:5002;
-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
color:#000;
font-size:12px;
}
.showinfo{
position:absolute;
right:-16px;
top:-1px;
z-index:5000;
}
.about{
position:absolute;
right:-16px;
top:99px;
z-index:5000;
}

#wBox{
/*  overflow: hidden; */
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
	height: 100%;
	width: 100%;
	z-index: 20;

}

#photoBox{
	position: absolute;
    top: 0px;
    left: 0px;
	z-index: 1;
}

#Photo {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
	padding:5px;
}

#Loading {
	height: 25%;
	width: 100%;
	position: absolute;
	top: 40%;
	left: 0%;
	text-align: center;
	z-index: 50;
	line-height: 0;
}

#LinkContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#PrevLink, #NextLink {
	cursor: pointer;
	width: 48%;
	height: 100%;
	background: transparent url(../img/c.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#PrevLink span, #NextLink span { display: none; }

#PrevLink { left: 0; float: left; }
#NextLink { right: 0; float: right; }

/* background image for IE */
#PrevLink:hover, #PrevLink:visited:hover { background: url(../img/prev_minus.gif) 20% 50% no-repeat; }
#NextLink:hover, #NextLink:visited:hover { background: url(../img/next_plus.gif) 80% 50% no-repeat; }

/* backgroudn image for compliant browsers */
#LinkContainer>#PrevLink:hover, #LinkContainer>#PrevLink:visited:hover { background: url(../img/prev_chevron.png) 20% 50% no-repeat; }
#LinkContainer>#NextLink:hover, #LinkContainer>#NextLink:visited:hover { background: url(../img/next_chevron.png) 80% 50% no-repeat; }

#CaptionContainer {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 auto;
	width: 100%;
	
	height:100%;
	text-align: left;
	background:url(../img/overlay.png) repeat;
	z-index: 22;
	visibility:hidden;
	}
	
	#CaptionContainer .inner {
	width:90%;
	padding: 5%;
	}

#CaptionContainer img {
	position:absolute;
	top: 4%;
	text-align:center;
	font-size: 11px;
	color:#eee;
}

#CaptionContainer p {
	text-align:center;
	font-size: 11px;
	color:#eee;
	padding: 10px;
	margin: 10px;
	height:300px;
}



#AboutContainer {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 auto;
	width: 100%;
	
	height:100%;
	text-align: left;
	background:url(../img/overlay.png) repeat;
	z-index: 23;
	visibility:hidden;
	}
	
	#AboutContainer .inner {
	width:90%;
	padding: 5%;
	}

#AboutContainer p {
	padding: 5% 2%;
	text-align:center;
	font-size: 11px;
	color:#eee;
}

#AboutContainer p img{
	padding: 0 2%;
}

#Counter {
	font-weight: bold;
	padding-right: 5px;
}

#About p {
	margin: 0 20px;
	padding: 5px 0;
	font-size: 12px;
	font-weight: bold;
}

#About {
	width: 100%;
	text-align: left;
	background-color: #efefef;
	border-bottom: 1px solid #dedede;
}

#AboutBody {
	margin-top: 15px;
}

#AboutBody p {
	font-weight: normal;
	font-size: 11px;
	line-height: 1.4em;
	margin: 0 20px 10px 20px;
	padding: 0;
}

#thumbs_cont ul {
	float:left;
	width: 915px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
}


#thumbs_cont ul li {
	display: block;
	float:left;
	text-align: center;
	background: transparent;
	margin: 5px 16px;
}


#thumbs_cont ul li img {
	padding: 1px;
	border: 1px solid #ccc;
	vertical-align:middle;
}
	
#thumbs_cont ul li img.selected {
	border: 1px solid #fff;
}
	
#thumbs_cont ul li img:hover,#thumbs_cont ul li img.hover  {
	border: 1px solid #aaa;
}

#thumbs_cont ul li .thumb_name {
	display: block;
	bottom: 0;
	text-align: center;
	margin: 0 1px 0 1px;
	padding: 2px 0 2px 0;
	color: #c7ddc7;
	font-weight: normal;
}

#nav_next img, #nav_prev img{
	border: 0px;
	padding-top: 10px;
	margin: 0px;
}

#nav_next, #nav_prev{
	float:left;
  display:none;
  margin-top:15px;
}

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

#menuBox {
	height: 100%;
	width: 100%;
	/* background-color: #373C40; */
	background-color: #004C00;
}
#menuInnerBox {
	padding: 20px 20px 20px 20px;
	text-align: left;
}

#sectionList {
	width: 400px;
	display: inline;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	background-color:inherit;
}

#sectionList li {
  display: inline;
}

#sectionList li a{
	font-weight: bold;
	color: #fff;
	background-color:transparent;
}

#galleryList {
	float: left;
	margin-top: 10px;
}

#galleryList li{
	display: block;
	float: left;
	width: 84px;
	height: 120px;
	padding-top: 4px;
	margin-right: 4px;
	font-weight: bold;
	font-size: 11px;
	background-color:inherit;
	/* background: #c7ddc7; */
	color: #fff;
	text-align: center;
}

#galleryList li img{
  margin-top: 5px;
	padding: 1px;
	border: 1px solid #c7ddc7;
	background: #fff;
	color:inherit;
}

#galleryList li img:hover {
	border: 1px solid #3A2101;
}

#galleryList li.current img:hover {
	border: 2px solid #3A2101;
}

#galleryList li.current a {
	text-decoration: none;
}

/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

/* 6.LAYOUT
---------------------------------------------------------------------- */

#column_ad
{float:left;width:170px;margin-top:10px; padding-top:0px;padding-right:10px;border-right:1px solid #EEE;margin-left:0px;margin-bottom:10px;}
#column_ad {margin-top:475px;}

#column1
{float:left;width:460px;margin-top:10px; padding-top:0px;padding-right:10px;border-right:1px solid #EEE;margin-left:0px;margin-bottom:10px;padding-left:10px}
#column1 {margin-top:475px;}

#column2
{float:left;width:250px;margin-top:10px; padding-top:0px;padding-right:10px;border-right:0px solid #EEE;margin-left:0px;margin-bottom:10px;padding-left:10px}
#column2 {margin-top:475px;}


li em { font-style:normal;color:#fff; padding-right:2px; background-color:transparent;}

.Menu{
float:left;
width:1001px;
height:50px;
margin-top:10px;
}

.Menu a.japan:link, .Menu a.japan:visited{
float:left;
display:block;
width:134px;
height:49px;
background:url(../img/japan_menu.gif);
background-position:bottom left;
}

.Menu a.japan:hover, .Menu a.japan:active{
background-position:top left;
}

.Menu a.japan_active:link, .Menu a.japan_active:visited, .Menu a.japan_active:hover, .Menu a.japan_active:active{
float:left;
display:block;
width:134px;
height:49px;
background:url(../img/japan_menu.gif);
background-position:top left;
}

.Menu a.taiwan:link, .Menu a.taiwan:visited{
float:left;
display:block;
width:114px;
height:49px;
background:url(../img/taiwan_menu.gif);
background-position:bottom left;
}

.Menu a.taiwan:hover, .Menu a.taiwan:active{
background-position:top left;
}

.Menu a.taiwan_active:link, .Menu a.taiwan_active:visited, .Menu a.taiwan_active:hover, .Menu a.taiwan_active:active{
float:left;
display:block;
width:114px;
height:49px;
background:url(../img/taiwan_menu.gif);
background-position:top left;
}

.Menu a.china:link, .Menu a.china:visited{
float:left;
display:block;
width:127px;
height:49px;
background:url(../img/china_menu.gif);
background-position:bottom left;
}

.Menu a.china:hover, .Menu a.china:active{
background-position:top left;
}

.Menu a.china_active:link, .Menu a.china_active:visited, .Menu a.china_active:hover, .Menu a.china_active:active{
float:left;
display:block;
width:127px;
height:49px;
background:url(../img/china_menu.gif);
background-position:top left;
}


.Menu a.borneo:link, .Menu a.borneo:visited{
float:left;
display:block;
width:139px;
height:49px;
background:url(../img/borneo_menu.gif);
background-position:bottom left;
}

.Menu a.borneo:hover, .Menu a.borneo:active{
background-position:top left;
}

.Menu a.borneo_active:link, .Menu a.borneo_active:visited, .Menu a.borneo_active:hover, .Menu a.borneo_active:active{
float:left;
display:block;
width:139px;
height:49px;
background:url(../img/borneo_menu.gif);
background-position:top left;
}

.Menu a.nz:link, .Menu a.nz:visited{
float:left;
display:block;
width:156px;
height:49px;
background:url(../img/nz_menu.gif);
background-position:bottom left;
}

.Menu a.nz:hover, .Menu a.nz:active{
background-position:top left;
}

.Menu a.nz_active:link, .Menu a.nz_active:visited, .Menu a.nz_active:hover, .Menu a.nz_active:active{
float:left;
display:block;
width:156px;
height:49px;
background:url(../img/nz_menu.gif);
background-position:top left;
}

.Menu a.neighbour:link, .Menu a.neighbour:visited{
float:left;
display:block;
width:157px;
height:49px;
background:url(../img/neighbour_menu.gif);
background-position:bottom left;
}

.Menu a.neighbour:hover, .Menu a.neighbour:active{
background-position:top left;
}

.Menu a.neighbour_active:link, .Menu a.neighbour_active:visited, .Menu a.neighbour_active:hover, .Menu a.neighbour_active:active{
float:left;
display:block;
width:156px;
height:49px;
background:url(../img/neighbour_menu.gif);
background-position:top left;
}

.Menu a.love:link, .Menu a.love:visited{
float:left;
display:block;
width:174px;
height:49px;
background:url(../img/love_menu.gif);
background-position:bottom left;
}

.Menu a.love:hover, .Menu a.love:active{
background-position:top left;
}

.Menu a.love_active:link, .Menu a.love_active:visited, .Menu a.love_active:hover, .Menu a.love_active:active{
float:left;
display:block;
width:174px;
height:49px;
background:url(../img/love_menu.gif);
background-position:top left;
}

.copyright{
position:absolute;
text-align:right;
width:97%;
z-index:6800;
font-size:10px;
bottom:15px;
left:0px;
color:#666;
}

/* Footer 
-----------------------------------------------------------------------------*/

.Footer{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999;
line-height:16px;
}

.Footer a:link, .Footer a:visited{
text-decoration:none;
color:#000000;
}
.Footer a:hover, .Footer a:active{
text-decoration:none;
color:#FF800D;
}

.Box{
width: 230px;
height:277px;
background:url(../img/box.png) no-repeat;
float:left;
padding:16px;
}

p {
font-size:12px;
line-height:20px;
color:#888;
margin:9px 0px;
text-align:left;
}

p.desc {
font-size:11px;
line-height:16px;
color:#888;
margin:0px;
text-align:left;
}

p img{
vertical-align:middle;
}

.title{
font-size:13px;
}
.tn{
margin-left:5px;
}

.blue{
color:#5499bb;
}

table.list td{
text-align:left;
font-size:11px;
line-height:18px;
padding:2px;
vertical-align:top;
color:#888;
}

.bigbox_top{
width:816px;
height:13px;
background:url(../img/big_box_top.gif) no-repeat top left;
}
.bigbox_mid{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
width:786px;
height:auto;
background:url(../img/big_box_mid.gif) repeat-y;
padding: 10px 15px;
}
.bigbox_bot{
width:816px;
height:13px;
background:url(../img/big_box_bot.gif) no-repeat top left;
}


table.news {
	font-family:Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#999;
}

a:link, a:visited{
color:#999;
text-decoration:none;
}

a:hover, a:active{
color:#333;
text-decoration:none;
}



.bullets{
width: 325px; padding-left:55px; text-align:left; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:5px; padding-bottom:10px; line-height:15px;
}

.title{
font-family:Arial, Helvetica, sans-serif;font-size:21px; padding-bottom:5px;
}

.subtitle{
font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#bb; padding-bottom:10px; font-weight:bold;
}

.divider{
padding-left:55px;
}


.grey999{
color:#999;
}
.grey666{
color:#666;
}
.greyccc{
color:#ccc;
}
.style1 {color: #006699}
.aurora{
position:absolute;
top:0;
right:0;
border:0;
}

.grey-left{
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
line-height:15px; 
color:#ddd;
padding:5px 22px;
text-align: justify;
}

a.greybg_link:link, a.greybg_link:visited{
font-size:12px;
color:#FFF;
font-weight:bold;
text-decoration:none;

}

a.greybg_link:hover, a.greybg_link:active{
color:#000;
font-weight:bold;
text-decoration:none;
}

a.greybg_biglink:link, a.greybg_biglink:visited{
font-size:14px;
color:#FFF;
font-weight:bold;
text-decoration:none;

}

a.greybg_biglink:hover, a.greybg_biglink:active{
color:#000;
font-weight:bold;
text-decoration:none;
}