html, body {
background-color:#E9E9E9;
color:#666;
font-family:arial,verdana;
font-size:12px;
margin:0px;
padding:0px;
text-align:left;
width:100%;
line-height:140%;
}
img {
border:0px none;
}
p {
margin:8px 0px;
}
a {
color:#666;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#666;
}
ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px 0px 10px;
padding:0px;
}
li {
padding:0px;
}
a.blue {
color:#0884BA;
}
h1, h2, h3, h4 {
color:#0784B7;
font-weight:bold;
line-height: normal;
}
h2 {
font-size:18px;
font-weight:normal;
text-transform:uppercase;
margin: 0 0 10px 0;
letter-spacing: -0.4px;
}
h3 {
font-size:16px;
}
h4 {
font-size:14px;
}
/*
div.errors ul {
background-color:#FFF7B3;
color:#FF0000;
}
div.errors ul li {
padding:2px;
text-align:center;
}
ul.success {
background-color:#59B300;
color:#FFFFFF;
}
ul.success li {
padding:2px;
text-align:center;
}
*/
ul.errors{
	color: #F00;
}
ul.success,
ul.info {
    background-repeat: no-repeat;
    background-position: 7px 6px;
    color: #222327;
    padding: 10px;
    padding-left: 40px;
    margin-bottom: 10px;
}

ul.info a {
    color: #222327;
}

ul.success {
    background-image: url('/images/success.gif');
    border: 1px solid #00D100;
}

div.errors ul {
    background-color: #FCC;
    background-image: url('/images/warning.gif');
    background-repeat: no-repeat;
    background-position: 7px 7px;
    font-family: helvetica,arial,helvetica,sans-serif;
    padding: 10px;
    padding-left: 40px;
    margin-bottom: 10px;
}


div.title {
color:#0884BA;
font-size:14px;
font-weight:bold;
}
.baseMarginContainer {
font-size:14px;
margin:0px 0px 10px;
padding:0px;
}
div#pageContainer {
background-image:url(../images/maincontainer_left_fade.jpg);
background-repeat:repeat-y;
height:auto !important;
margin:0px auto;
min-height:100%;
width:800px;
}
div#pageContent {
background-color:#FFFFFF;
height:100%;
width:786px;
}
div#pageHeader {
background-color:#74C7EF;
font-size:14px;
}
div#pageHeaderLogin {
	background-color: #d1edf8;
	border-top: 5px solid #74c7ef;
	position: relative;
	overflow: hidden;
	color: #0884BA;
	font-size: 10px;	
	height: 25px;
}

div.loginTitle{
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	left: 40px;
	top: 5px;
}

div.loginForm{
	position: absolute;
	left: 100px;
	top: 0;	
}
/*
input.loginButton{
	position: absolute;
	top: 3px;
}
*/
div#pageHeaderBanner {
height:158px;
width:786px;
}

/* Header Menu */
div#pageHeaderMenu {
	background-color:#7F7B7C;
	height: 32px;
	position: relative;
}
div#pageHeaderMenu ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding: 0;
	position: absolute;
	top: 10px;
	left: 300px;	
}
div#pageHeaderMenu li{
	cursor: pointer;
	float: left;
	background: url(/images/top_nav.jpg) no-repeat 0 0;
	text-indent:-9999px;						
}
div#pageHeaderMenu li a {
	display: block;
}

div#pageHeaderMenu li#home, div#pageHeaderMenu li#home a{
	width: 52px;
	background-position: -40px -11px;
}
div#pageHeaderMenu li#home.sel, div#pageHeaderMenu li#home.sel a{
	background-position: -40px -42px;
}
div#pageHeaderMenu li#about_us, div#pageHeaderMenu li#about_us a{
	width: 78px;
	background-position: -92px -11px;	
}
div#pageHeaderMenu li#about_us.sel, div#pageHeaderMenu li#about_us.sel a{
	background-position: -92px -42px;	
}
div#pageHeaderMenu li#news, div#pageHeaderMenu li#news a{
	width: 50px;
	background-position: -170px -11px;	
}
div#pageHeaderMenu li#news.sel, div#pageHeaderMenu li#news.sel a{
	background-position: -170px -42px;	
}
div#pageHeaderMenu li#catalogue_search, div#pageHeaderMenu li#catalogue_search a{
	width: 142px;
	background-position: -220px -11px;	
}
div#pageHeaderMenu li#catalogue_search.sel, div#pageHeaderMenu li#catalogue_search.sel a{
	background-position: -220px -42px;	
}
div#pageHeaderMenu li#contact, div#pageHeaderMenu li#contact a{
	width: 73px;
	background-position: -362px -11px;	
}
div#pageHeaderMenu li#contact.sel, div#pageHeaderMenu li#contact.sel a{
	background-position: -362px -42px;	
}
div#pageHeaderMenu li#previews, div#pageHeaderMenu li#previews a{
	width: 66px;
	background-position: -435px -11px;	
}
div#pageHeaderMenu li#previews.sel, div#pageHeaderMenu li#previews.sel a{
	background-position: -435px -42px;	
}

div#headerBar {
background-color:#F1F9FB;
color:#7F7B7C;
font-size:1.1em;
font-weight:bold;
padding:5px 0px 5px 40px;
}
div.introText {
margin:10px 0pt 20px;
}
div#contentContainer {
background:#220C0E url(/images/content_bg.jpg) no-repeat;
min-height:947px;
overflow:hidden;
padding-top:20px;
width:786px;
}
div#contentMenu {
float:left;
margin-left:15px;
width:172px;
display: inline;
}
div#contentMain {
background-color:white;
float:left;
margin-left:15px;
min-height:568px;
padding:0px;
width:568px;
}
div#contentHomepage {
background-color:white;
float:left;
margin-left:15px;
padding:0px;
width:568px;
/*height: 412px;*/
}
div#footer {
clear:both;
color:#FFFFFF;
float:left;
font-size:11px;
margin:40px 15px 15px;
text-align:center;
width:100%;
}
div#footer .locations {
font-size:12px;
font-weight:bold;
margin-bottom:10px;
}
div#footer a {
color:#FFFFFF;
font-weight:normal;
}
div#subFooter {
clear:both;
position: relative;
top: 30px;
margin:0px 15px 15px;
width:100%;
}
div#homeAbout {
background-color:#FFFFFF;
float:left;
padding:10px;
width:370px;
}
div#homeNews {
background-color:#FFFFFF;
float:left;
margin:0pt 0pt 0pt 15px;
padding:10px;
width:370px;
}
div#homeNews .title {
margin:0pt 0pt 10px;
}
div#homeNews .newsItem h4 {
font-size:12px;
margin: 15px 0;
font-weight: normal;
}
div.itemBox {
background-color:#F1F9FB;
color:#666;
margin-top:5px;
}
div.itemBoxFloatLeft {
float:left;
margin-left:10px;
width:70px;
}
div.itemBoxFloatRight {
float:left;
margin-left:15px;
width:350px;
}
div.itemBoxFloatLeftLarge {
float:left;
font-size:0.8em;
margin-left:15px;
text-align:center;
width:115px;
}
div.itemBoxFloatRightLarge {
float:left;
margin-left:10px;
width:320px;
}
div.itemBoxFloatRight h2 {
}
div.itemBoxContent {
overflow:hidden;
width:100%;
}
div.itemBoxContent p {
font-size:0.9em;
margin-top:0px;
}
div.itemBoxPadding {
padding:0px 10px;
}
div.itemBoxTop {
background-image:url(../images/itembox_top.jpg);
background-repeat:no-repeat;
height:16px;
}
div.itemBoxBase {
background-image:url(../images/itembox_bottom.jpg);
background-repeat:no-repeat;
height:16px;
}
div.itemBoxFoot {
clear:both;
font-size:0.7em;
text-align:right;
}
div.itemBoxContent a {
color:#666;
font-weight:bold;
text-decoration:none;
}
div.itemBoxContent a:hover {
color:#666;
text-decoration:underline;
}
div#categoryBoxes {
margin:0pt 0pt 25px;
}
div.categoryBox {
background-color:#FFFFFF;
margin:0pt 0pt 1px;
padding:8px 10px 8px 20px;
}
div.categoryBox a {
color:#0884BA;
font-size:13px;
text-transform:uppercase;
}
div.categoryBox a.highlight {
color:#08698F;
}
div.searchBox {
background-color:#FFFFFF;
margin:0pt 0pt 25px;
}
div.searchBoxContent {
height:65px;
padding:10px;
}

div#aboutUsBoxes {
margin:0pt 0pt 25px;
}
div.aboutUsBox {
background-color:#FFFFFF;
margin:0pt 0pt 1px;
padding:8px 10px 8px 20px;
}
div.aboutUsBox a {
color:#0884BA;
font-size:13px;
text-transform:uppercase;
}
div.aboutUsBox a.highlight {
color:#08698F;
}

input.searchInput {
font-size:10px;
width:148px;
}
div.searchBox a {
font-size:11px;
font-weight:normal;
text-decoration:underline;
}
.searchDetailed {
font-size:0.8em;
}
div.newsletterBox {
background-color:#FFFFFF;
margin:0pt 0pt 25px;
}
div.newsletterBoxContent {
padding:10px;
}
input.newseltterInput {
width:120px;
}
div.newsletterBox a {
font-size:11px;
font-weight:normal;
text-decoration:underline;
}
div.newsletterBox .formTable {
margin:5px 0pt;
}
div.newsletterBox .formTable td {
padding:5px 0pt 0pt;
}
div.newsletterBox .formTable .label {
color:#0884BA;
font-size:11px;
padding-right:4px;
}
div.newsletterBox .formTable .text {
font-size:10px;
width:110px;
}
div.newsletterFeedback{
font-size:11px;
margin-top:10px;
text-align:center;
color: #C00;
}
div.titleInfoBox {
float: right;
width: 193px;
background-color:#FFFFFF;
margin:0pt 0pt 25px;
}
div.titleInfoBoxContent {
height:60px;
padding:10px 0;
}
div.titleInfoBox li {
font-size:11px;
list-style-image:url(/images/red_arrow.gif);
list-style-position:outside;
list-style-type:none;
margin:5px 0pt 5px 16px;
text-transform:uppercase;
}
div.titleInfoBox li a{
	position: relative;
	top: -2px;
}
div.mediaBox {
background-color:#F3F8FC;
}
div.mediaBoxTop {
background-image:url(../images/menu_top.jpg);
background-repeat:no-repeat;
height:7px;
}
div.mediaBoxBase {
background-image:url(../images/menu_bottom.jpg);
background-repeat:no-repeat;
height:16px;
}
div.mediaBoxContent {
padding:0px 10px;
}
.titleImg {
border:2px solid #F2F2F2;
margin-bottom:5px;
}
div.blockMenu ul {
list-style-image:url(../images/link_arrow_grey.jpg);
margin:0px 0px 10px;
padding:0px 0px 0px 15px;
}
div.blockMenu ul li {
color:#828282;
font-weight:bold;
padding-bottom:5px;
}
div#homeFeature {
width:100%;
/*height: 450px;*/
}
div#homeFeature h2 {
color:#6f6f6f;
margin-bottom:5px;
}
div#homeFeature p {
font-size:11px;
}
div#homeFeature div.container {
float:left;
/*height: 250px;*/
}
div#homeFeature div.info {
float:right;
width:220px;
}
div#homeFeature div.image {
background-color:#F2F2F2;
float:left;
padding:10px;
width:292px;
margin-right:15px;
}
div#homeFeature div.subTitle {
color:#0884BA;
font-size:13px;
font-weight:bold;
margin-bottom:5px;
text-transform:uppercase;
}
div#homeFeature div#frontpageTitles {
clear:both;
margin:0;
position:relative;
width:100%;
height: 150px;
overflow: hidden;
}
div#homeFeature div#slideshow {
float:left;
overflow:hidden;
width:498px;
}
div#homeFeature div#slideshow ul {
width:3000px;
}
div#homeFeature div#slideshow li {
cursor:pointer;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
div#homeFeature div.navButton {
float:left;
}
div.titleList {
border-bottom:1px solid #BDBDBD;
height:165px;
margin:0pt 0pt 15px;
width:100%;
}
div.titleList a.name {
color:#0784B7;
font-size:13px;
font-weight:bold;
}
div.titleList .info {
float:left;
width:400px;
}
div.titleList .image {
float:right;
display:table-cell;
vertical-align: middle;
height: 150px;
}
div.titleList .image img {
border:1px solid #7F7B7C;
vertical-align: middle;
}
div.titleList .date {
font-weight:normal;
padding-right:5px;
}
div.pageNav {
color:#0784B7;
margin:10px 0pt 0pt;
text-align:right;
}
div.pageNav a {
color:#0784B7;
}
div.pageNav img {
position: relative;
top: 1px;
}
div.titleFeature {
width:100%;
}
div.titleFeature h2 {
color:#08698F;
margin-bottom:5px;
}
div.titleFeature div.starring {
font-size:13px;
text-transform:uppercase;
}
div.titleFeature p {
font-size:11px;
}
div.titleFeature div.info {
float:left;
margin-bottom:15px;
width:345px;
}
div.titleFeature div.images {
float:right;
width:193px;
}
div.titleFeature img {
border:1px solid #F2F2F2;
}
div.titleFeature table#titleThumbs {
margin:15px 0pt 0pt;
/*width:100%;*/
}
div.titleFeature table#titleThumbs td {
width:66px;
}
div#categoryTitles {
clear:both;
position:relative;
width:100%;
}
div#categoryTitles h4 {
color:#08698F;
font-weight:normal;
margin:0pt 0pt 10px;
text-transform:uppercase;
}
div#slideshow {
float:left;
overflow:hidden;
width:498px;
}
div#slideshow ul {
width:5000px;
}
div#slideshow li {
cursor:pointer;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
div.navButton {
float:left;
}

div.feature{
width:100%;
}
div.feature h2 {
color:#0784b7;
}
div.feature h4.date {
font-weight:normal;
}
div.feature p {
font-size:12px;
}
div.feature div.info {
float:left;
margin-bottom:15px;
/*width:345px;*/
}
div.feature div.images {
float:right;
width:193px;
}
div.feature img {
border:5px solid #F2F2F2;
margin:-5px 0 20px 5px;
}

div.images td img {
	cursor: pointer;
}


div#searchContainer {	
	margin: 0 0 20px 0;
}
div#searchContainer table td{
	padding: 5px;
}
div#searchContainer .label{
	font-weight: bold;
}
div#searchContainer select, div#searchContainer option, div#searchContainer input{
	width: 200px;
}
div#searchContainer #searchButton{	
	width: 57px;
}

div#contactInfo{
	height: 200px;
	width: 100%;
	border-bottom: 1px solid #AAA;
}
div.office{
	width: 160px;
	margin:10px 10px;	
}
div.office .property{
	font-weight: bold;
	color: #0784b7;
}
div#contactForm{
	margin: 25px 0 0 0;
	width: 100%;
}
div#contactForm table td{
	padding: 7px;
}
div#contactForm .label{
	font-weight: bold;
	width: 15%;
}
div#contactForm .element{
	width: 85%;
}
div#contactForm input{
	width: 250px;
}
div#contactForm #searchButton{	
	width: 59px;
}
div#contactForm .contactTextarea{
	width: 400px;
	height: 170px;
}