/* Color Definitions*/



/* CSS Document */


body{background:#462f24; font:13px/1.5 Sergoe UI, Arial, Helvetica, sans-serif; color:#555759;}
  
h1,h2,h3,h4,h5,h6{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 1.5;}  
  
h1{font-size:24px}
h2{font-size:22px;}
h3{font-size:18px}
h4{font-size:16px}
h5{font-size:14px}
h6{font-size:12px; text-transform:uppercase;}

p{ font:1em/1.5 Arial, Helvetica, sans-serif; color:#555759; padding:5px; height:100%;}

a:link{ color:#1288c1; text-decoration:none;}
a:hover{ color:#000; text-decoration:underline;}
a:visited{color:#006699;text-decoration:none;}
a:focus{outline:1px dotted}

.more, .more:visited, .more:visited:hover{ background:#ffffff; padding:2px 5px; color:#f36f21!important; }
.more:hover, .more:active{background: #f0f0f0; color:#00334d!important; text-decoration:none;}



blockquote{ font-style:italic; color:#333; padding-left:10px; border-left: 5px solid #CCCCCC ;}
address{ color:#006699;}
pre{ background:#f1f1f1; border: 1px solid #e1e1e1; padding:2px 4px;}
abbr[title], acronym[title] {border-bottom:1px dotted;}
acronym{ font-family: Georgia, "Times New Roman", Times, serif; color:#444;} 
big{ font-size:larger;}
i, cite, em, var, dfn{ font-style:italic;}
tt, code, kbd, samp{ font-family:"Courier New", Courier, monospace; color:#000;}
small{ font-size:smaller;}
s, strike, del {text-decoration:line-through;}
sub {font-size:smaller;line-height:normal;vertical-align:sub;}
sup {font-size:smaller;line-height:normal;vertical-align:super;} 


ul {list-style-type: disc;list-style-image: url(../images/bullet.png);list-style-position: inside;}
ul ul{ padding-left:10px;}
ol{list-style-type:decimal; list-style-position: inside;}
ol ol{ padding-left: 10px;}


#wrapper{}
#header{ height:140px;}
#logo{ margin-top:5px; margin-left:10px;}
#topnav{ margin:20px 0px;}

#teaser{}

#container{ background:#f0f0f0; padding-bottom:0px;}

#sidebar{ margin:10px 0px;}

.sidewrap{ background:#002940;position:relative; left:-20px; padding:10px 0px; color:#1a120e; height:100%;}

.corner_top{ position:absolute; left:0px; top:-10px; background:transparent url(../images/sidebar_left.png) no-repeat top left; padding:0!important; margin:0!important; width:20px; height:10px; overflow:hidden; text-indent:-9999px;}
.corner_bottom{ position:absolute; left:0; bottom:-10px; background:transparent url(../images/sidebar_right.png) no-repeat top left;  padding:0!important; margin:0!important; width:20px; height:10px; overflow:hidden; text-indent:-9999px;}


#main{ padding-bottom:20px;}

#sidebar div{ padding:10px;}
div.alternative{ background:#f2e0ce; border:1px solid #e5c3a1;}


.blox{ background:#3a261c; height: auto; margin:10px 0px 0px; padding:10px 0px;}
.blox h5{ line-height:2; padding-left:10px;}
.blox p{ padding-right:10px;}



#teaser{ padding-bottom:10px;}
.teasebox{ background:#FFF; border:1px solid #eaeaea; padding:15px; text-align:center; font-size:12px; position: relative;}
.teaserbox img{ width:160px; height:auto; margin:0px auto; display:block; padding-bottom:3px;}
.teasebox h4{ padding:7px 0px;}
.teasebox:hover{ background:#f2e0ce; cursor:pointer;border:1px solid #e5c3a1;}
.teasebox a{ width:auto; padding:3px; margin: 5px 5px 0px; }


p img{ display:inline; background: white; padding:6px; border:1px solid #d6dde1; margin: 5px 7px;}



.lavaLamp { position: relative; padding: 10px 15px; margin: 5px 0px; overflow: hidden;background:#3a261c;}
.lavaLamp li {float: left;list-style: none;}
.lavaLamp li.back {background: #fff; width: 9px;  z-index: 8; height:28px; position: absolute; -moz-border-radius:5px; -webkit-border-radius:5px;}
.lavaLamp li a { font: bold 14px/2 Arial, Helvetica, sans-serif; text-decoration: none; color: #f36f21;  z-index: 10;display: block;float: left;position: relative;overflow: hidden;margin: 0px 5px;padding:0px 3px;}
.lavaLamp li a:hover{ color:#f36f21!important;}






/* ----- custom styles ----- */

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.block{ display:block;}
.textCenter{ text-align: center; }
.textRight{ text-align: right; }
.textLeft{text-align: left; }

.small{ font-size:12px;}

.hr{ clear:both; width: auto; height:1px!important; background:#dbdbdb; margin:10px 0px!important; padding:0!important; border-bottom: 1px solid #fff; overflow:hidden; text-indent:-9999px;}


.bluetxt{color:#005580;}
.whitetxt{ color:#FFF!important;}
.blacktxt{ color:#000;}

.credits{ color:#FFF;}


/*backgrounds{} */


.greenbg{ background:#004c16;}
.yellowbg{ background:#f39821;}
.orangebg{ background:#f36f21;}












.ulist li{ border-bottom: 1px dashed #dddddd; line-height:1.5; padding:2px 0px; color:#00334d;}


h3 span{ font:14px/1.5 Arial, Helvetica, sans-serif; letter-spacing:0; text-align:right;}


/* ----- table styles ----- */

table				{font: 12px/1.5 "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
					border-collapse: separate; border-spacing: 0; margin: 0 0 1em 0; color:#333;}
thead th,
thead td			{font-weight: bold; line-height:normal; text-align: left; border-bottom: 0.4em solid #09f;}
tfoot th,
tfoot td			{text-align: left; border-top: 0.4em solid #09f; font-weight: bold}
th,
td 					{padding: 0.25em;}
tbody th,
td					{text-align: left; vertical-align: top;}
tbody th			{font-weight: normal; white-space: nowrap;}
tbody th a:link,
tbody th a:visited 	{font-weight: bold;}
tbody th + td		{white-space: nowrap;}
tbody td,
tbody th 			{border: 1px solid #dbdbdb; border-width: 1px 0;}
tbody tr.odd th,
tbody tr.odd td 	{border-color: #deded8; background: #f9f9fb;}
tbody tr:hover td,
tbody tr:hover th 	{background: #fbfbf8;}
caption 			{font-weight: bold; font-size: 1.7em; text-align: left; margin: 0; padding: 0.5em 0.25em;}
td + td + td + td {white-space: nowrap;}
td + td + td + td a:before {content:"\2193 ";}
a[href^="http://"]:not([href*="http://icant.co.uk"])::after {content: "\2197"; }
td + td + td + td a[href^="http://"]:not([href*="http://icant.co.uk"])::after {content: ""; }




/* ----- form styles ----- */




#contact{ width:450px; float:right;}
.field {overflow: auto;padding: 0 0 0.5em;}
label, .checkbox p, .radio p { padding: 0.2em 0 0;  float: left; width: 100px;}
input, select { float: left; width: 160px;}
.error .messages,.error .messages li { float: left;margin: 0;padding: 0;list-style: none; font-size:10px;}
.error .messages li {padding: 0.1em 0 0 1.5em; color: #b92d23;}
.error input {color: #b92d23;}
fieldset {border: none;}