/*
Theme Name: Trio Asia
Theme URI: http://www.trioasia.com.hk
Description: Custom theme developed for Trio Asia Limited
Author: ORMedia
Author URI: http://www.ormediagroup.com
Version: 1.0
Tags: Green

License:
License URI:

General comments (optional).
*/
html {
	height:100%;
}
body {
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	min-height:100%;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	color:#333;
	font-size:13px;
 	line-height:120%; 
}
*:focus
{
    outline: none;
}
.bluetext {
	color:#189fc2;
}
.redtext {
	color:#ff0000;
}
.greentext {
	color:#0278aa;
}
.whitetext {
	color:#ffffff;
}
.boldtext {
	font-weight:bold;
}
.justifytext {
	text-align:justify;
}
.mediumtext {
	font-size:140%;
}
.largetext {
	line-height:120%;
	font-size:240%;
}
.extralargetext {
	font-size:270%;
}
a img {
	border:0;
}
.hide {
	display:none;
}
/***********************************/
/*   Begin Customer  Styles        */
/***********************************/
div.bg {
	width:100%;
	height:100%;
	position:fixed;
	z-index:0;
	left:0px;
	top:0px;
}
img.bg {
	width:100%;
	height:100%;
}
div.fg {
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	z-index:1;
}
.topbar {
	height:8px;
	color:#3a3a3a;
	background-color:black;
	width:100%;
}
.content {
	position:relative;
	width:900px;
	padding:0;
	margin:auto;
	background-color:white;
}
.logo {
	width:410px;
	height:175px;
	position:absolute;
	top:20px;
	left:-80px;	
}
#content {
	height:100%;
}
.copyright {
	background-color:white;
	padding:10px;
	font-size:0.8em;
	color:#9c9c9c;
}
.copyright a {
	color:#9c9c9c;	
}
/************** menu ********************/
.menu-mainnavnew-container  {
	position:absolute;
	left:200px;
	top:70px;
	padding-left:50px;
	padding-right:22px;
	height:38px;
	background:url(images/nav1.png) no-repeat right center;
}
.menu-mainnavnew-container ul{
	margin:0;
	background:url(images/nav2.jpg) repeat-x;	
	padding-top:10px;
	padding-bottom:10px;	
}
.menu-mainnavnew-container li {
	list-style:none;
	display:inline;	
	padding-left:20px;
	padding-right:20px;	
	border-right:1px #dfdfdf solid;
	position:relative;
}
.menu-mainnavnew-container li div.menubg{
	width:100%;
	position:absolute;
	height:100%;
	background:url(images/rollover.png) center top;
}
.menu-mainnavnew-container li#menu-item-44, .menu-mainnavnew-container li#menu-item-17{
	border-right:none;
}
.menu-mainnavnew-container li a{
	color:white;
	text-decoration:none;
	text-shadow:1px 1px 1px;
}
.menu-mainnavnew-container .sub-menu {
	display:none; 
	position:absolute;
	top:18px;
	width:150px;
	left:0px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0;
	padding-left:0px;
	padding-right:0px;
}
.menu-mainnavnew-container .sub-menu li{
	display:block;
	padding:10px;
	border-right:none;
	border-top:1px #9c9c9c inset;
	background:url(images/nav2.jpg) repeat-x;	
}
.menu-mainnavnew-container .sub-menu li a{
	text-shadow:none;
}
/************ products **************/
.productpage {
	position:relative;
	padding-top:80px;
	background-color:white;
}
.gallerycontainer {
	position:relative;
	padding:40px 30px 30px 30px;
	overflow:hidden;
	width:840px;
	height:380px;
	background-color:#f0f0f0;
}
div.gallery {
	width:100%;
	overflow:hidden;
	min-height:500px;
}
div.gallery img{
	width:900px;
	height:auto;
	
}
div.gallery div.desc {
	position:absolute;
	text-align:justify;
	width:250px;
	height:auto;
	top:250px;
	padding:10px;
	background-color:black;
	color:white;
	font-size:90%;
	box-shadow:2px 2px 2px #1c1c1c;
	-webkit-box-shadow:2px 2px 2px #1c1c1c;
	-moz-box-shadow:2px 2px 2px #1c1c1c;	
}
div.gallery div.loading {	
	width:900px;
	height:390px;
	background:transparent url(images/loading.gif) no-repeat center center;
	position:absolute;
	left:0px;
	top:0px;
	z-index:99;	
}
.productgallery div.ngg-gallery-thumbnail img {
	float:left;
	height:60px !important;
	width:80px !important;	
	margin:0 !important;
}
div.productgallerywrapper {
	width:900px;
/*	position:fixed;
	z-index:100;
	width:100%;
	height:122px;
	bottom:0px;
*/	
}
.productcard {
	background-color:#3a3a3a;
	padding:20px;
	width:200px;	
	position:absolute;
	left:-50px;
	top:200px;
}
.productcard .title {
	font-size:120%;
	color:white;
	border-bottom:1px #dfdfdf solid;
}
.productcard .desc {
	margin-top:10px;	
	color:#dfdfdf;
}
div.ngg-galleryoverview.productgallery {	
/*	width:900px; */
/*	padding-left:50px;
	padding-right:50px;	
*/
	width:880px;
	padding-left:20px;	
/*	height:97px; */
	padding-top:10px;
	padding-bottom:10px;
	margin-left:auto;
	margin-right:auto;
/*	padding-top:15px; 
	padding-bottom:5px; */
/*	bottom:0px; */
/*	background:url(images/thumbBar.png) no-repeat left bottom; */
}
.productgallery div.ngg-gallery-thumbnail {
/*	margin-top:10px;*/
	margin-right:10px;
	margin-left:10px;
	opacity:0.6;
}
.productgallery div.ngg-gallery-thumbnail:hover {
	opacity:1.0;
}
.productgallery div.ngg-gallery-thumbnail .desc{
	float:left;
	display:none;
	font-size:80%;
	color:#dfdfdf;	
}
.homepage {
	position:relative;
	padding-top:80px;
}
.homegallerycontainer {
	position:relative;
	padding:40px 30px 30px 30px;
	overflow:hidden;
	width:840px;
	height:380px;
	background-color:#f0f0f0;
}
.homegallerynav {
	position:absolute;
	right:20px;
	bottom:10px;	
}
.homegallerynav div.ngg-gallery-thumbnail  {
	margin-right:10px;
}
.homegallerynav div.ngg-gallery-thumbnail img {
	width:9px !important;
	height:9px !important;
	padding:0px !important;
	margin:0px !important;
	border:0px !important;
	
}
.home-description {	
	background-color:white;
	padding:0px 20px 20px 20px;
	font-size:80%;
	text-align:justify;
}
.home-descriptionbox-top {
	width:100%;
	height:10px;
	background:url(images/topBox.png) no-repeat left top;
}
.home-descriptionbox-body {
	background:url(images/box.jpg) repeat left top;
	width:90%;
	height:115%;
	padding: 5% 5% 15% 5%;
}

/********** Contact **************/
div.contactpage {
	background:#dceaf3;
	padding-left:5%;
	padding-right:5%;
	width:90%;
}
form#msg {
	margin-top:30px;
	padding-bottom:175px;
}
form#msg input {
	border:0;
	
	width:181px;
	height:25px;
	padding-left:10px;
	padding-right:10px;
}
form#msg .submit {
	border:0;
	background:url(../images/sendButton.png) no-repeat top left;
	width:150px;
	height:39px;
	cursor:pointer;
	margin-right:95px;
	float:right;	
}
form#msg input#submit:hover { 
	background-position:bottom left;
}


form#msg .message{
	width:450px;
	height:119px;
	border:0;
	padding:5px;
	}

.thankyouemail {
	line-height:3em;
	margin-top:20px;
	height:3em;
	padding:1em;
	border:thin ActiveBorder solid;
	color:InfoText;
	background-color:InfoBackground;
	
}