body {
background-color:#F0F0F0;
height: 100%; margin: 0; padding: 0; 
font-size:12pt;
font-family: sans-serif, verdana}

.page{
width:100%;
height:100%;
text-align:center;
position:absolute;
left:0;
top:0;
margin:0;
padding:0;
z-index:10;
}

#main_content{
margin:auto;
display:inline;
}

#main_content.text {
display:block;
text-align:left;
//background:url(http://www.stevenleong.com/resources/trans50.png);
padding:0px 10px 5px 8px;
width: 60%;
height:70%;
overflow:auto;
text-shadow: 1px 1px 2px #A0A0A0;
border : 1px solid #C0C0C0;
//font-weight:bold;
}

#main_content.text strong {
font-style: italic;
font-weight: bolder;
font-size : 20pt;
font-family: cursive, verdana;
letter-spacing : 1.5pt;
}

#main_content .dropmenudiv{
display:inline;
visibility:visible;
position:static;
background:transparent;
border:0px;
}

#main_content .dropmenudiv a{
display:inline;
}

#background-slideshow{
position:absolute;
left:0;
top:0;
z-index:-10;
//background:url(http://www.stevenleong.com/resources/logo_sm.png) repeat bottom right;
background:#FFFFFF url('http://www.stevenleong.com/resources/wbg.jpg') repeat bottom right fixed;
//background-position:bottom right;
height:100%;
width:100%;
}

#slideshow_holder{
background:url(http://www.stevenleong.com/resources/loader.gif);
background-repeat:no-repeat;
background-position:center center;
width:800px;
height:450px;
display:block;
margin:auto;
}

#slideshow {
display:block;
}

.header{
display:block;
width:100%;
margin-bottom:5px;
//visibility:hidden;
}

.footer{
//color:#E0E0E0;
position:absolute;
bottom:10px;
left:10px;
text-shadow: 1px 1px 1px #808080;
}

.footer a{
color:#202020;
}

.footer a:hover{
color:#808080;
}



h1 {
text-shadow: 2px 2px 2px #FFFFFF;
margin: 0 2px 2px 2px;
font-size:32pt;
}

#small_print{
font-size:10pt;
font-style:italic;
text-shadow: 0 0 0;
}

#main_content.home{
display:block;
width:555px;
margin:auto;
padding:0;
}

.home li{
display:block;
float:left;
width:175px;
height:100px;
background:url(http://www.stevenleong.com/resources/trans50.png);
list-style:none;
margin:0;
padding:5px;
}

.home li a, .home li a.hover{
text-shadow: 2px 2px 2px #000;
font-style: italic;
font-weight: bold;
font-size : 12pt;
font-family: cursive, verdana;
display:block;
height:100%;
width:100%;
text-decoration:none;
margin:0;
padding:0;
}

.home li a{
color:white;
border:1px solid gray;
}

.home li a:hover{
color:#E0E0E0;
border:1px solid white;
}

#home_1 a{
background:url(http://www.stevenleong.com/resources/h1.jpg);
}

#home_1 a:hover{
background:url(http://www.stevenleong.com/resources/h1b.jpg);
}

#home_2 a{
background:url(http://www.stevenleong.com/resources/h2.jpg);
}

#home_2 a:hover{
background:url(http://www.stevenleong.com/resources/h2b.jpg);
}

#home_3 a{
background:url(http://www.stevenleong.com/resources/h3.jpg);
}

#home_3 a:hover{
background:url(http://www.stevenleong.com/resources/h3b.jpg);
}

#home_title {
text-shadow: 2px 2px 2px #FFFFFF;
font-size:22pt;
padding:40% 0 0 0;
margin:0;
}

#wed{
width:545px;
//width:100%;
margin:0px;
//padding:0px;
}

#wed a{
background:url(http://www.stevenleong.com/resources/w1.jpg);
}

#wed a:hover{
background:url(http://www.stevenleong.com/resources/w1b.jpg);
}


.usr_agent {
display:block;
position:absolute;
top:5px;
right:5px;
font-size:8pt;
z-index:1000;
text-shadow: 1px 1px 1px #FFFFFF;
}

#loading{
display:block;
background:red;
height:50px;
width:150px;
//margin-auto;
color:white;
position:absolute;
z-index:-1;
right:0;
top:0;
}

#bg-img{
position:absolute;
right:0;
bottom:0;
z-index:-20;
width:100%;
height:auto;
}

#bg-logo{
position:absolute;
z-index:-19;
bottom:0px;
right:0px;
}


/* =Responsive Structure
----------------------------------------------- */
@media (max-width: 900px) {
	/* keep the sidebar - this edit is for right sidebar only */
        .page, body, #background-slideshow{
           min-width:900px;
        } 
        #main_content .text{
	   min-width: 700px;
         }
}

@media (max-height: 800px) {
	/* keep the sidebar - this edit is for right sidebar only */
        .page, body, #background-slideshow{
           min-height:800px;
        } 
        #main_content .text{
	   min-height: 600px;
         }
}

#about_pic{
         float:left;
         margin:10px;
         //padding:5px;
         border : 1px solid black;
}

#main_content.text{
/* RGBa with 0.6 opacity */
//background: #FFFFFF;
//background: rgba(255, 255, 255);
background: rgba(230, 230, 230, 0.75);

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#15000000, endColorstr=#15000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#15000000, endColorstr=#15000000)";
}

#main_content a{
font-weight:bold;
}

#main_content #address p{
margin:0px;
text-align:center;
font-weight:bold;
}

#main_content #address #gps{
font-weight:normal;
font-size:8pt;
}