@charset "utf-8";
/* Bruce Mactier CSS Document */
/* Dark Blue:   #1443d0
/* Mid Blue:    #4c70db
/* Light Blue:  #9caad4
*/

/* Eric Meyers CSS Reset v final.0.1 (modified)
------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; 
	font-size: 100%; font-family: inherit; vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; } 
blockquote, q { quotes: "" ""; }

/* LAYOUT 
------------------------------------------------*/

body { background-color: #f0f0f0; font: 13px/1.5em sans-serif;  }

#container { width: 960px; margin: 0 auto; }

#header { margin: 20px 0 10px 0; height: 110px; }
	#header h1 { float: left; width: 160px; height: 100px; background: url('images/logo_grey.png') no-repeat left top; 
		text-indent: -999em; outline: none; }
	#header h1 a { display: block; width: 160px; height: 100px; }
	#header div { position: absolute; text-indent: -999em;  }

	#nav { position: relative; float: right; border-top: 1px solid #aaa; width: 800px; height: 25px; margin-top: 89px; }
		#nav li { float: left; height: 22px; margin-right: 20px; border-top: 3px solid #aaa; 
		font: 1.2em "Tw Cen MT", "Century Gothic", Ariel, sans-serif; text-transform: uppercase; letter-spacing: 0.05em; }
		#nav li.current { border-top: 3px solid #1443d0; }
		#nav li a { text-decoration: none; color: #666; }
		#nav li.current a { color: #1443d0; }
		#nav li a:hover { color: #9caad4; }
		#nav li.current a:hover { color: #1443d0; }
		/*  FANCY MENU  */
		#nav li.background { border-top: 3px solid #1443d0;	z-index: 8; position: absolute; visibility: hidden; height: 1px; }
		#nav .background .left {  }
		
.subnav { display: inline; float: left; margin: -14px 0 15px 160px; }
	.subnav li { float: left; margin: 0 25px 0 0; }
	.subnav li a { font: 1.3em "Tw Cen MT", "Century Gothic", Ariel, sans-serif; text-transform: uppercase; padding-top: 3px; border-top: 3px solid #d5d5d5; }
	.subnav li a:hover { border-top: 3px solid #9caad4; }
	.subnav li span.current { font: 1.3em "Tw Cen MT", "Century Gothic", Ariel, sans-serif; text-transform: uppercase; padding-top: 3px; border-top: 3px solid #1443d0; color: #666; }

#slideshow { padding: 10px 0 10px 160px; background: url('images/bg_heading_grey.png') no-repeat left top; }

.imageleft, .formleft { display: inline; clear: left; width: 270px; margin-left: 160px; float: left; }
.imageright { display: inline; clear: right; width: 270px; float: right; }
.imageleft img, .imageright img { padding: 8px 0; }
.contentleft { display: inline; width: 500px; padding: 5px 0; margin-left: 160px; float: left; }
.contentright { display: inline; width: 500px; padding: 5px 0; float: right; }
.contentfull { display: inline; clear: both; float: left; width: 800px; margin-left: 160px; } 

img.img_right { background: #fff; padding: 10px; float: right; margin: 0 0 2em 30px; }
img.img_logo { display: block; background: #fff; padding: 10px; margin: 8px auto 16px auto; }

.gallery {  }
	.gallery a { display: block; float: left; margin: 0 20px 20px 0; }
	.gallery a img { padding: 9px; border: 1px solid #b1bfe8; background: #fff; }
	.gallery a:hover img { border: 1px solid #1443d0; background: #eef; }

#footer { clear: left; height: 80px; margin-top: 10px; padding: 25px 0 0 160px; background: url('images/bg_heading_grey.png') no-repeat left top; }
	#footer .address { margin-bottom: 5px; font: 1.25em "Tw Cen MT", "Century Gothic", Ariel, sans-serif; text-transform: uppercase; color: #666; }
	#footer .contact { color: #666; font: 1.15em "Tw Cen MT", "Century Gothic", Ariel, sans-serif; }
	#footer a { color: #4c70db; font-weight: bold; }


/* CONTENT  
------------------------------------------------*/

a { color: #1443d0; }
a:hover { color: #4c70db; }

h2 { margin: 30px 0 10px 0; padding: 0 0 20px 160px; font: 2.3em "Tw Cen MT", "Century Gothic", Ariel, sans-serif; text-transform: uppercase; 
	letter-spacing: 0.05em; color: #666; background: url('images/bg_heading_grey.png') no-repeat left bottom; }
h3 { clear: left; margin: 10px 0 10px 0; font: 1.6em "Tw Cen MT", "Century Gothic", Ariel, sans-serif; text-transform: uppercase; 
	color: #aaa; font-weight: normal; }
h4 { clear: left; margin: 10px 0 10px 0; font: 1.1em Ariel, sans-serif; text-transform: uppercase; 
	color: #6e81b9; font-weight: bold; }

a img { padding-bottom: 5px; border-bottom: 3px solid #f0f0f0; }
a:hover img { border-bottom: 3px solid #4c70db; }
a.flir-replaced img { padding-bottom: 0px; border-bottom: none; background: transparent; }
a.flir-replaced:hover img { background: transparent; }

a.more { display: block; padding-left: 20px; background: url('images/pictures.png') no-repeat 0px 1px; text-decoration: none; }


#content { color: #666; }
	#content p, #content ul.list, .fn, .adr { margin: 0.3em 0 0.7em 0; }
	#content ul.list { list-style: square; margin-left: 20px; }
	#content ul.list li { margin: 0.4em 0; line-height: 1.2em; }
	#content p.intro { font: 1.3em "Tw Cen MT", "Century Gothic", Ariel, sans-serif; color: #4c70db; text-transform: uppercase; text-align: left; }

.column { display: inline; width: 135px; margin-right: 20px; float: left; }
	.column h3 { margin-top: 2px; margin-bottom: 0; font-size: 1.5em; }
	.column h3 a { text-decoration: none; }

.last { margin-right: 0; }

.flir { font-family: "Tw Cen MT", Ariel, sans-serif; }
.seperator { clear: both; height: 41px; background: url('images/bg_heading_grey.png') no-repeat left center; }
.clear { clear: both; }

.vcard .type { display: inline-block; width: 50px; }


/* CONTACT FORM  
------------------------------------------------*/

form.niceform { width: 236px; margin: 0; padding: 15px; border: solid 2px #e5e5f0; background: #F7F7ff; }
	form.niceform h3 { margin: 0 0 8px 0; }
	form.niceform p { margin-bottom: 20px; padding-bottom: 10px; border-bottom: solid 1px #e5e5f0; color: #666; }
	form.niceform div.error { padding: 8px; color: #fff; background: #264090; font-weight: bold; font-size: 14px; }
	#content form.niceform div.error ul { list-style: square; margin-left: 20px; }
	#content form.niceform div.error ul li { margin: 0.4em 0; font-weight: normal; font-size: 11px; line-height: 1.2em;  }
	form.niceform label { display: block; font-weight: bold; }
	form.niceform label em { color: #00c; }
	form.niceform .small { color: #666; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 140px; }
	form.niceform input, form.niceform textarea { font-size: 12px; padding: 4px 2px; border: solid 1px #e5e5f0; width: 230px; margin: 2px 0 20px 0; }
	form.niceform input:focus, form.niceform textarea:focus { border: solid 1px #264090; }
	form.niceform button { padding-bottom: 3px; width: 236px; height: 30px; background: #264090 url('images/bg_button.png') repeat-x center;
		text-align: center; line-height: 31px; color: #FFF; font-size: 13px; font-weight: bold; border: none; }
	form.niceform label.field-subject { display: none; }


/* TABS  
------------------------------------------------*/

#tabs { width: 500px; }
.tabs_title { list-style-image: none; list-style-type: none; margin: 0px; padding: 0px; }
.tabs_title li { float: left; background-color: #dde; padding: 3px 8px; margin-right: 5px; cursor: pointer; }
.tabs_title li.active { background-color: #9caad4; color: #fff; }
.tabs_panel { display: none; background: #f0f0f0; width: 500px; }
.tabs_panel.active {  display: block; }