/* RESET
--------------------------------------------------------*/
*														{ margin: 0; padding: 0; }
html													{ overflow-y: scroll; }



/* LAYOUT
--------------------------------------------------------*/
body													{ color: #444; font: 14px/20px arial, helvetica, sans-serif; }
body#BCAMTA												{ background: #432a18 url('/template/header-bg.png') repeat-x; }

div#Container											{  }

div#Header												{ height: 150px; background: url('/template/header-watermark.png') no-repeat; }
div#Content												{ overflow: hidden; width: 100%; background: #fff; }
div#Footer												{ overflow: hidden; width: 100%; background: #432a18 url('/template/footer-bg.png') repeat-x; color: #795c3e; }

div.Page												{ width: 940px; margin: 0 auto; }

div.Column												{ float: left; margin: 20px 0; }
div.Column.Side											{ width: 220px; margin-right: 40px; }
div.Column.Main											{ width: 470px; }
div.Column.MainManagement								{ width: 490px; }
div.Column.Home											{ width: 730px; }
div.Column.Map											{ width: 680px; }
div.Column.Extra										{ width: 170px; margin-left: 40px;  }
div.Column.ExtraManagement								{ width: 170px; margin-left: 20px;  }

div#Content div.Column.Side								{ background: url('/template/column-side-bg.png') repeat-y; }
div#Content div.Column.Extra							{ background: url('/template/column-extra-bg.png') repeat-y; }
div#Content div.Column.Side#Links						{ background: none; }

div.Column div.Body										{ padding: 0 10px; }
div.Column.Side div.Body								{ padding-bottom: 5px; background: url('/template/column-side-bottom.png') no-repeat left bottom; }
div.Column.Extra div.Body								{ padding-bottom: 5px; background: url('/template/column-extra-bottom.png') no-repeat left bottom; }

div#Buttons												{ height: 140px; background: url('/template/footer-left.png'); }
div#Contact												{ height: 140px; background: url('/template/footer-right.png'); }

div#Buttons a, div#Contact a							{ display: block; float: left; text-indent: -9999px; }

div#SearchTab											{ position: absolute; width: 185px; height: 30px; margin: 0 0 0 510px; background: url('/template/search.png'); }
div#SearchTab input										{ position: relative; top: 6px; width: 140px; height: 16px; margin: 0 0 0 10px; line-height: 18px; border: solid 1px #999;  }
div#SearchTab button									{ position: relative; top: 5px; width: 19px; height: 18px; padding: 0; border: 0; background: url('/template/search-button.png'); text-indent: -9999px; }

div.Article												{ margin: 0 0 20px; padding: 0 0 20px; border-bottom: solid 1px #999; }



/* NAVIGATION
--------------------------------------------------------*/
ul#Nav													{ float: left; width: 940px; height: 30px; margin: 15px 0 0 0; font-size: 14px; line-height: 30px; list-style: none; }
ul#Nav li												{ float: left; margin: 0 3px 0 0; line-height: 30px; list-style: none; }

ul#Nav li a												{ display: block; height: 30px; background: url('/template/tab-bg.png'); }
ul#Nav li a span										{ display: block; height: 30px; padding: 0 15px; background: url('/template/tab-right.png') no-repeat right top; }
ul#Nav li a:link,
ul#Nav li a:visited										{ color: #ddd; text-decoration: none; }
ul#Nav li a:hover										{ color: #fff; text-decoration: none; }

ul#Nav li a.Current										{ background: url('/template/tab-current-bg.png'); }
ul#Nav li a.Current span								{ background: url('/template/tab-current-right.png') no-repeat right top; }
ul#Nav li a.Current:link,
ul#Nav li a.Current:visited,
ul#Nav li a.Current:hover								{ color: #285175; text-decoration: none; }

ul#SubNav												{ margin: 0 -10px; font-size: 13px; list-style: none; }
ul#SubNav li											{ list-style: none; }

ul#SubNav li a											{ display: block; padding: 5px 10px; }
ul#SubNav li a:link,
ul#SubNav li a:visited									{  }
ul#SubNav li a:hover									{ background: #ccc; text-decoration: none; }

ul#SubNav li a.Current:link,
ul#SubNav li a.Current:visited,
ul#SubNav li a.Current:hover							{ background: #285175; color: #fff; }

ul#Tabs													{ float: right; list-style: none; }
ul#Tabs	li												{ float: left; list-style: none; }
ul#Tabs li a											{ height: 31px; display: block; background-image: url('/template/tabs.png'); text-indent: -9999px; }

ul#Tabs li#tabSearch a									{ width: 85px; background-position: 0 0; }
ul#Tabs li#tabSearch a.Current,
ul#Tabs li#tabSearch a:hover							{ background-position: 0 -31px; }

ul#Tabs li#tabHome a									{ width: 71px; background-position: -85px 0; }
ul#Tabs li#tabHome a.Current,
ul#Tabs li#tabHome a:hover								{ background-position: -85px -31px;  }

ul#Tabs li#tabContact a									{ width: 91px; background-position: -156px 0; }
ul#Tabs li#tabContact a.Current,
ul#Tabs li#tabContact a:hover							{ background-position: -156px -31px;  }

ul#JobsAndPay											{ overflow: hidden; width: 480px; height: 39px; margin: 0; padding: 0; list-style: none; }
ul#JobsAndPay li										{ float: left; width: 120px; height: 39px; margin: 0; padding: 0; background: url('/template/jobpay-button.png') no-repeat left top; list-style: none; }

ul#JobsAndPay li a:link,
ul#JobsAndPay li a:visited								{ display: block; width: 120px; height: 39px; background: url('/template/jobpay-button.png') no-repeat 0 0; color: #442a16; font-size: 18px; line-height: 39px; text-align: center; text-decoration: none; }
ul#JobsAndPay li a:hover								{ background-position: -120px 0; color: #442a16; text-decoration: none; }



/* TYPOGRAPHY
--------------------------------------------------------*/
p														{ margin: 0 0 10px; }

ul														{ margin: 0 0 10px 30px; list-style: square; }

h1														{ margin: 0 0 20px; color: #092a3a; font-size: 30px; font-weight: normal; line-height: 40px; }
h2														{ margin: 20px 0; font-size: 24px; line-height: 30px; }
h3														{ margin: 0; color: #000; font-size: 14px; }

h1#Logo													{ float: left; width: 475px; height: 85px; margin: 20px 0 0; background: url('/template/logo.png') no-repeat; text-indent: -9999px; }

div.Column.Side h2, div.Column.Extra h2					{ color: #c09f72; height: 40px; padding: 0 10px; margin: 0; font-size: 14px; font-weight: normal; line-height: 40px; }
div.Column.Side h2										{ width: 200px; background: #604532 url('/template/column-side-header.png'); }
div.Column.Extra h2										{ width: 150px; background: #604532 url('/template/column-extra-header.png'); }

div.Column.Side p										{ font-size: 12px; }

div#Footer h1											{ margin: 0 0 10px; color: #cdaf86; font-size: 18px; font-weight: regular; line-height: 20px; }

div.InfoWindow											{ color: #555; font-size: 12px; }

strong													{ color: #092a3a; }

div#RealLifeStories h3									{ margin: 0 0 5px; font-size: 12px; }
div#RealLifeStories p									{ margin: 0 0 5px; font-size: 11px; line-height: 15px; }

div#Contact p											{ float: left; width: 154px; margin: 30px 0 0 8px; color: #b19167; text-align: center; }

p#Copyright												{ width: 100%; float: left; margin: 10px 0 20px; font-size: 12px; text-align: center; }

div.Article h1											{ margin: 0; }
div.Article p.Meta										{ margin: 0 0 20px; color: #999; font-weight: bold; }


/* LINKAGE
--------------------------------------------------------*/
a, a img												{ outline: none; border: none; }

div.Extra a:link, div.Extra a:visited					{ color: #285175; text-decoration: underline; }
div.Extra a:hover										{ color: #432a18; text-decoration: underline; }

div.Main a:link, div.Main a:visited						{ color: #285175; text-decoration: underline; }
div.Main a:hover										{ color: #432a18; text-decoration: underline; }

div.MainManagement a:link,
div.MainManagement a:visited							{ color: #285175; text-decoration: underline; }
div.MainManagement a:hover								{ color: #432a18; text-decoration: underline; }

div.Map a:link, div.Map a:visited						{ color: #285175; text-decoration: underline; }
div.Map a:hover											{ color: #432a18; text-decoration: underline; }

p#Copyright a:link, p#Copyright a:visited				{ color: #795c3e; }
p#Copyright a:hover										{ color: #795c3e; }

div.Side a:link, div.Side a:visited						{ color: #285175; text-decoration: none; }
div.Side a:hover										{ color: #285175; text-decoration: none; }

h1#Logo a												{ display: block; width: 475px; height: 85px; }

div.Column.Side h2 a, div.Column.Extra h2 a				{ color: #c09f72; text-decoration: none; }



/* FORMS
--------------------------------------------------------*/
form dl													{ overflow: hidden; width: 100%; }
form dt													{ float: left; margin: 0 0 10px; }
form dd													{ float: left; margin: 0 0 10px; }

form#Search dt											{ clear: left; width: 70px; }
form#Search dd											{ width: 130px; }

div.Form form dt										{ clear: left; width: 140px;}
div.Form form dd										{ width: 330px; }

div.Form form dt label									{ }

div.Form form input.TextField							{ width: 200px; padding: 5px; border: solid 1px #ccc; }
div.Form form textarea									{ width: 300px; height: 100px; padding: 5px; border: solid 1px #ccc; }

form#Search dt label									{ font-size: 11px; }

button#SearchSubmit										{ width: 200px; height: 28px; padding: 0; border: 0; background: url('/template/button-submit-wide.png'); text-indent: -9999px; }
button#Submit											{ width: 200px; height: 40px; margin: 0 0 0 140px; padding: 0; border: 0; background: url('/template/button-submit-big.png'); text-indent: -9999px; }



/* TABLES
--------------------------------------------------------*/
table#Jobs												{ width: 100%; margin: 0 0 20px; border-collapse: collapse; font-size: 12px; }
table#Jobs th											{ padding: 5px 0; text-align: left; }
table#Jobs td											{ padding: 5px 0; }

table#Jobs thead th										{ border-bottom: solid 1px #432a18; }
table#Jobs tbody th										{  }

table#Projects											{ width: 100%; margin: 0 0 20px; border-collapse: collapse; font-size: 12px; }
table#Projects td										{ padding: 5px 0; border-bottom: solid 1px #ccc; vertical-align: middle; }

table.management_team					 				{ font-size: 12px; width: 100%; border-collapse: collapse; }
table.management_team td								{ padding-bottom: 20px; vertical-align: top; }



/* MISCELLANY
--------------------------------------------------------*/
hr														{ height: 1px; margin: 0 0 10px 0; border: none; background: #285175; }

div#Map													{ width: 680px; height: 600px; }

.cufon-loading h1, .cufon-loading h2 					{ visibility: hidden !important; }
