/* 30 minutes spanish | css by yahya*/

/**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 {
		  /*amg - float:left;*/
		  width:713px;
		  background:url(http://www.exploreandgomexico.com/images/contenttop.png) no-repeat;
		  font-size:12px;
  		  line-height:14px;
  		  
  		/* amg */
  		  height : 14px ;

		  padding:12px 6px;
		  margin:0 0 0 -2px;
		  }
		#Nav ul {
		  margin:0;
		  padding:0;
		  list-style:none;
		  }
		#Nav li {
		  float:left;
		  margin-left:1px;
		  padding:0;
		  border-left:1px solid #fff;
		  }
		  	#Nav li.noborder{border-left:none;}
		#Nav a {
		  float:left;
		  display:block;
		  padding:0 12px;
		  text-decoration:none;
		  font-weight:bold;
		  color:#fff;
		  }
		/* 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;}
#contentrap{
	margin:0; padding:0;
	}
#content{width:709px;background:#fff;}
	#content2{width:709px;}
	#topsection{
	   /* amg */
	           width : 685px ;
	           height : 227px ;
	           padding : 10px 12px 16px ;

	   display : block; /* <--amg */
                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;
/* amg 
		height:254px;
                _height:234px;
                *height:234px;
		margin:0; 
                padding:21px 12px 16px 12px;
                _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; /* amg padding:16px 16px 16px 12px; */
		}
	.headerimgr{/*home headerimg*/
		clear:both;
		float:right;
		/* amg margin:20px 6px 14px 12px;
                *margin-top:0px;
                _margin-top:0px; */

		}
	.headerimgl{ /*hotel-guide headerimg*/
		clear:both;
		float:left;
		/* amg 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;
		}
	/* amg */
	#topsection-right-wrapper {
        width : 190px ;
        float : left ;
        margin : 4px 0 0 26px ;
    }
#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 4px 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:210px;
	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: 420px;

       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;}
/* amg */ .utils{margin : 0 0 0 10px;} 
	.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;}