/* universal formatting */
.txt_left { text-align:left; }
.txt_center { text-align:center; }
.txt_right { text-align:right; }

/* Main */
body { background-image:url('images/layout/sgc-bg.gif'); text-align:center; min-width:804px; font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:10px; }
	body a { color:#db9e0b; }

	#container { margin:0 auto; width:804px; text-align:left; min-height:604px; }
		/* HEADER ---------- */
		#headerdiv { background-image:url('images/layout/sgc-header.jpg'); width:802px; height:160px; font-family:"Palatino Linotype", Palatino; }
			#headerdiv h1 { position:relative; left:160px; top:20px; width:640px; font-weight:normal; font-size:36px; color:white; }
			#headerdiv h2 { position:relative; left:160px; top:-10px; width:640px; font-weight:normal; font-size:18px; color:#BDE0F4; }
			#headerdiv table { position:relative; top:-20px; left:180px; width:600px; }
			#headerdiv tr td { border-style:none; border-width:0px;	margin:0px;	font-family:Verdana; font-size:10px; color:black; padding:0px; }
		#bodydiv { min-height:600px; width:800px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-style:solid; border-color:black; border-width:1px 1px 0px 1px; background:url('images/layout/faux-bg.gif') top left repeat-y; }
			/* SIDEPANE -------- */
			#sidepane { float:left; width:215px; min-height:inherit; height:100%; background-color:#ffcf71; border-color:black; border-style:solid; border-width:0px 1px 0px 0px; }
				#sidepane .submenu { background:url('images/layout/button-bg-sub.gif') 0 0 no-repeat; font-size:10px; line-height:8px; padding:3px 0px 6px 	15px; border-style:none; }
				#sidepane .selectedafter { padding:10px 0px 10px 10px; border-width:1px 0px 1px 0px; }
				#sidepane .selectedmenu { background:url('images/layout/button-bg-selected.gif') 0 0 no-repeat; border-style:none; }
				#sidepane a { display:block; font-family:Verdana; font-size:12px; line-height:10px; background:url('images/layout/button-bg.gif') 0 0 no-repeat; border-width:0px 0px 1px 0px; border-style:solid; border-color:black; padding:11px 0px 10px 10px; margin:0px; background-color:inherit; text-decoration:none; color:#846101; }

				#sidepane .submenu2 { list-style-type:disc; padding-left:32px; margin:0px; border-style:none; }
				#sidepane .submenu2 li { padding:0px; border:0px none; background:url('images/layout/button-bg-sub.gif') 0 0 no-repeat; }
				#sidepane .submenu2 a { display:block;  font-size:10px; line-height:8px; padding:3px 0px 6px 15px; border-style:none; }

				#sidepane a:hover { background-position:-215px 0; background-color:#ffe2a4; color:black; }
				#spacer { width:215px; height:31px; border-width:0px 0px 1px 0px; border-style:solid; border-color:black; }
			/* CONTENTPANE ----- */
			.contentpane { float:left; background-color:#FFF; color:black; padding:2px 5px 0px 5px; min-height:440px; width:574px; font-size:12px; }
				#navbar { display:block; position:relative; margin:6px; padding-bottom:2px; color:#AAA; }
					#navbar a { color:#666; }
					#navbar a.current { color:#3c84b7; }
					#navbar a:hover, #navbar a.current:hover { color:#efac2c; }
				/* formatting */
				.contentpane h1,.contentpane h2,.contentpane h3,.contentpane p { margin-left:6px; margin-right:6px; }
					/* page header style */
					.contentpane h1 { font-family:'Trebuchet MS', sans-serif; font-size:20px; margin-top:0px; margin-bottom:-8px; }
					/* page subsection style */
					.contentpane h2 { font-family:'Verdana', sans-serif; font-weight:bold; font-size:14px; margin-top:0px; margin-bottom:-12px; }
					.contentpane h3 { font-family:'Trebuchet MS', sans-serif; font-size:12px; margin-bottom:0px; }
					/* page paragraph style */
					.contentpane p { line-height:150%; color:#333; margin-top:12px; margin-bottom:12px; }
					/* page link style */
					.contentpane p a,.contentpane ul a{ color:#3c84b7; }
						.contentpane p a:hover,.contentpane ul a:hover { color:#efac2c; }

					.contentpane ul { margin-left:6px; margin-right:6px; padding-left:16px; }
						.contentpane ul h3 { padding:0px; margin:0px; display:block; position:relative; left:0px; }
						.contentpane ul li { font-size:11px; line-height:150%; }

					.contentpane .list { list-style-type:none; margin-left:6px; margin-right:6px; padding:0px; }
						.list h2,.list h3 { display:block; position:relative; margin:0px; padding:0px; }
						.list ul { display:block; position:relative; margin:0px; padding:0px; list-style-type:none; }
						.list li { display:block; position:relative; margin:0px; padding:0px; list-style-type:none; }
							.list li {  }

					strong.IR { color:#c63f3f; }
					.image { display:block; position:relative; }
						.floatimage {  /*  width:255px;   */ font-size:10px; }
							.fi_left { float:left; margin:6px 12px 6px 6px; }
							.fi_right { float:right; margin:6px; }
						.i_center { margin-left:auto; margin-right:auto; text-align:center; }
							.i_center img { margin-left:auto; margin-right:auto; }
						.personnelimage { width:100px; height:125px; }
							.personnelimage img { width:100px; height:125px; }
						.image img { display:block; margin-bottom:4px; }
							.floatimage img { /* width:255px; height:165px; */ }
						.image div { display:block; font-style:italic; }
							.image div.figure { font-style:normal; }
						.image div span.location { font-style:normal; font-weight:bold; }
					.figure { display:block; position:relative; width:100%; padding:12px 0px 12px 0px; }
						.f_center { text-align:center; }
						.figure div { display:inline; width:80%; overflow: visible; }
							.figure img { display:inline; margin-bottom:4px; background-color:#FFF; border:1px solid #999; padding:4px; }
							.figure span:before { }
							.figure span { display:inline; color:#444; font-size:10px; }
								.figure span b { color:#3c84b7;  }
					.image-left { float:left; /* width:255px; height:165px;*/ font-size:10px; }
					.image-center { margin-left:auto; margin-right:auto; width:350px; height:240px; font-size:10px; }
					.centered { text-align:center; }
			.clear { visibility:hidden; clear:both; }
		.image-personnel { margin-left:auto; margin-right:auto; width:350px; height:125px; font-size:10px; }
		#personnel {  }
			#personnel table { border-spacing:0px; margin-left:6px; margin-right:6px; }

			#personnel td { padding-top:6px; padding-bottom:6px; }
			#personnel th { font-weight:bold; text-transform:lowercase; padding-bottom:2px; color:#888; }
			#personnel .name { width:140px; padding-left:6px; }
			#personnel td.role,#personnel td.email,#personnel td.phone { font-size:10px; }
			#personnel .role,#personnel .phone { width:140px; padding-left:8px; padding-right:8px; }
			#personnel .role { }
			#personnel .phone { }
			#personnel .email { text-align:right; width:150px; padding-right:8px; }
			#personnel .r0,.surveytable .r0,.personneltable .r0 { background-color:#FFF; }
			#personnel .r1,.surveytable .r1,.personneltable .r1 { background-color:#EEE; }
				#personnel a,.surveytable a,.personneltable a { color:#333; }
				#personnel a:hover,.surveytable a:hover,.personneltable a:hover { color:#efac2c; }


			#personnel_single table.card { height:125px; margin:6px 6px 0px 6px; border-spacing:0px; }
				#personnel_single td.mugshot { padding:0px 10px 0px 0px; }
					#personnel_single td.mugshot img { border:1px solid #AAA; }
				#personnel_single td.nametitle { height:46px; }
				#personnel_single td.contactdetails { vertical-align:top; }
				#personnel_single .card h2,#personnel_single .card h3 { margin:0px; }
				#personnel_single .card h2 { font-size:24px; font-weight:normal; }
				#personnel_single .card h3 {  }
				#personnel_single .card a {  }
				#personnel_single .card span.phone {  }
				#personnel_single .card .contactdetails table { border-spacing:0px; font-size:10px; }
					#personnel_single .card .contactdetails tr {}
						#personnel_single .card .contactdetails tr.r0 {}
						#personnel_single .card .contactdetails tr.r1 { /*background-color:#DEDEDE;*/ }
					#personnel_single .card .contactdetails td { padding-top:3px; padding-bottom:3px; }
					#personnel_single .card .contactdetails td.fieldname { padding-left:0px; padding-right:4px; text-transform:lowercase; color:#888; }
					#personnel_single .card .contactdetails td.fielddata { padding-right:4px; }
						#personnel_single .card .contactdetails td.fielddata a { color:#3c84b7; }
						#personnel_single .card .contactdetails td.fielddata a:hover { color:#000; }
			#personnel_single p span.name { text-transform:uppercase; }

				.contentpane table.list_3col { margin:0px; border-spacing:0px; width:100%; }
				.contentpane table.list_3col td { width:33%; vertical-align:top; text-align:left; }

		#footer2 { background-image:url('images/layout/sgc-foot.gif'); background-position:0px top; background-repeat:no-repeat; padding-top:30px; text-align:center; font-family:inherit; font-weight:bold; }
			#footer2 p { margin:0px; }
		/* FORRESTANIA ---------- */
		#forfooter { width:215px; height:1px; border-width:1px 0px 0px 0px; border-style:solid; border-color:black; }

		/* MULTICLIENT ---------- */
		#multiclient table    { width: 464px; height: 448px; border-spacing:0px; border-style:Solid; border-color:#93cef7; border-width:0px 1px 1px 0px; background-image: url('multiclient/bg.gif'); margin-left: auto; margin-right: auto; border-collapse: collapse; table-layout: fixed; }
				#multiclient table a  { display:block; width: 16px; height: 16px; padding: 0px;}
		#multiclient td       { border-style:Solid; border-color:#93cef7; border-width:1px 0px 0px 1px; width:16px; height:16px; padding:0px; margin: 0px; }
		#multiclient td img   { display:block; border:0px none; margin:0px; width:16px; height:16px; }
	#map { margin-left:6px; margin-right:6px;  }

	/* PERSONNELLISTING -------- */
	.personneltable { font-size: 10px; padding: 0px; border-spacing:0px; }
	.personneltable { width:563px; margin-left:5px; margin-right:5px;  margin-top:12px; }
		.personneltable td,.personneltable th { text-align:center; }
		.personneltable td { padding:6px; }
		.personneltable th { padding-top: 0px; font-weight:bold; text-transform:lowercase; padding-bottom:2px; color:#888; font-size: 12px; }
		.personneltable .closecell { text-align:left; }
		.personneltable .farcell { text-align:right; }

	/* SURVEYLISTING -------- */
	.surveytable { font-size: 10px; padding: 0px; border-spacing:0px; }
	.surveytable { width:563px; margin-left:5px; margin-right:5px;  margin-top:12px; }
		.surveytable td,.surveytable th { text-align:center; }
		.surveytable td { padding:6px; }
		.surveytable th { padding:6px 6px 0px 6px; color:#888; }
		.surveytable .closecell { text-align:left; }
			.closecell a,.closecell span { display:block; }
			.closecell a { font-size:12px; }
			.closecell span { font-size:10px; }
		.surveytable .farcell { text-align:right; }

	.surveydiv {}
	.surveydiv div { display:block; position:relative; }
		.surveydiv1 {}
		.surveydiv1 a,.surveydiv1 span { display:block; }
		.surveydiv1 span { font-size:10px; }

	.indivtable { width:563px; margin-left:5px; margin-right:5px; border-spacing:0px; margin-top:12px; vertical-align:top; }
		.indivtable td { padding:0px 0px 4px 0px; color:#888; font-size:11px; }
		.indivtable .label { font-weight:normal; width:30%; color:#000; }
			.indivtable .label:after { content:':'; }
	.datalist { color:#888; margin-left:5px; margin-right:5px; margin-top:12px; }
		.datalist div { display:block; position:relative; font-size:11px; padding:0px 0px 4px 0px; }
		.datalist .label { float:left; width:160px; color:#000; }
		.datalist .field { margin-left:160px; color:#888; }
			.contentpane .datalist p { color:#888; padding:0px; margin:0px 0px 8px 0px; line-height:125%; }