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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}


* {margin:0;padding:0}
/* mac hide \*/
body {
		text-align:center;
		margin:0px 0px 0px 0px;
}
html,body{width:100%;}
/* end hide */
img{
	border:none;
	ms-interpolation-mode:bicubic;
}
a:link, a:visited{
	font-weight:700;
	color:#cc33cc;
	text-decoration:none;
}
a:active, a:hover{
	color:#444;
	text-decoration:none;	
}




#outer {width:100%; height:100%;}

.contentblock {
text-align: center;
padding: 0; /* Zero to prevent IE box trouble. */
width:100%;
margin-left:auto !important;
margin-right:auto !important;
/* border:1px solid red; */
}

#topnavcontainer {
width:725px;
padding: 0; /* Zero to prevent IE box trouble. */
margin-left:auto !important;
margin-right:auto !important;
margin-top:35px;
margin-bottom: 50px;

/*border:1px solid orange;*/
}

#logo{
height:40px;
padding: 0; /* Zero to prevent IE box trouble. */
margin-left:auto !important;
margin-right:auto !important;
}

.toplink {
height:12px;
margin-top: 25px;
float:left;
font-family: sans-serif;
font-size:17px;
text-transform: uppercase;
padding:0px 6px 0px 6px;
/* border:1px solid lime; */
}

.container{
clear:both;
}

.clear {
clear:both;	
}






#galleryimg {
	height:575px;
	width:auto;
	background-color: grey;
	color: grey;
	/*background: url('assets/throbber.gif') no-repeat center;*/
}


.slidesjs-previous, .slidesjs-navigation, .slidesjs-next, .slidesjs-navigation, .slidesjs-pagination, .slidesjs-pagination-item {display:none;}


#makeMeScrollable
{
	width:100%;
	height: 600px;
	position: relative;
	border: 0px;
	overflow: hidden;
}
		
/* Replace the last selector for the type of element you have in
   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
#makeMeScrollable div.scrollableArea img
{
	height:100%;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	/* If you don't want the images in the scroller to be selectable, try the following
	   block of code. It's just a nice feature that prevent the images from
	   accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}







/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.png), url(../images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow-left.png);				
	background-repeat: no-repeat;
	opacity: .99; /* Standard CSS3 opacity setting */
	-moz-opacity: .99; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 99); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.png), url(../images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow-right.png);				
	background-repeat: no-repeat;
	opacity: .99;
	filter: alpha(opacity = 99);
	-moz-opacity: .99;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	cursor: default!important;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}








.consultingcontainter {
max-width:710px;
width: 100%;
padding: 0; /* Zero to prevent IE box trouble. */
margin-left:auto !important;
margin-right:auto !important;
}



.cthumb { 
position: relative; 
float:left;
width:225px; 
height:295px;
margin: 5px 5px 5px;
}

.cthumb img { 
max-width: 100%; 
max-height: 100%; 
}


.hoverimage { 
position: absolute; 
top: 12px; 
right: 12px; 
display: none; 
}


.cthumb:hover .hoverimage { 
display: block; 
}




.biocontainer{
width:90%;
padding: 0; /* Zero to prevent IE box trouble. */
margin-left:auto !important;
margin-right:auto !important;
height: auto;
overflow: hidden;
max-width:910px;

}

.biocontainer a {
	color: #6ab561;
}

.biocontainer .right {
	float: left;
	min-width: 200px;
	width: 50%;
}

.biocontainer .left {
    min-width: 150px;
    float: left;
    margin-right:20px;
    width: 40%;
}

.biocontainer .left img {
	width: 100%;
}

.right {
    float: none; /* not needed, just for clarification */
    width: auto;
    overflow: hidden;
    text-align:left;
	font-family: 'Muli', Arial, sans-serif;
    font-size: 11px;
    line-height: 16px;
}​​