/**layout***/
body{
	margin:0;
	padding:0;
	font:normal 100%/150% Verdana, Arial, Helvetica, sans-serif;
	font:11px;
	background:#fff url(http://www.exploreandgomexico.com/images/bodybg.jpg) top repeat-x;
	color:#696865;
	}

#wrap{
	margin:0 2px;
	padding:0;
	width:709px;
	position:absolute;
	left:50%;
	margin-left:-356px;
	background:transparent;
	}

#header{
		width:713px;
		height:80px;
		margin-left:-2px;
		position:relative;
  		  line-height:16px;
		background:transparent url(http://www.exploreandgomexico.com/images/bodybg.jpg) top repeat-x;
		}
		#topNav{
			float:right;
			color:#fff;
			font-weight:bold;
			position:relative;
			top:35px;
			}
			#topNav a, #topNav a:visited{
				text-decoration:none;
				color:#80EDFF;
				margin:0 4px;
  		                line-height:16px;
				}
				#topNav a:hover{text-decoration:underline;}
				#Nav {
		  float:left;
		  width:713px;
		  background:url(http://www.exploreandgomexico.com/images/contenttop.png) no-repeat;
		  font-size:12px;
  		  line-height:38px;
		  height:38px;
		  padding:0 3px;
		  margin:0 0 0 -2px;
		}
		#Nav ul {
		  margin:0;
		  padding:0;
		  list-style:none;
		}
		#Nav li {
		  float:left;
		  margin-left:1px;
		  padding:0;
		  background:url(http://www.exploreandgomexico.com/images/nav_sp.gif) no-repeat left 12px;
		  position:relative;
		}
		#Nav li.noborder{background:none;}
		#Nav ul li a {
		  float:left;
		  display:block;
		  padding:0 12px;
		  text-decoration:none;
		  font-weight:bold;
		  color:#fff;
		}
		#Nav ul li a.parent {background:url(http://www.exploreandgomexico.com/images/arrow_down.gif) no-repeat right 17px;margin-right:5px;padding-right:15px;}
		/* Commented Backslash Hack
		   hides rule from IE5-Mac \*/
		#Nav a {float:none;}
		/* End IE5-Mac hack */
		#Nav a:hover {color:#73d0c9;}
		#Nav #current a {color:#73d0c9;}
		#Nav ul li ul{
		  width:190px;
		  background:#5d97ab;
		  position:absolute;
		  top:38px;
		  left:0;
		  display:none;
		  padding-top:7px;
		  z-index:999999;
		}
		#Nav ul li.subhover ul{display:block;}
		#Nav li ul li {
		  width:190px;
		  margin-left:0;
		  background:none;
		  padding-bottom:7px;
		}
		#Nav ul li ul li a {
		  float:none;
		  padding:0 15px;
		  line-height:25px;
		  height:25px;
		}
		#Nav ul li ul li a:hover {background:#908f8a;color:#fff;}
#contentrap{
	margin:0; padding:0;
	}
#content{width:709px;background:#fff;}
	#content2{width:709px;}
	#topsection{
                background: url(http://www.exploreandgomexico.com/images/cont_topsect.jpg) repeat-x bottom;
                _background: url(http://www.exploreandgomexico.com/images/cont_topsect.jpg) repeat-x;
                *background: url(http://www.exploreandgomexico.com/images/cont_topsect.jpg) repeat-x;
		height:254px;
                _height:234px;
                *height:234px;
		margin:0; 
		
			/* Commented and added by admar */
                /* padding:21px 12px 16px 12px; */
				padding:38px 0 0; 
				
                _padding-bottom:0px;
                *padding-bottom:0px;
		border-bottom:8px solid #357C9C;
		}
		#topsection h1.topsect{padding-top:0px;}
	#topsectionsin{
		background:transparent url(http://www.exploreandgomexico.com/images/cont_topsect.jpg) bottom repeat-x;
		height:254px;
		margin:0; padding:16px 16px 16px 12px;
		}
	.headerimgr{/*home headerimg*/
		clear:both;
		float:right;
		margin:20px 6px 14px 12px;
                *margin-top:0px;
                _margin-top:0px;
		}
	.headerimgl{ /*hotel-guide headerimg*/
		clear:both;
		float:left;
		margin:10px 36px 0px 0;
		}
	#contentbottom{
		background:transparent url(http://www.exploreandgomexico.com/images/bttmround.gif) bottom no-repeat;
		width:709px;
		height:20px;
		display:block;
		}
#footer{
	clear:both;
	position:relative;
	font-size:9px;
	text-align:center;
	margin-top:24px;
	color:#5b6461;
	}
	#textNav{
	text-align:center;
	margin:24px 0;
	}
	#textNav a,#textNav a:visited{
		color:#5b6461;
		text-decoration:none;
		}
		#textNav a:hover{text-decoration:underline;}

/*element style*/
#bottomsect{width:709px;}
.col3{ /*home*/
	width:227px;
	height:100%;
	background:#F1FCFB;
	margin:8px 3px 2px;
	float:left;
	height:320px;
	}
	.col3 p,.col3 h1, .col3 img, .col3 h2, .col3 ul{
	padding:0 6px;
	margin: 2px 0;
		}
		.col3 a.ads{
			padding-top:12px 0;
			text-align:center;
			display:block;
			margin:0 auto;
			}
		.col3 img{padding-top:6px;}
		.col3 h1 {font-size:12px;}
		.col3 h2 {
			font-size:10px;
			margin:0;
			}
		.col3 ul li{margin-left:12px;}
/*hotelguide*/
#hotelguide{
	margin:12px 14px 6px;
	}
	#hotelguide h1, #hotelguide h2{margin-left:6px;}
.hotel_ads{ 
	width:183px;
	border:1px solid #CECECE;
	margin:12px 6px;
	padding:4px 14px;
	float:left;
	}
	.hotel_ads2{
		width:318px;
		float:left;
		margin:12px 6px;
		}
		.hotel_ads2 h3{
			line-height:12px;
			margin:4px 6px;
			}
		.hotel_ads2 p{
		margin-top:0;
		margin-left:100px;
		}
              .hotel_ads3{ 
	width:183px;
        height: 100%;
	background:#F1FCFB;
	margin:12px 6px;
	padding:4px 14px;
	float:left;
	}
/*guide*/
#sidebar{
	float:right;
	background:#F1FCFB;
	width:215px;
	margin:6px;
	padding:6px;
	}
#loginbox{
	float:right;
	background:#F1FCFB;
	width:200px;
	margin:6px;
	padding:15px;
	}
#google{
	float:right;
	background:#F1FCFB;
	width:140px;
        height: 100%;
	margin:6px;
	padding:0px;
	}

#google-white{
	float:right;
        float:left;
	background:#fff;
	width:220px;
        height: 600px;
	margin:6px;
	padding:0px;
        _overflow:hidden;
	}

#rightcolblue{
	float:right;
	background:#F1FCFB;
	width:200px;
	margin:10px;
	padding: 20px 20px 20px 20px;
	}

#rightcolad{
	float:right;
	background:#fff;
	width:140px;
        padding-top: 20px;
        padding-right: 10px;
	}

#lessons{
	float:right;
	background:#fff;
	width:144px;
        height: 600px;
	margin:6px;
	padding:0px;
	}

#forms{
	float:left;
	background:#F1FCFB;
	width: 450px;
        height: 500px;
	margin:6px;
	padding: 20px 20px 20px 20px;
	}



#fullpage {
	margin: 12px 14px 6px;
       _margin-left:7px;
       width: 680px;

       overflow:hidden;
       float:left;

       padding-top:0px;

	}

#articles{
	margin: 12px 14px 6px;
       _margin-left:7px;
       width: 440px;

       overflow:hidden;
       float:left;
       padding-top: 0px;
	}
	#articles h1 small{font-weight:normal;}
		#articles h1 small a{text-decoration:none;}

#articles_contact{
	margin: 12px 14px 6px;
       _margin-left:7px;
       width: 400px;

       overflow:hidden;
       float:left;

       padding-top:0px;

	}
	#articles_contact h1 small{font-weight:normal;}
		#articles_contact h1 small a{text-decoration:none;}



#articles_forms{
	margin: 12px 14px 6px;
       _margin-left:7px;
       width: 550px;
       height: 100%;

       overflow:show;
       float:left;

       padding-top:0px;

	}
	#articles_contact h1 small{font-weight:normal;}
		#articles_contact h1 small a{text-decoration:none;}





#articles-long{
       _padding-top: 0px;
       *padding-top: 0px;
        }

#skyscrapper{
	position:absolute;
	left:50%;
	margin-left:364px;
	top:80px;
	width:120px;
	height:600px;
	display:block;
	}
/**guide-hotels' element*/
/*.imghotel{
	width:527px;
	height:226px;
	display:inline;	
	margin-right:64px;
	}*/
ul.guideNav{list-style:url(http://www.exploreandgomexico.com/images/guideNav-pt2.gif);
	margin:0;
	padding-left:10px;
        line-height: 12px;
	}
	ul.guideNav a,ul.guideNav a:visited{
		color:#367d97;
		display:block;
		text-decoration:none;
               line-height: 12px;
		}
		ul.guideNav a:hover{background:#f7f7f7;}
		ul.guideNav a:hover{background:#f7f7f7;}
	.on {color:#9ed0b9;}
img.icon{border:none;}



/**typography**/
p,span,div,td,th{ 
	font:normal 100%/130% Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
		}

h1,h2,h3 {
	font-family:verdana,sans-serif;
	font-weight:bold;
	}
	h1{ font-size:14px; color:#367d97; margin:2px 0px 2px;}
	h2{ font-size:12px; color:#5C5D5E; margin:2px 0px 2px;}
	h3{ font-size:10px; color:#5C5D5E; line-height:10px; padding-bottom:2px;}
	h4{ font-size:10px; color:#5C5D5E;}



a{color:#367D97;}
	a:hover{color:#333333;}
	a:visited{color:#22968e;}
	a.ads{
		color:#22968e;
		text-decoration:none;
		}
		a.ads:hover{text-decoration:underline;}
.author{font-size: 9px; font-weight:normal;}

/*additional classes*/
.fleft{
	float:left;
	margin:0px 6px;
	}
.memberinfo{
	float:right;
	margin:0px 6px;
        color: #73d0c9;
	}
.center{
	margin:0 auto;
	}
.clear{clear:both;}
.noborder{border:none;}
.vmiddle{vertical-align:middle;}
.utils{margin-top:12px;}
	.utils a,.utils a:visited{
		text-decoration:none;
		color:#555452;
		}
		.utils a:hover{text-decoration:underline;}
.orange{
	color:#f60;
	text-decoration:none;
	}
/*buttons*/
.btn_join{
	background:transparent url(http://www.exploreandgomexico.com/images/btn_join.png) no-repeat;
	width:205px;
	height:33px;
	border:none;
	font-weight:bold;
	color:#5C5D5E;
	}

.btn {
   font-family: "Trebuchet MS";
   font-size: 11px;
   font-weight:normal;
   color:#333333;
   border:1px #c6c7ca solid;
   background: url(http://www.jotform.com/images/styles/style1_btn_bg.gif) #e4e4e4 top repeat-x;
}

input {
   color:#333333;
   font-family: "Trebuchet MS";
   font-size: 12px;
   border:1px #c6c7ca solid;
}

/*
    Formatting Buttons
------------------------------------------------------ */

.buttonMode {
	background-color: transparent;
	color: #73769D;
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-size: 10px;
	white-space: nowrap;
	}

.htmlButtonOutter, .htmlButtonOutterL {
	background-color: #f6f6f6;
	border-bottom: #333 1px solid;
	border-right: #333 1px solid;
	border-top: #333 1px solid;
	padding: 0;
	}

.htmlButtonOutterL {
	border-left: #333 1px solid;
	}

.htmlButtonInner {
	background-color: transparent;
	border-bottom: #ccc 1px solid;
	border-left: #fff 1px solid;
	border-right: #ccc 1px solid;
	border-top: #fff 1px solid;
	padding: 0 3px 0 3px;
	text-align: center;
	}

.htmlButtonOff {
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOff a:link {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOff a:visited {
	text-decoration: none;
	}

.htmlButtonOff a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOff a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn {
	background: #f6f6f6;
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOn a:link {
	color: #990000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOn a:visited {
	text-decoration: none;
	}

.htmlButtonOn a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA {
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonB {
	background: #E1E3EC;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonA a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonA a:visited {
	text-decoration: none;
	}

.htmlButtonA a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:link {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonB a:visited {
	text-decoration: none;
	}

.htmlButtonB a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:hover {
	color: #999;
	text-decoration: none;
	}

.photo			{ border: 1px solid silver; padding:8px; float:left; margin: 5px 15px 0px 15px;}



/* *****************Style added by Admar starts here (for slide show - jQuery)********************* */

.slideshow, .slideshow-label, .slideshow-content, .slideshow-panel {
    font:12px Verdana, Tahoma, sans-serif;
}

.slideshow {
    padding:0;
    border:0; 
	/* border:1px solid gray; */
    position:relative;
    display:none;           /* Set to "none" for not preview slideshow content */
    z-index:1
}
.slideshow-content {
    padding:0;
    color:#333;
    overflow:hidden;
	
    /* Commented by admar */
    /* 
	position:relative; 
	background-color:#fff;
	*/
	
	/* Added by admar */
	position:absolute;
	
    z-index:1;
}

    /* Some Content Changes */
    .slideshow-content p {
        padding:0 !important;
        overflow:auto;
    }

    .slideshow-content img {
        padding:0 !important;
        border:0 !important;
    }

    .slideshow-slide {
        display:none;
        position:absolute;
    }

.slideshow-fullscreen {
    position:absolute;
    top:0;
    left:0;
    padding:0;
    border:0;  
    overflow:hidden;
}

.slideshow-label-place, .slideshow-panel-place {
    /* Stupid IE hack */
    // border-style:dotted; border-width: 1px 0; border-color: transparent; background:transparent;
}

.slideshow-label-place {
    padding:0;
    position:absolute;
    top:0px;
    left:0px;
    z-index:100;
    height:30px;
}
    .slideshow-label {   
        z-index:101;
        color:#fff;
        width:100%;
        height:100%;
        line-height:30px;
        text-indent:8px;
        font-weight:bold
    }

    .slideshow-label a,
    .slideshow-label a:hover,
    .slideshow-label a:active,
    .slideshow-label a:visited {color:#fff;}

.slideshow-panel-place {
    padding:0;
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:100;
    height:26px;
}
    .slideshow-panel {
        z-index:101;    
        width:100%;
        height:100%;
		
		/* Added by admar */
		padding-left:5px;
    }
    		
		/* Added by admar */
		
		#btnnext{
			position:absolute;
			margin-left:365px;
			margin-top:100px;
		}
		
		#btnnext a.button{
			display: block;
			float:left;
			width:23px;
			height:54px;
			background-image:url(./images/arrow.gif);
			background-repeat:no-repeat;
			padding:0;
			text-decoration:none;
		}
		
		#btnnext a:focus {            
			outline: none;        
		}
		
		#admar_left{
			float:left;
			height:210px;
			line-height:20px;
			margin:20px; 
			width:36%;
		}
		
		#admar_right{
			float:left;
			width:395px;
			height:214px;
			margin:0px; /* added shamin*/
		}
		
		#admar_title{
			color:#367D97;
			font-size:14px;
			margin-top:10px;
			font-family:verdana,sans-serif;
			font-weight:bold;
		}
		
		#admar_content{
			-x-system-font:none;
			font-family:Verdana,Arial,Helvetica,sans-serif;
			font-size:12px;
			font-size-adjust:none;
			font-stretch:normal;
			font-style:normal;
			font-variant:normal;
			font-weight:normal;
			line-height:140%;
			margin-top:15px;
			margin-bottom:15px;
			color:gray;
		}
		
		#admar_link{
		
		}
		
		#admar_link a{
			color:#367D97;
			font-weight:bold;
			text-decoration:none;
		}
		
		#admar_image{
			z-index:0;
			position:absolute;
			margin-top:20px; 
		}
		
		.slideshow-panel a:focus {            
			outline: none;        
		}
		
		.slideshow-panel a.button {
            display: block;
            width:18px;
            height:19px;
            float:left;
            text-decoration:none;
			
			text-indent:-99999%;

			background-image:url(../images/btns.gif);
            background-repeat:no-repeat;
            border:1px solid #ffffff;
			
			padding:0;
        }
        
            .slideshow-panel a.button:hover {
                /* border:1px solid #FFFFFF; */
            }
            
            
            .slideshow-panel a.first {
                background-position: 0 0
            }
            
            .slideshow-panel a.prev {
                /* background-position: -24px 0 */
				background-position: 0 0;
            }
            
            .slideshow-panel a.play {
                /* background-position: -48px 0 */
				background-position: -106px 0;
				border-width:1px 0;
				width:17px;
            }
            
            .slideshow-panel a.stop {
                /* background-position: -72px 0 */				
				background-position: -72px 0;
				border-width:1px 0;
				width:17px;
            }
            
            .slideshow-panel a.next {
                /* background-position: -96px 0 */
				background-position: -36px 0;
            }
			
            
            .slideshow-panel a.last {
                background-position: -120px 0
            }
            
            .slideshow-panel a.help {
                position:relative;
                background-position: -144px 0
            }
            
            .slideshow-panel span.counter {
                /* float:right; */
                display: block;
                font-weight:700;
                /* color:#ffffff; */
                /*width:26px;*/
                height:24px;
                line-height:24px;
                padding:0 4px;
            }



.slideshow-help {
    position:absolute;
    bottom:26px;
    left:0px;    
    z-index:101;   
    background-color:#ff9; 
    display:none;
    opacity: 0.9;
    width:100%;
}

.slideshow-frame div {
    position:absolute;
    top:0px;
    left:0px;
    background:url(images/big-play.png) 50% 50% no-repeat;
    z-index:201;
    cursor:pointer;
    width:100%;
    height:100%;
}

.slideshow-load {display:none;}
    .slideshow-load div {
        position:absolute;
        top:0px;
        left:0px;
        background:url(images/ajax-loader.gif) 50% 50% no-repeat;
        z-index:201;
        cursor:pointer;
        width:100%;
        height:100%;
    }

.slideshow-shadow {
    position:absolute;
    top:0px;
    left:0px;
    z-index:200;
    width:100%;
    height:100%;
}
    

/* *****************Style added by Admar ends here (for slide show - jQuery)********************* */