/* css for crookedsleeve.co.uk */


/* structure
--------------------------------- */
body {
	margin:0;
	padding:0;
	background: #FFFF99;
	color:#333;
	text-align:center;
	font-size:small;
	font-family: "Small Tahoma", "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
  } html>body {font-size:small;}
#container {
  position:relative;
  width:732px;
  margin:0 auto;
  text-align:left;
  border-left:1px solid #A79355;
  border-right:1px solid #A79355;
  background:url(images/bg.gif) bottom no-repeat;
  background-color:#FFFFFF;
  }
#intro {
  border-bottom:1px solid #A79355;
  border-width:0 1px;
  background: #FFFFCC url("images/bg_bar.gif") repeat-x left top;
  }
  
 
/* other fonts and text
--------------------------------- */
p   {
 	color:#333;
	text-align:center;
	font-size:small;
	font-family: "Small Tahoma", "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
	font-style:normal;
	text-align:left;
}

.quotes {
	font-style:italic;
	font-weight:bold;
	color:#993300;
}

.quotedetail {
	color:#CC9900;
	font-weight:bold;
}


/* hidden text
--------------------------------- */
h1, h2, h3 {
  margin:0;
  background-repeat:no-repeat;
  background-position:left top;
  }
h1 span, h2 span, h3 span, #quickSummary p.p1 span {display:none;}

  
/* header and summary
--------------------------------- */
#pageHeader h1 {
  height:71px;
  background:url("images/bg_tag_line.gif") no-repeat 35px 42px;
  }
#pageHeader h2 {
  height:115px;
  background:url("images/bg_header.jpg") no-repeat left top;
  }
#quickSummary p.p1 {
  height:76px;
  margin:0;
  background:url("images/bg_lower_tag.gif") no-repeat 35px 18px;
  }
#quickSummary p.p2 {
  position:absolute;
  top:78px;
  right:15px;
  width:330px;
  margin:0;
  font-size:100%;
  line-height:1.3em;
  text-align:right;
  color:#CCCC00;
  background-color:transparent;
  }
#quickSummary p.p2 a:link, #quickSummary p.p2 a:visited {
  white-space:nowrap;
  font:bold 92%/1.3em Verdana,Arial,Sans-serif;
  text-transform:uppercase;
  color:#FFFFFF;
  }


/* preamble
--------------------------------- */
#preamble {
  position:absolute;
  top:304px;
  right:0;
  width:180px;
  padding-right:5px;
  }
#preamble h3 {
  height:44px;
  background-image:url("images/bg_customer.gif");
  }
#preamble p {
  margin:.5em 0;
  font-size:93%;
  font-style:italic;
  line-height:1.7em;
  color:#66472E;
  background-color:transparent;
  }


/* supporting text
--------------------------------- */
#supportingText {
	margin:0 200px;
	padding-bottom:8px;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A79355;
	border-right-color: #A79355;
	border-bottom-color: #BDAF83;
	border-left-color: #A79355;
  }
#supportingText p {
  margin:.75em 0;
  line-height:1.5em;
  padding:0 20px;
  }
#supportingText h3 {
  height:40px;
  border:1px solid #A79355;
  border-width:1px 0;
  margin:1em 0 .5em;
  background-color:#D9D98B;
  }
#explanation h3 {
  height:80px;
  background-image:url("images/bg_welcome.jpg");
  border-top-width:0;
  margin:0 0 10px;
  }
  
#explanation_contact h3 {
  height:80px;
  background-image:url("images/bg_contact.jpg");
  border-top-width:0;
  margin:0 0 10px;
  }
  
#explanation_services h3 {
  height:80px;
  background-image:url("images/bg_services.jpg");
  border-top-width:0;
  margin:0 0 10px;
  }
  
#explanation_photos h3 {
  height:80px;
  background-image:url("images/bg_photos.jpg");
  border-top-width:0;
  margin:0 0 10px;
  }
  
#explanation2 h3 {
  height:80px;
  background-image:url("images/bg_our-perf.jpg");
  border-top-width:0;
  margin:0 0 10px;
  }
  
 #explanation2 img {
 	float:left;
	margin:0 4px 4px 0;
}
  
#explanation3 h3 {
  height:80px;
  background-image:url("images/bg_about.jpg");
  border-top-width:0;
  margin:0 0 10px;
  }
  
#participation h3 {background-image:url("images/bg_corporate.jpg");}


/* link list
--------------------------------- */
#linkList {
  position:absolute;
  top:306px;
  left:0;
  width:180px;
  padding-left:5px;
  }
#linkList h3 {height:23px;}
#lselect h3 {
  height:41px;
  background-image:url("bg_select.gif");
  }
#larchives h3 {background-image:url("images/bg_menu.gif");}
#lresources h3 {background-image:url("images/bg_links.gif");}
#linkList ul {
  margin:1em 0 1.5em;
  padding:0;
  font-size:93%;
  list-style:none;
  }
#larchives li, #lresources li {text-transform:lowercase;}
#linkList ul li {
  background:url("icon_diamond.gif") no-repeat 2px 50%;
  margin:0 0 .5em;
  padding:0 0 0 14px;
  line-height:1.5em;
  }
#linkList li a:link, #linkList li a:visited {
  font-family: "Small Tahoma", "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
  font-size:14px;
  }
#linkList #lselect li {
  background:url("icon_pg.gif") no-repeat 0 15%;
  color:#A79355;
  }
#linkList #lselect a:link, #linkList #lselect a:visited {display:block;}
#linkList #lselect a.c:link, #linkList #lselect a.c:visited {
  display:inline;
  font-family:Georgia,Serif;
  font-weight:normal;
  color:#616623;
  background-color:transparent;
  text-transform:lowercase;
  }


/* footer
--------------------------------- */
#footer {
	color:#fff;
	font:85% Verdana,Arial,Sans-serif;
	text-align:center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #660000;
	background-image: none;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #330000;
	border-right-color: #330000;
	border-bottom-color: #330000;
	border-left-color: #330000;
  }
#footer a:link, #footer a:visited {
  padding:0 5px;
  font-weight:normal;
  }


/* links
--------------------------------- */
a:link, a:visited {
  color:#CC9900;
  background-color:transparent;
  font-weight:bold;
  text-decoration:none;
  }
a:hover {
  color:#CC6633;
  background-color:transparent;
  text-decoration:underline;
  }


/* misc
--------------------------------- */
acronym {border-width:0;}

.q {
font-family : "small tahoma", "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif; 
font-size : 9pt; 
vertical-align : top; 
text-align : left; 
color : #404040; 
font-weight : normal; 
font-style : normal; 
} 
.q1 {
font-family : "small tahoma", "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif; 
font-size : 9pt; 
vertical-align : top; 
text-align : left; 
color : #404040; 
font-weight : normal; 
font-style : normal;
background-color:#FFFFCC; 
}