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

.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 */

html{
	font-size:100%;
}

body {
	font-family: Tahoma, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	/*	font-size: 62.5%;*/
	font-size: 1em;
	background-image:url(../assets/gfx-background.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #FFFFFF;
	padding:0;
	margin: 0;
}

img{
	border:0;
}

p{
	font-family: Tahoma, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.819em;
	margin:0;
	padding:0 0 1em 0;
	color:#333333;
	line-height:1.5em;
}

h1, h2, h3{
	padding:0;
	margin:0;
}

h1, h2, h3{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	/*	font-size: 62.5%;*/
	font-size: 1em;
	text-align:left;
	color:#8b0b04;
	padding-bottom:10px;
}

h1{
	font-family: Tahoma regular, Gill Sans MT regular, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	/*	font-size: 62.5%;*/
	font-size: 2.563em;
	text-align:left;
	color:#6c1571;
	padding-bottom:5px;
}

h2{
	font-family: Tahoma regular, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	/*	font-size: 62.5%;*/
	font-size: 1.5em;
	text-align:left;
	color:#b5d335;
	padding-bottom:5px;
}

h3{
	color:#fff;
	font-size:1.5em;
	padding-top:5px;
	background-color:#CCCCCC;
	padding: 20px;
}

h4{
	color:#b58ab8;
	font-size:1em;
	padding: 0;
	margin: 0;
	line-height: 25px;
}




a:link  {
	color: #336699;
	text-decoration: underline;
} 

a:hover, a:active, a:visited {
	color: #6699cc;
	text-decoration: none;
} 

ul {
	font-family: Tahoma regular, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	/*	font-size: 62.5%;*/
	font-size: 1em;
	color: #6c1571;
	text-align:left;

}

/*--------------------containers---------------------------------------------------------------------------------*/

#container{
	width:100%;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

#header-container{
	width:100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border-bottom: solid 5px #b5d335; 
}


#inner-container{
	width:960px;
	margin-left: auto;
	margin-right: auto;
	padding: 0; 
}

#content-container{
	width:900px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	background-image:url(../assets/gfx-header-shadow.gif);
	background-repeat: no-repeat;
	background-position:top;
	padding: 20px 30px 0 30px;
}

#content-container-inner{
	width:900px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	padding: 0;
}

#content-container-inner-content{
	width:600px;
	margin-top: 0;
	float: left;
	background-color: #fff;
	padding: 0 0 20px 0;
}



/*-------------------homepage header area----------------------------------------------------------------------------------------*/

#top-header-area{
	width:900px;
	margin-top:0;
	padding:30px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
}

#logo{
	width: 217px;
	height: 63px;
	background-image:url(../media/image/5.jpg);
	background-repeat: no-repeat;
}


#outer-links-container{
	width:100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

#links-container{
	width: 900px;
	padding: 20px 0 20px 0;
	margin:0;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.8em;
	font-weight:bold;
}


#links-container ul{
	padding: 0;
	margin: 0;	
}

#links-container li{
	margin: 0 40px 0 0;
	float:left;
	padding: 0;
	list-style:none;
	font-size: 1.2em;
}

#links-container li a:link, #links-container  li a:visited {
	text-decoration: none;
	color: #6d1571;
	margin: 0;
	padding: 0;
	list-style:none;
	float: left;
}

#links-container li a:hover {
	text-decoration: underline;
	color: #b5d335; 
}

#links-container li a:active{
	text-decoration: underline;
	color: #b5d335;
}

#links-container li.selected{
	text-decoration: underline;
	color: #a5bd3e;
	background-image:url(../assets/gfx-bullet-links.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0 0 0 20px;

}


/*-----------------------homepage content------------------------------------------------------------------------------------*/

#homepage-header{
	width:860px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	background-image: url(../media/image/7.jpg);
	background-repeat:no-repeat;
	background-color: #76267b;
}

#homepage-header-inner{
	width:820px;
	height: 148px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	background-image: url(../media/image/6.jpg);
	background-repeat:no-repeat;
}

#header-text-container{
	width:550px;
	float: left;
	padding: 0;
	margin: 0;
}

p.header-text-container{
	font-family: Tahoma, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 24px;
	color:#fff;
}

#header-text-container-contact{
	float: right;

}

p.header-text-container-contact{
	font-family: Tahoma, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.047em;
	line-height: 20px;
	color:#999;
	padding: 0;
	margin: 0 0 -10px 0;
}

p.header-text-container-tel{
	font-family: Tahoma regular, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	color:#a5bd3e;
	padding: 0;
	margin:0;

}


#homepage-bottom-blocks-container{
	width:100%;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

#homepage-bottom-blocks-container-inner{
	width:900px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;

}


.homepage-bottom-blocks{
	width: 210px;
	float: left;
	padding: 0 20px 0 0;
	background-image: url(../assets/gfx-homepage-bottom-blocks-background.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.homepage-bottom-blocks-right{
	width: 205px;
	float: left;
	padding: 0;
	background-image: url(../assets/gfx-homepage-bottom-blocks-background.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	
}


.homepage-bottom-blocks-home-title{
	height: 15px;
	width: 200px;
	padding: 5px;
	margin-bottom: 10px;
	font-family: Tahoma, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#fff;
	background-color: #b5d335;
}

.homepage-bottom-blocks-home-title a, .homepage-bottom-blocks-home-title a:visited{
	float:left;
	padding: 0;
	display: block;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
}

.homepage-bottom-blocks-home-title a:hover, .homepage-bottom-blocks-home-title a:active{
	display: block;
	float:left;
	color: #6c1571;
	text-decoration: underline;
	
}


p.bottom-blocks-text{
	font-family: Tahoma, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	float: left;
	width:183px;
	padding: 10px 10px 30px 10px;
}

.title-arrows{
	width: 15px;
	height: 15px;
	background-image: url(../assets/gfx-arrow-homepage-titles.gif);
	background-repeat: no-repeat;
	float: right;
}

.read-more{
	font-size: 0.8em;
	float: left;
	padding: 0 0 20px 10px;
}
	
.read-more a, .read-more a:visited{
	float:left;
	padding: 0;
	display: block;
	overflow: hidden;
	color: #6c1571;
	text-decoration: underline;
}

.read-more a:hover, .read-more a:active{
	display: block;
	float:left;
	text-decoration: none;
	
}



input.submit{
	background-color: #B5D335;
	padding:10px;
	color:#fff;
	margin:10px 0 0 0;
	font-size:0.8em;
	float:left;
}

input.submit{
	float:left;
	margin-top: 10px;
	margin-right: 8px;
	padding:3px;
	border: none;
	cursor: pointer;
}


.column-left
{
	width: 280px;
	float: left;
	margin-right: 30px;
}

.column-right
{
	width: 400px;
	float: left;
}

p.opening-para{
	font-family: Tahoma regular, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	/*	font-size: 62.5%;*/
	font-size: 1.5em;
	line-height: 1em;
	text-align:left;
	color:#93abce;
	padding-bottom:10px;
}	

#subpage-header{
	width:900px;
	height: 112px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	background-image: url(../media/image/9.jpg);
	background-repeat:no-repeat;
}

#pic-container{
	width: 260px;
	height:260px;
	margin-left: 20px;
	border: solid 10px #CCCCCC;
	float: left
}

.case-studies-blocks{
	width: 550px;
	height: 20px;
	padding: 20px;
	margin:0 0 20px 0;
	background-image: url(../assets/gfx-case-studies-background-blocks.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	border-top: dotted 1px #666666;
}

.case-studies-read-more{
	font-size: 0.8em;
	float: right;
	padding: 0;
	margin: 0;
}
	
.case-studies-read-more a, .case-studies-read-more a:visited{
	float:left;
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	color: #6c1571;
	text-decoration: underline;
}

.case-studies-read-more a:hover, .case-studies-read-more a:active{
	display: block;
	float:left;
	text-decoration: none;	
	padding: 0;
	margin: 0;
}


.case-studies-title{
	font-size: 1em;
	float: left;
	padding: 0;
	margin: 0;
}
	
.case-studies-title a, .case-studies-title a:visited{
	float:left;
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	color: #6c1571;
	text-decoration: underline;
}

.case-studies-title a:hover, .case-studies-title a:active{
	display: block;
	float:left;
	text-decoration: none;
	padding: 0;
	margin: 0;	
}

.back-to-case-studies{
	font-size: 0.8em;
	float: left;
	padding: 10px;
	margin: 0;
	background-color: #b5d335;
	
}
	
.back-to-case-studies a, .back-to-case-studies a:visited{
	float:left;
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	color: #fff;
	text-decoration: underline;
}

.back-to-case-studies a:hover, .back-to-case-studies a:active{
	display: block;
	float:left;
	text-decoration: none;	
	padding: 0;
	margin: 0;
}

/*form*/
#newsletter-container{
	width: 240px;
	float: right;
	margin: 20px 0 0 0;
	background-color: #CCCCCC;
	padding: 20px;

}



#home-newsletter-bar-outer, #sub-page-bar{
	width:100%;
	float: left;
	margin-bottom: 20px;
	background-color: #CCCCCC;
}

#sub-page-bar{
	height:5px;
}

#home-newsletter-bar-inner{
	width:870px;
	height:4.5em;
	margin:20px auto 0 auto;
	position:relative;
}

#home-form, #sub-form{
	padding:5px 0 0 0;
	margin:0;
}

.input-home{
	width: 350px;
	height: 20px;
	float: left;
	display: block;
	border: solid 1px #999999;
	margin-top: 2px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 5px;
}

input.submit-home{
	float:right;
	height:35px;
	width: 94px;
	margin: 0;
	background-color:#B5D335;
	text-decoration: none;
	cursor: pointer;
	border: none;
}



.newsletter-title{
	color:#ffffff;
	font-size:1.4em;
	padding: 0;
	margin: 0 0 20px 0;

}


.column-left input{
	width: 230px;
	height: 20px;
	float: left;
	display: block;
	border: solid 1px #999999;
	margin-top: 2px;
	margin-bottom: 20px;
	padding: 5px;
}
.column-right input{
	width: 230px;
	height: 20px;
	float: left;
	display: block;
	border: solid 1px #999999;
	margin-top: 2px;
	margin-bottom: 20px;
	padding: 5px;
}
#newsletter-container input{
	width: 230px;
	height: 20px;
	float: left;
	display: block;
	border: solid 1px #999999;
	margin-top: 2px;
	margin-bottom: 20px;
	padding: 5px;
}

.submitButton
{
    font-size:90%;
    text-align:center;
    background-color:#B5D335;
    border:medium none;
    cursor:pointer;
    float:right;
    margin-top:2px;
    text-decoration:none;
    width:94px;
    display:block;
    padding:5px;
}
.submitButton a:hover
{
    font-size:90%;
    color:#FFF;
}
.submitButton a:visited, a:link  
{
    font-size:90%;
    color:Black;
    text-decoration:none;
}

.button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
	color:#fff;
}

textarea{
	font-family: Tahoma regular, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	width: 290px;
	float: left;
	text-align: left;
	margin: 0;
	display: block;
	background-color:#ffffff;
	padding: 5px;
	color:#333333;
	margin-top: 2px;
	border: solid 1px #999999;
	
}

/*------footer---------------------------------------------------------------------------*/

#footer-container{
	clear:both;
	width:100%;
	padding: 0 0 20px 0;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../assets/gfx-footer-background.gif);
	background-repeat: no-repeat;
	background-position: top;
		
}

#footer-container-inner{
	width:900px;
	padding: 20px 0 20px 0;
	margin-left: auto;
	margin-right: auto;
	border-top: solid 5px #efecf0;
	
}

#footer-text-container{
	width: 300px;
	padding: 0;
	margin: 0px;
	float:left;
}

.footer-text{
	padding: 0;
	margin: 0px;
	float:left;
	color: #a8b6cd;

}

.footer-text  a, #footer-text   a:visited {
	color: #4599da;
	text-decoration: underline;
 
}

.footer-text  a:hover, #footer-text  a:active{
	color: #fff;
	text-decoration: none;

}



.komodo-link-container  a, .komodo-link-container   a:visited {
	display: block;
	width: 48px;
	height: 53px;
	padding: 0;
	margin-right: 10px;
	overflow: hidden;
	float:left;
	color: #a8b6cd;
}

.komodo-link-container  a:hover, .komodo-link-container  a:active{
	display: block;
	text-indent: -48px;
	float:left;
	padding: 0;
	margin-right: 10px;
}

#validation-container{
	padding: 0;
	margin: 0px;
	float:right;
}


.validation{
	float:left;
	padding: 0;
	color: #a8b6cd;
	font-size: 0.75em;
	text-align: left;
}

.validation  a, .validation   a:visited {
	color: #a8b6cd;
	text-decoration: underline;
 
}

.validation a:hover, .validation  a:active{
	color: #a8b6cd;
	text-decoration: none;

}

/*------carousel---------------------------------------------------------------------------*/

.next, .prev{
	cursor:pointer;
}

#screen{
	position:relative;
	width:600px;
	margin-top:20px;
	padding: 20px 0 0 0;
	border-top: dotted 1px #999999;
}
	#screen .next, #screen .prev{
		position:absolute;
		top:220px;
	}
	#screen .prev{
		left:0;
	}
	#screen .next{
		right:0;
	}
	
	
#sections{
	overflow:hidden;
	background-color:white;
	width:470px;
	height:380px;
	clear:left;
	margin-left:62px;
}
	
	#sections ul{
		width:4740px;
	}
	
		#sections li{
			float:left;
			padding:0 30px 0 0;
			list-style: none;
			text-decoration: none;
		}
			#sections li.fallen{
				margin-top:369px;
			}
			
			#sections p{
				width:550px;
				margin:16px 0;
				font-size:85%;
				line-height:1.4em;
			}
			
			#sections h2{
				color:#993333;
				margin:20px 0pt;
			}
			#sections a{
				color:#777;
				font-weight:bolder;
				text-decoration:none;
			}

#screen2{
	position:relative;
	width:900px;
	margin:20px;
}
	#screen2 #buttons{
		border:1px solid #777;
		margin-bottom:5px;
		width:679px;
	}
	
	#screen2 #buttons a{
		margin:10px 10px;
		color:#69C;
	}
	#screen2 .prev{
		float:left;
	}
	#screen2 .next{
		float:right;
	}

#slideshow{
	overflow:hidden;
	width:600px;
}

	#slideshow ul{
		width:3900px;
		padding-left:225px;
	}

		#slideshow li{
			float:left;
			margin:0 16px;
			cursor:pointer;
		}