td {padding:4px;}

#header {
height:50px;

}
#header #logo{
height:23px; left:0; position:absolute; top:15px; width:169px;
}


#banner {
 width:980px; 
 height:130px;
 margin:0 auto; text-align:left;
 border:solid 0px red;
 background:transparent url(img/CGbanner_Bkgrd.png) no-repeat top center;
}

#banner img {
border:solid 0px red;
margin-top:25px;
margin-left:40px;
margin-bottom:5px;
}
#banner h1 {
 margin-left:50px;
 font-family: "Myriad Pro", Arial, sans-serif; 
 color:#444;
 font-size:20px;
 font-weight:normal;
 border:solid 0px red;
}
#contentWrapperCG {
 width:980px;
 height:550px;
 /*padding: 0 0 15px 0;
 margin-left: 25px;*/
 margin: 0 auto;
 padding: 0px;
 background: transparent url(img/CG_backgr_big.png) no-repeat  bottom center;
 border:solid 0px red;
}
#mainArea{
width:980px;margin:0 auto;
background: transparent url(img/CG_backgr_bar.png) repeat  top center;border:solid 0px red;
}




#postcards {
position:relative;
padding-top:0px;
background-color:transparent;
border:solid 0px red;
}
#postcards #mainText {
 position:relative;
 margin:0px;
 padding-left:50px;
 /*padding-top:10px;*/
 width: 800px;border:solid 0px red;
 
}

 #postcards h1,
 #postcards h2,
 #postcards h3

 {
 font-family: "Myriad Pro", Arial, sans-serif; 
 color:#444;
 margin:0px;padding:0px;
}
#postcards h1
{
  font-size:18px;
  font-weight:bold;
  margin-bottom:10px;}
  
 #postcards h2 {
 font-size:14px;
 margin:0px;padding:0px;
 color: #0066CC;
 } 
 
 #postcards h3 {
 font-size:14px;
 margin:0px;padding:0px;
 } 
 


#postcards  p {
 margin:10px 0px;
 padding:0px;
}


#postcards  p.main {
 font-size:13px;line-height:17px;
}
#postcards div#loc {
 position:relative;
 margin:0px;
 padding:0px;
 padding-left:50px;
 padding-top:0px;
 width: 800px;
 font-size:12px;
  /*background: url(img/dash.gif) repeat;*/
  border:solid 0px black;
}
div#loc p {margin: 10px 0 0 0;}
div#loc div {margin: 5px 0 0 10px;}
div#loc div.destList {
   margin:0px;
   padding-left: 30px;
}
div#loc .text {
  padding-right:15px; 
  padding-left:3px;
 }
 div#loc .bullet {
  font-size:22px;
  color:#027bc0;
 }
div#loc .text a:link,  div#loc .text a:hover, div#loc .text a:visited
{
  color:#444;
  text-decoration:none;
 } 
div#loc .text a:hover {
  color:#000;
  text-decoration:underline;
 } 
 
div#loc ul.destinations  {
    width:100%px;
   
 }			 
div#loc ul.destinations li {
   display:inline;
   font-family: "Myriad Pro", Arial, sans-serif; 
   font-size:13px;font-weight:normal;
 }
 div#loc li .text {
  padding-right:5px; padding-top:10px;
 }
 div#loc li a {
   /*background: url(img/arrButton.gif) no-repeat left top;*/
   padding-bottom:10px;
   padding-right:10px;
   color: #444;
   text-decoration:none;
 }
 div#loc li a:hover {
   /*background: url(img/arrButton_on.gif) no-repeat left top;*/
   padding-bottom:10px;
   padding-right:10px;
   text-decoration:none;
   color: #000;
   text-decoration:none;
 }




#postcards #mapArea {
margin:0px auto 0 auto;
position:relative;
width:943px;
height:416px;
background: url(img/map_gray3.png) no-repeat top left;
border:solid 0px blue;
}

#postcards #mapArea #MexicoThumb {
position:absolute;
top:38px;
left:144px;
width:94px;
height:134px;
}

#postcards #mapArea #MexicoName {
  position:absolute;
  top:172px;
  left:153px;
  z-index:30;
}
#postcards #mapArea #MexicoPin {
  position:absolute;
  top:189px;
  left:201px;
  z-index:30;
}
#postcards #mapArea #MexicoMouseover {
position:absolute;
top:-230px; 
left:-46px;/*-53*/
width:178px;
padding:3px;
background-color:#a5aeba;
text-align:center;
border:solid 2px #5b5b5b;
z-index:200;
display:none;
}




#postcards #mapArea #BuenosAThumb {
position:absolute;
top:266px;
left:171px;
width:133px;
height:93px;
}

#postcards #mapArea #BuenosAName {
  position:absolute;
  top:360px;
  left:176px;
  z-index:30;
}
#postcards #mapArea #BuenosAPin {
  position:absolute;
  top:336px;
  left:304px;
  z-index:30;
}
#postcards #mapArea #BuenosArMouseover {
position:absolute;
top:124px;
left:-49px;
width:256px;
padding:3px;
background-color:#a5aeba;
text-align:center;
border:solid 2px #5b5b5b;
z-index:200;
display:none;
}

#postcards #mapArea #JohannesbrgThumb {
position:absolute;
top:327px;
left:541px;
width:121px;
height:80px;
}
#postcards #mapArea #JohannesbrgName {
  position:absolute;
  top:310px;
  left:546px;
  z-index:30;
}
#postcards #mapArea #JohannesbrgPin{
  position:absolute;
  top:306px;
  left:524px;
  z-index:30;
}
#postcards #mapArea #JohnbrgMouseover {
position:absolute;
top:16px;
left:623px;
width:253px;
padding:3px;
background-color:#a5aeba;
text-align:center;
border:solid 2px #5b5b5b;
z-index:200;
 display:none;
}

#postcards #mapArea #BarselonaThumb {
position:absolute;
top:163px;
left:342px;
width:139px;
height:89px;
}
#postcards #mapArea #BarselonaName {
  position:absolute;
  top:148px;
  left:350px;
  z-index:30;
}
#postcards #mapArea #BarselonaPin {
  position:absolute;
  top:136px;
  left:452px;
  z-index:30;
}
#postcards #mapArea #BarselonaMouseover {
 position:absolute;
 top:-76px;
 left:106px;
 width:253px;
 padding:3px;
 background-color:#a5aeba;
 text-align:center;
 border:solid 2px #5b5b5b;
 z-index:200;
 display:none;
}


#postcards #mapArea #DublinThumb {
position:absolute;
top:47px;
left:303px;
width:135px;
height:89px;
}
#postcards #mapArea #DublinName {
  position:absolute;
  top:32px;
  left:306px;
  z-index:30;
}
#postcards #mapArea #DublinPin {
  position:absolute;
  top:101px;
  left:436px;
  z-index:30;
}
#postcards #mapArea #DublinMouseover {
 position:absolute;
 top:-190px;
 left:89px;
 width:253px;
 padding:3px;
 background-color:#a5aeba;
 text-align:center;
 border:solid 2px #5b5b5b;
 z-index:200;
 display:none;
}

#postcards #mapArea #PragueThumb {
position:absolute;
top:2px;
left:510px;
width:94px;
height:134px;
}
#postcards #mapArea #PragueName {
  position:absolute;
  top:135px;
  left:514px;
  z-index:30;
}
#postcards #mapArea #PraguePin {
  position:absolute;
  top:112px;
  left:484px;
  z-index:30;
}
#postcards #mapArea #PragueMouseover {
 position:absolute;
 top:-250px;
 left:545px;
 width:178px;
 padding:3px;
 background-color:#a5aeba;
 text-align:center;
 border:solid 2px #5b5b5b;
 z-index:200;
 display:none;
}
#postcards #mapArea #GalileeThumb {
position:absolute;
top:186px;
left:555px;
width:94px;
height:134px;
}
#postcards #mapArea #GalileeName {
  position:absolute;
  top:170px;
  left:560px;
  z-index:30;
}
#postcards #mapArea #GalileePin {
  position:absolute;
  top:158px;
  left:540px;
  z-index:30;
}

#postcards #mapArea #NewDelhiThumb {
position:absolute;
top:78px;
left:654px;
width:139px;
height:90px;
}
#postcards #mapArea #NewDelhiName {
  position:absolute;
  top:167px;
  left:660px;
  z-index:30;
}
#postcards #mapArea #NewDelhiPin {
  position:absolute;
  top:156px;
  left:636px;
  z-index:30;
}

#postcards #mapArea #BangkokThumb {
position:absolute;
top:233px;
left:719px;
width:137px;
height:87px;
}
#postcards #mapArea #BangkokName {
  position:absolute;
  top:218px;
  left:724px;
  z-index:30;
}
#postcards #mapArea #BangkokPin {
  position:absolute;
  top:203px;
  left:705px;
  z-index:30;
}

#postcards .citiname,
p#destinations span {
 font-family:  Arial, sans-serif; font-size:12px;font-weight:normal;
}
#postcards .citiname a:link,#postcards .citiname a:active, #postcards .citiname a:visited,
p#destinations span a:link,p#destinations span a:active, p#destinations span a:visited
 {
color:#444;text-decoration:none;}

#postcards .citiname a:hover {
color:#000;
/*#ffb31f;*/
text-decoration:underline;}

#postcards div.mouseoverTxt {
margin:3px;
text-align:left;
font-family:Verdana;
font-size:11px;
color:#FFFFFF
}

#postcards img.mouseover {
border:solid 1px #ffffff;
}
#contact {
  position:absolute;
  top:10px;
  right:20px;
  width:550px;
  height:400px;
  text-align:center;
  border-top:solid 4px  #f1f1f2;
  border-left:solid 3px silver;
  border-right:solid 4px  #a1a1a2;
  border-bottom:solid 4px  #979798;
  background-color:#FFFFFF;
  display:none;
  background-color:#ffffff;
  padding:5px;
  z-index:600;
}

#confirm {
  position:absolute;
  top:30px;
  right:20px;
  width:550px;
  height:150px;
  text-align:center;
  border-top:solid 4px  #f1f1f2;
  border-left:solid 3px silver;
  border-right:solid 4px  #a1a1a2;
  border-bottom:solid 4px  #979798;
  background-color:#FFFFFF;
  display:none;
  background-color:#ffffff;
  padding:5px;
  z-index:600;
}


#contact h1,
#confirm h1
 {
  margin:0px;padding:0px;
  margin-bottom:10px; 
  font-family: "Myriad Pro", Arial, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#0066CC;
}
#contact p,
#confirm p
 {
  margin:5px 0px;padding:0px;
}


#PraguePopUp,
#MexicoPopUp
 {
  position:absolute;
  top:10px;
  right:20px;
  width:800px;
  height:640px;
  border-top:solid 4px  #f1f1f2;
  border-left:solid 3px silver;
  border-right:solid 4px  #a1a1a2;
  border-bottom:solid 4px  #979798;
  background-color:#FFFFFF;
  display:none;
  background-color:#ffffff;
  padding:5px;
  z-index:400;}
  
  #BuenosArPopUp,
  #JohnbrgPopUp,
  #BarcelonaPopUp,
  #DublinPopUp,
  #GalileePopUp,
  #NewDelhiPopUp,
  #BangkokPopUp
  {
   position:absolute;
   top:10px;
   right:20px;
   width:800px;
   height:700px;
   border-top:solid 4px  #f1f1f2;
   border-left:solid 3px silver;
   border-right:solid 4px  #a1a1a2;
   border-bottom:solid 4px  #979798;
   display:none;
   background-color:#ffffff;
   padding:0px;
   z-index:400;
  }
  
  .popUpControl {
   float:right;
   text-align:right;
   font-size:11px;
   font-family: Verdana,Arial, sans-serif;
   color:#b2b2b2;
   font-weight:normal;
  }
  .popUpControl a:link, .popUpControl a:visited
   {color:#b2b2b2;}
  .popUpControl a:hover 
   {color:#000;}
  
  #popUpImgVertical {
   float:left;
   width: 410px;
   height:620px;
   background: url(img/Postcard_vBkgrd.png) no-repeat left top;
   margin-right:20px;
  }
  #popUpImgVertical div.img {
    margin-left:20px;
    margin-top:15px;
	padding:5px;
	width:350px;
	border:solid 1px #a1a1a1;
  }
  #popUpImgVertical div.txt {
    margin-left:25px;
    margin-top:5px;
	font-family: Verdana,Arial, sans-serif;
	font-size:11px;
	color:#444;
  }
  #popUpImgHorizontal{
   float:left;
   width: 665px;
   height:460px;
   background: url(img/Postcard_hBkgrd.png) no-repeat left top;
   margin-left:20px;
   margin-right:20px;
   border:solid 0px red;
  }
  #popUpImgHorizontal div.img {
    margin-left:20px;
    margin-top:20px;
	padding:5px;
	width:600px;
	border:solid 1px #a1a1a1;
  }
  #popUpImgHorizontal div.txt {
    margin-left:35px;
    margin-top:5px;
	font-family: Verdana,Arial, sans-serif;
	font-size:11px;
	color:#444;
  }
  .popBox {
  float:left;
  margin-left:30px;
  border:solid 0px red;
  width:770px;
  }
  .popBox div.txt {
   width:360px;
   float:left;
   margin: 5px;
   border:solid 0px red;
  }
 .popText {
   width:340px;
   margin-right:20px;
   border:solid 0px black;}
  
  .popBox h1, div.popText  h1
  {font-family: "Myriad Pro", Arial, sans-serif;
   font-size:18px;
   color: #0066CC;
   margin:0px;padding:0px;
   margin-top:15px;
   margin-bottom:5px;
   font-weight:bold;
   display:block;} 
   
  .popBox h2, div.popText  h2
  {font-family: "Myriad Pro", Arial, sans-serif;
   font-size:14px;
   color: #0066CC;
   margin:0px;padding:0px;
   font-weight:bold;
   display:block;} 
   
   .popBox h3,div.popText  h3
  {font-family: "Myriad Pro", Arial, sans-serif;
   font-size:13px;
   color: #444;
   margin:0px;padding:0px;
   font-weight:bold;
   display:block;} 
	
  .popText p {
   font-size:13px;
   color:#444;
   margin:15px 0px;
  }
  .popBox .greyArea, .popText .greyArea {
    margin-left:5px;margin-bottom:10px;
    padding:5px;padding-left:10px;
    background: url(http://www.hthworldwide.com/img/gray.gif) repeat top;
	color:#323344;font-weight:bold;
   }
   
   #main_notes {
   width:980px; 
   height:70px;
   margin:0 auto; text-align:left;
   background: url(img/main_note_bkgr.png) no-repeat bottom center;
   border:solid 0px red;
   }
   #main_notes h1 {
	 font-size:16px;
	 color: #0066CC;
	 margin-left:50px;
	 border:solid 0px black;
	 font-weight:bold;
	}
	
	#main_notes h2 {
	 font-size:14px;
	 margin-left:55px;
	 padding-top:10px;
	 border:solid 0px black;
	 font-weight:normal;
	}
   .notes {
    width:980px; 
    margin:0 auto; text-align:left;
	color:#444;
	border:solid 0px black;
   }
   .notes h1 {
   font-family: "Myriad Pro", Arial, sans-serif;
   font-size:16px;
   color: #0066CC;
   margin-left:50px;
   font-weight:bold;}
    
   .notes div {
    margin-left:50px;
   }
   .notes a:link {color:#444;}
   
  .popForm {
   width:530px;
   margin:0px auto;;
   padding:5px 10px;
   text-align:left;
   background-color:#f7f7f7;
   border:solid 1px #ebebeb;}
   
   .popForm  span.fieldName {
    font-size:12px;
	font-weight:bold;
   }
   
   
   
   .popForm  input {
   font-size:12px;
   }
   .popForm  .button
   {background-color:#0066CC;
    font-size:12px;
	color:#ffffff;
	font-weight:bold;
	}
	.popForm .note {width:450;margin:10px auto;text-align:left;font-size:11px;}
	
   .textarea {
   font-family:Arial,sans-serif;
   font-size:11px;
   color:#444444;
   }