body
{
	margin: 0;
    
    padding: 0;
	font-size: 12pt;
    font-family:  Verdana, Arial, sans-serif;
	text-align: left;	
    background-color: rgb(197,204,211); /*#000000;*/
    
    -webkit-text-size-adjust:none;			/* Turn off font resizing */
    color: #000000;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */
    body
        {        
        background-image: url('http://www.londontravelguide.com/iphone/media/backdrop1.png');
        background-attachment: fixed;
    }
}

a:link
{
    color: rgb(76,86,108);	 /* Set each label color */	
}

a:visited
{
    color: rgb(76,86,108);	 /* Set each label color */	
}

img
{
	border-style: none;
} 

#headerDiv
{
    padding:10px;
    text-align: center;   
    color: rgb(76,86,108);	 /* Set each label color */	
}

#headerDiv a:link
{
    color: rgb(76,86,108);	 /* Set each label color */	
}

#headerDiv a:visited
{
    color: rgb(76,86,108);	 /* Set each label color */	
}

.logoDiv
{
	text-align: center;
    margin: 0 auto;
	/*width: 140px;*/
}

#container	
{
    padding: 0px;
	width: 100%;
    margin: 0px;
	border: 0px;
    padding-bottom: 10px;
}

#content	
{	
    padding: 0px;
    margin: 0px;
    text-align: left;
	width: 100%;	
}

#content a
{
    text-decoration: underline;  
    font-weight: bold;
    display: inline;    
}

#contentWithNoIntro p
{
    padding-left: 10px;
    padding-right: 10px;
}

#topLinks
{
	text-align: center;
	margin-bottom: 10px;
}

#topLinks ul
{
	padding: 0;
	margin: 0;
}

#topLinks li
{
	display: inline;
	list-style-type: none;
	margin: 2px;
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;	
}

#topLinks a
{

	padding: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
}

#topLinksImg a
{
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0;

}

#backButton, #homeButton
{
    padding: 10px; 
    padding-top: 0px;"	
}

#mainLinks
{
	padding: 0;
	margin: 0;
}

#mainLinks li
{
	list-style-type: none;
	margin: 5px;
	padding: 0;

}

.title
{
    text-align: center;    
	font-weight: bold;
	font-size: 14pt;    
    margin-bottom: 10px;    
}

.subTitle, .subtitle
{
    text-align: center; 
	font-weight: bold;
	font-size: 13pt;
}

.subCategoryTitle
{
    margin:0;
	padding-top:10px;		  
	padding-right:10px;		 
	padding-bottom:10px;	
	padding-left:10px;	
	font-size:17px;
	font-family: Helvetica;
	font-weight:bold;
	color: rgb(76,86,108);	 /* Set each label color */	  
}


ul.subCategoryLink
{
    font-size:20px;             /* All text content is 20 pixels */
    font-family: Helvetica;
    font-weight:bold;
    color:black;
  
    margin: 0;               /* The list fills the whole iPhone screen */
    padding: 0;
    /*margin-top: 20px;*/
    border-width: 1px;		       /* Draw a rectangle around each list */
	border-style:solid ;
	border-color:rgb(217,217,217);
    width: 300px;           /* Each cell is 320 pixels wide */
    
    margin-left:10px;
    margin-right:10px;
    background-color: white; 
    -webkit-border-radius: 8px;		 /* Round each corner of the created rectangle */ 
}

.subCategoryLink li
{ 
    
    list-style-type: none;	
	border-top-width:1px;                    /*	 Add a line at the top of every cell */
	border-top-color: rgb(217,217,217);
	border-top-style:solid;	
	padding-top:10px;
	padding-right:10px;
	padding-bottom:14px;
	padding-left:10px;
	
	height:19px;       /* The total cell height includes the padding-top, padding-bottom, border and height values: 10+14+1+19=44 pixels */
	line-height:19px;  /* Ensure that the height of the cell includes the line at the top of the cell  */
    
}

.subCategoryLink li:first-child
{
  border-top:0;   /* Remove the line above the first item of the list */  
}

#menu a
{
    display: block;  /* Set the href to be a block rather than inline */
	
	/* The padding properties adjust the text content within the href block */
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 12px;
	padding-left: 8px;
	
	/* The margin properties adjust the size of the href block */
	margin-top: -8px;
	margin-right: -8px;
	margin-bottom: -12px;
	margin-left: -8px;	  
	
	text-decoration: none;
	color: black;
    
    margin-right:10px;		
	padding-right:16px;	   /* Distance between the arrow button and a text */
	
	background-image: url('http://www.londontravelguide.com/iphone/media/chevron.png'); 
	background-repeat: no-repeat;
	background-position: right; 
    
}

#footer
{
    padding-top:20px;
    text-align: center;
    color: rgb(76,86,108);	 /* Set each label color */	
}

#footerLinks, #footerLinks2
{
	text-align: center; 
    padding-top:10px;
	padding-bottom: 10px;  
 
}

#footerLinks ul, #footerLinks2 ul
{
	padding: 0;
	margin: 0;
}

#footerLinks li, #footerLinks2 li
{
	display: block;
    padding: 4px 0;
	list-style-type: none;
    color: white;
}

#footerLinks a, #footerLinks2 a
{
    color: rgb(76,86,108);	 /* Set each label color */	
}

#galleryContent	
{	
    padding: 0px;
    margin: 0px;
}

#pictures
{
    padding: 10px;
    padding-left: 0px;
    text-align: center;    
}

.picture
{
    padding-bottom: 10px;   
    margin-left: 10px;
    margin-right: 10px;
}

.picture img
{
    width: 300px;
    height: 203px;
}

#media
{
    /*margin-left: -8px;
    margin-right: -8px;*/
}

#media div
{
    /*padding-left: 10px;
    padding-right: 10px;*/
}

#mainContent
{
   margin: 0px; 
}

#picture, #iPhoneVideo, .video
{
    padding-bottom: 7px;    
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 10px;
    margin-right: 10px;
}

#picture img
{
    width: 300px;
    height: 203px;
}

#map
{
    padding-bottom: 7px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 10px;  
    margin-right: 10px;    
}

#map img
{
    width: 300px;
    height: 203px;     
}

#map2
{
    padding-bottom: 7px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 10px;
    margin-right: 10px;
}

#map2 img
{
    width: 300px;
    height: 203px;    
}

#disclaimer	
{
	margin-top: 10px;	
    margin-bottom: 10px;
	text-align: center;
	border-top: 0px;
}

.contactDetails
{
	/*margin-top: 10px;
	margin-bottom: 10px;	
	padding-left: 0;
	padding-right: 0;*/
    
    margin: 0;               /* The list fills the whole iPhone screen */
    padding: 0;
    /*margin-top: 20px;*/
    border-width: 1px;		       /* Draw a rectangle around each list */
	border-style:solid ;
	border-color:rgb(217,217,217);
    width: 290px;           /* Each cell is 320 pixels wide */
    font-size: 10pt;
    padding: 5px;
    margin-left:10px;
    margin-right:10px;
    background-color: white; 
    -webkit-border-radius: 8px;		 /* Round each corner of the created rectangle */ 
    margin-bottom: 10px;
}

.contactDetailsTitle
{
	font-weight: bold;
}

.listWithoutBulletPoints
{
    margin-left: 0px;
    padding-left: 30px;
}

.listWithoutBulletPoints li
{
	margin: 0;
	padding: 0;
	padding-bottom: 2px;
	list-style-type: none;
}

.secondary  /* Used for secondary text (text that is less important) */
{
  font-weight:normal;      /* Regular font is used for secondary text */
  float:right;           /* Align secondary text to the right of its parent cell */
  margin-right:10px;    
  line-height:20px;    /* Vertically center text on the row */
}

.secondaryWLink  /* Used for secondary text that is a link */
{
  font-weight:normal;    
  float:right;       
  margin-right:10px;  
  
  color: #324F85;     /* sets the color of the link */
  line-height:20px;   /* Vertically center text on the row */
}

.button 
{
  display:block;
  
  padding:0;
  padding-right: 5px;        /* Indent text on the button */
  padding-left: 5px;
  
  height: 29px;            /* control is 29 pixels high */
  line-height: 29px;
  
  font-weight: bold;
  font-family:Heveltica;
  font-weight:bold;
  font-size: 12px;       /* Text displayed is 12 pixels */
  
  color: #FFFFFF;
  background-color:black;  

  text-align:center;
  text-shadow: #000 1px 1px 1px;
  border: solid gray 1px;           /* Creates a rectangle around a text */
  -webkit-border-radius: 5px;      /* Rounds each corner of the created rectangle */
  
  margin-top:-4px;
  float:right;                  /* Align button to the right */ 
  margin-right:10px;           
}

.links
{
	padding: 0;
	margin: 0;
}

.links li
{
	list-style-type: none;
}

.linksNoBullets
{
	padding: 0;
	margin: 0;
}

.linksNoBullets li
{
	list-style-type: none;
}

.linksInline
{
	padding: 0;
	margin: 0;
}

.linksInline li
{
	display: inline;	
}