/* -------->  Global  <------------------------------------------------ */
* { margin: 0; padding: 0; }
html,body { height: 100%; }
html { background: #eee url(../../img/design/wrap_bg.gif) center top repeat-y; }
body { font: 100%/100% arial, sans-serif; color: #333; background: url('/img/design/body_bg.gif') center top repeat-x; }



fieldset { border: none; }
a { color: #069; }
a:hover { color: #D4368B; }
blockquote { margin: 0 20px 20px; }
blockquote p { color: #A2761D; margin: 0; font-style: italic; }
/* -------->  General Typography  <------------------------------------ */
h2, h3, h4, h5 { font-family: georgia; font-weight: normal; color: #888; }
h2 { font-size: 1.2em; margin: 0 1em .6em 0; }
h3 { font-size: 1.2em; margin: 1em 1em .6em 0; }
h4 { margin: 1em 1em .4em 0; }
h5 { font: .9em arial; color: #555; margin: 1em 1em .4em 0; }
p { font-size: .75em; margin: 0 2em .8em 0; line-height: 1.5em; }
#content ul, #content ol { font-size: .75em; margin: 0 1em 1em 2em; }
#content ul { list-style: square; }
#content ol { list-style: decimal; }
#content li { margin-bottom: .5em; }

/*
#content a { color: #DA863A; text-decoration: none; background: url(../../img/design/o_dot.gif) bottom left repeat-x; padding-bottom: 1px; }
#content a:hover { color: #CF6200; background: url(../../img/design/oh_dot.gif) bottom left repeat-x; }
*/
#content a { color: #DA863A; text-decoration: none; padding-bottom: 1px; }
#content a:hover { color: #CF6200; }

img.pageimg { display: inline; float: right; margin: 0 4px 8px 15px; border: 3px solid #ccc; }

/* -------->  Main layout  <-------------------------------------------- */
#wrap { background: url(../../img/design/wrap_top.gif) 50% 0px no-repeat; }
#wrapper { width: 824px; margin: 0 auto; background: url(../../img/design/wrap_bg.gif) 50% 0px repeat-y; padding: 0 0 15px; }

#header {
	background: url('/img/design/wrap_top.gif') center top no-repeat;
	padding: 0 25px;
}
	#header h1 a { display: block; width: 258px; height: 55px; font: .5em verdana; float: left; margin: 17px 0 6px 0; background: url(../../img/design/logo.gif) 0px 0px no-repeat; text-indent: -2000px; }
	#header p.tagline {
		color:       #A2761D;
		display:     inline;
		float:       left;
		font-size:   1em;
		line-height: 70px;
		margin:      0;
		padding:     0 0 0 20px;
		font-style:  italic;
	}
	#header img { margin-bottom: 13px; }

/*
#masternav { display: inline; float: left; margin: 0; list-style: none; width: 248px; }
	* html #masternav { margin-right: -3px; }
	#masternav li { }
		#masternav a { display: block; font: .9em georgia; text-transform: uppercase; color: #fff; width: 233px; padding: 12px 0 0 15px; height: 30px; background: #A2761D url(../../img/design/masternav.gif) 0px 0px no-repeat; text-decoration: none; }
		#masternav a:hover { background-position: -248px 0px; }
		#home #home-nav,
		#about #about-nav,
		#products #products-nav,
		#contact #contact-nav { background-position: -496px 0px; cursor: default; }

#slideshow { list-style: none; height: 163px; padding: 5px 5px 0px 0; background: #8B6415 url(../../img/design/slideshow_bg.gif) 0px 0px repeat-x; margin-left: 248px; }
* html #slideshow { margin-left: 245px; }
	#slideshow li { }
		#slideshow li img { margin: 0; }
*/

#twocol { clear: left; width: 774px; background: #fff; padding: 0 25px 15px; background: url(../../img/design/twocol_bg.) 0px 0px repeat-y; }
#twocol:after { content: ':';  display: block;  height: 0;  clear: both;  visibility: hidden; }
#twocol { display: inline-block; }
/*\*/
#twocol { display: block; }
/* end easy clearing */

#crumbs { background: #E7E4D7; margin: 0 0 1em 0; padding: 4px 0 4px 8px; width: 523px; display: inline; float: right; }
#content { width: 529px; display: inline; float: right; padding: 0px 0 0 0; }

#navigation { width: 228px; padding: 0px 0;  }
	#recent_projects h4 { margin: 0 0 6px 8px; }
	#navigation ul { list-style: none; margin: 0; font-size: .9em; }
		#navigation ul li { margin-bottom: 0; border-bottom: 1px solid #93824B; }
			#navigation ul li a {
				display: block;
				padding: 7px 0 6px 10px;
				text-decoration: none;
			/*	text-transform: uppercase; */
				color: #fff;
				width: 218px;
				text-align: left;
				background: #BFAF75 url(../../img/design/nav_grad.gif) top right repeat-y;
			}
			#navigation ul li a:hover { background: #B3A263 url(../../img/design/nav_grad_hover.gif) top right repeat-y; }
			#navigation ul li.active a { background: #9D8C4D url(../../img/design/nav_grad_active.gif) top right repeat-y; }
			
				#navigation ul li ul li { border-bottom: 1px solid #F8F0D6; }
				#navigation ul li ul li.last { border-bottom: 0px solid #F8F0D6; }
					#twocol #navigation ul li ul li a {
						padding: 6px 0 5px 30px;
						width: 198px;
						text-transform: none;
						color: #555;
						background: transparent url(../../img/design/subnav_item.gif) top left no-repeat;
					}
					#twocol #navigation ul li ul li a:hover { background: transparent url(../../img/design/subnav_item.gif) top left no-repeat; background-position: 0px -50px; }
					#twocol #navigation ul li ul li a.active { background-position: 0px -100px; }

#recent_projects { margin: 15px 0px; }
#recent_projects ul { list-style: none; font-size: .75em; padding: 4px 0 0 10px; }
#recent_projects ul li { margin-bottom: 7px; }
#recent_projects p { margin: .7em 3px .4em 9px; color: #777; }
#recent_projects p strong { color: #555; font-weight: normal; }

div.assoc_docs {
	background: #e7e4d7;
	border:     1px solid #bab7a6;
	margin:     20px 0 30px;
	padding:    10px;
}

	.assoc_docs dl {
		margin: 0;
	}

		.assoc_docs dt {
			background-position: left 2px;
			background-repeat:   no-repeat;
			display:             block;
			float:               none;
			font-size:           .85em;
			font-weight:         normal;
			line-height:         1.5;
			margin:              .35em 0 0;
			padding:             0 0 0 24px;
		}

			.assoc_docs dt.doc  { background-image: url('/img/icons/doc.png');      }
			.assoc_docs dt.jpg  { background-image: url('/img/icons/jpg.png');      }
			.assoc_docs dt.link { background-image: url('/img/icons/world_go.png'); }
			.assoc_docs dt.pdf  { background-image: url('/img/icons/pdf.png');      }
			.assoc_docs dt.ppt  { background-image: url('/img/icons/ppt.png');      }
			.assoc_docs dt.xls  { background-image: url('/img/icons/xls.png');      }

			.assoc_docs dt span {
				color:     #777;
				font-size: .9em;
			}

		.assoc_docs dd {
			font-size:    .8em;
			line-height:  1.3;
			margin:       0 0 1em;
			padding-left: 24px;
			text-indent:  0;
		}

div.results_footer {
	padding-top: 5px;
}

	.forum_view .results_footer {
		border:        0;
		margin-bottom: 20px;
	}

	.results_footer a {
		font-family:     arial, sans-serif;
		padding:         2px 6px;
		text-decoration: none;
	}

		.results_footer p {
			color:       #666;
			display:     inline;
			float:       left;
			margin:      0;
			padding-top: 5px;
		}

		.results_footer .paging {
			display: inline;
			float:   right;
		}



div.results_info {
	margin-bottom:  25px;
	padding-bottom: 5px;
}

	.forum_view .results_info {
		border:        0;
		margin-bottom: 5px;
	}

	.results_info p {
		color:     #666;
		margin:    0;
	}

	.results_info .showing {
		display:      inline;
		float:        left;
		padding-left: 5px;
	}

		.results_info .showing strong {
			font-family: arial, sans-serif;
		}

	.results_info .paging {
		display: inline;
		float:   right;
	}

#cdetails { padding: 15px 10px; }
#content #pimages { margin: 1em 0 1em 0; list-style: none; width: 510px; }
	#pimages div {
		letter-spacing: 0;
		position:       relative;
	}
	#pimages li {
		display: -moz-inline-stack;
		display: inline-block;
		*display: inline;
		vertical-align: top;
		zoom: 1;
		letter-spacing: -10px;
		margin: 0 8px 8px 0;
	}
		#pimages li a { padding: 0; background: transparent; }
			#pimages li a img { border: 2px solid #EB9B52; }
				#pimages li a:hover img { border: 2px solid #CD6200; }

#footer { clear: both; background: url(../../img/design/footer_bg.gif) center -1px no-repeat; height: 34px; padding: 16px 25px; }
	#footer p { margin: 0; padding: 9px 0 0px 15px; color: #fff; }
		#footer a { color: #fff; }
#copyright { text-align: right; margin: 0 28px 0 0; color: #555; }

/* -------->  Project List  <---------------------------------------------- */
#content #projects { list-style: none; font-size: 1em; margin: 0; }
	#projects li { display: inline; float: left; width: 500px; clear: left; background: #F3F1E9 url(../../img/design/dot.gif) top left repeat-x; padding: 7px 6px 5px 6px; margin: 0; }
	#projects li.even { background: #fff url(../../img/design/dot.gif) top left repeat-x; }

#content a.pthumb { display: inline; float: left; margin: 0 11px 0 0; padding: 0; background: transparent; }
	a.pthumb img { border: 2px solid #F3F1E9; display: block; vertical-align: middle; }
	a.pthumb:hover img { border: 2px solid #EB9B52; }
#projects { list-style: none; }
#projects li h2 { font-size: 1em; margin-top: 2px; }
	#projects li h2 a { color: #DA863A; text-decoration: none; background: url(../../img/design/o_dot.gif) bottom left repeat-x; }
	
/* -------->  Contact Form  <------------------------------------------------ */
#cform {
	font-family: verdana;
}

#cform p {
	margin: 0;
}

fieldset { border: none; width: 450px; }
	legend { display: block; font: bold verdana; padding: .5em 0; }
	label { display: block; width: 10em; float: left; text-align: right; padding: .4em .7em 0 0; color: #555; }
	input.def, textarea { width: 20em; font-family: verdana; padding: 4px 4px; border: 1px solid #C6C6C6; background: #F6FBFF; margin-bottom: .2em; }
	input.large, #enquiry { width: 20em; }
	textarea { font-family: verdana; height: 6em; }
		#enquiry { font-size: 1.2em; }
	#sub-btn { display: block; margin: 1.2em 0 0 9.5em; padding: .1em .3em; cursor: pointer; }
	.alert.warning ul { font-size: .75em; background: #ffc; padding: .5em .4em .5em 0em; list-style: disc; margin: 1em 0 .4em 0; position: relative; top: -.5em; }
		.alert.warning li { margin-left: 24px; margin-bottom: .2em; }

/* -------->  Thickbox  <--------------------------------------------------- */
#TB_overlay { position: absolute; top: 0; left: 0; z-index:100; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
#TB_window a { color: #069; }
#TB_window { position: absolute; background: #fff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; padding-bottom: 35px;  }
#TB_window img { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption{ height:45px; padding:10px 0px 10px 7%; display: inline; float:left; font-size: .75em; width: 63%; }
#TB_closeWindow{ height:45px; padding:10px 0px 10px 0; display: inline; float:right; width: 25%; }
#TB_closeAjaxWindow{ padding:5px 10px 7px 0; margin-bottom:1px; text-align:right; background-color:#e8e8e8; }
#TB_ajaxContent{ padding:2px 15px 15px 15px; overflow:auto; }
#TB_ajaxContent h2 { font: 1em arial; letter-spacing: 0; }
#TB_ajaxContent p { font-size: .7em; }
#TB_load{ text-align: center; position: absolute; top: 50%; left: 0px; width: 100%; overflow: visible; visibility: visible; display: block; z-index:101; }
#TB_loadContent  { margin-left: -125px; position: absolute; top: -50px; left: 50%; width: 250px; height: 100px; visibility: visible; }

	#content p.date {
		border-bottom: 1px solid #d7d7d7;
		font-size:     .7em;
		margin:        0 0 1.5em;
	}


	#content ul.blog_images {
		margin: 0;
	}

		#content .blog_images img {
			display: block;
			margin:  0 auto;
		}

		#content .blog_images li {
			font-size:  1.3em;
			list-style: none;
			margin:     0 15px 1.5em;
			padding:    0;
			text-align: center;
		}

		#content .blog_images p {
			margin-right: 0;
		}


	#content .home_latest {}

		#content .home_latest ul {
			margin: 0;
		}

			#content .home_latest h4 {
				font-size: 1.4em;
				margin:    0 0 .25em;
			}

			#content .home_latest li {
				list-style: none;
				margin:     20px 0;
			}

			#content .home_latest p {
				font-size: 1.1em;
				margin:    0 0 10px;
			}

				#content .home_latest p.date {
					font-size: .9em;
				}

				#content .home_latest p.read_more {
					font-size:  .9em;
					text-align: right;
				}



	#content ul.thumb_lists {
		margin: 0;
	}

		#content .thumb_lists div {
			display: inline;
		}

			#content .thumb_lists div.preview {
				display: inline;
				float:   right;
				width:   405px;
			}

			#content .thumb_lists div.pic {
				display: inline;
				float:   left;
				height:  104px;
				margin:  0 0 10px 0;
				width:   104px;
			}

				#content .thumb_lists div.pic a {
					border:  2px solid #da863a;
					display: block;
					padding: 0;
				}

				#content .thumb_lists div.pic img {
					border: 0;
				}

		#content .thumb_lists h3 {
			font-size: 1.4em;
			margin:    0 0 .25em;
		}

		#content .thumb_lists img {
			vertical-align: middle;
		}

		#content .thumb_lists li {
			border-bottom: 1px solid #d7d7d7;
			list-style:    none;
			margin:        0 0 15px;
			padding:       0 5px 10px;
		}

			#content .thumb_lists li:last-child {
				border: 0;
				margin: 0;
			}

		#content .thumb_lists p {
			font-size:     1.1em;
			margin-bottom: 10px;
		}

			#content .thumb_lists p.date {
				border:    0;
				font-size: .9em;
			}

			#content .thumb_lists p.post_info {
				font-size: .85em;
			}

			#content .thumb_lists p.read_more {
				line-height: 1;
				text-align:  right;
			}

				#content .thumb_lists p.read_more em {
					font-weight: bold;
				}

	form#comment_form {}

		#comment_form button {
			padding: 3px 6px;
		}

		#comment_form fieldset {
			width: auto;
		}

		#comment_form p {
			margin-right: 0;
		}

			#comment_form p.submit {
				margin:     0 70px 0 0;
				text-align: right;
			}

			#comment_form p.textarea {
				margin-bottom: 0;
			}

		#comment_form textarea {
			width: 20em;
		}

	div.blog_comments {}

		.blog_comments h3 {}

			.blog_comments h3 a {
				font-size: .8em;
			}

			.blog_comments h3 span {
				padding-right: 20px;
			}

		.blog_comments dl {}

			.blog_comments dt {
				clear:   both;
				color:   #CF6200;
				display: inline;
				float:   left;
				width:   20px;
			}

			.blog_comments dd {
				display:       inline;
				float:         left;
				margin-bottom: 1.5em;
				width:         490px;
			}

				.blog_comments dd p {
					margin-right: 0;
				}

				.blog_comments dd p.com_meta {
					border-bottom: 1px solid #d7d7d7;
					font-size:     .8em;
				}


div.alert { clear: both; padding: 15px 30px 5px 35px; margin-bottom: 1.5em; }
div.blue { padding-left: 15px; }
div.marg_top { margin-top: 1.5em; }
div.alert h3 { margin-top: 0; }

div.alert ul, div.alert ol { margin: 0 0 10px 0; list-style-type: none; }
div.alert p { font-size: 12px !important; margin: 0 0 10px 0; }
div.warning { background: #fcfce2 url(/img/icons/alert.gif) 12px 15px no-repeat; border: 1px solid #e4cb9c; }
div.done { background: #deffef url(/img/icons/accept.png) 12px 15px no-repeat; border: 1px solid #58bf8c; }
div.error { background: #fcfce2 url(/img/icons/alert.gif) 12px 15px no-repeat; border: 1px solid #e4cb9c; }
/*div.error { background: #fde6e6 url(/img/icons/cancel.gif) 12px 15px no-repeat; border: 1px solid #e56666; }*/
div.help { background: #edf2fa url(/img/icons/helper.gif) 12px 15px no-repeat; border: 1px solid #9dbadf; }
div.blue { background: #EFF8FD; border: 1px solid #C9E7F9; }
div#no_threads { background-image: none; }

#rss_feeds { margin: 30px 0 0 10px; }
#rss_feeds a { 
	padding: 2px 0 2px 20px;
	background: url(/img/icons/rss.png) 0 0 no-repeat;
	}

/*
Development styles
--------------------------------------------------------------------*/
#temp_debug { background: #eee; position: absolute; left: 10px; top: 5px; width: 300px; padding: 5px; text-align: left; height: 600px; overflow: auto; }
    #temp_debug h4 { border-bottom: 1px solid #004B8F; }
    #temp_debug pre { font-family: Arial; }
	.other_debug { text-align: left; }

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */