/*set all default value to 0*/
* {margin:0px; padding:0px;}

html {
}

body {
font-family:Arial, Helvetica, sans-serif;
line-height: 1.2em;
font-size:10pt;
height:100%;
color:#333;
}

img {border:0px}

/*default paragraph margin*/
p { margin: 0.8em 0;  text-align:justify}

h1 { color:#0c6d28; font-size:13pt; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }

h1 span{ color:#ee1c25; font-size:10pt; font-weight:normal; font-family:Arial, Helvetica, sans-serif;  }

h2 { color:#555; font-weight:bold; font-size:11pt; font-family:Arial, Helvetica, sans-serif; line-height:1.2em }

h3 { color:#015382; font-size:18pt; font-family:Arial, Helvetica, sans-serif; margin-bottom:-8px; margin-top:10px }

h4 { color:#999; font-size:9pt; font-family:Arial, Helvetica, sans-serif; margin-bottom:-4px; margin-top:6px }

h5 { color:#999; font-size:9pt; font-family:Arial, Helvetica, sans-serif; margin-bottom:-4px; margin-top:6px }

/*to clear float drop*/
div.cleaner { clear: both; width: 100%; height: 2px; }

/*mimic horizontal rule*/
div.divpro { background:#c2c2c2; color:#d9d9d9; height:1px; margin:15px 0px;}

div#headerwrapper {
width: 100%;
margin: 0 auto;
padding:30px 0px 1px 0px;
}

div#header {
width:952px;
margin: 0 auto;
padding:0px 24px;
}

div.uqslogo {
width:85px;
height:95px;
float:left;
display:inline;
}


div#navigroup {
width:822px;
float:right;
display:inline;
padding:90px 0px 10px 45px;
background:url(../Image/navigation/imgnavibkg.jpg) no-repeat bottom;
}

div#adswrapper {
width: 100%;
margin: 0 auto;
padding:0px 0px 15px 0px;
overflow:hidden;
background:url(../Image/imgbodybkg.jpg) no-repeat center;
}

div#flashhd {
width:952px;
height:364px;
margin: 0 auto;
background:#fff;
}

div#naviservices {
width:952px;
height:36px;
margin: 10px auto;
background:url(../Image/imgnaviservicesbkg.png) repeat-x;
}

div#naviservices ul li {
list-style-type:none;
float:left;
display:block;
margin:0px 3px 0px 0px;
padding:5px 0px 0px 0px;
}

div#naviservices ul li span {
color:#FFF;
font-size:11pt;
font-weight:bold;
display:block;
height:22px;
padding:6px 22px 0px 0px;
}

div#naviservices ul li a:hover span {
background:url(../Image/imnaviserviceshoverright.png) no-repeat right;
}

div#naviservices ul li a {
text-decoration:none;
display:block;
height:28px;
padding:0px 0px 0px 22px;
}

div#naviservices ul li a:hover {
background:url(../Image/imnaviserviceshoverleft.png) no-repeat;
}

div#infopanel {
width:952px;
overflow:visible;
margin: 0 auto;
}

div.panel01 {
display:inline;
float:left;
width:286px;
height:150px;
border:1px #c5c4c4 solid;
padding:10px;
background: #FFF url(../Image/imginfopanelbkg.png) repeat-x bottom;
font-size:8pt;
}

div.panel02 {
display:inline;
float:left;
width:285px;
height:150px;
margin:0px 0px 0px 15px;
border:1px #c5c4c4 solid;
padding:10px;
background: #FFF url(../Image/imginfopanelbkg.png) repeat-x bottom;
}

div.panel02 ul {
margin:10px 0px 0px 0px; list-style-position:outside;
}

div.panel02 ul li {
list-style-type:none; list-style-position:outside;
padding:0px 0px 5px 0px; font-size:8pt;
}

div.panel02 ul li a {
color:#333; display:block;
text-decoration:none;
padding:0px 0px 0px 14px; background:url(../Image/btnlearnmore.png) no-repeat left 3px; 
}

div.panel02 ul li a:hover {
color:#CCC;
text-decoration:underline
}


div.panel03 {
display:inline;
float:right;
width:285px;
height:150px;
margin:0px 0px 0px 15px;
border:1px #c5c4c4 solid;
padding:10px;
background: #FFF url(../Image/imginfopanelbkg.png) repeat-x bottom;
}

div.cap01 {
float:left;
display:inline;
width:80%;
}

div.cap02 {
float:right;
display:inline;
width:20%;
text-align:right;
}

div#footerwrapper {
width: 100%;
margin: 0 auto;
}

div#footer {
width:952px;
padding:0px 24px 20px 24px;
margin: 0px auto;
font-size:8pt;
color:#666
}

div#footer02 {
border-top:#cbcbcb 1px solid;
width:952px;
padding:10px 0px 20px 0px;
margin: 0px auto;
font-size:8pt;
color:#666
}

div#footer span, div#footer02 span {
color:#CCC
}

div.captionbar {
clear:both;
border-bottom:1px #c5c4c4 solid;
padding:16px 0px 6px 0px; width:100%;
}

div.capbr01 {
float:left;
display:inline;
width:338px; padding:0; 
}

div.capbr02 {
float:right;
display:inline;
width:338px;
text-align:right; padding:0;
}

div.capbr02 ul li{
list-style-type:none;
float:right;
display:block;
padding:0px 0px 0px 10px;
}

div.capbr02 ul li a {
text-decoration:none;
color:#666
}

div.capbr02 ul li a:hover {
text-decoration:none;
color:#ccc
}

div.capbr02 a.currentindi {
color:#f11d25
}

div.capbr02 ul li a span {
display:block;
padding:0px 14px 0px 0px;
background:url(../Image/imgindibullet.jpg) no-repeat right;
}

span.uqsspan {
font-size:10pt;
font-weight:bold;
text-decoration:underline;
}

/*Spanlogic.com hyperlink style declaration*/
a.span_link:active, a.span_link:visited, a.span_link:link {
text-decoration:none;
color:#ccc;
}

a.span_link:hover {
text-decoration:underline;
color:#000;
}

/*add by yc*/
div#contentwrapper {
width: 100%;
margin: 0 auto;
padding:0px 0px 0px 0px;
overflow:hidden;
}

div#noflashhd {
width:952px;
height:70px;
margin: 0 auto;
background:#fff;
}

div#content
{
   width:952px;
    overflow:visible;
    margin: 0 auto;	
}

div#leftcol
{ 
    float:left; display:inline;
    width:250px;
    margin:15px 0px 0px 0px;
    padding:0px 0px;   
    min-height:200px; 
}

div#rightcol
{
    float:right; display:inline;
    width:677px;
    margin:15px 0px 0px 0px;
    padding:0px 0px 10px 25px;   
}

div.breakline
{ 
    width:100%; height:1px; clear:both;
    background:#cbcbcb; border-top:solid 0px #ededed; margin:10px 0px 20px 0px;
}

div.breakline02
{ 
    width:100%; height:1px; clear:both;
    background:#cbcbcb; border-top:solid 0px #ededed; margin:1.2em 0px 24px 0px;
}
div.breakline03
{ 
    width:100%; height:1px; clear:both;
    background:#cbcbcb; border-top:solid 0px #ededed; margin:0px 0px 0px 0px;
}
/*under construction*/
div.tmpcol
{   
    width:657px;    
    padding:10px 10px 60px 10px; 
    margin:0px auto;   
    text-align:center;
}
div.col01
{
    width:675px;     
    padding:0px 0px 120px 0px;
	height:280px;
	margin: 0px;
	background:url(../Image/imgresgroup01.jpg) no-repeat;
	background-position:left bottom;    
    font-size:9pt;     
}
div.col011
{
    width:677px;       
    padding:0px 0px 0px 0px;	
	margin:0px;
	/*height:212px;
    background:url(../Image/imgcondeco01.jpg) no-repeat;
	background-position:right bottom; */
    font-size:9pt;     
}
div.col012
{
    width:677px;     
    padding:20px 0px 120px 0px;
	margin:0px;
	background:url(../Image/imgpservdeco01.jpg) no-repeat;
	background-position:10px 80px; 
    font-size:9pt;     
}
div.col013
{
    width:677px;        
    padding:20px 0px 20px 0px;
	margin:0px;
    font-size:9pt;   
}
div.col02
{
    width:627px;    
    border:1px #c5c4c4 solid;
    padding:10px 25px; 
    background: #FFF url(../Image/imginfopanelbkg.png) repeat-x bottom;
    font-size:9pt;  
    margin:0px 0px 15px 0px;   
}
div.col022
{
    width:627px;    
    border:1px #c5c4c4 solid;
    padding:10px 25px; 
    background: #FFF url(../Image/imginfopanelbkg.png) repeat-x bottom;
    font-size:9pt;  
    margin:24px 0px 15px 0px;   
}
div.colcap
{
    width:627px;        
    padding:10px 25px; margin:0px; 
  
}
ul.list01
{
  list-style-type:none; list-style-position:outside; margin:20px 0px 20px 200px;
}
ul.list01 li
{
   background:url(../Image/imgbullet01.png) no-repeat 0px 4px; padding:0px 0px 6px 18px;
}

ul.list04
{
  list-style-type:none; list-style-position:outside; margin:20px 0px 20px 225px;
}
ul.list04 li
{
   background:url(../Image/imgbullet01.png) no-repeat 0px 4px; padding:0px 0px 6px 18px;
}

ul.list03
{
  list-style-type:none; list-style-position:outside; margin:0px 0px 20px 225px;
}
ul.list03 li
{
   background:url(../Image/imgbullet01.png) no-repeat 0px 4px; padding:0px 0px 0px 15px;
}
ul.list03 li ul {
	margin:8px 0px 0px 5px;
}
ul.list03 li ul li
{
   background:url(../Image/imgbullet02.png) no-repeat 0px 4px;
   list-style-type:none;
   padding:0px 0px 6px 18px;
} 

ul.list02
{
  list-style-type:none; list-style-position:outside; 
}
ul.list02 li
{
   padding:0px 0px 8px 0px; font-weight:bold;
}
ul.list02 li ul
{
  list-style-type:none; list-style-position:outside; 
}
ul.list02 li ul li
{
  font-weight:normal;background:url(../Image/imgbullet01.png) no-repeat 0px 4px; padding:0px 0px 2px 18px;
}
 
/*about*/
div.aboutleft
{     
    float:left; display:inline;
    width:309px;    
    border:1px #c5c4c4 solid;
    padding:10px; margin:15px 0px;
    background: #FFF url(../Image/imginfopanelbkg.png) repeat-x bottom;
    font-size:9pt; 
    height:320px;
}

div.aboutleft h1 {
margin-bottom:-10px;
line-height:1.5em;
}

div.aboutleft p.v1 {
/*background:url(../Image/imgdeco02.png) no-repeat;
background-position:5px bottom;*/
display:block;
height:70px;
border-bottom:1px #c5c4c4 solid;
}

div.aboutleft p.v2 {
/*background:url(../Image/imgdeco03.png) no-repeat ;
background-position:5px bottom;*/
display:block;
height:60px;
border-bottom:1px #c5c4c4 solid;
}

div.aboutleft p.v3 {
/*background:url(../Image/imgdeco04.png) no-repeat ;
background-position:5px bottom;*/
display:block;
height:50px;
}

div.aboutright
{
    float:right; display:inline;
    width:308px;    
    border:1px #c5c4c4 solid;
     padding:10px;  margin:15px 0px 15px 0px;
    background: #FFF url(../Image/imginfopanelbkg.png) repeat-x bottom;    
    font-size:9pt;  height:320px;
} 
div.aboutright ul
{    
  list-style-type:none; color:#ee1c25; 
   margin: 0;
} 
div.aboutright ul li
{    
  padding:0.8em 0px 5px 0px; font-weight:bold; 
} 

div.aboutright ul li ul
{    
  list-style-type:none; color:#000; margin: 0;    
} 
div.aboutright ul li ul li
{    
  padding:2px 0px 0px 0px; font-weight:normal; font-size:8pt;
} 
/*end about*/

/*start contact*/
table.tbcontactinfo
{
    width:100%; border-collapse:collapse; margin:15px auto;
}
table.tbcontactinfo td
{
     text-align:left; padding:0 0 20px 0;  vertical-align:top; margin:20px 0 0 0;
}
table.tbcontactinfo td.tdmap
{
     text-align:left; padding:0 0 20px 0;  vertical-align:top;
}
div.map{ border:solid 1px #ccc; background:#f3f3f3; padding:4px;
    position: relative;
	display: block;
	height:280px;
	width: 400px;
    }

div.map cite {
	background: #111;
	filter:alpha(opacity=55);
	opacity:.55;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 390px;
	padding: 5px;
	border-top: 1px solid #999; text-align:center; color:#fff;
}
div.map cite a{
	color:#fff; font-weight:bold; text-decoration:none; 
}
table.tbadd
{
   border-collapse:collapse; margin:0px;
}
table.tbadd th span
{
    color:#333; font-weight:bold; text-align:left; font-size:10pt;
}
table.tbadd th
{
    color:#333; font-weight:bold; text-align:left; font-size:8pt; padding:0px 28px 4px 0px; vertical-align:top;
}
table.tbadd td
{
    color:#333; font-weight:normal; text-align:left; font-size:8pt;  padding:0px 0px 4px 0px; vertical-align:top;
}
table.tbadd td a
{
    color:#333; font-weight:normal; text-align:left; font-size:8pt; text-decoration:none;
}
table.tbadd td a:hover
{
    color:#ccc; font-weight:normal; text-align:left; font-size:8pt;  text-decoration:underline;
}
table.tbenquiry th {
text-align:left;
font-weight:bold;
padding:0px 0px 4px 0px;
vertical-align:top;
width: 180px;
}
table.tbenquiry td {
text-align:left;
font-weight:normal;
padding:0px 0px 4px 0px;
}
table.tbenquiry textarea, .textinput {
width:450px;
}
.button {
width:80px;
}

/*gallery*/
div#flashgallery
{
    width:677px;  height:600px
}

/*gallery*/


/*sidemenu*/
div#leftcol ul{
background:url(../Image/imgleftprojects.jpg) no-repeat top left; height:610px;
list-style-type:none;
margin-bottom:0px;
padding:10px 0px 0px 0px;
z-index:100;
}

div#leftcol ul li a {
display:block;
height:34px;
padding:14px 0px 0px 30px;
text-decoration:none;
font-size:11pt;
color:#fff;
}


div#leftcol ul li a:hover, div#leftcol ul li a.currentside{
display:block;
height:34px;
text-decoration:none;
color:#333;
font-weight:bold;
padding:14px 0px 0px 30px;
background:url(../Image/imgnavisidebkg.png) no-repeat;
}
/*end sidemenu*/

div.news
{
    margin:0 0 0px 0;
}
div.newscaption a 
{
    display:block; text-decoration:none;  padding:8px; color:#555; font-weight:bold; font-size:10pt; font-family:Arial, Helvetica, sans-serif; line-height:1.2em;
    overflow:auto; background:transperant;
}
div.newscaption a:hover 
{
    display:block; color:#000;  text-decoration:underline;  background:#f1f2f2;
}
span.newsdate
{
  float:left; width:150px;  
}
span.newstitle 
{
  float:right;  width:450px; text-align:left; 
}

div.news div.gallery img
{
  margin:0 20px 20px 0; border:solid 2px #ddd; background:#f2f2f2; padding:3px;
}

div#rightcol02
{
    width:952px;
    margin:15px 0px 0px 0px;
    padding:0px 0px 10px 0px;
}