@charset "utf-8";

// @-moz-document url-prefix(){ #hero_color { background-color: yellow; } } // target only firefox
// @media screen and (-webkit-min-device-pixel-ratio:0) { #hero_color { background-color: yellow; } } // target only safari

/*############################################################################
############################## reset.css #####################################
############################################################################*/

*{ outline:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}


body {	font-family: Helvetica, Arial, Verdana sans-serif; font-size:12px; line-height:1.7em; font-weight:100;}

/*############################################################################
############################## team.css ################################
############################################################################*/


	
	.team .a_block{
		float:left; display:inline;
		position:relative;
		margin-left:1px;
		margin-bottom:1px;
	}

	.team .a_block_first{margin-left:0px;}
	.team .a_block img{float:left; display:inline}
	
	.team .gallery{
			position:absolute;
			margin: 12px;
			top:0;
			left:0;
			width:400px;

	}
	
	
	.team .gallery img{
			border: white 4px solid;
			margin-right:10px;
			margin-bottom:10px;
	}

	.team .a_block .txt_holder{
			position:absolute;
			bottom:0;
			left:0;
			-background:#100502;
	}
	
		.team .a_block .txt_holder2{
			position:absolute;
			bottom:0;
			left:0;
			-background:#100502;
	}
	

		.team .a_block .txt_holder p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.0em; line-height:17px;
			color:#FFFFFF;
			padding:20px 20px;
			position:relative;
		}
		
		.team .a_block .txt_holder2 p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.0em; line-height:17px;
			color:#FFFFFF;
			padding:20px 20px;
			position:relative;
		}
		
		
		.team .a_block_hover .txt_holder p{color:#00bdf6;}
		.team .a_block_hover .txt_holder2 p{color:#00bdf6;}
		
			.team .a_block .txt_holder p .txt{
				position:relative;
				z-index:10;
			}
			
			.team .a_block .txt_holder2 p .txt{
				position:relative;
				right:0px;
				z-index:10;
			}	
			.team .a_block .txt_holder p .bg{
				position:absolute;
                width:100%;
                height:100%;
                bottom:0; left:0;
                background:#261715;
                filter:alpha(opacity=80);
                -moz-opacity: 0.80;
                opacity: 0.80;
                -display:none;
			}
			
			.team .a_block .txt_holder2 p .bg{
				position:absolute;
                width:100%;
                height:100%;
                bottom:0; right:0px;
                background:#261715;
                filter:alpha(opacity=80);
                -moz-opacity: 0.80;
                opacity: 0.80;
                -display:none;
			}
			
			
		.team .a_block .txt_holder .timestamp, 
		.team .a_block .txt_holder .badge{
			position:absolute;
			top:-52px;
			-background:#261715;
			color:#9fa615;
			font-size:2.0em;
			line-height:40px; 
			padding: 12px 20px 0px 20px;
/*			text-transform:uppercase;  */
		}
		
			.team .a_block .txt_holder2 .timestamp, 
			.team .a_block .txt_holder2 .badge{
			position:absolute;
			top:-52px; right:10px;
			-background:#261715;
			color:#9fa615;
			text-align: right;
			font-size:2.0em;
			line-height:40px;
			padding: 12px 10px 0px 30px;
/*			text-transform:uppercase;  */
		}
		
		
		
			.team .a_block .txt_holder .timestamp .txt{
				position:relative;
				z-index:10;
			}
		
			.team .a_block .txt_holder2 .timestamp .txt{
				position:relative;
				z-index:10;
			}
			.team .a_block .txt_holder .timestamp .txt .smaller, 
			.team .a_block .txt_holder .badge .txt .smaller{
				font-size:0.8em;
			}
			
			.team .a_block .txt_holder2 .timestamp .txt .smaller, 
			.team .a_block .txt_holder2 .badge .txt .smaller{
				font-size:0.8em;
			}
			.team .a_block .txt_holder .timestamp .bg{
				position:absolute;
				width:100%;
				height:100%;
				bottom:0; left:0;
				background:#261715;
				filter:alpha(opacity=80);
				-moz-opacity: 0.80;
				opacity: 0.80;
				-display:none;
			}
			.team .a_block .txt_holder2 .timestamp .bg{
				position:absolute;
				width:100%;
				height:100%;
				bottom:0; left:10px;
				background:#261715;
				filter:alpha(opacity=80);
				-moz-opacity: 0.80;
				opacity: 0.80;
				-display:none;
			}
			
		
	
	.team .a_block_md{width:887px; height:436px;	}
		.team .a_block_md p{width:847px;		}
	
			







/*############################################################################
############################## solutions.css ################################
############################################################################*/
	
	.solutions .a_block{
		float:left; display:inline;
		position:relative;
		margin-left:1px;
		margin-bottom:1px;
	}

	.solutions .a_block_first{margin-left:0px;}
	.solutions .a_block img{float:left; display:inline}
	
	.solutions .gallery{
			margin:4px;
			position:absolute;
			top:0;
			left:0;
	}
	
	.solutions .gallery img {
			margin-right: 9px;
			margin-bottom: 10px;


	}
	.solutions .a_block .gallery p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.1em; line-height:16px;
			color:#FFFFFF;
			padding:20px 20px;
			position:relative;
			background-color: white;
	}

	.solutions .a_block .txt_holder{
			position:absolute;
			bottom:0;
			left:0;
			-background:#100502;
	}
	
		.solutions .a_block .txt_holder2{
			position:absolute;
			bottom:0;
			left:0;
			-background:#100502;
	}
	

		.solutions .a_block .txt_holder p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.1em; line-height:16px;
			color:#FFFFFF;
			padding:20px 20px;
			position:relative;
		}
		
		.solutions .a_block .txt_holder2 p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.1em; line-height:16px;
			color:#FFFFFF;
			padding:20px 20px;
			position:relative;
		}
		
		
		.solutions .a_block_hover .txt_holder p{color:#00bdf6;}
		.solutions .a_block_hover .txt_holder2 p{color:#00bdf6;}
		
			.solutions .a_block .txt_holder p .txt{
				position:relative;
				z-index:10;
			}
			
			.solutions .a_block .txt_holder2 p .txt{
				position:relative;
				right:0px;
				z-index:10;
			}	
			.solutions .a_block .txt_holder p .bg{
				position:absolute;
                width:100%;
                height:100%;
                bottom:0; left:0;
                background:#261715;
                filter:alpha(opacity=80);
                -moz-opacity: 0.80;
                opacity: 0.80;
                -display:none;
			}
			
			.solutions .a_block .txt_holder2 p .bg{
				position:absolute;
                width:100%;
                height:100%;
                bottom:0; right:0px;
                background:#261715;
                filter:alpha(opacity=80);
                -moz-opacity: 0.80;
                opacity: 0.80;
                -display:none;
			}
			
			
		.solutions .a_block .txt_holder .timestamp, 
		.solutions .a_block .txt_holder .badge{
			position:absolute;
			top:-52px;
			-background:#261715;
			color:#9fa615;
			font-size:2.6em;
			line-height:40px;
			padding: 12px 20px 0px 20px;
			text-transform:uppercase;
		}
		
			.solutions .a_block .txt_holder2 .timestamp, 
			.solutions .a_block .txt_holder2 .badge{
			position:absolute;
			top:-52px; right:10px;
			-background:#261715;
			color:#9fa615;
			text-align: right;
			font-size:2.6em;
			line-height:40px;
			padding: 12px 10px 0px 30px;
			text-transform:uppercase;
		}
		
		
			.solutions .a_block .txt_holder .timestamp .txt{
				position:relative;
				z-index:10;
			}
		
			.solutions .a_block .txt_holder2 .timestamp .txt{
				position:relative;
				z-index:10;
			}
			.solutions .a_block .txt_holder .timestamp .txt .smaller, 
			.solutions .a_block .txt_holder .badge .txt .smaller{
				font-size:0.8em;
			}
			
			.solutions .a_block .txt_holder2 .timestamp .txt .smaller, 
			.solutions .a_block .txt_holder2 .badge .txt .smaller{
				font-size:0.8em;
			}
			.solutions .a_block .txt_holder .timestamp .bg{
				position:absolute;
				width:100%;
				height:100%;
				bottom:0; left:0;
				background:#261715;
				filter:alpha(opacity=80);
				-moz-opacity: 0.80;
				opacity: 0.80;
				-display:none;
			}
			.solutions .a_block .txt_holder2 .timestamp .bg{
				position:absolute;
				width:100%;
				height:100%;
				bottom:0; left:10px;
				background:#261715;
				filter:alpha(opacity=80);
				-moz-opacity: 0.80;
				opacity: 0.80;
				-display:none;
			}
			
		
	
	.solutions .a_block_md{width:887px; height:436px;	}
		.solutions .a_block_md p{width:847px;		}
	
			


#solutionsouter {
border:#FFFFFF 5px solid;
margin-top:20px;
padding:0px;
width:887px;
background-color:#FFFFFF;
}

#solutions {
background-repeat:no-repeat;
background-color:#FFFFFF;
height:463px;
width:887px;
font-family: Helvetica, Arial, sans-serif;
font-size:1.8em;
}



#solutionscontent .title {
top:-48px;
position:absolute;
color:#9fa615;
padding:15px 15px 0px 15px;
background-image:url(../images/overlay_bkg.png);
display:block;
font-size:2.6em;
}

#solutionscontent .txt {color:#FFFFFF;
padding:10px 15px 15px 15px;
display:block;
font-size:1.3em;
}


#solutionscontent {
	display:block;
	width:inherit;
	bottom: 75px;
	position: absolute;
}


#solutionsnav {
background-image:url(../images/solutions_02.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:887px;
height:150px;
text-align:right;
}

#solutionsnav ul {
	padding:20px 50px 20px 50px;
	font-family:Arial, Helvetica, sans-serif;
	color:#261715;
	list-style-type: none;
	}
#solutionsnav ul a {color:#261715; text-decoration: none;}

#solutionsnav ul .title {color:#39c1c0;}	
#solutionsnav ul .active {color:#7e6856;}	
#solutionsnav ul a:hover {color:#7e6856;}	



/* End Solutions CSS */



/*############################################################################
############################## seminars.css ################################
############################################################################*/
	
	
	.seminarstitle {
			color:#9fa615;
			text-align: left;
			font-size:2.6em;
			line-height:40px;
			text-transform:uppercase;
			}
	
	#seminars {height:300px;
		border-bottom:8px #FFFFFF solid;}
	

	
	.seminars .a_block{
		float:left; display:inline;
		position:relative;
		margin-left:1px;
		margin-bottom:1px;
	}

	.seminars .a_block_first{margin-left:0px;}
	.seminars .a_block img{float:left; display:inline}
	
	.seminars .a_block .txt_holder{
			position:absolute;
			bottom:0;
			left:0;
			-background:#100502;
	}
	
	

		.seminars .a_block .txt_holder p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.1em; line-height:16px;
			color:#FFFFFF;
			padding:20px 20px;
			position:relative;
		}
		
		
		
		.seminars .a_block_hover .txt_holder p{color:#00bdf6;}
		
			.seminars .a_block .txt_holder p .txt{
				position:relative;
				z-index:10;
			}
			
			.seminars .a_block .txt_holder p .bg{
				position:absolute;
                width:100%;
                height:100%;
                bottom:0; left:0;
                background:#261715;
                filter:alpha(opacity=80);
                -moz-opacity: 0.80;
                opacity: 0.80;
                -display:none;
			}
			
	
			
		.seminars .a_block .txt_holder .timestamp, 
		.seminars .a_block .txt_holder .badge{
			position:absolute;
			top:-52px;
			-background:#261715;
			color:#9fa615;
			font-size:2.6em;
			line-height:40px;
			padding: 12px 20px 0px 20px;
			text-transform:uppercase;
		}
		

		
		
			.seminars .a_block .txt_holder .timestamp .txt{
				position:relative;
				z-index:10;
			}
		
			.seminars .a_block .txt_holder .timestamp .txt .smaller, 
			.seminars .a_block .txt_holder .badge .txt .smaller{
				font-size:0.8em;
			}
			
			.seminars .a_block .txt_holder .timestamp .bg{
				position:absolute;
				width:100%;
				height:100%;
				bottom:0; left:0;
				background:#261715;
				filter:alpha(opacity=80);
				-moz-opacity: 0.80;
				opacity: 0.80;
				-display:none;
			}
	
			
		
	
	.seminars .a_block_md{width:887px; height:326px;	}
		.seminars .a_block_md p{width:847px;		}
	
			













body {
	background-color: #261715;
	margin:0px 0px; padding:0px;
	text-align:center;
	}
	
#Content {
	width:900px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	margin-bottom:20px;}


#header {
height:80px;
margin-top: 20px;
	min-width: 900px;
}

#header h1 a {
	display: block;
	background-image:url(../images/logo.png);
	width: 370px;
	height: 72px;
	text-indent: -9999px; 
	margin-left: 240px;
}


#contenthome {background-image:url(../images/home.jpg);
background-repeat:no-repeat;
margin-top:20px;
margin-bottom:20px;
background-color:#FFFFFF;
text-indent: -9999px; overflow: hidden;
height:369px;
width:897px;
}

#contenthometext {
	font-family: Helvetica, Arial, Verdana sans-serif;
	font-size:1.25em;
	color:#FFFFFF;
}


#outer {
border:#FFFFFF 5px solid;
margin-top:20px;
padding:0px;
width:887px;
background-color:#FFFFFF;
background-image:url(../images/team_02.jpg);
display: inherit;
}

#team {
background-repeat:no-repeat;
background-color:#FFFFFF;
height:443px;
width:887px;
font-family: Helvetica, Arial, sans-serif;
font-size:1.1em;
}



#teamcontent .title {
top:-48px;
position:absolute;
color:#9fa615;
padding:15px 15px 0px 15px;
background-image:url(../images/overlay_bkg.png);
display:block;
font-size:2.6em;
}

#teamcontent .txt {color:#FFFFFF;
padding:10px 15px 15px 15px;
display:block;
font-size:1.1em;
}


#teamcontent {
	display:block;
	width:inherit;
	bottom: 75px;
	position: absolute;
}


#pagenav {
background-image:url(../images/team_02.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:887px;
height:160px;
text-align:right;
}

#pagenav ul {
	padding:20px 20px 20px 50px;
	color:#261715;
	list-style-type: none;
	 font-size: 1.2em;
	}
	
#pagenav ul a {color:#261715; text-decoration: none;}

#pagenav ul .title {color:#39c1c0; font-size: 1.2em;}	
#pagenav ul .active {color:#7e6856;}	
#pagenav ul a:hover {color:#7e6856;}	



.highlight {
background-color:#666666;
color:#FFFFFF;
font-size:1.9em;
width:887px;
border-bottom:4px #FFFFFF solid;
color:#9fa617;
}


.highlight p {
padding: 20px 20px 20px 40px;
text-align:center;
}


.highlightclient {
background-color:#666666;
color:#FFFFFF;
font-size:1.3em;
border-bottom:4px #FFFFFF solid;
color:#FFFFFF;
line-height:22px;
}


#contactcontainer { 
	margin-top:20px;
	margin-left:40px;
	margin-bottom:30px;
} 

#contactbox1 {
text-align:left;
	float: left; 
	width: 400px;
	margin-right:30px;
	font-size:1.6em;
}

#contactbox1 h3 {
font-size:1.3em;
color:#49918d;
font-variant:inherit;
font-weight:100;
line-height:30px;
}


#contactbox2 {
color:#49918d;
font-size:1.1em;
text-align:left;
} 

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#client {
	width:860px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	}
	
.client_left { float:left; width:240px; margin-top:80px; }
.client_center { 
	float:left; width:340px; margin-left:15px; margin-right:15px; padding-top:40px;
			font-family:"Century Gothic", Helvetica, Arial, sans-serif;
	font-size:1.2em;	
	}
.client_right { float:left; width:240px; margin-top:80px;}
#client h5 {color:#97a02a; font-size: 22px; 
			font-family:"Century Gothic", Helvetica, Arial, sans-serif;
			text-align:left;
			font-weight: 100;
			}



/* Shop */	

#book1 {width:400px; float:left; margin:20px 10px 10px 20px; font-size:1.5em; line-height:1.6em; color:#FFFFFF;}

#book1 .title { color:#9fa615;  font-size:1.5em;}

#book2 {width:400px; float:left; margin:20px 10px 10px 20px; font-size:1.5em; line-height:1.6em; color:#FFFFFF;}

#book2 .title { color:#9fa615;  font-size:1.5em;}


#book1a {width:400px; float:left; margin:20px 10px 10px 20px; font-size:1.2em; line-height:1.5em; color:#000000;}

#book2a {width:400px; float:left; margin:20px 10px 10px 20px; font-size:1.2em; line-height:1.5em; color:#000000;}





/* Nav */	
#rollover { width:900px; height:70px; background-image:url(../images/hc_nav_off_01.gif); background-repeat:repeat-x;}

ul#navlist { list-style: none; padding: 0; margin: 0 auto; width: 100%; font-size: 0.8em;}

ul#navlist li { display: block; float: left; margin: 0; padding: 0;}


#link1{height: 70px; width: 99px; text-indent: -9999px; overflow: hidden; background: url(../images/hc_nav_01.gif) no-repeat left top; display: block; margin-left:70px;}
#link1:hover{background-position: bottom left;}

#link2{height: 70px; width: 95px; text-indent: -9999px; overflow: hidden; background: url(../images/hc_nav_02.gif) no-repeat left top; display: block;}
#link2:hover{background-position: bottom left;}

#link3{height: 70px; width: 117px; text-indent: -9999px; overflow: hidden; background: url(../images/hc_nav_03.gif) no-repeat left top; display: block;}
#link3:hover{background-position: bottom left;}

#link4{height: 70px; width: 96px; text-indent: -9999px; overflow: hidden; background: url(../images/hc_nav_04.gif) no-repeat left top; display: block;}
#link4:hover{background-position: bottom left;}

#link5{height: 70px; width: 92px; text-indent: -9999px; overflow: hidden; background: url(../images/hc_nav_05.gif) no-repeat left top; display: block;}
#link5:hover{background-position: bottom left;}

#link6{height: 70px; width: 119px; text-indent: -9999px; overflow: hidden; background: url(../images/hc_nav_06.gif) no-repeat left top; display: block;}
#link6:hover{background-position: bottom left;}

#link7{height: 70px; width: 133px; text-indent: -9999px; overflow: hidden; background: url(../images/hc_nav_07.gif) no-repeat left top; display: block;}
#link7:hover{background-position: bottom left;}