/* CSS Document */
body{
	padding:0px;
	margin:0px;
	color:#5F7A77;
	font:13px/19px Arial, Helvetica, sans-serif;
	background-color: #FFF;
	background-image: url(../images/main-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
div, p, ul, h2, h3, h4, h5, img{padding:0px; margin:0px;}
ul{list-style-type:none}
input {
	color: #5F7A77;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #FFFFFF;
	border: 1px solid #1B4054;
}
textarea {
	color: #555;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #FFFFFF;
	border: 1px solid #1B4054;
}

/*----MAIN PANEL----*/
#mainPan{width:955px; position:relative;}

/*----TOP PANEL----*/
#topPan{
	width:900px;
	height:65px;
	color:#828282;
	position:relative;
	background-color: #fff;
	padding-left: 10px;
}
#topPan img.logo{width:136px; height:31px; position:absolute; top:12px; left:235px;}
#topPan p.caption{width:200px; background:#fff; color:#828282; position:absolute; top:40px; left:795px;}
#topcontactPan{
	width:181px;
	height:36px;
	position:absolute;
	top:11px;
	left:567px;
	padding:7px 0 0;
	background-image: url(../images/icon1.jpg);
	background-repeat: no-repeat;
	background-position: 68px 0px;
}

#topcontactPan p.callus{width:63px; height:17px; display:block; background:#DDC40C; color:#fff; font:14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-align:center;}
#topcontactPan p.tollfree{width:63px; height:20px; display:block; background:#fff; color:#A99607; font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-align:center;}
#topcontactPan p.phoneno{width:88px; height:28px; display:block; position:absolute; top:7px; left:91px; background:#fff; color:#00473E; border:1px solid #A2C1C0; font-size:11px; line-height:14px; text-align:center;}
/*----/TOP PANEL----*/

/*----HEADER PANEL----*/
#headerPan{
	width:900px;
	height:156px;
	position:relative;
	margin:0 auto;
	padding:11px 0 0 92px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#headerPan ul.leftmenu{width:170px;}
#headerPan ul.leftmenu li{width:170px; height:22px; border-bottom:1px dashed #AECCCA;}
#headerPan ul.leftmenu li a{
	width:150px;
	height:22px;
	display:block;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
	background-color: #fff;
	background-image: url(../images/bullet-normal.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}
#headerPan ul.leftmenu li a:hover{
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
	background-color: #fff;
	background-image: url(../images/bullet-hover.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}
#headerPan ul.leftmenu li.Solutions{
	width:150px;
	height:22px;
	display:block;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
	background-color: #fff;
	background-image: url(../images/bullet-hover.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}
#headerPan ul.leftmenu li.clients{width:170px; height:22px; border-bottom:none;}

#headerPan ul.botton{width:155px; height:48px; position:absolute; top:118px; left:823px;}
#headerPan ul.botton li{float:left; height:45px;}
#headerPan ul.botton li.home a{
	width:42px;
	height:45px;
	display:block;
	text-indent:-200000px;
	margin:0 12px 0 0;
	background-image: url(../images/home-normal.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#headerPan ul.botton li.home a:hover{
	background-image: url(../images/home-hover.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#headerPan ul.botton li.aboutus a{
	width:42px;
	height:45px;
	display:block;
	text-indent:-200000px;
	margin:0 12px 0 0;
	background-image: url(../images/aboutus-normal.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#headerPan ul.botton li.aboutus a:hover{
	background-image: url(../images/aboutus-hover.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#headerPan ul.botton li.contact a{
	width:42px;
	height:45px;
	display:block;
	text-indent:-200000px;
	margin:0px;
	background-image: url(../images/contact-normal.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#headerPan ul.botton li.contact a:hover{
	background-image: url(../images/contact-hover.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
/*----/HEADER PANEL----*/

/*----BODY PANEL----*/
#bodyPan{
	width:900px;
	position:relative;
	margin:0 auto;
	padding:22px 0 0 92px;
	background-image: url(../images/bodybg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
/*----Body Left Panel----*/
#leftPan{width:190px; float:left;}

#leftPan h2{width:170px; height:34px; background:#fff; color:#5F7A77; font-size:18px; line-height:34px;}

#leftPan ul{width:170px;}
#leftPan ul li{width:170px; height:24px;}
#leftPan ul li a{
	width:140px;
	height:24px;
	display:block;
	color:#5F7A77;
	text-decoration:none;
	line-height:24px;
	padding:0 0 0 12px;
	background-color: #fff;
	background-image: url(../images/bullet2-normal.gif);
	background-repeat: no-repeat;
	background-position: 0 10px;
}
#leftPan ul li a:hover{
	color:#5F7A77;
	text-decoration:none;
	background-color: #fff;
	background-image: url(../images/bullet2-hover.gif);
	background-repeat: no-repeat;
	background-position: 0 10px;
}
#leftPan ul li span{text-decoration:underline;}
/*----/Body Left Panel----*/
/*----Body Right Panel----*/
#rightPan{
	width:600px;
	float:left;
	border-left:1px solid #C8E8E2;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 30px;
}
#rightPan form{
	padding:0 0 10px 0;
	float: left;
}
#rightPan p{
	text-align: justify;
	width: 600px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#rightPan a{
color:#958201;
text-decoration:underline;
}
#rightPan a:hover{
color:#958201;
text-decoration:none;
}
#rightPan p.more{
	width:640px;
	height:25px;
	float:left;
	padding:0 0 20px 0;
	background-image: url(../images/sky-color-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 10px;
}
#rightPan .more span{
	width:115px;
	height:21px;
	display:block;
	color:#958201;
	line-height:21px;
	text-transform:uppercase;
	text-decoration:none;
	background-color: #fff;
	background-image: url(../images/icon2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: 400px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 50px;
	margin-right: 0px;
}
#rightPan .more a{
	width:100px;
	height:21px;
	display:block;
	color:#958201;
	line-height:21px;
	text-transform:uppercase;
	text-decoration:underline;
	background-color: #fff;
	background-image: url(../images/icon2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: 400px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 50px;
	margin-right: 0px;
}
#rightPan .more a:hover{
	color:#645804;
	text-decoration:none;
	background-color: #fff;
	background-image: url(../images/icon2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#rightPan h2{
	height:50px;
	float:left;
	display:block;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	text-transform:uppercase;
	background-color: #B1DED5;
	background-image: url(../images/icon3.jpg);
	background-repeat: no-repeat;
	background-position: 8px 15px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 80px;
	width: 180px;
}
#rightPan h3{
	color:#5F7A77;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	text-transform:uppercase;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#rightPan h4{
	width:96px;
	height:77px;
	float:left;
	display:block;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	text-transform:uppercase;
	padding:46px 0 0 75px;
	margin:0 0 5px 0;
	background-color: #DFD79C;
	background-image: url(../images/icon4.jpg);
	background-repeat: no-repeat;
	background-position: 8px 38px;
}

#rightPan ul.services{
	width:250px;
	height:56px;
	float:left;
	border:1px solid #B1DED5;
	background:#fff;
	color:#5F7A77;
	margin-bottom: 20px;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}

#rightPan ul.services li.captionone{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:underline;}

#rightPan ul.services li{width:160px; height:20px;}
#rightPan ul.services li a{
	width:125px;
	height:20px;
	display:block;
	color:#5F7A77;
	text-decoration:none;
	line-height:20px;
	padding:0 0 0 12px;
	background-color: #fff;
	background-image: url(../images/bullet2-normal.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}
#rightPan ul.services li a:hover{
	color:#5F7A77;
	text-decoration:none;
	background-color: #fff;
	background-image: url(../images/bullet2-hover.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}
#rightPan ul.services li span{
	width:180px;
	height:20px;
	display:block;
	color:#5F7A77;
	text-decoration:none;
	line-height:20px;
	padding:0 0 0 12px;
	background-color: #fff;
	background-image: url(../images/bullet2-normal.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}

#rightPan ul.servicestwo{width:137px; height:114px; float:left; border-bottom:1px solid #B1DED5; border-top:1px solid #B1DED5;  border-right:1px solid #B1DED5;background:#fff; color:#5F7A77; padding:7px 0 0 25px;}

#rightPan ul.servicestwo li.captiontwo{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:underline;}

#rightPan ul.servicestwo li{width:137px; height:20px;}
#rightPan ul.servicestwo li a{
	width:125px;
	height:20px;
	display:block;
	color:#5F7A77;
	text-decoration:none;
	line-height:20px;
	padding:0 0 0 12px;
	background-color: #fff;
	background-image: url(../images/bullet2-normal.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}
#rightPan ul.servicestwo li a:hover{
	color:#5F7A77;
	text-decoration:none;
	background-color: #fff;
	background-image: url(../images/bullet2-hover.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}



#rightPan ul.events{
	width:600px;
	height:100px;
	float:left;
	border:1px solid #B1DED5;
	background:#fff;
	color:#5F7A77;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7;
	padding-left: 25px;
	margin-bottom: 20px;
}

#rightPan ul.events li.captionthree{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:none;}

#rightPan ul.events li{
	width:600px;
	height:20px;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#rightPan ul.events li a{
	height:20px;
	display:block;
	color:#959595;
	text-decoration:underline;
	line-height:20px;
	padding:0 0 0 12px;
	background-color: #fff;
	background-image: url(../images/bullet2-normal.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}
#rightPan ul.events li a:hover{
	color:#5F7A77;
	text-decoration:underline;
	background-color: #fff;
	background-image: url(../images/bullet2-hover.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}
#rightPan ul.distributori{
	width:600px;
	height:auto;
	float:left;
	border:1px solid #B1DED5;
	background:#fff;
	color:#5F7A77;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 25px;
}

#rightPan ul.distributori li.captionthree{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:none;}

#rightPan ul.distributori li{width:600px; height:20px;}
#rightPan ul.distributori li a{
	height:20px;
	display:block;
	color:#959595;
	text-decoration:underline;
	line-height:20px;
	padding:0 0 0 12px;
	background-color: #fff;
	background-image: url(../images/bullet2-normal.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}
#rightPan ul.distributori li a:hover{
	color:#5F7A77;
	text-decoration:underline;
	background-color: #fff;
	background-image: url(../images/bullet2-hover.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}

/*----/Body Right Panel----*/
/*----/BODY PANEL----*/
/*----/MAIN PANEL----*/

/*----FOOTER PANEL----*/
#footermainPan{
	height:103px;
	color:#2F5958;
	font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	clear:both;
	background-color: #D3F0F0;
	background-image: url(../images/footerbg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	text-align: left;
	padding-top: 36px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#footerPan{
	width:955px;
	position:relative;
}

#footerPan ul{
	width:600px;
	height:20px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 310px;
}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#4E9492; background:#EBF8F7; text-decoration:none; font-size:13px;}
#footerPan ul li a:hover{
	text-decoration:underline;
	color: #315E5D;
}

#footerPan p.copyright{
	width:100%;
	margin:5px 0 0 92px;
	text-align: center;
}
#footerPan p.copyright a {
	text-align: right;
	text-decoration:none;
	color:#4E9492;
	font-weight: normal;
}
#footerPan p.copyright a:hover {
	color:#315E5D;
	text-decoration:underline;
	font-weight: normal;
}

#footerPan ul.templateworld{width:250px; background:#D3F0F0; color:#007163; display:block; font-size:10px; position:absolute; top:49px; left:92px;}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#D3F0F0; display:block; color:#007163; text-decoration:none; padding:0px; font-size:10px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:35px; left:549px;}
#footerPanhtml a{
	width:64px;
	height:24px;
	display:block;
	color:#fff;
	font-size:13px;
	line-height:23px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 0 0 7px;
	background-color: #D3F0F0;
	background-image: url(../images/html-normal.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#footerPanhtml a:hover{
	color:#fff;
	background-color: #D3F0F0;
	background-image: url(../images/html-hover.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:35px; left:624px;}
#footerPancss a{
	width:49px;
	height:24px;
	display:block;
	color:#fff;
	font-size:13px;
	line-height:24px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 0 0 10px;
	background-color: #D3F0F0;
	background-image: url(../images/css-normal.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#footerPancss a:hover{
	color:#fff;
	text-decoration:none;
	background-color: #D3F0F0;
	background-image: url(../images/css-hover.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
/*----/FOOTER PANEL----*/


/* VARIE */
.bottonForm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	text-align:center;
	color: #FFFFFF;
	background-color: #1B4054;
	margin: 10px;
	padding: 0px;
}
.bottonFormRoll {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	text-align:center;
	color: #1B4054;
	background-color: #AAD0E3;
	margin: 10px;
	padding: 0px;
}
.foto {
	padding: 0px;
	margin-top: 5px;
	border: 2px solid #D4EEEE;
	margin-right: 5px;
	margin-bottom: 10px;
}
