/*   *****   CSS Document Internet Frame, SA de CV ©2007   *****   */
/*   *****   Design by Francisco Mendez                    *****   */


body {
margin: 0;
padding: 0;
font: 73% tahoma, verdana, arial, sans-serif;
line-height: 1.3em;
color: #000000;
background: #FFFFFF url(images/body_bg2.png) repeat-y;
background-position: 50% 0%;
}

#container {
height:635px;
margin: 0px auto;
padding: 0px;
position:relative;
width: 800px;
}

#sidebar {
background-image: url(images/menu_backgr.png);
background-repeat: repeat-y;
float: left;
margin: 0px;
padding: 0px;
width: 102px;
height: 616px;
}

#sidebar_jeep {
background-image: url(images/menu_backgr_green.png);
background-repeat: repeat-y;
float: left;
margin: 0px;
padding: 0px;
width: 102px;
height:616px;
}

#sidebar_kayak {
background-image: url(images/menu_backgr_blue.png);
background-repeat: repeat-y;
float: left;
margin: 0px;
padding: 0px;
width: 102px;
height:616px;
}

#sidebar_twister {
background-image: url(images/menu_backgr_yellow.png);
background-repeat: repeat-y;
float: left;
margin: 0px;
padding: 0px;
width: 102px;
height:616px;
}

#sidebar_kids {
background-image: url(images/menu_backgr.png);
background-repeat: repeat-y;
float: left;
margin: 0px;
padding: 0px;
width: 102px;
height:616px;
}

#sidebar_spasion {
background-image: url(images/menu_backgr_pink.png);
background-repeat: repeat-y;
float: left;
margin: 0px;
padding: 0px;
width: 102px;
height:616px;
}

#navcontainer {
margin-top: 15px;
width: 102px;
}

#navcontainer ul {

margin-left: -3px;
padding-left: 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}

#navcontainer a {
color:#333399;
display: block;
padding: 0px;
text-align: center;
width: 102px;
}

#navcontainer a:link, #navlist a:visited {
text-decoration: none;
margin-top: 5px;		/*  space between menu items   */
}

#navcontainer a:hover {
background-color:inherit;
color: #5555bb;
}

a:link, a:visited, img {
border-style: none;
}

#menu1 a:hover {
border-right: 10px solid #03b7d0;

}

#menu2 a:hover {
border-right: 10px solid #a4d707;
}

#menu3 a:hover {
border-right: 10px solid #0095f3;
}

#menu4 a:hover {
border-right: 10px solid #eee307;
}


#menu5 a:hover {
border-right: 10px solid #ed7a07;
}

#menu6 a:hover {
border-right: 10px solid #eb5295;
}

#content {
height:630px;
left:102px;
margin:0px;
position:absolute;
top:0px;
width:698px;
}

#bannerBAVIP {
height:129px;
left:0px;
position:absolute;
top:0px;
width:698px;
}

#bannerBAVIP h1{
padding: 0;
margin-left: 0;
margin-top: 0;
text-indent: -9999px;
background-image: url(images/banner_beach.png);
position:absolute;
top: 0px;
width: 698px;
height: 129px;
}

#bannerBAVIP p{
font-family: arial, helvetica;
font-size: 11px;
color: #666666;
height:72px;
left:292px;
position:absolute;
top:20px;
width:274px;
}

#bannerBAVIP em{
font-weight: bold;
font-size: 14px;
}

#bannerJeep {
height:129px;
left:0px;
position:absolute;
top:0px;
width:698px;
}

#bannerJeep h1{
padding: 0;
margin-left: 0;
margin-top: 0;
text-indent: -9999px;
background-image: url(images/banner_jeep.png);
position:absolute;
top: 0px;
width: 698px;
height: 129px;
}

#bannerJeep p{
font-family: arial, helvetica;
font-size: 11px;
line-height: 11px;
color: #666666;
height:72px;
left:292px;
position:absolute;
top:20px;
width:274px;
}

#bannerJeep em{
font-weight: bold;
font-size: 14px;
}

#bannerKayak {
height:129px;
left:0px;
position:absolute;
top:0px;
width:698px;
}

#bannerKayak h1{
padding: 0;
margin-left: 0;
margin-top: 0;
text-indent: -9999px;
background-image: url(images/banner_kayak.png);
position:absolute;
top: 0px;
width: 698px;
height: 129px;
}

#bannerKayak p{
font-family: arial, helvetica;
font-size: 11px;
line-height: 11px;
color: #666666;
height:72px;
left:267px;
position:absolute;
top:20px;
width:304px;
}

#bannerKayak em{
font-weight: bold;
font-size: 14px;
}

#bannerTwister {
height:129px;
left:0px;
position:absolute;
top:0px;
width:698px;
}

#bannerTwister h1{
padding: 0;
margin-left: 0;
margin-top: 0;
text-indent: -9999px;
background-image: url(images/banner_twister.png);
position:absolute;
top: 0px;
width: 698px;
height: 129px;
}

#bannerTwister p{
font-family: arial, helvetica;
font-size: 11px;
line-height: 12px;
color: #666666;
height:72px;
left:267px;
position:absolute;
top:20px;
width:304px;
}

#bannerTwister em{
font-weight: bold;
font-size: 14px;
}

#banner_index {
height:116px;
left:0px;
position:absolute;
top:0px;
width:698px;
}

#banner_kids {
height:128px;
left:0px;
position:absolute;
top:0px;
width:698px;
}

#banner_store {
height:123px;
left:0px;
position:absolute;
top:0px;
width:698px;
}

#banner_contact {
height:120px;
left:0px;
position:absolute;
top:0px;
width:698px;
}

#main {
height:238px;
left:0px;
position:absolute;
top:129px;
width:698px;
}

#main_index {
height:252px;
left:0px;
position:absolute;
top:116px;
width:698px;
}

#main_store {
height:241px;
left:0px;
position:absolute;
top:123px;
width:698px;
}

#main_kids {
height:488px;
left:0px;
position:absolute;
top:129px;
width:698px;
}

#main_contact {
height:409px;
left:0px;
position:absolute;
top:120px;
width:698px;
}

#secondary {
height:129px;
left:0px;
position:absolute;
top:367px;
width:698px;
}

#secondary_index {
height:162px;
left:0px;
position:absolute;
top:368px;
width:698px;
}

#footer {
height:120px;
left:0px;
position:absolute;
top:496px;
width:698px;
}

#footer p{
height:110px;
left:32px;
position:absolute;
top:10px;
width:260px;
}

#footer h1{
color:#ee1e76;
left:32px;
position:absolute;
top:0px;
font-family: arial, helvetica;
font-size: 25px;
font-weight: bold;
letter-spacing: 1px;
}


#footer table{
height:110px;
left:15px;
position:absolute;
top:25px;
border-collapse: separate;
border-spacing: 15px 0px;
}

#footer td{
width:210px;
}

#footer ul{
font-family: arial, helvetica;
color: white;
padding: 0;
margin-left: 0;
}

#footer_index {
height:86px;
left:0px;
position:absolute;
top:530px;
width:698px;
}

#footer_store {
height:252px;
left:0px;
position:absolute;
top:364px;
width:698px;
}

#footer_contact {
height:87px;
left:0px;
position:absolute;
top:529px;
width:698px;
}

#mailbox {
height: 375px;
left: 400px;
padding: 0px 0px 0px 10px;
position: absolute;
top: 10px;
z-index: 99;
}

input.field {
background: transparent url(images/field.png) repeat scroll 0%;
border-color: #9d8872 #e7d6c5 #e7d6c5 #9d8872;
border-style: solid;
border-width: 1px;
color: #333399;
display: block;
font-size: 0.8em;
height: 14px;
width: 200px;
}

#user_name {
margin-top: 25px;
margin-left: 9px;
margin-bottom: 5px
}

#user_email {
height: 15px;
margin-top: 8px;
margin-left: 9px;
margin-bottom: 5px;
}

#user_title{
height: 15px;
margin-top:9px;
margin-left: 9px;
margin-bottom: 10px;
}

#message {
background: transparent url(images/field.png) repeat scroll 0%;
color: #333399;
margin-top: 10px;
margin-left: 8px;
margin-bottom: 43px;
width: 200px;
}

#button_reset {
background: transparent url(images/button.png) repeat scroll 0%;
border-color: #9d8872 #e7d6c5 #e7d6c5 #9d8872;
border-style: solid;
border-width: 1px;
font-size: 0.9em;
font-weight: bold;
height: 23px;
left: 40px;
position: absolute;
top: 309px;
width: 70px;
}

#button_send {
background: transparent url(images/button.png) repeat scroll 0%;
border-color: #9d8872 #e7d6c5 #e7d6c5 #9d8872;
border-style: solid;
border-width: 1px;
font-size: 0.9em;
font-weight: bold;
height: 23px;
left: 145px;
position: absolute;
top: 309px;
width: 70px;
}


#credits {
position:absolute;
left:0px;
top:616px;
height:20px;
width:800px;
background-color: #666666;
text-align: center;
}

#credits a{
text-align: center;
text-decoration: none;
color: white;
}

#textFacilities ul{
position: absolute;
top: 0px;
text-indent: -9999px;
list-style-type: none;
}

#Paypal{
position: absolute;
visibility:visible;
top: 380px;
left: 490px;
}

#PaypalButton{
position: absolute;
top: 65px;
left: 15px;
}

*.tip {
background-color: #03b7d0;
border-width: 1px;
border-color: #e7d6c5;
border-style: ridge;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85em;
font-weight: bold;
margin: 2px 4px 2px 4px;
padding: 4px;
text-align: center;
}