@charset "utf-8";
/* CSS Document */

body {
	font: 14px "Trebuchet MS", Arial;
}

#holder {
	padding: 0px;
	width: 868px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #CCCC00;
	position: relative;
	background: #F3F3F3 url(layout/holder.png) repeat-y left top;
}

#banner {
	background-image: url(layout/banner.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	clear: both;
	float: left;
	height: 265px;
	width: 868px;
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px 0px 5px;
}
h1 {
	font-size: 16px;
	color: #AA1D16;
	margin-left: 15px;
}

h2 {
	margin-left: 15px;
	font-size: 16px;
	color: #9E1B11;
}

#topmenu {
	z-index:30;
	position: absolute;
	left: 0px;
	width: 860px;
	font-size: 13px;
	bottom: 0px;
	height: 55px;
	padding: 0px 0px 0px 10px;
	background: url(layout/topmenu.png) repeat-x left top;
}

#topmenu .item {
	position: relative;
	z-index: 8000;
	float: left;
	width: 140px;
	margin-right: auto;
	text-align: center;
	margin-left: 0px;
	color: #FFFF00;
}





#topmenu a:link, #topmenu a:active, #topmenu a:visited {
	display:block;
	position: relative;
	z-index: 2;
	float: left;
	font-size: 1.2em;
	line-height: 2em;
	color: #FFFFCC;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	width: 140px;
	height: 41px;
	border-bottom: 1px;
	border-left: 1px solid #98DF61;
	padding: 8px 0px 0px;
}

#topmenu a:hover{
	display:block;
	position: relative;
	z-index: 2;
	float: left;
	color: #333333;
	background: #D7F89A url(layout/topmenuhover.png) repeat-x center top;
}
#leftmenu  {
	float: left;
	width: 190px;
	position: relative;
	margin-left: 10px;
	border-top: 1px solid #CCCC00;
}
#leftmenu img  {
	width: 175px;
	text-align: center;
}
#leftmenu  a {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:  #CCCC00;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #FFFFCC;
	text-decoration: none;
	font-weight: bold;
}

#leftmenu a:hover {
	color: #333333;
	background: #D7F89A url(layout/topmenuhover.png) repeat-x center top;
}
#slider {
	float: right;
	height: 300px;
	width: 630px;
	position: relative;
	border: 1px solid #CCCC00;
	margin-right: 10px;
	margin-bottom: 10px;
}

#textarea {
	float: right;
	width: 630px;
	position: relative;
	border: 1px solid #CCCC00;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #FFFFFF;
	margin-left: 10px;
}
.inputs {
	float:right;
	width: 200px;
	background-color: #E2F5F5;
}

.forms{
	float:left;
	width:250px;
	margin-bottom: 2px;
	min-height:25px;
	height:auto !important;
	height:25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: double;
	border-top-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	padding: 5px;
	font-weight: bold;
}
.formsb{
	float:left;
	width:48%;
	margin-bottom: 2px;
		min-height:106px;
  height:auto !important;
  height:106px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: double;
	border-top-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	padding: 5px;
}
#enq {
	padding: 5px;
	border: 1px dotted #CCCCCC;
}
.prover {
	margin: 5px;
	height: 25px;
	width: 40%;
	border: 1px solid #000033;
	position: relative;
	float: left;
	background-repeat: repeat-y;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px
}
.blog {
	background: #F3F3F3 url(layout/blogbg.jpg) repeat-x left top;
	border: 1px solid #333;
	padding:0px 10px 10px;
	width:90%;
	margin-bottom:15px;
}

.blog h1 {
	font: bold 22px "Trebuchet MS", Arial;
	display: block;
	position: relative;
	left: 15px;
	top: 4px;
	margin: 0px;
	padding: 0px;
}
.blog h1 a {
	color: #FFFF00;
	text-decoration: underline;
}

.blog h1 a:hover {
	color: #FFFFFF;
	text-decoration: none;
}





.cases {
	background: #F3F3F3 url(layout/casesbg.jpg) repeat-x left top;
	border: 1px solid #333;
	padding:0px 10px 10px;
	width:90%;
	margin-bottom:15px;
}

.cases h1 {
	font: bold 22px "Trebuchet MS", Arial;
	display: block;
	position: relative;
	left: 15px;
	top: 4px;
	margin: 0px 0px 15px;
	padding: 0px;
}
.cases h1 a {
	color: #FFFF00;
	text-decoration: underline;
}

.cases h1 a:hover {
	color: #FFFFFF;
	text-decoration: none;
}





.vert{

	margin:0;

	padding:0;

	overflow:hidden; /* Clears the floats */

	width:100%; /* IE and older Opera fix for clearing, they need a dimension */

	list-style:none;

	font-size: 9px;

        }

          .vert li{

	float:left;

	display:inline; /* For IE so it doesn't double the 1% left margin */

	width:30.8%;

	margin:0 0 10px 1%;

	padding:10px 0 22px;

	height:130px; /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */

	position:relative; /* This is the key */

	font-size: 14px;

	font-weight: bold;

          }

            .vert a,

            .vert img{

	display:block;

	width:100%;

	text-align: center;

	text-decoration: none;

	color: #666666;

            }

            a img{ border:none; } /* A small fix */

            .vert a:link,

            .vert a:visited,

            .vert a:focus,

            .vert a:hover,

            .vert a:active{

	padding:3px;

	background:#eeefef;

	width:140px;

	height:140px;

	border:1px solid #eeefef; /* We blend the border with the bg, as if it isn't there */

	position:absolute;

	top:40px;

	left:50px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: -41px;

	margin-top: -41px;

            }

            .vert a:hover{

	border-color:#dfdfdf;

	color: #000033;

	text-decoration: none;

            }

            /* These are all optional, for decoration purpouses only */

            .vert{

            

              padding-bottom:10px;

              margin-top:0px;

            }