/* CONTENTS
----------------------------------------------- 
Author: Rosie Sturman

01 - BASIC/HTML TAGS
02 - COLOURS
03 - STRUCTURE
04 - NAVIGATION
05 - MAINBODY
06 - SIDEBARS
07 - FOOTER
08 - BOXSTYLEONE
09 - ARTICLE LISTS
10 - FORMS
11 - TABLES
12 - MISC

*/


body {
	margin: 0;
	padding: 0;
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /*for compliant browsers*/
	font-family: Arial, sans-serif;
	background: #000;
	text-align: center; /*margin: auto fix for IE6*/
	overflow: scroll;
	overflow-x: hidden;
}

html>body { /* be nice to Opera */
	font-size: small;
}

/* BASIC/HTML TAGS
----------------------------------------------- */
	
h1 {
	font-size: 200%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #333;
	font-weight: bold;
}

	
h2 {
	font-size: 160%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #00354a;
	font-weight: bold;
}
	
h3 {
	font-size: 140%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #00354a;
	font-weight: bold;
}

h4 {
	font-size: 120%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #00354a;
	font-weight: bold;
}

p {
	font-size: 90%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #333;
	font-weight: normal;
	font-family: Times New Roman, serif;
}
p.intro {font-weight: bold; font-size: 120%;}
	
a {	
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #009e9e; 
	font-weight: bold;
	text-decoration: none;
}

a:hover {text-decoration: none;}
p a {font-size: 100%;}

ul {color: #333; font-size: 90%;}
ul ul {font-size: 100%;}
ol {color: #333; font-size: 90%;}
ol ol {font-size: 100%;}
	
/*---------------------------------------------*/
em {/*font-style: normal;*/}
strong {font-weight: bold;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.altAlign {text-align: right;}

.fifty {width: 50%;}

.mini {font-size: 80%;}

a img {border: none;}

em.textHide {display: none;}

.padd {float: left; padding: 10px;}
.paddH {padding-left: 10px; padding-right: 10px;}
.paddR {padding-right: 10px; }
.paddL {padding-left: 10px;}
.paddV {padding-top: 10px; padding-bottom: 10px;}

/*---------------------------------------------*/


/* COLOURS
----------------------------------------------- */
.blueOne {background: #00e1e1;}
.blueTwo {background: #009e9e;}
.blueThree {background: #034d66;}
.blueFour {background: #00354a;}	
/*---------------------------------------------*/

/* STRUCTURE
------------------------------------------------ */
.WrapOuter {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
#WrapOuterOne {background: #034d66 /*url(../Images/tarmac.gif) repeat 0 0;*/}
#WrapOuterTwo {background: url(../Images/PNGs/gradientOne.png) repeat-x 0 bottom;}
#WrapOuterThree {background: url(../Images/diag.gif) repeat 0 0;}
/* ------------------------------------------------ */

#Wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1060px;
	text-align: left;/*margin: auto fix for IE6*/
}
/* ------------------------------------------------ */

.WrapInner {
	float: left;
	margin: 0;
	padding: 0;
	width: 1060px;
}	
#WrapInnerOne {margin: 0 0 50px 0; background: url(../Images/PNGs/mainSides.png) repeat-y 0 0;}
#WrapInnerTwo {background: url(../Images/mainTray.gif) no-repeat 10px bottom;}
#WrapInnerThree {}
/* ------------------------------------------------ */

#Header {
	position: relative;
	float: left;
	margin: 0 0 0 15px;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 15px;
	width: 1000px;
	background: url(../Images/PNGs/header.png) no-repeat 0 bottom;
}
/* ------------------------------------------------ */

.ContentWrap {
	float: left;
	margin: 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 1010px;
}
#ContentWrapOne {margin-left: 25px; padding-bottom: 20px; background: url(../Images/PNGs/tray75_25.png) no-repeat 0 bottom;}
#ContentWrapTwo {padding-top: 10px; background: url(../Images/PNGs/top75_25.png) no-repeat 0 0;}
#ContentWrapThree {background: url(../Images/PNGs/sides75_25.png) repeat-y 0 0;}

/*#ContentWrapThree h1, #ContentWrapThree h2, #ContentWrapThree h3, #ContentWrapThree h4, #ContentWrapThree p {background: #FFF;}*/

/* ------------------------------------------------ */	

/* NAVIGATION 
------------------------------------------------ */

#MainNav {
	float: right;
	clear: right;
	margin: 35px 0 10px 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 10px 15px 0 0;
	width: 615px;
	background: url(../Images/PNGs/navRight.png) no-repeat right bottom;
}

#MainNav ul {
	float: right;
	margin: 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0 0 0 15px;
	background: url(../Images/PNGs/navLeft.png) no-repeat 0 bottom;
	list-style: none;
}

#MainNav ul li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;	
}

#MainNav ul li.selected {}

#MainNav ul li a {
	float: left; 
	margin: 0 10px; 
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0 5px 10px 5px; 
	font-weight: bold; 
	text-transform: uppercase; 
	color: #FFF; 
	text-decoration: none; 
	font-size: 120%; 
	border-bottom: 4px solid #002735;
}

#MainNav ul li.selected a {border-bottom: 4px solid #00e1e1;}
#MainNav ul li a:hover {border-bottom: 4px solid #00e1e1; color: #00e1e1;}
	
/* SUBNAV
------------------------------------------------ */

#SubNav {
	position: relative;
	float: left;
	margin: 0 0 10px 10px;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 1040px;
}

#SubNav ul {
	float: left;
	margin: 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	list-style: none;
}

#SubNav ul li {
	position: relative;
	float: left;
	margin: 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	list-style: none;
	width: 253px;
	height: 90px;
}
#SubNav ul li.subNavOne {margin: 0 0 0 14px;}
#SubNav ul li.subNavTwo {}
#SubNav ul li.subNavThree {}
#SubNav ul li.subNavFour {margin: 0 14px 0 0;}

#SubNav ul li a {position: absolute; z-index: 10; padding: 20px; color: #FFF; font-size: 130%; cursor: pointer; cursor: hand;}

#SubNav ul li a.image {
	position: absolute; z-index: 100;
	float: left;
	margin: 0; 
	padding: 0;
	width: 253px;
	height: 90px;
}

#SubNav ul li.subNavOne a.image {background: url(../Images/PNGs/transportation.png) no-repeat 0 0;}
#SubNav ul li.subNavTwo a.image {background: url(../Images/PNGs/commercial.png) no-repeat 0 0;}
#SubNav ul li.subNavThree a.image {background: url(../Images/PNGs/farming.png) no-repeat 0 0;}
#SubNav ul li.subNavFour a.image {background: url(../Images/PNGs/residential.png) no-repeat 0 0;}

#SubNav ul li a.image:hover {background-position: 0 -90px;}

/* MAINBODY
------------------------------------------------ */
#MainBody {
	position: relative;
	float: left;
	margin: 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0 15px 0 20px;
	width: 705px;
	overflow: hidden;
}

#SidebarOne {
	float: right;
	margin: 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0 20px 0 15px;
	width: 235px;
	overflow: hidden;
}
	
/* SIDEBARS
------------------------------------------------ */
#Content {
	float: left;
	margin: 0;
	padding: 0;
}

#SidebarTwo {
	float: right;
	margin: 0;
	padding: 0;
}


/* FOOTER
------------------------------------------------ */
	
.Footer {
	float: left;
	clear: left;
	margin: 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 1010px;
}
#FooterOne {margin: 0 0 5px 0; margin-left: 25px; padding-bottom: 15px; background: url(../Images/PNGs/trayAllBlue.png) no-repeat 0 bottom;}
#FooterTwo {padding-top: 5px; background: url(../Images/PNGs/topAllBlue.png) no-repeat 0 0;}
#FooterThree {background: url(../Images/PNGs/sidesAllBlue.png) repeat-y 0 0;}

.Footer p {padding-bottom: 0; font-size: 100%; font-family: Arial, sans-serif;}
.Footer a {position: relative; color: #00354a; padding: 0 10px;}

#FooterThree h1, #FooterThree h2, #FooterThree h3, #FooterThree h4, #FooterThree p {background: #4ceaea;}

/* ARTICLE LISTS 
------------------------------------------------ */
.paginator {float: left; width: 100%;}
.article {float: left; clear: left; margin: 0 0 15px 0; padding: 0 0 10px 0; width: 100%; border-bottom: 1px solid #00354a;}
.article h3 {padding-bottom: 5px; color: #000; font-size: 110%; font-weight: bold;}
.article p {padding-bottom: 5px;}
.summary {}
/* ------------------------------------------------ */
#NewsList {display: inline; /*to fix double margin in IE6*/ }
#NewsList .article {width: 203px;}
/* ------------------------------------------------ */
#VacanciesList {display: inline; /*to fix double margin in IE6*/ }
#VacanciesList .article {width: 203px;}
/* ------------------------------------------------ */
#StaffProfiles {}
#StaffProfiles .article {width: 203px;}
/* ------------------------------------------------ */
#MainBody #StaffProfiles .article {clear: none; float: left; width: 230px;  height: 220px;}
#MainBody #StaffProfiles .article img {float: left!important; width: 230px; height: 173px;}
/* ------------------------------------------------ */
#BusinessPartnersList {}
#BusinessPartnersList .article {clear: none; float: left; width: 230px;  height: 260px;}
#BusinessPartnersList .article .summary img {float: left; padding: 10px 0 20px 0; width: 100px;}
#BusinessPartnersList .article .readmore {display: none;}

#SidebarOne #BusinessPartnersList {border-top: none;}
#SidebarOne #BusinessPartnersList .article {width: 203px;}
#SidebarOne #BusinessPartnersList .article .summary img {float: right; width: 203px;}
/* ------------------------------------------------ */
#Testimonials {float: left; margin: 25px 0 0 0; padding: 10px; border: 1px solid #e1e1e1;}


/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
    width: 450px; 
    height: 27px; 
    margin: 0; 
    padding: 0
    overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    top: 0;
    left: 0;
    width: 450px;
    overflow: hidden;
}

ul.newsticker { /* that's your list */
    position: relative;
    left: 450px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.newsticker li {
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0;
    font-size: 100%;
	color: #333;
	font-weight: normal;
	font-family: Times New Roman, serif;
}

ul.newsticker a {
    white-space: nowrap;
    font-family: Arial, sans-serif; 
    font-weight: bold;
	font-size: 100%;
} 
ul.newsticker .title {
    margin: 0 5px 0 10px; 
    padding: 5px 8px; 
    background: #009e9e; 
    color: #fff; 
    font-size: 110%;
}


/* ------------------------------------------------ */

/* BOXSTYLEONE
------------------------------------------------ */

.boxStyleOne {
	position: relative;
	float: left;
	margin: 0 0 10px 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 6px 0 0 0;
	background: #FFF;
	border: 1px solid #00354a;
	border-top: none;
	border-bottom-width: 5px;
}

#MainBody .boxStyleOne {}
#SidebarOne .boxStyleOne {width: 223px;} /* fix in IE6.css */
#Content .boxStyleOne {}
#SidebarTwo .boxStyleOne {}

.boxStyleOne .top {
	position: absolute;
	top: 0;
	left: -1px;
	float: left;
	margin: 0 0 -1px 0;
	padding: 0;
	height: 6px;
	font-size: 0;
}
#SidebarOne .boxStyleOne .top {width: 225px; background: url(../Images/PanelTopOne.gif) no-repeat 0 0;}


#ContentWrapThree .boxStyleOne h1,
#ContentWrapThree .boxStyleOne h2 {
	float: left;
	margin: 0;
	padding: 2px 0 6px 8px;
	color: #FFF;
	text-transform: uppercase;
	font-size: 130%;
	font-weight: bold;
	background: #012937 url(../Images/fadeOne.gif) repeat-x 0 bottom;
}

#SidebarOne.boxStyleOne h1, #SidebarOne .boxStyleOne h2 {width: 215px;}


.boxStyleOne h2 a {display: block; padding: 2px 20px 6px 0px; color: #FFF; font-weight: bold; text-decoration: none; background: transparent url(../Images/PNGs/arrow_FFFFFF.png) no-repeat right 0;}
.boxStyleOne h2 a:hover {color: #00e1e1; background-position: right -122px;}

/*------------------------------------------------ */
#VintageAlanFirmin {}


/* FORMS
------------------------------------------------ */
.item, .radios {float: left; clear: left; margin: 0 0 10px 0; padding: 0; width: 100%;}
.item input, .radios input {float: left; margin: 0; padding: 2px 1px; font-size: 90%;}
.item label, .radios label {float: left; margin: 0 10px 0 0; display: inline; /*to fix double margin in IE6*/ padding: 0; color: #2b0800; font-weight: bold; font-size: 90%;}
.item select, .radios select {float: left; margin: 0 10px 0 0; padding: 0; width: 212px; border: solid 1px #00354a; font-size: 90%;}
.item input.textinput, .radios input.textinput {margin-right: 10px; display: inline; /*to fix double margin in IE6*/ width: 208px; border: solid 1px #00354a;}
.item textarea, .radios textarea {float: left; margin-right: 10px; display: inline; /*to fix double margin in IE6*/ padding: 1px; width: 208px; border: solid 1px #00354a; font-size: 90%;}
.item input.checkbox {}
input.submitbutton {padding: 2px 6px 3px 6px; font-size: 90%; color: #FFF; border: none; background: #00354a;}
input.submitbutton:hover {background: #00e1e1; color: #00354a;}
a.submitbutton {float: left; margin: 0; padding: 2px 6px 3px 6px; font-size: 90%; color: #FFF; font-size: 90%; font-weight: normal; text-decoration: none; border: none; background: #00354a;}
a.submitbutton:hover {background: #00e1e1; color: #00354a;}

a.button {float: left; margin: 0; padding: 2px 6px 3px 6px; font-size: 90%; color: #FFF; font-size: 90%; font-weight: normal; text-decoration: none; border: none; background: #00354a;}
a.button:hover {background: #00e1e1; color: #00354a;}
/* ------------------------------------------------ */

/* ContactForm ------------------------------------------------ */
#ContactForm {float: left; margin: 0 0 10px 0; padding: 0 0 10px 0; width: 100%; border-bottom: solid 4px #00354a;}
#ContactForm .item {float: left; clear: none; width: 50%;}
#ContactForm .item label {width: 100px;}
#ContactForm  .textinput  {float: right; margin-right: 20px;}
#ContactForm  input.submitbutton {float: right; margin-right: 20px;}


/* TABLES
------------------------------------------------ */

table {
	margin: 0;
	padding: 0;
	font-size: 85%;
}

table tr th {
	vertical-align: top;
}

table tr td {
	vertical-align: top;
}

table tr th {}
table tr th a {}
table tr.alt td {}

table tr td a {}
table tr.alt td a {}

table tr td h2 {}


/* MISC
------------------------------------------------ */

.logo {
	position: absolute;
	bottom: 0; left: 0;
	float: left;
	margin: 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	height: 141px;
	width: 375px;
}

h1.welcome {}

.copy {
	float: left;
	margin: 0 10px 0 15px;
	padding: 0;
}

.siteBy {
	float: right;
	margin: 0 10px 0 15px;
	padding: 0;
}

.siteBy a {
	padding: 0;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#PhoneNumber {float: right; padding: 0 20px 0 0; height: 40px; text-align: right; font-size: 160%; color: #e1e1e1; }


#FlashContainer {
	float: left;
	margin: 0 0 10px 30px;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 1000px;
	height: 250px;
}

#FlashContainerPalletForce {
	float: right;
	padding: 0 0 0 15px;
	width: 400;
}

/* IE6 Fix
------------------------------------------------ */

.IE6Fix {display: none;}