* {margin:0;padding:0}
/* mac hide \*/
* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { 
text-align:center;
min-height:500px;/* for good browsers*/
min-width:800px;/* for good browsers*/
background-color: #988788;
font-size: 80%;
font-family: Verdana, Arial, Sans-Serif;
color:#555;
}

#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}

#outer2 {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height:500px
}

strong {
	font-weight: bold;
	color: #444;
}

a {color:#988788;
text-decoration:none}
a:hover {color:#660033}
a:active {color:#326822;}

h1 {
font-size: 1.6em;
font-weight: normal;
font-family: Verdana, Arial, Sans-Serif;
padding: 15px 15px 10px 15px;
margin:0px;
}

h2 {
font-size: 1em;
font-weight: normal;
padding: 25px 0 0 25px;
margin: 0;
}

h3 {
font-size: 0.95em;
font-weight: normal;
color: #fff;
background-color: #326822;
padding:5px 15px;
margin:0px;
}
h4 {
font-size: 1em;
font-weight: lighter;
font-style: italic;
padding: 10px 0 0 25px;
margin:0px;
}
h6 {
font-size: 1em;
padding: 25px 0 0 25px;
margin:0px;
}



/* ----------container to center the layout---------- */
#container {
	background-color: #988788;
	width: 780px;
	padding:15px 15px 15px 15px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	height: 550px;
	vertical-align:middle;

} 


/* --------------top navi------------- */
#logo {
float:left;
}

#topnav {
background-color: #988788;
margin: 0 0 2px 0;
height:33px;
}

#topnav ul {
list-style: none;
margin: 0px;
padding: 10px 0 0 0;
text-align: right;
}

#topnav li {
display:inline;
}

#topnav img {
float:left;
}

#topnav a:link, #topnav a:visited {
padding: 0px 15px 0px 40px;
font-size: 0.85em;
color: #fff;
text-decoration: none;
}

#topnav a:hover {
color: #ccff00;
}

.active {
color:#fff;
}

/* ----------------- main ------------------- */
/* A container for left and content with background colour that
   shines through the left layer */
#wrapper {
	background-color: #fff;
	height:350px;
	margin:0px;
	padding: 15px;
	text-align:left;
}

/* --------------left navi------------- */


 #left {
 background-color: #fff;
 padding:0px;
 margin-right:0px;
 border:0px;
 }
 
 #left img {
 border:0px;
 margin:0px;
 padding:0px;
 }
 
.table {
background-color:#ebdfdf;
}



/* -----------------content--------------------- */
#content{
	background-color: #ebdfdf;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float:right;
	padding:0px;
}
 

p{
	padding: 5px 15px 0 15px;
	margin: 0px;
	font-size: 0.9em;
	line-height: 1.4em;
	text-decoration: none;
}

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

#content a:hover {
color:#990033;
}
#content img {
border:solid 6px #fff;
text-decoration:none;
}


/*  ----------------main---------------------- */ 

#main {
	height:350px;
	position:relative;
	background-repeat:no-repeat;
	background-color: #ebdfdf;
}


#straplinenw{
	position:absolute;
	background-color:none;
	width: 451px;
	left: 10px;
	top: 10px;
	text-align:left;
}
#straplinene{
	position:absolute;
	background-color:none;
	width: 739px;
	left: 10px;
	top: 10px;
	text-align:right;
}
#straplinese{
	position:absolute;
	background-color:none;
	width: 739px;
	left: 10px;
	bottom: 10px;
	text-align:right;
}
#straplinesw{
	position:absolute;
	background-color:none;
	width: 739px;
	left: 10px;
	bottom: 10px;
	text-align:left;
}

#overtext{
	position:absolute;
	background-color:none;
	width: 225px;
	right: 0px;
	top: 10px;
	text-align:left;
}

#overtext p{
color:#FFFFFF;
padding: 0 15px 0 15px;
}

#overtext ul{
padding-left: 30px;
font-size:0.9em;
}

#overtext li{
color:#FFFFFF;
}

#overtext h1{
color:#FFFFFF;
}

#construction{
	position:absolute;
	background-color:none;
	width: 730px;
	left: 10px;
	top: 10px;
	text-align:left;
}

#construction p{
padding: 0 15px 0 15px;
}


.tablepics{
border:solid 6px #fff;
text-decoration:none;
}

.testimonial{
padding:15px 15px 0 15px;
}

.client{
font-size:0.8em;
padding: 3px 15px 0 15px;
}

/*  ----------------lownav---------------------- */ 
#lownav {
clear: both;
padding: 0px;
margin:none;
text-align: center;
font-size:0.8em;
}

#lownav ul {
list-style: none;
margin: 0px;
padding: 7px 0 7px 0;
text-align:center;
}

#lownav li {
display: inline;
}


#lownav a:link, #lownav a:visited {
	padding: 7px 25px 7px 25px;
	color: #333333;
	text-decoration: none;
}

#lownav a.lemonhover:hover{
background-color:#eeee2e;
}

#lownav a.limehover:hover{
background-color:#bbe901;
}
#lownav a.orangehover:hover{
background-color:#FFB73F;
}

#lownav a:hover, #lownav a:active {
color:#333333;
background-color:#fff;
}

.active {
background-color:#fff;
}

.lime {
background-color:#ccff00;
}

.lemon {
background-color:#FFFF33;
}

.orange {
background-color:#FFCC33;
}

.strawberry {
background-color:#FF3366;
}


/*  ----------------footer---------------------- */ 
#footer {
clear: both;
margin:0;
padding: 35px 0 0 0;
text-align: center;
}
#pagenav {
clear:both;
	color: #FFFFFF;
	margin-top:10px;
}

#pagenav ul {
list-style: none;
margin: 0px;
padding: 0;
text-align: right;
vertical-align:bottom;
}

#pagenav li {
display: inline;
}

#pagenav strong{
font-weight: bold;
}

.limetext{
color:#ccff00;
}

.lemontext{
color:#ffff33;
}

.orangetext{
color:#ff9933;
}

#pagenav a:link, #pagenav a:visited {
padding: 0px 15px 0px 15px;
font-size: 0.85em;
color: #fff;
text-decoration: none;
}

#pagenav a.lemontext:hover {
color: #ffff33;
}

#pagenav a.limetext:hover {
color: #ccff00;
}

#pagenav a.orangetext:hover {
color: #ffCC33;
}

.pagenavborder {
border-left:solid 1px #fff;
}


/*  ----------------calendar---------------------- */ 

#calendar p{
	padding: 0px 0px 0px 15px;
	margin: 0px;
	font-size:1.0em;
	color:#342d2d;
	text-decoration: none;
}

#calendar a:link, #calendar a:visited {color:#660033;
text-decoration:none}
#calendar a:hover {color:#990033}
#calendar a:active {color:#990033}

#calendartextbox{
	position:absolute;
	background-color:none;
	width: 300px;
	left: 10px;
	top: 75px;
	text-align:left;
	}

.footnotetext{
font-size:0.7em}
/*  ----------------picsets---------------------- */ 
#picsettable{
	position:absolute;
	background-color:none;
	left: 165px;
	bottom: 32px;
	text-align:left;
	}
	
#picsettable img{
padding:5px;
}	
	
#picsetmain{
position:absolute;
background-color:none;
width:250px;
height:300px;
right:32px;
top:25px;
}

#picsetnav{
	position:absolute;
	background-color:none;
	left: 20px;
	bottom: 32px;
	text-align:left;
	height: 205px;
	}

#picsetnav ul {
list-style: none;
margin: 0px;
padding:0;
border-top:1px solid #fff;
}

#picsetnav li {
display:block;
padding:5px 0 5px 0;
}

#picsetnav a:link, #picsetnav a:visited {
padding: 5px 60px 5px 5px;
font-size: 1.0em;
color: #342d2d;
text-decoration: none;
border-bottom:1px solid #fff;
}

#picsetnav a:hover {
color: #990033;
}

#picsetnav a.active {
padding: 5px 60px 5px 5px;
font-size: 1.0em;
color: #990033;
background-color:#fff;
}

#picsetbanner{
position:absolute;
background-color:none;
width:400px;
left:20px;
top:20px;
}

#picsetbanner ul {
list-style: none;
margin: 0px;
margin-top:10px;
}

#picsetbanner li {
display:inline;
}

#picsetbanner a:link, #picsetbanner a:visited {
background-color:#dccece;
padding: 0px 30px 0px 30px;
font-size: 0.9em;
color: #342d2d;
text-decoration: none;
}

#picsetbanner a:hover {
background-color:#FFF;
color: #990033;
}

/*  ----------------logo packages---------------------- */ 
#logopackage .orangetitle{
font-size: 0.8em;
font-weight:bold;
color:#000;
background-color:#FFCC33;
padding-left:10px;
padding-bottom:5px;
}

#logopackage .lemontitle{
font-size: 0.8em;
font-weight:bold;
color:#000;
background-color:#FFFF33;
padding-left:10px;
padding-bottom:5px;
}

#logopackage .limetitle{
font-size: 0.8em;
font-weight:bold;
color:#000;
background-color:#ccff00;
padding-left:10px;
padding-bottom:5px;
}

	
.logo_text{
	width: 220px;
	}
	
#logopackage a:link, #logopackage a:visited {
font-size: 0.9em;
color: #CC0000;
text-decoration: none;
}

#logopackage a:hover {
color:#660000;
}

/*  ----------------exhibition packages---------------------- */ 

#exhibitiontable{
width:520px;
height:350px;
float:right;
margin:12px 12px 0 0;
}

#exhibitiontable p{
padding: 5px 0 0 5px;
	}
	
.display_text{
font-size:0.9em;
	width: 180px;
	}
	
#exhibitiontable .exorangetitle{
font-size: 0.8em;
font-weight:bold;
color:#000;
background-color:#FFCC33;
padding-left:5px;
padding-bottom:5px;
}

#exhibitiontable .exlemontitle{
font-size: 0.8em;
font-weight:bold;
color:#000;
background-color:#FFFF33;
padding-left:5px;
padding-bottom:5px;
}

#exhibitiontable .exlimetitle{
font-size: 0.8em;
font-weight:bold;
color:#000;
background-color:#ccff00;
padding-left:5px;
padding-bottom:5px;
}

#exhibitiontable .exstrawbtitle{
font-size: 0.8em;
font-weight:bold;
color:#000;
background-color:#FF6666;
padding-left:5px;
padding-bottom:5px;
}

#exhibitiontable a:link, #exhibitiontable a:visited {
font-size: 0.9em;
color: #CC0000;
text-decoration: none;
}

#exhibitiontable a:hover {
color:#660000;
}

/*  ----------------pop-up stands---------------------- */ 

#popuptable{
width:700px;
margin:20px 10px 0 20px;
}

#popuptable .exstrawbtitle{
font-size: 1.2em;
font-weight:bold;
color:#000;
background-color:#FF6666;
padding-left:10px;
padding-bottom:5px;
}

#popuptable .exorangetitle{
font-size: 1.2em;
font-weight:bold;
color:#000;
background-color:#FFCC33;
padding-left:10px;
padding-bottom:5px;
}

#popuptable .exlimetitle{
font-size: 1.2em;
font-weight:bold;
color:#000;
background-color:#ccff00;
padding-left:10px;
padding-bottom:5px;
}

#popuptable ul {
list-style:disc;
margin: 0px;
padding:0;
}

#popuptable li {
margin-left:2.5em;
font-size:0.8em;
color:#000000;
display:list-item;
padding:2px 0 2px 0;
}