/*  
Theme Name: Firetail 2010
Theme URI: http://www.firetail.co.uk/
Description: Filthy cake is where its at.
Version: 1
Author: David Kerley
Author URI: http://www.dkltd.net/
*/

/* Layout
---------------------------------------------------------------------------------------------- */
body,html {
    background-color:#f3f3f3;
    height:100%;
    padding:0px;
    margin:0px;
	margin-bottom:1px;
	font-family:"Trebuchet MS",sans-serif;
}
#wrap {
	margin:auto;
	width:900px;
}
#mast {
	height:100px;
	padding-left:20px;
}
#mast p{
	margin-top:38px;
	float:left;
	width:508px;
	color:#4d4d4d;
}
#mast p span {
	font-weight:bold;
	display:block;
	color:#9c572e;
	font-size:17px;
}
#mast img {
	float:right;
	}
#navigation {
	height:32px;
}
#navigation ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	margin-left:20px;
}
#navigation li{
	width:100px;
	margin-right:2px;
	float:left;
	text-transform: uppercase;
	font-size:15px;
	text-align:center;
	font-weight:bold;
	background-color:#FFF;
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:5px;
}
#navigation li a {
	color:#4a3f35;
	text-decoration:none;
}
#navigation li a:hover {
	color:#9c572e;
}
#navigation li a.selected {
	color:#9c572e;
}
#title{
	position:relative;
	width:900px;
}
#title #buffer {
	height:150px;
	width:699px;
	display:block;
	border:5px solid #FFF;
}
#title h1 {
	margin-top:68px;
	display:block;
	width:639px;
	left:-20px;
	top:0px;
	background-image:url('images/step-background.png');
	color:#fff;
	font-size:28px;
	padding:5px 40px 5px 20px;
	font-weight:normal;
	text-transform: uppercase;
	margin-bottom:0px;
}
/* CONTENT */
#content {
	float:left;
	width:604px;
	background:#FFF;
	margin-left:20px;
	padding:40px 40px 40px 40px;
}
#content h1 {
    font-family:Trebuchet MS,Helvetica,Sans-Serif;
    font-size: 28px;
    line-height:30px;
    color:#763d20;
    letter-spacing:-1px;
    font-weight:normal;
    margin-top:20px;
    margin-bottom:20px;
}
#content h2 {
    font-family:Trebuchet MS,Helvetica,Sans-Serif;
    font-size: 28px;
    line-height: 30px;
    color:#763d20;
    letter-spacing:-1px;
    font-weight:normal;
    margin-top:20px;
    margin-bottom:0px;
}
#content h2 a {
	border:0px;
	color:#4b3e36;
	font-weight:normal;
}
#content h2 a:hover {
	color:#4b3e36;
	font-weight:normal;
}
#content h3 {
    font-family:Trebuchet MS,Helvetica,Sans-Serif;
    font-size: 18px;
    color: #95887f;
    letter-spacing:-1px;
    font-weight:normal;
    margin-top:0px;
    margin-bottom:20px;
}
#content h4 {
    font-family:Trebuchet MS,Helvetica,Sans-Serif;
    font-size: 18px;
    color: #95887f;
    letter-spacing:-1px;
    font-weight:normal;
    margin-top:20px;
    margin-bottom:20px;
}
#content h5 {
    font-family:Trebuchet MS,Helvetica,Sans-Serif;
    font-size: 18px;
    color: #95887f;
    letter-spacing:-1px;
    font-weight:normal;
    margin-top:0px;
    margin-bottom:0px;
}
#content p,
#content ul,
#content ol {
    font-family:Trebuchet MS,Helvetica,Sans-Serif;
    font-size: 13px;
    color: #4b3e36;
}
#content a {
    text-decoration:none;
    border-bottom:1px solid #e2e2e2;
    font-weight:bold;
    color: #4b3e36;
}
#content a:hover {
    color: #95887f;
    border:0px;
}
#content blockquote {
    padding:0px 0px 0px 10px;
    border-left:1px solid #e2e2e2;
    margin-left:0px 30px 0px 30px;
}
#content blockquote p {
    font-family:"Times New Roman",Serif;
    font-size: 22px;
    font-style:italic;
    letter-spacing:-1px;
    color: #95887f;
    padding:0px;
    margin:0px 0px 10px 0px;
}
#content img {
    display:block;
    border:0px;
}
















#home {
	width:860px;
	margin:0px;
	margin-left:20px;
}
#home .sector {
	width:156px;
	margin-right:20px;
	margin-bottom:2px;
	float:left;
	display:block;
	color:#666;
}
#home .sector #description {
	padding:3px 3px 5px 7px;
	background:#FFF;
	font-size:15px;
	margin-bottom:2px;
}
#home .sector ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
}
#home .sector ul li a{
  background:#fff url('images/action.gif') no-repeat center right;
  color:#4d4d4d;
  margin-bottom:2px;
  padding:7px 3px 7px 7px;
  text-decoration: none;
  display:block;
  font-size:13px;
}
#home .sector ul li a:hover {
  color:#9c572e;
  }

#home .twitter,#home .briefing {
	width:140px;
	margin-right:10px;
	margin-bottom:2px;
	float:left;
	display:block;
	color:#666;
}
#home .briefing {
	margin-right:20px;
}
#home .twitter h2,#home .briefing h2 {
	color:#9c572e;
	font-size:18px;
	margin-bottom:0px;
	padding-bottom:0px;
}
#home .twitter p,#home .briefing p {
	color:#4d4d4d;
	font-size:11px;
	margin:0px;
	padding:0px;
	padding-top:5px;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
#home .twitter p a {
	display:inline;
}
#home .twitter a,#home .briefing a {
	color:#9c572e;
	font-size:11px;
}
#home .twitter p.follow a {
	background-image:url('images/twitr.png');
	background-repeat:no-repeat;
	background-position:1px left;
	padding-left:18px;
	color:#4d4d4d;
	height:25px;
	text-decoration:none;
	display:block;
}
#home .twitter p.follow a:hover {
	text-decoration:underline;
}
#home .briefing form {
	padding:0px;
	margin:0px;
	font-size:11px;
	padding-top:5px;
}
#home .briefing a {
	color:#4d4d4d;
	display:block;
	float:left;
	margin-top:10px;
	margin-left:5px;
}
#home .briefing input {
	color:#666666;
	font-size:11px;
	width:100%;
	border:1px solid #c5c7ca;
}
#home .briefing input.button {
	border:1px solid #c5c7ca;
	background-color: #f2f2f2;
	color:#666666;
	float:right;
	font-size:11px;
	margin:0px;
	margin-top:10px;
	width:60px;
	padding:0px;
}
/* Menu Panel
---------------------------------------------------------------------------------------------- */
#panel {
	position:relative;
	float:right;
	width:196px;
	margin:auto;
	font-size:13px;
	color:#CCC;
}
#panel #wrapper {
	position:absolute;
	top:-5px;
}
.menu,
.submenu,.submenu ul{
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 196px;
}
.micromenu,.micromenu ul,
.nanomenu,.nanomenu ul{
  list-style-type:none;
  margin: 0;
  padding: 0;
}

/* Menu 
---------------------------------------------------------------------------------------------- */
.menu a 				{ display:block;text-decoration:none;}
.menu li 				{ margin-bottom:1px;}
.menu li a 			{ background-color:#a59d94;padding:20px;border:0px;}
.menu li a.selected 	{ background-color:#000000;padding:20px;}
.menu li a:hover 		{ background-color:#8c857e;}
.menu li a img 			{ display:block;}

/* Submenu 
---------------------------------------------------------------------------------------------- */
.submenu li 			{ margin-bottom:1px;}
.submenu li a 			{ background:#ffffff url('images/action.gif') no-repeat center right;color:#4d4d4d;padding:20px;}
.submenu li a:hover 	{ color:#000000;background-color:#FFFFFF;}
.submenu li a.selected { background:#fff url('images/action-none.gif') no-repeat;font-weight:bold;color:#9c572e;}
  
/* copyright
---------------------------------------------------------------------------------------------- */
#copyright 			{ padding:30px 20px 50px 20px;clear:both;}
#copyright p 		{ color:#95887F;margin:0px;padding:0px;font-size:11px;}
#copyright p a 		{ border-bottom:1px solid #E2E2E2;color:#95887F;font-weight:bold;text-decoration:none;}

/* Slider
---------------------------------------------------------------------------------------------- */
#slider {
	position:relative;
	height:355px;
	margin:5px 0px 0px 0px;
}
#floorboards{
	position:absolute;
	top:-5px;
	left:-5px;
	margin:auto;
	width:900px;
	height:350px;
	padding:0px;
	border:5px solid #fff;
}
#underlay,#carpet,#furniture{
	position:absolute;
	top:0px;
	left:0px;
}
#underlay{
	width:900px;
	height:350px;
}
#carpet{
	width:900px;
	height:350px;
}
#furniture{
	width:900px;
}
#furniture #slogan {
	float:left;
	margin-left:20px;
	margin-top:50px;
}
#furniture #alt-text{
	float:left;
	margin-left:20px;
	margin-top:20px;
	color:#FFFFFF;
	font-family:sans-serif;
	font-size:12px;
	width:700px;
	text-shadow: #000 1px 1px 1px;
}
#furniture #steps {
	float:right;
	margin-top:20px;
	margin-right:20px;
	width:20px;
}
#furniture #steps div {
	margin-bottom:1px;
	background-image:url('images/step-background.png');
	font-size:10px;
	line-height:10px;
	color:#FFFFFF;
	font-family:sans-serif;
	text-align:center;
	padding:5px;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
}
#furniture #steps div:hover{
	background-image:url('images/step-background-hover.png');
}
#furniture #sectors {
	clear:both;
	float:left;
}
#furniture #sectors .sector {
	background-image:url('images/step-background.png');
	width:156px;
	height:44px;
	margin-left:20px;
	margin-top:102px;
	float:left;
	padding:0px;
}
.wufoo .info{display:none}