@import url("stylesheet-banksia.css");
@import url("stylesheet-kingthings.css");
@import url("stylesheet-lato.css");

#header .menu {
	float: right;
	width: 1000px;
	height: 45px;
	margin: 119px 0 0 0;
}

#header {
	width: 1000px;
	height: 159px;
	margin: 0 auto;
	background: url(../images/header.jpg) no-repeat; /*Banner3_x3_d.jpg) no-repeat;*/
	padding: 65px 0 0 0;
	text-align: right;

}

#header .menu ul {
	margin: 0;
	padding: 0 0 0 0; /*1em;*/
	/*float: left;
	list-style: none;*/
}


#header .menu a {
	/*display: block;
	float: left;*/
	width: 100px;
	padding: .2em .2em .2em;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: -1px;
	font-size: 1.4em;
	/*font-weight:bold;*/
	font-family: KingthingsExeterRegular;
	/*background: #fff;*/
	  /* for IE */
  /*filter:alpha(opacity=100);*/
  /* CSS3 standard */
 /* opacity:1.00;*/
	color: #000;
}

p, li {
	font-family: LatoRegular, BanksiaRegular, KingthingsExeterRegular;
	font-size: 1.1em;
	line-height:1.25em;
}

#header .menu a:hover 
{
			  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;

	background: #92823f;
	color:Black;
}

#header .menu .active a 
{
		  /* for IE */
  filter:alpha(opacity=85);
  /* CSS3 standard */
  opacity:0.85;

	background: #a6b57d; /* #FF9900;*/
	color:black;
}
.blockheader-arrow .l, .blockheader-arrow .r
{
  display: block;
  position: absolute;
  z-index: -1;
  height: 30px;
  background-image: url('../images/blockheader_arrow.png');
}


/***front page slider classes ***/
.portfoliocontent
{
	color:#eee;
	background:#333;
	font:14px/1.4 BanksiaRegular, "helvetica neue", arial,sans-serif;
	width:600px;
	height: 350px;
	margin:0px auto;
	/*padding: 0 0 0 30px;*/
	line-height: 1.5em;
	padding: 20px;
}
.content
{
	color:#eee;
	background:#333;
	font:14px/1.4 BanksiaRegular, "helvetica neue", arial,sans-serif;
	width:590px;
	margin:0px auto;
	/*padding: 0 0 0 30px;*/
	line-height: 1.5em;
}

.content p
{
		font:14px/1.4 BanksiaRegular, "helvetica neue", arial,sans-serif;
}

.samplelinks
{
	color:#eee;
	background:#333;
	font:14px/1.4 BanksiaRegular, "helvetica neue", arial,sans-serif;
	margin: 0px 20px 20px 20px;
	width: 300px;
	height: 474px;
	line-height:1.5em;
}

.samplelinks p
{
	font:14px/1.4 BanksiaRegular, "helvetica neue", arial,sans-serif;
}
/*            a {color:#fff;}*/

#galleria
{
	height:400px;
}
.hoverswap img
{
	border: 1px solid #222;
}
.hoverswap a
{
	width: 100px; 
	height: 75px; 
	display:block;
	float: left;
	overflow:hidden; /*when using a sprite image, setup display and hide the overflow*/
}


.hoverswap a:hover img
{
	margin-left:-100px;
}
.hoverswap a:hover 
{
	zoom:1;
}