/* std structure top */

#header{
top: 40px;
width: 800px;
height: 270px;
position: relative;

margin-left: auto;
margin-right: auto;
 
background: url(images/gui/header/title.gif) center top no-repeat;
}

body{
behavior: url("csshover.htc");
padding: 0px;
margin: 0px;
}

#container{
position: relative;
margin: 15px auto 0 auto;
z-index: 30;

width: 800px;
height: 750px;

text-align:center; /* counteract to ie5/win hack */
font-size: 0px;
padding:0px;
}

/* std structure bottom */

/* content config top */

#content{
position: absolute;
top: 240px;
left: 200px; 
z-index: 10;

height: auto;
width: 600px; 

padding: 5px;
font-size: 18px;
text-align:left;
margin: 0px 20px 10px 40px;
}

#historycontent{
position: absolute;
top:560px;
left: 0px; 
z-index: 0;

height: auto;
width: 800px; 

background-color: #ffcc66;


padding: 20px;
font-size: 18px;
line-height:1.0;
text-align:left;
margin: 0px 0px 10px 0px;

border:solid 2px #51290f;
}

#historycontentpicture{
position: absolute;
top: 250px;
left: 220px; 

z-index: 0;

height: 290px;
width: 610px; 

background: #fff url(images/gui/history/ricemonuold5.jpg) scroll center top no-repeat;
border:solid 2px #51290f;
}

#skillscontent{
position: absolute;
top: 250px;
left: 200px; 
z-index: 10;

height: auto;
width: 560px; 

background-color: #ffcc66;


padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;

font-size: 18px;
text-align:left;
margin: 0px 20px 10px 40px;

border:solid 2px #51290f;
}

#skietccontent{
position: absolute;
top: 250px;
left: 200px; 
z-index: 10;

height: auto;
width: 560px; 

background-color: #ffcc66;


padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;

font-size: 18px;
text-align:left;
margin: 0px 20px 10px 40px;

border:solid 2px #51290f;
}

#skipclcontent{
position: absolute;
top: 250px;
left: 200px; 
z-index: 10;

height: auto;
width: 560px; 

background-color: #ffcc66;

padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;

font-size: 18px;
text-align:left;
margin: 0px 20px 10px 40px;

border:solid 2px #51290f;
}

#skiscucontent{
position: absolute;
top: 250px;
left: 200px; 
z-index: 10;

height: auto;
width: 560px; 

background-color: #ffcc66;

padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;

font-size: 18px;
text-align:left;
margin: 0px 20px 10px 40px;

border:solid 2px #51290f;
}

#gallerycontent{
position: absolute;
top: 240px;
left: 220px; 
z-index: 10;

height: auto;
width: 560px; 

background-color: #ffcc66;


padding: 20px;
font-size: 16px;
text-align:left;

border:solid 2px #51290f;
}

#gallerycontent:hover{
z-index: 100}

#testimonialscontent{
position: absolute;
top: 240px;
left: 220px; 
z-index: 10;

height: auto;
width: 560px; 

padding: 20px;
font-size: 16px;

background-color: #ffcc66;

border:solid 2px #51290f;
}

#testimonialscontent:hover{
z-index: 100}

#contactcontent{
position: absolute;
top: 280px;
left: 200px; 
z-index: 10;

height: auto;
width: 560px; 

background-color: #ffcc66;

padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;

font-size: 18px;
text-align:left;
margin: 0px 20px 10px 40px;

border:solid 2px #51290f;
}

/* content config bottom */

/* gallery backend top */

#galarray ul {
list-style: none;}

#galarray{
cursor: default;
list-style: none;
}

#galarray a{
cursor: default;
}

#galarray a .preview{
display: none;
}

#galarray a:hover .preview{
display: block;
position: absolute;
top: -90px;
left: -120px;
z-index: 1;
}

#galarray img{
background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 160px;
height: 120px;
}

#galarray li{
background: #eee;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 5px;
position: relative;
}

#galarray .preview{
border-color: #000;
width: 400px;
height: 300px;
}

#skm img{
width: 160px;
height: 205px;
}

#skm .preview{
width: 400px;
height: 512px;
}
 
/* gallery backend bottom */

/* photo with caption  top*/

.figure {
float: left;
width: 160px;
margin: 5px 9px 4px 9px;
}

.figure p {
font: 1.1em/normal arial, helvetica, sans-serif;
text-align: center;
margin: 5px 0 0 0;
}

.photo img {
border: 1px solid #666;
background-color: #eee;
padding: 5px;
width: 160px;
height: 205px;
}

.shiftr {
margin: 0px 0px 0px 95px;
}

/* photo qith caption bottom */

/* bgp section top */

.indexbgp{background: #000 url(images/gui/background/image10m3b.jpg)  center top repeat-y;}

.gallerybgp{background: #000 url(images/gui/gallery/autumn_tamarack_larchesv2.jpg)  center center repeat-y;}

.galmonbgp{background: #000 url(images/gui/gallery/mon/clearing_by_a_marsh_in_woodv2.jpg)  center center repeat-y;}

.galmonsibgp{background: #000 url(images/gui/gallery/mon/si/lake_minnewankav2.jpg)  center center repeat-y;}

.galmondopg1bgp{background: #000 url(images/gui/gallery/mon/do/forillon_park_canadav2.jpg)  center center repeat-y;}

.galmondopg2bgp{background: #000 url(images/gui/gallery/mon/do/forillon_park_canadav2.jpg)  center center repeat-y;}

.galmonfabgp{background: #000 url(images/gui/gallery/mon/fa/lake_louise_canadav2.jpg)  center center repeat-y;}

.galmarbgp{background: #000 url(images/gui/gallery/mar/pei_sunset1v2.jpg)  center center repeat-y;}

.galetcbgp{background: #000 url(images/gui/gallery/etc/klein_lakev2.jpg)  center center repeat-y;}

.galetcporbgp{background: #000 url(images/gui/gallery/mar/fl/fundy_park_canadav2.jpg)  center center repeat-y;}

.galetcscebgp{background: #000 url(images/gui/gallery/mar/st/moraine_lake_17092005v2.jpg)  center center repeat-y;}

.galothbgp{background: #000 url(images/gui/gallery/oth/cornus_canadensisv2.jpg)  center center repeat-y;}

.galscubgp{background: #000 url(images/gui/gallery/scu/dawson_city_lookout_yukonv2.jpg)  center center repeat-y;}

.historybgp{background: #000 url(images/gui/background/image10m3fhistory.jpg)  center top repeat-y;}

/* bgp section bottom */

/* menu section top */

#menu{
position: absolute;
top: 250px;
left: 0px; 
z-index: 50;

width: 200px; 

text-align: left;
font-family:"times new roman", times, serif ;
font-size: 24pt;
font-style: italic;
padding: 5px;	
}

#menu a {
border:none ;
}

#menu a:link {
color:#996600;
}

#menu a:hover {
color:#81290f;
}

#menu a:visited {
color:#996600;
}

#menu a:visited:hover {
color:#81290f;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
width: 200px;
}

#menu ul li {
position: relative;
}

#menu li ul {
position: absolute;
left: 199px;
top: 0;
display: none;
z-index:20;
}

#menu ul li a {
margin-bottom: 5px;
margin-right: 4px;

display: block;
text-decoration: none;
background-color:#ffcc66;
padding-left: 5px;
border: 3px solid #336600;
}

/* fix ie. hide from ie mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* end */

#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul
{display: none;}

#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul
{display: block;}

/* menu section bottom */