@charset "UTF-8";
/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, nav, article, aside, footer, hgroup, section {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
:focus, :active { outline: 0 }

ol, ul { list-style: none }

blockquote:before, blockquote:after { content: "" }
blockquote { quotes: "" "" }

header, nav, article, aside, footer, hgroup, section { display: block }

/* Clearfix */
.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 */


/* div tag header containing richard harman and icon*/
.header {
	width: 100%;
	height: 10em;
	float: left;
	background-color:#666633;


}
.footer{width: 100%;
	height: 20em;
	float: left;
	background-color:#666633;}	
.patern{background-image: url(../images/texture.png);
width:100%;
height:100%;

}

.icon {
	
	background:no-repeat;
	float: left;
	background-image: url(../images/icon.png);
	margin:15px 0px 0px 20px;
}


html {
		background-image: url(../images/home_3.gif);
	background-repeat:repeat;
	
}
.headerplaceholder{
margin:0 0 50px;
height:3em;
width:80%;
padding: 10px 0 0;
	
	}

body {
	width: 90em;
	margin: 0 auto;
	color: #333;
	font: 12px/18px Corbel, Arial, Helvetica, sans-serif;
	text-align: justify;
}

p { margin-bottom: 0px; text-align: left;  }

strong { font-weight: bold }
em { font-style: italic }

a {
	color: #FFF
}
a:hover { border-bottom: none;
color: #D00}
a:active { border-bottom:none; }

h1 { font: 24px; }

.newLine { display: block }


/* HEADER */
hgroup { 
margin: 00px 0 0px ;
padding:10px 00px 0px 0px ;}
hgroup h1 {
	font: 5em Arial, Helvetica, sans-serif;
	margin:15px 10px 1px 9px;
	text-shadow: -1px -1px 0 #650000, 0 0 10px rgba(0, 0, 0, 0.3);
	}

hgroup h1 a:hover { border: none }
hgroup h2 {
	font-size:2em;
	color: #eee;
	width: 100%;
	margin:0;
	
}
hgroup h3 {
	font-size:3em;
	color: #EBE8D9;
	width: 100%;
	margin:4px 0 0 10px;
	
}
hgroup h4 {
	font-size:2em;
	color: #999;
	/*width: 50%;*/
	margin:4px 0 0 10px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	float: left;
	text-align:center;
	

	/*font-style:italic;*/
	line-height:2em;
}
hgroup h5{font-size:2em;
	color: #999;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:center;
	/*font-style:italic;*/
	line-height:1.5em;}

#content_center{
	margin:0px;
	height:500px;
	width:100%;
	margin:0 0 0 0;
	}

/* Navigation */
/*rooi background van nav bar*/
nav#global {
	margin: 20px 0 0px  ;
	width: 100%;
	background-color: #970000;
	background-image: -moz-linear-gradient(top, #ca0000, #970000);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ca0000),color-stop(1, #970000));
	box-shadow: inset 0 0 15px #900, 0 0 20px #446b6b, inset 0 35px 35px -18px #ca0000;
	
}
nav#global ul {
	text-align: center;
	height: 40px;
	margin: 0 auto;
	display: table;
}
nav#global ul li { position: relative; display: inline }
nav#global ul li a {
	font-size: 2em;
	display: block;
	float: left;
	line-height: 40px;
	padding: 0 30px;
	color: #EBE8D9;
}
nav#global ul li a:hover {
	border: none;
	box-shadow: inset 0 0 15px #900, inset 0 -35px 35px -18px #ca0000;
	-moz-box-shadow: inset 0 0 15px #900;
	background-image: -moz-linear-gradient(bottom, #ca0000, #970000);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ca0000),color-stop(1, #970000));
}

h6{font:Arial,Helvetica, sans-serif;
font-size:1em;
margin:10px;}


.footer1{font-size: 1em;
	display: block;
	float: left;
	color: #EBE8D9;
	margin:10px;
	/*height:50px;*/
	width:30%;
	/*padding:20px 20px;*/
	}
.footer2{font-size: 1em;
	display: block;
	float:left;
	color: #EBE8D9;
	width:40%;
	margin:10px 10px 10px 37px;
	/*height:50px;*/
	/*padding:20px 10px;*/
	}
.footer3{font-size: 1em;
	display: block;
	float: right;
	color: #EBE8D9;
	margin:10px;
	/*height:50px;*/
	width:20%;
	text-align:justify;
	/*padding:20px 20px;*/
	}
	
.footercontainter{ width:98%;
/*height:300px;*/
margin:0;
padding:10px;
	
	
	}	
.footerh{
	font-weight: bolder;  }
nav#global ul li #subMenu li a {
	height: 0;
	line-height: 0;
	width: 150px;
}
#subMenu li:first-child a {
	border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
}
#subMenu li:last-child a {
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
}

#services a {
	transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
#services:hover > #subMenu { z-index: 2 }
#services:hover > #subMenu li a { height: 40px; line-height: 40px }


/* MAIN CONTENT*/
#content {
	width: 100%;
	margin-right: 30px;
	float: left;
	
}

/* Oval thought bubble (filled)
------------------------------------------ */

.oval-thought {
position:relative;
left:19px;
	width:70%;
	padding:30px 20px;
	margin:2em auto 80px;
	text-align:center;
	color:#fff; 
	background:#075698;
	top:0px;

	/* css3 */
	/*
	NOTES:
	-webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4
	-webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4
	Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
	*/
	-webkit-border-top-left-radius:80px 80px;
	-webkit-border-top-right-radius:80px 80px;
	-webkit-border-bottom-right-radius:80px 80px;
	-webkit-border-bottom-left-radius:80px 80px;
	-moz-border-radius:80px / 80px;
	border-radius:80px / 80px;
	/* NOTE: webkit gradient implementation is not as per spec */
	/*background:-webkit-gradient(linear, left top, left bottom, from(#ca0000), to(#970000));
	background:-moz-linear-gradient(top, #ca0000, #970000);
	background:-o-linear-gradient(top, #ca0000, #970000);
	background:linear-gradient(top, #ca0000, #970000);*/
	background:#FFF;
	border: 1px solid #CCC; 

}

.oval-thought p {font-size:1.25em;}

/* creates the larger circle */
.oval-thought:before {
	content:"\00a0";
	position: absolute;
	z-index:1;
	bottom:-20px;
	left:-35px;
	width:50px;
	height:50px;
	background:#FFF;
	top:240px;
	border: 1px solid #CCC; 


	/* css3 */
	-moz-border-radius:60px;
	-webkit-border-radius:60px;
	border-radius:60px;
}

/* creates the smaller circle */
.oval-thought:after {
	content:"\00a0";
	position:absolute;
	z-index:1;
	bottom:-30px;
	left:-60px;
	top:290px;
	width:25px;
	height:25px;
	background:#FFF;
	border: 1px solid #CCC; 
	
	/* css3 */
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}

/*//////////////////*/
.intro{float:left;width:80%;height:300px;
border-left:1px solid #CCC; border-right:1px solid #CCC; border-top:1px solid #CCC;
border-bottom: 1px solid #CCC; 
	-moz-box-shadow: 0 0 5px; 
	-webkit-box-shadow: 0 0 10px ;
	background-color:#FFF;
	margin:50px 0px 0px 0px;
	
	
	
	border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	
	border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
		
		border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	
	

}
.portrait{float:left;
	width:136px;
	height:114px;
	margin-top:300px;
	 }
.content2{
	float:left;
	background-color:#EBE8D1;
	width:100%;
	height:35em;
	border: 1px solid #CCC; 
	-moz-box-shadow: 0 0 5px  ;
	-webkit-box-shadow: 0 0 10px ;
	}
article {
	background: #ebe8d9;
	margin: 0 0 0 0;
	padding: 20px;
	min-height:40em;
	display:block;
	
}
.accent{background:#970000;
background-image:-moz-linear-gradient(center top , #CA0000, #970000);
float:left;
width:100%;
height:2em;}
article header {
	color: #eee;
	height: 4em;
	margin-bottom: 15px;
	background-color: #970000;
	/*box-shadow: inset 0 -35px 35px -18px #005b79;*/
	background-image: -moz-linear-gradient(top, #CA0000, #970000);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #CA0000),color-stop(1, #970000));
}

article header h1 { line-height: 4em }


footer p { margin: 0 }

.links li {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 5px;
	text-align: left;
	border-bottom: 1px solid #81aeab;
	-o-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
}
.links li:hover { margin-left: 5px }
.links li a:hover { border: none }

/* FOOTER */
footer section {
	width: 260px;
	float: left;
	margin: 0  0 30px 30px;
	background: #ebe8d9;
	padding: 20px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow: 0 0 10px #629996;
	-moz-box-shadow: 0 0 10px #629996;
	-webkit-box-shadow: 0 0 10px #629996;

}

.footercontact{margin:100px 0px 0px 0px;font-size: 1em;display: block;color: #EBE8D9;
}
.footercontact1{margin:00px 0px 0px 0px;font-size: 1em;display: block;color: #EBE8D9;
}
.gallery{
	float:left;
	width:60%;
	margin: 22px 60px 0px;
	
	
	}
	
	
.sidepannel	{
	
	float:left;
	margin:0px 18px 0px 5px;
	/*background-color:#960;*/
	width:20%;
	height:10px;
	/*border:1px solid #999;*/
	}

/* =gallery
----------------------------------------------------------------------*/


	h7{ margin: 10px 10px 0 10px; color:#FFF; font:1.6em Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			
			.boxgrid{ 
				width: 120px; 
				height: 408px; 
				margin:6px; 
				float:left; 
				background:#161613; 
				border: solid 1px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}