/* @override http://www.effefftee.co.uk/assets/templates/default/_css/fft_styles_main.css */

* {
	margin: 0;
	padding: 0;
}

a {
	outline: none;
/* Gets rid of Firefox's dotted borders */
}

a img {
	border: none;
/* Gets rid of IE's blue borders */
}

body {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 62.5%;
	font-weight: normal;
	font-style: normal;
	color: #666;
	border-top: 4px solid #DEE0E1;
	background: url(../page_elements/page_bg.gif) repeat-y center;
}

/* @group Type */

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
}

h1 {
	position: absolute;
	left: -10px;
	top: 30px;
}

h1, h1 a {
	width: 185px;
	height: 50px;
	display: block;
	float: left;
}

h1 a {
	text-indent: -9999px;
}

h2 {
	font-size: 1.7em;
	line-height: 1.0em;
	color: #515151;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 16px;
}

h3 {
	font-size: 1.5em;
	line-height: 1.5em;
	color: #006191;
	margin-bottom: 16px;
}

h4 {
	font-size: 1.5em;
	line-height: 1.5em;
	color: #515151;
}

h5 {
	color: #006191;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.1em;
}

h6 {
	color: #006191;
	font-size: 1.2em;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-right: 20px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #DEE0E1;
}

h6:first-child {
	margin-top: 0;
}

p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-top: 2px;
	margin-bottom: 10px;
}

p SUP {
	line-height: 0.5em;
}

li {
	font-size: 1.2em;
}

a:link {
	color: #777;
	background: transparent;
	text-decoration: none;
}

a:visited {
	color: #777;
	background: transparent;
	text-decoration: none;
}

a:hover {
	color: #777;
	background: transparent;
	text-decoration: underline;
}

a:active {
	color: #777;
	background: transparent;
	text-decoration: underline;
}

/* @end */

#left-column {
	width: 200px;
	float: left;
	position: relative;
	clear: both;
}

#wrapper {
	width: 860px;
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
}

#masthead {
	width: 860px;
	float: left;
	display: block;
	height: 60px;
	background: transparent url(../page_elements/fft_masthead_main.gif) no-repeat;
	margin-bottom: 30px;
}

#main {
	width: 530px;
	margin-right: 20px;
	margin-left: 20px;
	float: left;
	overflow: hidden;
}

/* @group Search */

#searchbox {
	float: right;
	height: 26px;
	padding-right: 110px;
	margin-bottom: 20px;
}

#searchbox .sbox_l {
	background: white url(../page_elements/search_bg_l.gif) no-repeat left bottom;
	float: left;
	width: 4px;
	height: 26px;
	padding-top: 10px;
}

#searchbox .sbox_r {
	background: white url(../page_elements/search_bg_r.gif) no-repeat left bottom;
	float: left;
	width: 4px;
	height: 26px;
	padding-top: 10px;
}

#searchbox .sbox {
	float: left;
	height: 26px;
	text-align: center;
	background: #DEE0E1 url(../page_elements/search_bg_m.gif) repeat-x;
	padding: 7px 5px 3px;
}

#searchbox .sbox_btn {
	vertical-align: middle;
}

input#ajaxSearch_input {
	vertical-align: middle;
	width: 153px;
	font: 1.2em Arial, Helvetica, Geneva, sans-serif;
	color: #999;
}

.ajaxSearch_highlight {
	background: #DEE0E1;
	color: #000;
	font-weight: bold;
	padding: 0 2px;
}

.ajaxSearch_resultsInfo, .ajaxSearch_resultsIntroFailure {
	font-size: 1.2em;
	background-color: #DEE0E1;
	border: 1px solid #C1C5C7;
	padding: 4px 10px;
}

.ajaxSearch_paging {
	font-size: 1.2em;
	margin-bottom: 10px;
	display: block;
}

a:link.ajaxSearch_resultLink, a:visited.ajaxSearch_resultLink, a:active.ajaxSearch_resultLink {
	font-size: 1.7em;
	color: #515151 !important;
	border-bottom-color: #515151 !important;
}

a:hover.ajaxSearch_resultLink {
	font-size: 1.7em;
	color: #515151 !important;
}

/* @end */

/* @group Main-Nav */

ul#nav {
	background: url(../nav/fft_nav_matrix_main.gif);
	position: relative;
	top: 20px;
	left: 200px
}

ul#nav li {
	float: left;
	list-style-type: none
}

ul#nav li a {
	height: 30px;
	display: block;
	position: absolute;
	top: 0;
	text-indent: -9999px;
	outline: none
}

li#navhome a, li#navprofile a, li#navproserv a, li#navportfolio a, li#navcontact a {
	background: url(../nav/fft_nav_matrix_main.gif)
}

/*  
Measurements for the nav image replacement:

	The distance from the top to the...

	initial state = 0
	rollover state = 30px
	selected state = 60px

	The distance from the far-left to the...

	home button = 0
	profile button = 74px
	professional services button = 161px
	portfolio button = 351px
	contact us button = 456px

	The width of the...

	home button = 74px
	profile button = 87px
	professional services button = 190px
	portfolio button = 105px
	contact us button = 114px
*/

li#navhome a {
	background-position: 0 0;
	width: 74px;
	left: 0
}

li#navhome a:hover {
	background-position: 0 -30px
}

body#hm li#navhome a {
	background-position: 0 -60px
}

li#navprofile a {
	background-position: -74px 0;
	width: 87px;
	left: 74px
}

li#navprofile a:hover {
	background-position: -74px -30px
}

body#pr li#navprofile a {
	background-position: -74px -60px
}

li#navproserv a {
	background-position: -161px 0;
	width: 190px;
	left: 161px
}

li#navproserv a:hover {
	background-position: -161px -30px
}

body#ps li#navproserv a {
	background-position: -161px -60px
}

li#navportfolio a {
	background-position: -351px 0;
	width: 105px;
	left: 351px
}

li#navportfolio a:hover {
	background-position: -351px -30px
}

body#po li#navportfolio a {
	background-position: -351px -60px
}

li#navcontact a {
	background-position: -456px 0;
	width: 114px;
	left: 456px
}

li#navcontact a:hover {
	background-position: -456px -30px
}

body#cu li#navcontact a {
	background-position: -456px -60px
}

/* @end */

/* @group Sub-Nav */

.sub-nav li {
	list-style: none;
	line-height: 1.4em;
}

ul.sub-nav li a:link, ul.sub-nav li a:visited {
	color: #777;
	background: transparent;
	text-decoration: none;
        display:block;
}

ul.sub-nav li a:hover, ul.sub-nav li a:active{
	color: #777;
	background: transparent;
	text-decoration: underline;
}
ul.sub-nav li.active ul a, ul.sub-nav li.active ul a:link{
    background-image:none;
    font-weight:normal;
}

#sub-nav li.active a, #sub-nav li.active a:link{
	color: #006699;
	background:transparent url(../nav/sub-nav_bullet.gif) 0 1px no-repeat;
	font-weight: bold;
	padding-left: 10px;
	height:1%;
}
#sub-nav li.active ul li a, #sub-nav li.active ul li a:link{
    background-image:none;
    font-weight:normal;
    color:#777;
}

ul.sub-nav li ul li {
	font-size: 1em;
	font-weight: normal;
	padding-left: 10px;
}

ul.sub-nav li.active ul li{
	padding-left: 10px;
}

ul.sub-nav li.active ul li a, ul.sub-nav li.active ul li a:link {
	color: #777 !important;
}

/* @end */

/* @group Small-Nav */

#small-nav {
	font-size: 0.95em;
	line-height: 1.4em;
	margin-top: 20px;
}

#small-nav li {
	list-style: none;
}

ul#small-nav li a:link {
	color: #777;
	background: transparent;
	text-decoration: none;
}

ul#small-nav li a:visited {
	color: #777;
	background: transparent;
	text-decoration: none;
}

ul#small-nav li a:hover {
	color: #777;
	background: transparent;
	text-decoration: underline;
}

ul#small-nav li a:active {
	color: #777;
	background: transparent;
	text-decoration: underline;
}

/* @end */

/* @group Footer */

#footer {
	clear: both;
	border-top: 1px solid #dee0e1;
	padding-top: 4px;
	margin-top: 10px;
	float: left;
	width: 100%;
}

#footer p {
	color: #999;
	font-size: 1.1em;
}

/* @end */



/* @group Side Panel */

/* Side Panel has now been moved to the bottom of the page, between the body text and the footer. NE 28.04.08 */

div.sidepanel {
	width: 100%;
	height: 100%;
	background-color: #FAFAFA;
	padding: 10px;
	border-top: 4px solid #DEE0E1;
	border-bottom: 1px solid #DEE0E1;
}

div.sidepanel ul {
	list-style: none;
}

div.sidepanel p, div.sidepanel a, div.sidepanel li a, div.sidepanel ul.r_files li {
	color: #777;
	font-size: 1.0em;
	line-height: 1.5em;
}

div.sidepanel a {
	background: url(../page_elements/internal_link_icon.gif) no-repeat;
	padding-left: 13px;
}

div.sidepanel a[href^="http:"] {
	background: url(../page_elements/external_link_icon.gif) no-repeat;
}

div.sidepanel ul.r_files li a[href$=".pdf"] {
	background: url(../page_elements/pdf_icon.gif) no-repeat;
}

div.sidepanel ul.r_files li a[href$=".doc"] {
	background: url(../page_elements/word_icon.gif) no-repeat;
}

/* @end */

/* @group Divcol */

#divcol {
	position: relative;
}

#inner_wrap {
	overflow: hidden;
}

.set_width #divcol {
	width: 400px;
}

div#divcol ul {
	margin-bottom: 10px;
}

div#divcol li {
	font-size: 1.2em;
	line-height: 1.4em;
	list-style-image: url(../page_elements/main_li_bullet.gif);
	list-style-position: outside;
	margin-left: 34px;
	margin-bottom: 3px;
}

div#divcol a:link {
	text-decoration: none;
	border-bottom: 1px solid #DEE0E1;
}

div#divcol a:visited, div#divcol a:active {
	text-decoration: none;
	border-bottom: 1px dashed #DEE0E1;
}

div#divcol a:hover {
	text-decoration: none;
	border-bottom: none;
}



/* @end */

.mainImg {
	margin-bottom: 16px;
}

.imgLeft {
	float: left;
	background-color: #DEE0E1;
	padding-bottom: 4px;
	margin-right: 20px;
	margin-bottom: 10px;
}

#flashcontent, #myGallery {
		width: 530px;
		height: 220px;
		float: left;
		margin-bottom: 16px;
}

.smallcol {
	width: 200px;
	margin-right: 20px;
	color: #006699;
	float: left;
	margin-top: 16px;
}

.threecol {
	width: 163px;
	float: left;
	margin-right: 20px;
}

.threecolLast {
	width: 163px;
	float: left;
	margin-right: 0;
}

/* @group Promo Styles */

p a.abcRibbon {
	background: transparent url(../page_elements/abc_ribbon.gif) no-repeat right 1px;
	padding-right: 16px;
	position: relative;
}

p a:link.abcRibbon, p a:visited.abcRibbon, p a:active.abcRibbon {
	color: #777;
	text-decoration: none;
}

p a:hover.abcRibbon {
	color: #EC008B;
	text-decoration: underline;
}

p a:link.MaW, p a:visited.MaW, p a:active.MaW {
	color: #777;
	text-decoration: none;
}

p a:hover.MaW {
	color: #004487;
	text-decoration: underline;
}

/* @end */

/* @group Boxes */

.greybox {
	background-color: #DEE0E1;
	width: 508px;
	border: 1px solid #C1C5C7;
	padding: 8px 10px 4px;
	text-align: center;
}

.greybox .gbox_txtfield {
	font: 1.2em Arial, Helvetica, Geneva, sans-serif;
	color: #515151;
	margin-right: 4px;
	margin-left: 4px;
}

.greybox select, .greybox input {
	margin-left: 4px;
	color: #515151;
}

.greybox label, .greybox p {
	font: 1.2em Arial, Helvetica, Geneva, sans-serif;
	color: #515151;
}

/* @end */

/* @group Google Map */

#map {
	margin-bottom: 16px;
}

div.markerTooltip, div.markerDetail {
	font: 1.5em Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	color: #000;
	background-color: #fff;
	white-space: nowrap;
	margin: 0;
	padding: 2px 4px;
	border: 1px solid #000;
}

/* @end */

/* @group Email Form */

span.label,
span.spacer,
span.multiple span {
	width: 120px;
	float:left;
}

span.multiple {
	float: left;
}

span.button {
	padding-left: 120px;
	margin-right: 10px;
}

div.clear {
	clear: both;
	padding-top: 5px;
}

input#name,
input#itgut-itgut {
	font: 1.2em Arial, Helvetica, Geneva, sans-serif;
	color: #999;
	margin-bottom: 10px;
}

label {
	font-size: 1.2em;
}

#confirmation {
	font: 1.2em Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	padding: 10px 10px 10px 36px;
	border: 1px solid #4a4a4a;
	background: #515151 url(http://emailcampaigns.nickebdon.co.uk/favicon.ico) no-repeat 10px center;
}

div.sidepanel.emailArchive {
	margin-top: 20px;
}

div.sidepanel.emailArchive p {
	color: #777;
	font-size: 100% !important;
	margin: 0;
}

div.sidepanel.emailArchive p a:link,
div.sidepanel.emailArchive p a:visited,
div.sidepanel.emailArchive p a:active {
	text-decoration: none;
	border-bottom: none !important;
}

div.sidepanel.emailArchive p a:hover {
	text-decoration: underline !important;
	border-bottom: none !important;
}

/* @end */