/*
Vistagram bradford
/css/main.css
main site structure and common stylesheet
author: Chris Armstrong, Thoughtbubble Ltd
*/

/*
-------------------------------------------
Remove the inconsistent default styling of HTML elements.
-------------------------------------------
*/

 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
 	margin:0;
 	padding:0;
 }
 
 table {
 	border-collapse:collapse;
 	border-spacing:0;
 }
 
 fieldset,img { 
 	border:0;
 }
 
 address,caption,cite,code,dfn,em,strong,th,var {
 	font-style:normal;
 	font-weight:normal;
 }
 
 ol,ul {
 	list-style:disc;
	padding-left:25px;
 }
 
 caption,th {
 	text-align:left;
 }
 
 h1,h2,h3,h4,h5,h6 {
 	font-size:100%;
 	font-weight:normal;
 }
 
 q:before,q:after {
 	content:;
 }
 
 abbr,acronym { 
 	border:0;
 }

/* -------------------------------
	CLEARFIX FLOATING FIXES
---------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
 
/*
-------------------------------------------
MAIN SITE STRUCTURE
-------------------------------------------
*/
 
body, td { font-family : Tahoma, Arial, sans-serif; font-size : 75%; }
body { 
	background-color:#ffffff;
	margin: 10px 0px 0px 10px;
	color : #FFFFFF;
}
input, select { font-family : Tahoma, Arial, sans-serif;  font-size : 100%; }

body { background-color:#011128;
	background-image:url(/images/layout/1Px_Line.jpg);
	background-repeat:repeat-x;
	background-position:0 0;	
}

p { margin:0 0 8px 0; }
strong { font-weight:bold; }
em { font-style:italic; }
h1 {
	font-size:1.8em;
	color:#FFFFFF;
	margin:0 0 8px 0;
	font-weight:bold;
}
h1 a { color:#FFFFFF; text-decoration:none; }


#mainWrapper { width:100%; text-align:center; }
#pageWrapper { position:relative; height:auto; width:990px; margin:auto; text-align:left; }

#topBar { padding:5px 0 10px 0; }
#bradford_logo { float:left; width:474px; padding:0 0 0 10px; }
#vistagram_logo { float:right; width:147px; padding:10px 0 0 0; }

#nav_col { float:left; width:200px; padding:0 0 0 0; overflow:hidden; }
#main_col { float:left; width:790px; padding:0 0 0 0; overflow:hidden; }

#PageContent { padding:10px 10px 10px 10px; background-color:#FFFFFF; color:#000000;  }
#PageContent h1 { color:#000000; }
.bottom_PageContent { margin-top:10px; }

#footerBar { text-align:right; color:#FFFFFF; padding:0px 0 20px 0; }
#footerBar a:link, #footerBar a:visited { color:#FFFFFF; text-decoration:none; }
#footerBar a:hover { text-decoration:underline; }

/* NAVIGATION */

ul#navigation_list {
	list-style:none;
	margin:0;
	padding:0;
}

ul#navigation_list li.nav_space { height:20px; }

ul#navigation_list li { display:block; }
ul#navigation_list li a:link,ul#navigation_list li a:visited {
	display:block;
	color:#FFFFFF;
	padding:2px 50px 2px 10px;
	text-decoration:none;
	font-size:1.1em;
	background-position:170px 2px;
	background-repeat:no-repeat;
}
ul#navigation_list li a:hover, ul#navigation_list li a.nav_link_on:link,ul#navigation_list li a.nav_link_on:visited {
	background-color:#83A0C8;
	text-decoration:none;
}

ul#navigation_list li a.top_nav { font-weight:bold; }
ul#navigation_list li a.shopping_nav { background-image:url(/images/nav_icons/spot_Shopping.png); }
ul#navigation_list li a.restaurant_nav { background-image:url(/images/nav_icons/spot_Restaurants.png); }
ul#navigation_list li a.food_nav { background-image:url(/images/nav_icons/spot_Food.png); }
ul#navigation_list li a.services_nav { background-image:url(/images/nav_icons/spot_Services.png); }
ul#navigation_list li a.entertainment_nav { background-image:url(/images/nav_icons/spot_Entertain.png); }
ul#navigation_list li a.hotel_nav { background-image:url(/images/nav_icons/spot_Hotel.png); }
ul#navigation_list li a.information_nav { background-image:url(/images/nav_icons/spot_Info.png); }
ul#navigation_list li a.interest_nav { background-image:url(/images/nav_icons/spot_Interest.png); }

/* SEARCH FORM */
.search_form { width:190px; padding:30px 0 0 10px; }
.search_form .label { font-weight:bold; color:#FFFFFF; font-size:1.2em; padding:0 0 3px 0; }
.search_form .textinput { font-weight:normal; width:140px; height:16px; padding:2px 2px 2px 2px; float:left; background-color:#517AB2; color:#FFFFFF; border:1px solid #FFFFFF; }
.search_form .submit { float:left; width:30px; margin:0; padding:0; }


/* Classes */
.clear { clear:both; } /* This clears up float styles with <br class="clear" /> */
.PadB5 { padding-bottom:5px; }
.ImgRight { float:right; padding: 0 0 10px 10px; }
.ImgLeft { float:left; padding: 0 10px 10px 0; }
.Small { font-size : 90%; }

/* Section Specifics */
#SectionHeading { width:610px; float:left; margin: 10px 0px 0px 0px; }
#SectionLogo { width:70px; float:right;  }
#SectionSubMenu { padding: 0px 0px 15px 0px; font-weight:bold; color:#666666; }

.ShoppingSecHead { border-bottom: 5px solid #F58220; }
#SectionSubMenu.Shopping a:link, #SectionSubMenu.Shopping a:visited  { color: #666666; text-decoration:none; }
#SectionSubMenu.Shopping a:hover { color: #666666; text-decoration:underline; }

.FoodSecHead { border-bottom: 5px solid #DA1E3D; }
#SectionSubMenu.Food a { color: #DA1E3D; text-decoration:none; }
#SectionSubMenu.Food a:hover { color: #DA1E3D; text-decoration:underline; }

.NightLifeSecHead { border-bottom: 5px solid #054572; }
#SectionSubMenu.NightLife a { color: #054572; text-decoration:none; }
#SectionSubMenu.NightLife a:hover { color: #054572; text-decoration:underline; }

.HistorySecHead { border-bottom: 5px solid #CBBE00; }
#SectionSubMenu.History a { color: #CBBE00; text-decoration:none; }
#SectionSubMenu.History a:hover { color: #CBBE00; text-decoration:underline; }

.TheatreSecHead { border-bottom: 5px solid #ffff00 }
#SectionSubMenu.Theatre a { color: #CBBE00; text-decoration:none; }
#SectionSubMenu.Theatre a:hover { color: #ffff00; text-decoration:underline; }


.StreenSecHead { border-bottom: 5px solid #336633; }
a:link.Street, a:visited.Street  { color: #336633; text-decoration:none; font-weight:bold; }
a:hover.Street { color: #336633; text-decoration:underline; }

/* Das shop!... */
.ShopSecHead { border-bottom: 5px solid #3399cc; }
#SectionSubMenu.Shop a { color: #3399cc; text-decoration:none; }
#SectionSubMenu.Shop a:hover { color: #3399cc; text-decoration:underline; }
#BasketTableHeader { font-weight:bold; }

#ShopContent_1 { width:190px; margin: 0 8px 0 0; float:left; }
#ShopContent_2 { width:190px; margin: 0 8px 0 0; float:left; }
#ShopContent_3 { width:190px; float:left;}
#ShopColumnHeader { background-color: #3399cc; color: #FFFFFF;}


#Footer { position:relative; top:20px; width:690px; text-align: center; }
#innerFooter {  color:#999999; font-size:90%; }

.ContactSecHead { border-bottom: 5px solid #336633; }

/* Section Page Layout */
.LargeDiv { width:380px; padding: 0px 0px 15px 0px; }
.RowDiv { width:165px; padding: 0px 0px 15px 0px; }

.HomeRowDiv { width:245px; margin:5px 12px 0 0; background-color:#01132B; padding:5px 5px 10px 5px; }
.HomeSecRow1, .HomeSecRow2, .HomeSecRow3 { float:left; }
.HomeSecRow3 { float:right; margin-right:0; }

.SecTitle { font-weight:bold; font-size:110%; padding: 15px 0px 0px 0px; }
.SecDesc { font-size:90%; margin: 5px 0px 0px 0px; }
.SecTopLeft { float:left; }
.SecTopRight { float:right; }
.Header { font-weight:bold; font-size:110%; }

.SecRow1, .SecRow2, .SecRow3 { float:left; margin: 0px 10px 0px 0px; }
.SecRow4 { float:left;  }

/* Links */
a:link  { color:#FF9900; }/*was FF9900*/
a.Food:link  { color:#DA1E3D; }
a.Shop:link  { color:#F58220; }
a.Night:link  { color:#054572; }
a.History:link  { color:#CBBE00; }


/* Generic Page Divs */
#FullPage { margin: 0px 0px 0px 0px; }
#MainMenu { position:absolute; top:10px; left:10px; width:130px; }
#SiteSearch { margin: 15px 0px 0px 0px; }
#MenuButtons { margin: 15px 0px 0px 0px; }

#PageContentAdmin { width:690px; }

#contact_us {}
#contact_us label {}

/* CONTACT US */
#contact_us { padding:0px 0 40px 0px; }
#contact_us label { float:left; width:90px; text-align:right; display:inline; margin:0 10px 8px 0; }
#contact_us .textinput { float:left; width:240px; padding:2px 2px 2px 2px; margin:0 0px 8px 0; background-color:#517AB2; color:#FFFFFF; border:1px solid #011128; }
#contact_us .textareainput { float:left; width:300px; padding:2px 2px 2px 2px; float:left; background-color:#517AB2; color:#FFFFFF; border:1px solid #011128; }
#contact_us .mandatory { font-weight:bold; }
#contact_us .submit { float:right; width:63px; margin:0 4px 0 0; padding:0; }

.pg_links { border-top:1px solid #CBD8E8; border-bottom:1px solid #CBD8E8; padding:5px 0 5px 0; margin:0px 0 10px 0; text-align:right; }
.pg_links img { margin-left:5px; }
.pg_links a:link, .pg_links a:visited { color:#FFFFFF; text-decoration:none; font-weight:bold; }
.pg_links a:hover, .pg_links a.pg_link_on:link, .pg_links a.pg_link_on:visited { color:#FFFFFF; text-decoration:none;  } 

.meet_left_col { float:left; width:366px; height:293px; overflow:hidden; position:relative; }
.meet_right_col { float:right; width:385px; height:293px; margin-right:5px; display:inline; overflow:hidden; position:relative; }
.meet_image { position:absolute; left:0; top:0; }
.meet_text { position:absolute; left:0; top:60px; }
.meet_text img { margin-bottom:5px; }

/* banners */
#MenuBanner { margin-left:10px; }
#SkyScraper { position:absolute; display:block; width:120px; left:1000px; top:58px; }/* position:relative; top:-50px; left: 890px;*/