/*  FTM - Fashion and Textile Museum
Author:	www.readingroom.com
Last updated: 10 September 07 */

/* STYLESHEET  */

*{ margin:0; padding:0;}

body { background: url(/images/tile.gif);	font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 100%;}

/*  Global styles
-------------------------------------------------------------------- */
p {font-size:80%;}
.clearB{clear:both;}
.clearR{clear:right;}
.clearL{clear:left;}
.clearFix{clear:none;}
.floatL{float:left;}
.floatR{float:right;}
.pink {	color:#f14eeb;}

#content p a { color:#f14eeb;}

/*  Wrapper styles
-------------------------------------------------------------------- */
#outerWrapper {margin: 0 auto; background: url(/images/hometile.jpg) no-repeat; width:100%; min-height:800px; height: auto!important; height: 800px; }
#Wrapper { margin: 0 auto; width:744px;}
#container { float:left; width:744px; }
#innerContainer {background: #ffffff; float:left;}

/* #innerContainer {background: #fff url(/images/bgWhite.gif) 15px 0 repeat; } */

/*  LeftCol styles
-------------------------------------------------------------------- */

#leftCol { width:198px; float:left; }

/*  Logo styles
----------------------------------- */
#Logo {border:none; width:198px;height:138px; }


/*  Navbox styles
----------------------------------- */
#navbox { z-index: 3;position:relative; margin-left:-18px; margin-right:-15px; background:#ededed; width:220px; padding-top:5px; }

/*  LeftNav styles
----------------------------------- */
#LeftNav {list-style-type:none; padding-left:24px;	font-weight:800; line-height:1.5em;	 color:black;}
#LeftNav li {display:block; }
#LeftNav li a {text-decoration:none; }
#LeftNav li a:hover {text-decoration:underline;	color:#f14eeb;}
#LeftNav li span {color:#000;}
#LeftNav li.on a{text-decoration:underline;color:#f14eeb;}

/*  WhatsOn styles
----------------------------------- */

#WhatsOn { float:left;	background:url(/images/whatson.gif) no-repeat; font-size:80%; padding-top:14px;}
#WhatsOn h4 label { font-size: 110%;}
#WhatsOn h4 { font-size: 1em; margin-bottom:4px; }
#whatsonexpand {float:left;	width:203px; margin-bottom:-38px;  background:url(/images/whatsonexpand.gif) no-repeat; }

#WhatsOn form {width:196px;padding:4px 0 4px 8px;}
#WhatsOn form legend {display:none;}
#WhatsOn form fieldset {border:none;}
#WhatsOn form select {font-size:80%;}
#WhatsOn form select#date {width:40px;}
#WhatsOn form select#date2 {width:107px; 	}
#WhatsOn form input#imgbtn {vertical-align:middle;}
#WhatsOn form {  font-size: 100%;}
#WhatsOn input, #WhatsOn textarea, #WhatsOn select, #WhatsOn label {color: black;}

/*  Stage styles
----------------------------------- */

#innerContainer img { border: 0; }
#stage {margin-left:198px; z-index: 2;	width:554px;  /*background:url(/images/stage.jpg) no-repeat;*/ position:relative;}
#title {width:306px; height:141px;	/*background: url(/images/title.jpg) no-repeat;*/ background:white;position:absolute; top:76px; left:249px;}
#title #infobtn {margin-top:7px;	margin-left:234px; float:left;	border:none;}
#title h5 {color:#f14eeb; margin-top:7px; margin-left:25.5px; }
#title h1 {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;  font-weight:lighter; margin-top:0px; letter-spacing:.7px; font-size:260%; margin-left:30px;}
#title h1.bold {text-transform:uppercase; margin:0; margin-top:-20px;margin-left:30px;letter-spacing:0.3px; font-size:180%;margin-top:-8px; font-weight:bold;}

/*  Box styles
-------------------------------------------------------------------- */
#boxwrapper { width:728px;  background: #fff url(/images/bgBoxesHomeDashes.gif) bottom left no-repeat; padding-right: 9px; padding-bottom: 55px; }
#boxwrapperInner { clear:both; float: left; width:728px; background: url(/images/bgBoxesHome.gif) right top repeat-y; padding-bottom: 40px;margin-bottom: 1px}
/*  Box 1 styles
----------------------------------- */

/*#box1wrap { float:left; margin-top:-34px; margin-left:7px; width:279px; position: relative;}*/
#box1wrap { float:left; margin-top:-5px; margin-left:7px; width:279px; position: relative;}
/*#Box1 {	width:275px;height:290px; float:left; background: url(../images/box1.jpg) no-repeat;color:white;padding:2px 0 42px 4px;}*/
#Box1 {	width:275px; float:left; background: url(../images/box1.jpg) no-repeat;color:white;padding:2px 0 42px 4px;}
#Box1 h4 { font-size:90%;}
#Box1 img.hire {	 margin-top:130px; margin-left:168px; margin-bottom:10px; float:left;border:none;}
#Box1 .featured { border-top:1.4em solid #F34DEB; clear: both; padding: 10px 0 0; }
#Box1 .featured img { border: 0; }

/*  Box 2 
----------------------------------- */

#box2wrap { float:left; margin-top:-5px;  margin-left:7px;	width:214px; position: relative;}
#Box2 {	float:left;	padding:0 0 42px 0; width: 100%; }
.boxesline2 { background: #f7f7f7; min-height: 250px;}
* html .boxesline2 { height: 250px;}

/*  Box 3 
----------------------------------- */

#box3wrap { float:left; margin-top:-5px;  margin-left:7px;	width:214px; position: relative;}
#Box3{	float:left;	padding:0 0 42px 0;	width: 100%; }
.boxesline3 { background: #f7f7f7;  }

/*  Box  
----------------------------------- */

/* .boxes { background: url(/images/boxtop.gif) repeat-x;}	*/
.boxes h4 {	color:white;	font-size:90%;	background: #F34DEB; padding: 3px 5px 4px 6px; margin-bottom: 3px;}
.boxes h5 {	color:#222;	font-size:80%;	margin:0 6px;}
.boxes p {	margin-bottom:10px; margin:0 6px; margin-bottom: 10px;	color:black;	font-size:71%;}
.more, .boxes p a {color:#f14eeb; text-decoration:none; background: url(/images/arrow.gif) center right no-repeat; }
.more {padding-right:6px; }

/*  Pre Footer styles
-------------------------------------------------------------------- */

#prefooter {clear:both; float:left; width:722px;  background:white; margin-left:7px; padding-bottom:10px; margin-bottom:7px;	}
#home #prefooter {clear:both; float:left; width:722px; margin-top:0px;  background:white; margin-left:7px; padding-bottom:10px; margin-bottom:7px;	}
#sub1 { margin-left:10px; width:122px; height:61px; float:left; background: #f14eeb;	color:white;	font-size:90%;	padding: 0 7.5px 0 7.5px;}
#sub1 img {	margin-top:4px;	margin-left:-1px;	border:0px;}
#sub2 {	color:white;	width:126px;	height:61px;	float:left;	background: url(/images/sub2.gif) no-repeat;	margin-left:2px;	padding-left:4px;}
#sub2 a {	text-decoration:none;    color:white;	display:block;	width:100%;}

#sub3 {	color:white; width:100px;height:60px;float:left;padding-left:5px;padding-top:1px;background: url(/images/sub3.gif) no-repeat;	margin-left:7px;	}
#sub3 a {text-decoration:none; color:white; display:block; width:100%;}
#sub4 {	color:white;	width:107px;	height:61px;float:left;	padding-left:2px;	background: url(/images/sub4.gif) no-repeat;	margin-left:2px;}
#sub4 a { text-decoration:none; color:white; display:block; width:100%;}

#sub5 { color:white; font-size:90%; width:194px; float:left; margin-left:5px; background:#f14eeb;padding:7px 0 15px 9px;}
#sub5 #show form {	margin-top:-14px;	margin-left:-1px;}
#sub5 #show form legend {	text-indent: -9999px;}
#sub5 #show form fieldset {	border:none;}
#sub5 #show form #sendbtn {vertical-align:middle;	margin-left:2px;}
#sub5 #show form {font-size: 90%;}
#sub5 #show form legend {display:block;}
#sub5 #show label { color: #fff; }
#hide {display:none;}
#hide h3 {margin-top:-6px;}
#hide{margin-bottom:-2px;}

/*  Footer styles
-------------------------------------------------------------------- */

#Footer {float:left; background: url(/images/footertile.gif) top repeat-x; font-size: .7em; color:#666; margin-left:20px;	}
#footerexpand {	width:710px; padding-bottom:10px; float:left; background: url(/images/footerexpand.gif) bottom repeat-x;}
#Footer #footerexpand ul {margin-top:6px;list-style:none; margin-left:auto; margin-right:auto;}
/*#Footer #footerexpand #topfooter {width:52em;}
#Footer #footerexpand #botfooter { width:45em;}*/
#Footer #footerexpand ul { text-align: center; }
#Footer #footerexpand ul li { display: inline; /*float:left;*/}
#Footer #footerexpand ul li a {	text-decoration:none; color:#666;}


#Footer #footerexpand  ul li a.foothilite { font-weight: bold; color: #F14EEB; }


/* site map
-------------------------------------------------------------------- */

#siteMap {
	list-style-type:none;
	margin:20px;
}
#siteMap li a {
	text-decoration:none;
	color:#f14eeb;
	font-size:80%;
}

#siteMap li ul {
	list-style-type:none;
	font-size:80%;
	margin-left:10px;
}
#siteMap li ul li{
background: url(/images/arrow.gif) 0 7px  no-repeat;padding: 0px 0 0px 9px;
}
#siteMap li ul li a{
	color:black;
}

/* logos
-------------------------------------------------------------------- */

h4.london_style {
	color: #ff99cc;
	}

div.logos {
	
	}

div.logos img {
	margin: 20px 10px 20px 0;
	vertical-align: middle;
	}