/* Start of CMSMS style sheet 'Agito css' */
body{
 background-color: #48473D;
 background-image: url('uploads/images/siteback.jpg');
 background-repeat: repeat;
 font-family: Trebuchet MS,verdana, helvetica, times;
 font-size: 11px;
 margin: 0;
 padding: 0;
}

div.labels{
 width: 800px;
 margin: 0 auto;
 color: #48473D;
}

a {
	color: #CB510E;
	cursor:hand;
}

a:hover {
	color:#F8B16C;
	text-decoration:none;
}

img{
 border: 0;
 margin: 0;
 padding: 0;
}

form{
  margin: 0;
  padding: 0;
}

input{
  margin: 0;
  padding: 0;
}

/* Div containing complete site > site width is determined here */
div.sitebody{
 margin: 0 auto 0 auto;
 width: 970px;
 background: url(uploads/images/body-bg.jpg) no-repeat 50% 0;
 position:relative;
 z-index:2
}

/* Contains logo - search and contact */
div.header{
  margin: 0;
  padding: 0;
  height: 118px;
  width: 100%; 
}

div.agitologo{
 margin: 0;
 padding: 5px 0px 0px 25px;
 width: 250px;
 float: left;
}

div.searchcontact{
  margin: 0;
  padding: 10px 15px 0px 0;
  width: 244px;
  _width: 246px;
  height: 39px;
  float: right;
  
}

div.search{
  margin: 0 2px 0 0;
  width: 165px;
  _width: 167px;
  height: 29px;
  background-image: url(uploads/images/searchdivbg.gif);
  float: left;
}

/* Goggle is made clickable */
img.goggle{
 float:left;
}

input.searchinput{
 margin: 3px 0px 2px 3px;
 text-align: center;
 background-image: url(uploads/images/searchinputbg.jpg);
 width: 132px;
 _width: 130px; 
 height: 19px;
 border: 1px solid #777777;
 color: white;
 line-height:17px;
 font-size:12px;
 font-weight: bold; 
 float:left;
}

div.contact{
 margin: 0 2px 0 0;
 padding: 0;
 width: 75px;
 height: 29px;
 float: left;
}

div.topnavigation{
 margin: 0 0 0 25px;
 height: 30px;
}

ul.topnavigation {
  width: 100%;
  margin: 0;  
  padding: 0;
  list-style-type: none;	
}

ul.topnavigation li.divider {
 background:transparent url(uploads/images/menudivider.jpg) no-repeat scroll center center;
 display:block;
 float:left;
 height:40px;
 margin-top:-10px;
 padding:0;
 width:1px;
}


ul.topnavigation li{
  margin: 0;
  font: Trebuchet MS;
  line-height:21px;
  _line-height:19px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  padding: 0 10px 0px 10px; 
  text-align: center;  
  float: left;

}

ul.topnavigation li a{
  
  padding-bottom:9px;
  text-decoration: none;
  color: black;
  display: block;
} 

ul.topnavigation li.active a{
  color: #D26B38;
  background: url(uploads/images/navigationbg.png) no-repeat scroll center bottom;
}

ul.topnavigation li a:hover{
  color: #D26B38;
  background: url(uploads/images/navigationbg2.png) no-repeat scroll center bottom;
}

div.overlaybanner{
  position: absolute;
  top: 146px;
  left: 0;
  margin: 0;
  padding: 0;
  height: 242px;
  width: 100%;
  display: block;
  z-index: 1;
  background: url(uploads/images/bannerbg.jpg) repeat-x;  
}

div.headerbanner{
  position: absolute;
  top: 0px;
  left: 0;
  margin: 0;
  padding: 0;
  height: 242px;
  width: 100%;
  display: block;
  z-index: 1;
  background-color:#FFFFFF;
}

div.contentlayout {
	background-color:#FFFFFF;
}

#footer{
  height: 220px;
  width: 100%;
  display: block;
  z-index: -1;
  background: url(uploads/images/footerbg.jpg) repeat-x;  
}

div.bannercontent{
  padding: 0;
  height: 237px;
  width: 960px;
  z-index: 999;
  background: url(uploads/images/headerbg4.jpg) no-repeat;
}

div.referencecomment{
  margin: 185px 0 0 40px;
  _margin: 185px 0 0 20px;
  width: 383px;
  height: 45px;
  color: white;
  float: left;
}

div.bannertext{
  margin: 18px 0 0 20px;
  width: 460px;
  height: 200px;
  color: white;
  float: left;
  font-size: 16px;
  text-align: justify;  
}

h1{
  margin: 0;
  padding: 0;
  color: white;
  font-size: 33px;
}

div#content  {
	width:960px;
	margin: 0 auto;
	padding: 20px 0;
	clear: both;
  text-align: justify;
}

div.three-col-layout{
	width:99%;
	margin-left:20px;
	display:block;
}

div.column {
	float:left;
	width:33%;
	margin-left:10px;
}

div.column2 {
	float:left;
	width:290px;
}

div.column3 {
	width:300px;
	float:left;
	display:block;
}

div.footercolumn {
	width:60%;
	float:left;
	margin-left:20px;
	margin-top:10px;
}

div.footercolumn2 {
	float:left;
	width:353px;
	_width:340px;
	background:transparent url(uploads/images/footersmall.png) no-repeat;
	height:180px;
}

#footercontentblock {
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
}

div.newscontent{
  margin: 0;
  padding: 10px;
  padding-right:20px;
  height: 200px;
  width:268px;
  float: left;
  font-size: 15px;
  line-height: 25px;
  text-align: justify;
}

div.kpis 
{
	margin-left:40px;
}

ul.kpis{

}

ul.kpis li {
	padding-left:10px;
}

ul.kpis li.heading{
	list-style-image: url(uploads/images/kpilistimage.png);
	font-size: 18px;
	color: #777777;
}

ul.kpis li.subtext{
  font-size: 14px;
	color: #aaaaaa;
	list-style-type: none;	
}

ul.kpis li.divider {
 background:transparent url(uploads/images/kpilistdivider.png) no-repeat scroll;
 display:block;
 padding:0;
 width:188px;
 height: 10px;
 margin-top: 10px;
 list-style-type: none;	
}


div.contactform{
 width: 500px;
 text-align: center;
}


div.inputfield input, textarea{
 width: 400px;
 font-family: Trebuchet MS,verdana;
 font-size: 11px;
 margin: 5px;
 color: #a0a0a0;
}

div.submit{
text-align: center;
}

div.submit input{
 width: 120px;
 font-family: Trebuchet MS;
 font-size: 11px;
 border: 1px solid #a0a0a0;
 background-color: #eeeeee;
 color: #666666;
}

div.error input{
 border: 1px solid red;
}

span.round-left {
	height: 33px; 
	background: url(uploads/images/title-left.png) no-repeat top left; 
	display: block; 
	width:4px; 
	float:left;
}


div.titlebar {
}

div.titlecontent {
	float:left;
	display: block; 
	padding: 7px 20px 3px 10px;
	font-size:15px;
	font-weight:bold;
	height:25px;
	width:268px;
	background: url(uploads/images/title-center.png) repeat-x top left; 
}

span.round-right {
	float:left;
	height: 33px; 
	width:4px;
	display: block;
	background: url(uploads/images/title-right.png) no-repeat top right; 
}

img.right {
	float:right;
	padding-left:10px;
}

img.left {
	float:left;
	padding-right:10px;
}

#content p img {
	margin:10px;
}

#slidebutton {
	position:relative;
	top:210px;
	right:0px;
	display:block;
	z-index:999;
	text-align:right;
}

#slidebutton a {
	color:#000000;
}

div.keytable {
	width:100%;
	background: url(uploads/images/centermodule.png) repeat-y bottom right; 
}

div.keytabletop {
	background: url(uploads/images/topmodule.png) no-repeat top right; 
	height:10px;
}

div.keytablebottom {
	background: url(uploads/images/bottommodule.png) no-repeat top right; 
	height:15px;
}


.footerwrapper {
	width: 940px;
	_width: 955px;
	margin: 0 auto;
	padding: 30px 0;
	padding-bottom:0px;
	clear: both;
}

#column1
{
	float:left;
	padding-left:0px;
	width:250px;
	margin-right:10px;	
}

#column1 h2, #column2 h2, #column3 h2
{
	margin-top:0px;
	margin-bottom:0px;
	color:#FFFFFF;
	font-size:18px;
}

#column2
{
	float:left;
	width:250px;
	margin-right:20px;
}

#column3
{
	float:left;
	width:320px;
	background:transparent url(images/footerrss.png) no-repeat;
	height:180px;
	margin-top:0px;
	padding:20px;
}


#column3content a 
{
	color:#FFFFFF
}

#footer ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;	
	margin-left:0px;
	margin-top:0px;
	padding-left:0px;
	width:450px;
}

#footer li {
	border-bottom:1px dotted #73736B;
	line-height:24px;
	color:#FFFFFF;
	padding:5px;
	margin-left:0px;
}

#footer li:hover {
	background-color:#D15D10;
	color:#FFFFFF;
	border:1px dotted #FFFFFF;
	cursor:hand;
}

#footer li a {
	color:#FFFFFF;
	cursor:hand;
	display:block;
	text-decoration:none;
	font-size:15px;
}


div.footerheader {
	color:#FFFFFF;
	font-size:17px;
	margin-bottom:10px;
}

/* to clear floated elements */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* @end */

#contentwrapper {
	display:block;
	margin-left:30px;
}

#contentwrapper h1 {
	font-size:23px;
	color:#0350A6;
	font-weight:bold;
}	

#contentwrapper h2 {
	font-size:19px;
	color:#46453E;
}	

#contentwrapper div.quote {
	background-color:#C3E3ED;
	width:600px;
	padding:20px;
	/*margin-left:10px;*/
	margin-right:10px;
	margin-top:30px;
	margin-bottom:30px;
	font-size:16px;
	font-style:italic;
}

#contentwrapper p, #contentwrapper span, #contentwrapper ol, #contentwrapper ul{
	font-size:14px;
	color:#46453E;
	/*margin:10px;*/
}


#contentwrapper a {
	color: #CB510E;
	text-decoration:underline;
	cursor:hand;
}

#pager {
	margin-left:30px;
	margin-bottom:20px;
	font-size:15px;
	font-weight:bold;
}

#contentwrapper a:hover {
	color:#F8B16C;
	text-decoration:none;
	cursor:hand;
}

div.shortlist {
	display:block;
	float:right;
	width:250px;
	margin-left:40px;
	margin-bottom:20px;
}

div.shortlistcontent  {
	background: url(uploads/images/centermodule2.png) repeat-y bottom right; 
}

div.shortlistcontent h1 {
	font-size:13px;
	color:#777777;
	text-align:right;
	margin-right:20px;
}

div.shortlistcontent p {
	font-size:13px;
	margin:0px;
        margin-top: 5px;
        margin-left: 10px;
	margin-right:20px;
	color:#AAAAAA;
	
}

div.shortlistcontent ul {
	font-size:13px;
	margin:0px;
	margin-right:20px;
	margin-top:10px;
	color:#AAAAAA;
        list-style-image: url(uploads/images/shortlistimage.png);
}

div.newstext{
	font-size:14px;
	color:#46453E;
	margin:10px;
        width: 600px;
}

/* carrousel */
.pics {  
		height:  156px;  
		width:   387px;  
		padding: 0;  
		margin-top:19px;
		margin-left:39px;
		position : absolute;
} 

.pics img {  
	
	width:  387px; 
	height: 156px; 
	top:  0; 
	left: 0; 
} 

.buttons {
	display:none;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}

.toollink {

	color:#FFFFFF;
	position:absolute;
	margin-left:390px;
	margin-top:90px;
	z-index:999;
}

.toollink2 {
	color:#FFFFFF;
	position:absolute;
	margin-left:50px;
	margin-top:90px;
	z-index:999;
}

#s7 { 
	width: 383px; 
	height: 45px; 
	margin: 185px 0 0 44px;
	_margin: 185px 0 0 20px;
	float: left;	
}
#s7 div { 
	color:#FFFFFF; 
	width: 383px; 
	height: 45px; 
	text-align: left; 
	overflow: hidden; 
}

div.news_page{
        padding-left: 200px;
        color: white;
}

div.formbuilderform div{
 margin: 5px;
}

ul#gallery 
{
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
}

ul#gallery li {
        float:left;
        margin-right:12px;
        text-align:center;
}

#gallery li div {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(uploads/images/imagebordertop.png) no-repeat scroll left top;
padding-top:4px;
position:relative;
width:175px;
}

#gallery li div.bot {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(uploads/images/imageborderbottom.png) no-repeat scroll left top;
height:7px;
padding:0;
position:relative;
width:175px;
}

div#gallerybox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(uploads/images/backgroundborder.png) no-repeat scroll left top;
color:#0C5AB1;
font-size:13px;
font-weight:bold;
padding:15px 15px 10px;
width:581px;
}

div#gallery-bottom {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(uploads/images/backgroundborderbottom.png) no-repeat scroll left top;
height:6px;
margin-bottom:25px;
position:relative;
width:581px;
}

div.wrap {
width:581px;
display:inline-block;
}

div.wrap h4 {
margin:0px;
padding:0px;
}

div.wrap ul {
float:left;
width:300px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:0px;
margin:0px;
}

div.wrap ul li {
padding-left:0px;
}

div.wrap ul li p {
margin:0;
margin-top:5px;
margin-bottom:10px;
padding:0px;
}

div.wrap ul li img {
margin-left:-3px;
float:left;
padding:4px;
border:0 none;
}

div.wrap a#video-demo {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(uploads/images/demo.png) no-repeat scroll left top;
display:block;
float:right;
height:150px;
text-indent:-9999px;
width:230px;
border:1px solid black;
}

/* End of 'Agito css' */