html, body{
      margin:0;
      padding:0;
      height:100%;
      border:none;
}

body{background: url(../images/bg2.jpg) top left;}




table.frame{
border:1px solid black;
height:100%;
width:100%;
}
   
div.main {
width: 770px;
height: 600px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
position: relative;
background: url(../images/blue_bg.jpg) top left no-repeat;
}

div.nav{
/*width: 539px;*/
height: 39px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
position: absolute;
left:6px;
top:15px;
}


div.name{
width: 375px;
height: 74px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
position: absolute;
left:389px;
top:518px;
}

div.splash_img {
width: 770px;
height: 439px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
position: absolute;
left:0px;
top:70px;
background: url(../images/splash_bg.jpg) top left no-repeat;
}

div.splash_thumbs {
width: 125px;
height: 385px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
position: absolute;
left:43px;
top:90px;
}

div.res_left{
width: 370px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
position: absolute;
left:18px;
top:65px;
}

div.contact_left{
width: 370px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
position: absolute;
left:18px;
top:320px;
}

div.res_right{
width: 370px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
position: absolute;
left:388px;
top:65px;
}

table.res_table{
width:370px;
border:0px;
text-align:left;
vertical-align:top;
font-family: Arial, Trebuchet MS, Helvetica;
font-size:12px;
font-weight:normal;
color:#493830;
text-shadow: 0 0 0 #000;
text-decoration: none;
}

#tleft{width:133px;vertical-align:top; padding:0; padding-bottom:1px;}
#tmid{width:80px;vertical-align:top; padding:0; padding-bottom:1px; font-style:italic;}
#tright{width:157px;vertical-align:top; padding:0; padding-bottom:1px;}

table.cont_table{
width:370px;
border:0px;
text-align:left;
vertical-align:top;
font-family: Arial, Trebuchet MS, Helvetica;
font-size:12px;
font-weight:normal;
color:#493830;
text-shadow: 0 0 0 #000;
text-decoration: none;
}

div.res_img{
width: 365px;
height:197px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
position: absolute;
left:10px;
top:400px;
background:url(../images/btns/res_img.jpg) top left no-repeat;
}

div.cont_img{
width: 307px;
height:447px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
position: absolute;
left:454px;
top:72px;
background:url(../images/cont_img.jpg) top left no-repeat;
}

div.reellink{
width: 171px;
height:34px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
position: absolute;
left:15px;
top:560px;
}

div.reel_open{
width:178px;
height:38px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
position: absolute;
left:570px;
top:450px;
}


div.contacts{
width: 300px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
position: absolute;
left:20px;
top:65px;
}

div.toronto{
width: 200px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
position: absolute;
left:20px;
top:130px;
}

div.bc{
width: 200px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
position: absolute;
left:220px;
top:130px;
}


div.news_img{
width: 310px;
height:442px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
position: absolute;
left:450px;
top:52px;
background:url(../images/new_img.jpg) top left no-repeat;
}


div.bio_gal{
width: 335px;
height:375px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
position: absolute;
left:430px;
top:65px;
}

div.biothumb{
width: 48px;
height:65px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
position: absolute;
top:439px;
border:0px;
}

#bioa{left:494px;}
#biob{left:546px;}
#bioc{left:598px;}
#biod{left:651px;}
#bioe{left:703px;}
#biof{left:736px;}


div.gallerymain{
width: 525px;
height:550px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
position: absolute;
top:65px;
left:15px;
border:0px;
}

div.galthumb{
width: 46px;
height:65px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: left;
position: absolute;
border:0px;
}

#galta{left:545px; top:78px;}
#galtb{left:597px; top:78px;}
#galtc{left:648px; top:78px;}
#galtd{left:700px; top:78px;}

#galte{left:545px; top:148px;}
#galtf{left:597px; top:148px;}
#galtg{left:648px; top:148px;}
#galth{left:700px; top:148px;}

#galti{left:545px; top:218px;}
#galtj{left:597px; top:218px;}
#galtk{left:648px; top:218px;}
#galtl{left:700px; top:218px;}

#galtm{left:545px; top:291px;}
#galtn{left:597px; top:291px;}
#galto{left:648px; top:291px;}
#galtp{left:700px; top:291px;}

#galtq{left:545px; top:361px;}
#galtr{left:597px; top:361px;}
#galts{left:648px; top:361px;}
#galtt{left:700px; top:361px;}


/*------------------------------------------------------------------*/

/*--- THUMBS ---*/


div.thumba {
position: absolute;
top:95px;
left:108px;
width:69px;
height:47px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align: left;
border: none;
}

div.thumbb {
position: absolute;
top:152px;
left:108px;
width:69px;
height:47px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align: left;
border: none;
}

div.thumbc {
position: absolute;
top:206px;
left:108px;
width:69px;
height:47px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align: left;
border: none;
}

div.thumbd {
position: absolute;
top:261px;
left:108px;
width:69px;
height:47px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align: left;
border: none;
}

div.thumbe {
position: absolute;
top:317px;
left:108px;
width:69px;
height:47px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align: left;
border: none;
}

div.thumbf {
position: absolute;
top:373px;
left:108px;
width:69px;
height:47px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align: left;
border: none;
}

div.thumbg {
position: absolute;
top:428px;
left:108px;
width:69px;
height:47px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align: left;
border: none;
}

div.thumbh {
position: absolute;
top:483px;
left:108px;
width:69px;
height:47px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align: left;
border: none;
}


/*------------------------------------------------------------------*/

/*--- BACK & NEXT buttons ---*/

div.gback {
position: absolute;
top:325px;
left:0px;
height:15px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align: left;
border: none;
}

div.gnext {
position: absolute;
top:325px;
left:415px;
height:15px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align: left;
border: none;
}