/*  ********************************
= Ascend Geo [Style] Style Sheet
= INTERACTIVE 
= Version: 1.0
================================
= XHTML/CSS Dev: Stephen K.
= Click Point Ranch
= http://www.clickpointranch.com
= stephen@clickpointranch.com
********************************* */

/* --- Generic HTML Selectors --- */
/* int Rollover */

#int_c_main {
width: 812px;
height: 612px;
margin: 0px 0px 0px 0px;
background: url(../img/int/bg.jpg) no-repeat; 
border:0px solid #ff6600;
}

#int_c_top {
width: 100%;
height: 612px;
margin: 0px 0px 0px 0px;
background: transparent;
border:1px solid #ffffff;
}

#int_c_bttm {
float:right;
width: 100%;
height: 150px;
background: transparent;
border:0px solid #00ff33;
}

.a, .a:visited {color:#000;}

/* gallery main shell*/
a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:0px solid #000; float:left; position:relative; cursor:auto;}

/* DON'T TOUCH menu images*/
a.obj1 {background:url(../img/int/menu.jpg) no-repeat;background-position: 0px 0px; top:11px; left:13px; width:99px; height:21px;}
a.obj1:hover {background:transparent;}

a.obj2 {background:url(../img/int/menu.jpg) no-repeat;background-position: -99px 0px; top:11px; left:13px; width:167px; height:21px;}
a.obj2:hover {background:transparent;}

a.obj3 {background:url(../img/int/menu.jpg) no-repeat;background-position: -266px 0px; top:11px; left:13px; width:113px; height:21px;}
a.obj3:hover {background:transparent;}

a.obj4 {background:url(../img/int/menu.jpg) no-repeat;background-position: -379px 0px; top:11px; left:13px; width:120px; height:21px;}
a.obj4:hover {background:transparent;}

a.obj5 {background:url(../img/int/menu.jpg) no-repeat;background-position: -499px 0px; top:11px; left:13px; width:148px; height:21px;}
a.obj5:hover {background:transparent;}

a.obj6 {background:url(../img/int/menu.jpg) no-repeat;background-position: -647px 0px; top:11px; left:13px; width:136px; height:21px;}
a.obj6:hover {background:transparent;}

/*1st map images MAKE BG FOR A.MAP TRANS after finished size*/
/* A1 */
a.map1 {top:142px; left:226px; width:72px; height:72px;}
a.map1:hover {background:url(../img/int/a_all.jpg) no-repeat;}
/* B */
a.map2 {top:87px; left:432px; width:71px; height:71px;}
a.map2:hover {background:url(../img/int/b1_hilite.jpg) no-repeat;}
/* C */
a.map3 {top:23px; left:236px; width:56px; height:56px;}
a.map3:hover {background:url(../img/int/c_all.jpg) no-repeat;}
/* D */
a.map4 {top:170px; left:296px; width:58px; height:57px;}
a.map4:hover {background:url(../img/int/d1_hilite.jpg) no-repeat;}
/* E */
a.map5 {top:169px; left:-107px; width:74px; height:74px;}
a.map5:hover {background:url(../img/int/e1_hilite.jpg) no-repeat;}
/* F */
a.map6 {top:243px; left:-24px; width:70px; height:70px;}
a.map6:hover {background:url(../img/int/f1_hilite.jpg) no-repeat;}

/* additional image rollovers */
a.map7 {top:315px; left:0px; width:60px; height:60px;}
a.map7:hover {background:url(../img/int/a2_hilite.jpg) no-repeat;}

/* additional image rollovers */
a.map8 { top:236px; left:3px; width:58px; height:58px;}
a.map8:hover {background:url(../img/int/c2_hilite.jpg) no-repeat;}

/* large display*/
a.gallery span {visibility:hidden; display:block; position:absolute; width:747px; height:150px; top:350px; left:0px; background:transparent; text-align:center;  cursor:pointer;}

/* SPAN DONE when rollover Menu image display on map */
a.obj1 span {left:-43px; top:152px;}
a.obj2 span {left:54px; top:97px;}	
a.obj3 span {left:-128px; top:180px;}
a.obj4 span {left:-578px; top:179px;}
a.obj5 span {left:-435px; top:33px;}
a.obj6 span {left:-691px; top:253px;}

/*2nd Menu display when rollover on map */
a.map1 span {left:-235px; top:-135px; width:120px; height:21px;}
.r_map1 {background:url(../img/int/menu_rollover.jpg) no-repeat;background-position: 0px 0px; top:-17px; left:12px; width:99px; height:21px;}

a.map2 span {left:-404px; top:-80px; width:120px; height:21px;}
.r_map2 {background:url(../img/int/menu_rollover.jpg) no-repeat;background-position: -99px 0px; top:-17px; left:12px; width:167px; height:21px;}

a.map3 span {left:121px; top:-16px; width:120px; height:21px;}
.r_map3 {background:url(../img/int/menu_rollover.jpg) no-repeat;background-position: -499px 0px; top:-17px; left:12px; width:148px; height:21px;}

a.map4 span {left:-234px; top:-163px; width:120px; height:21px;}
.r_map4 {background:url(../img/int/menu_rollover.jpg) no-repeat;background-position: -266px 0px; top:-17px; left:15px; width:113px; height:21px;}

a.map5 span {left:227px; top:-162px; width:120px; height:21px;}
.r_map5 {background:url(../img/int/menu_rollover.jpg) no-repeat;background-position: -379px 0px; top:-17px; left:15px; width:120px; height:21px;}

a.map6 span {left:338px; top:-236px; width:120px; height:21px;}
.r_map6 {background:url(../img/int/menu_rollover.jpg) no-repeat;background-position: -647px 0px; top:-17px; left:15px; width:140px; height:21px;}

/* additional rollover images */
a.map7 span {left:-410px; top:-308px; width:120px; height:21px;}
.r_map7 {background:url(../img/int/menu_rollover.jpg) no-repeat;background-position: 0px 0px; top:-17px; left:12px; width:99px; height:21px;}

a.map8 span {left:36px; top:-229px; width:120px; height:21px;}
.r_map8 {background:url(../img/int/menu_rollover.jpg) no-repeat;background-position: -499px 0px; top:-17px; left:12px; width:148px; height:21px;}

/* large display attributes such as focus*/
a.gallery:hover {white-space:normal; border:0px solid #fff; z-index:100;}
a.gallery:hover span {visibility:visible; z-index:100;}
a.gallery:hover span img {position:relative; z-index:100; border: 0px solid #ffffff;}

/* for ie 7 only*/
html>body #img_replace {
margin: 450px 0px 0px 191px;
width:453px;
height:127px;
border: 0px solid #00cc00;
}

/*
*html #img_replace {
margin: 450px 0px 0px 191px;
width:453px;
height:127px;
border: 0px solid #00cc00;
}
*/

#img_replace {
margin: 471px 0px 0px 191px;
width:453px;
height:127px;
border: 0px solid #00cc00;

}

#img_one {
float: left;
display: block;
margin: 142px 0px 0px -293px;
width:72px;
height:72px;
border: 0px solid #00cc00;

}

#img_two {
float: left;
display: block;
margin: 315px 0px 0px -118px;
width:60px;
height:60px;
border: 0px solid #00cc00;

}

#img_three {
float: left;
display: block;
margin: 23px 0px 0px -140px;
width:56px;
height:56px;
border: 0px solid #cc0033;

}

#img_four {
float: left;
display: block;
margin: 235px 0px 0px -56px;
width:58px;
height:58px;
border: 0px solid #cc0033;

}