/* CSS Document */
body {
	padding: 0px;
	margin: 0px;
	background: url(images/main-bg.gif) 0 0 repeat-x #fff;
	color: #5F7A77;
	font: 13px/ 19px Arial, Helvetica, sans-serif;
}

div,p,ul,h2,h3,h4,h5,img {
	padding: 0px;
	margin: 0px;
}

ul {
	list-style-type: none
}

/*----MAIN PANEL----*/
#mainPan {
	width: 778px;
	position: relative;
	margin: 0 auto;
}

/*----TOP PANEL----*/
#topPan {
	width: 778px;
	height: 65px;
	background: url(images/topbg.jpg) 0 0 no-repeat #fff;
	color: #828282;
	position: relative;
	margin: 0 auto;
}

#topPan img.logo {
	width: 220px;
	height: 31px;
	position: absolute;
	top: 20px;
	left: 205px;
}

#topPan p.caption {
	width: 200px;
	background: #fff;
	color: #828282;
	position: absolute;
	top: 43px;
	left: 235px;
}

#topcontactPan {
	width: 161px;
	height: 48px;
	position: absolute;
	top: 1px;
	left: 637px;
	padding: 7px 0 0;
}

#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: 686px;
	height: 153px;
	background: url(images/header.png) 0 0 no-repeat;
	position: relative;
	margin: 0 auto;
	padding: 11px 0 0 92px;
}

#headerPan ul.leftmenu {
	width: 87px;
}

#headerPan ul.leftmenu li {
	width: 87px;
	height: 22px;
	border-bottom: 1px dashed #AECCCA;
}

#headerPan ul.leftmenu li a {
	width: 72px;
	height: 22px;
	display: block;
	background: url(images/bullet-normal.gif) 0 7px no-repeat #fff;
	color: #305E5C;
	line-height: 22px;
	text-decoration: none;
	padding: 0 0 0 15px;
}

#headerPan ul.leftmenu li a:hover {
	background: url(images/bullet-hover.gif) 0 7px no-repeat #fff;
	color: #305E5C;
	line-height: 22px;
	text-decoration: none;
	padding: 0 0 0 15px;
}

#headerPan ul.leftmenu li.Solutions {
	width: 72px;
	height: 22px;
	display: block;
	background: url(images/bullet-hover.gif) 0 7px no-repeat #fff;
	color: #305E5C;
	line-height: 22px;
	text-decoration: none;
	padding: 0 0 0 15px;
}

#headerPan ul.leftmenu li.clients {
	width: 87px;
	height: 22px;
	border-bottom: none;
}

#headerPan ul.botton {
	width: 150px;
	height: 45px;
	position: absolute;
	top: 118px;
	left: 250px;
}

#headerPan ul.botton li {
	float: left;
	height: 45px;
}

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

#headerPan ul.botton li.home a:hover {
	background: url(images/home-hover.gif) 0 0 no-repeat;
}

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

#headerPan ul.botton li.aboutus a:hover {
	background: url(images/aboutus-hover.gif) 0 0 no-repeat;
}

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

#headerPan ul.botton li.contact a:hover {
	background: url(images/contact-hover.gif) 0 0 no-repeat;
}

/*----/HEADER PANEL----*/ /*----BODY PANEL----*/
#bodyPan {
	width: 686px;
	background: url(images/bodybg.gif) 0 0 no-repeat;
	position: relative;
	margin: 0 auto;
	padding: 22px 0 0 92px;
}

/*----Body Left Panel----*/
#leftPan {
	width: 114px;
	float: left;
}

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

#leftPan ul {
	width: 114px;
}

#leftPan ul li {
	width: 114px;
	height: 24px;
}

#leftPan ul li a {
	width: 102px;
	height: 24px;
	display: block;
	background: url(images/bullet2-normal.gif) 0 10px no-repeat #fff;
	color: #5F7A77;
	text-decoration: none;
	line-height: 24px;
	padding: 0 0 0 12px;
}

#leftPan ul li a:hover {
	background: url(images/bullet2-hover.gif) 0 10px no-repeat #fff;
	color: #5F7A77;
	text-decoration: none;
}

#leftPan ul li span {
	text-decoration: underline;
}

/*----/Body Left Panel----*/ /*----Body Right Panel----*/
#rightPan {
	width: 511px;
	float: left;
	border-left: 1px solid #b52333;
	margin: 28px 0 0;
	padding: 0 30px;
}

#rightPan p {
	padding: 0 0 10px 0;
}

#rightPan p.more {
	width: 502px;
	height: 25px;
	float: left;
	background: url(images/sky-color-bg.gif) 0 10px repeat-x;
	padding: 0 0 20px 0;
}

#rightPan p.more a {
	width: 92px;
	height: 21px;
	display: block;
	background: url(images/icon2.jpg) 0 0 no-repeat #fff;
	color: #958201;
	line-height: 21px;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0 0 0 328px;
	padding: 4px 0 0 50px;
}

#rightPan p.more a:hover {
	background: url(images/icon2.jpg) 0 0 no-repeat #fff;
	color: #645804;
	text-decoration: none;
}

#rightPan h2 {
	width: 96px;
	height: 165px;
	float: left;
	display: block;
	background: url(images/globe.png) 8px 38px no-repeat #ccccbb;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	text-transform: uppercase;
	padding: 46px 0 0 72px;
	margin: 0 0 5px 0;
}

#rightPan ul.services {
	width: 305px;
	height: 202px;
	float: left;
	border: 1px solid #ccccbb;
	background: #fff;
	color: #ccccbb;
	padding: 7px 0 0 25px;
}

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

#rightPan ul.services li {
	width: 274px;
	height: 20px;
}

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

#rightPan ul.services li a:hover {
	background: url(images/bullet2-hover.gif) 0 7px no-repeat #fff;
	color: #5F7A77;
	text-decoration: none;
}

#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;
	background: url(images/bullet2-normal.gif) 0 7px no-repeat #fff;
	color: #5F7A77;
	text-decoration: none;
	line-height: 20px;
	padding: 0 0 0 12px;
}

#rightPan ul.servicestwo li a:hover {
	background: url(images/bullet2-hover.gif) 0 7px no-repeat #fff;
	color: #5F7A77;
	text-decoration: none;
}

#rightPan h4 {
	width: 96px;
	height: 77px;
	float: left;
	display: block;
	background: url(images/croatia.png) 5px -8px no-repeat #f7e8e8;
	color: #5F7A77;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	text-transform: uppercase;
	padding: 46px 0 0 72px;
	margin: 0 0 5px 0;
}

#rightPan h3 {
	width: 96px;
	height: 88px;
	float: left;
	display: block;
	background: url(images/contact.png) 8px 38px no-repeat #efd3d3;
	color: #5F7A77;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	text-transform: uppercase;
	padding: 46px 0 0 72px;
	margin: 0 0 5px 0;
}

#rightPan ul.events {
	width: 305px;
	height: 114px;
	float: left;
	border: 1px solid #f7e8e8;
	background: #fff;
	color: #5F7A77;
	padding: 7px 0 0 25px;
}

#rightPan ul.contacts {
	width: 305px;
	height: 125px;
	float: left;
	border: 1px solid #efd3d3;
	background: #fff;
	color: #5F7A77;
	padding: 7px 0 0 25px;
}

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

#rightPan ul.events li {
	width: 305px;
	height: 20px;
}

#rightPan ul.events li a {
	width: 293px;
	height: 20px;
	display: block;
	background: url(images/bullet2-normal.gif) 0 7px no-repeat #fff;
	color: #959595;
	text-decoration: none;
	line-height: 20px;
	padding: 0 0 0 12px;
}

#rightPan ul.events li a:hover {
	background: url(images/bullet2-hover.gif) 0 7px no-repeat #fff;
	color: #5F7A77;
	text-decoration: none;
}

/*----/Body Right Panel----*/ /*----/BODY PANEL----*/
	/*----/MAIN PANEL----*/ /*----FOOTER PANEL----*/
#footermainPan {
	height: 103px;
	background: url(images/footerbg.gif) 0 0 repeat-x #D3F0F0;
	color: #ffffff;
	font: 13px/ 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position: relative;
	margin: 0 auto;
	clear: both;
	padding: 32px 0 0;
}

#footerPan {
	width: 778px;
	position: relative;
	margin: 0 auto;
}

#footerPan ul {
	width: 608px;
	height: 20px;
	position: relative;
	margin: 0 auto;
}

#footerPan li {
	float: left;
}

#footerPan ul li a {
	padding: 0 10px 10px 10px;
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
}

#footerPan ul li a:hover {
	text-decoration: underline;
}

#footerPan p.copyright {
	width: 350px;
	margin: 15px 0 0 92px;
	font-weight: bold;
	color: #b52333;
}

#footerPan ul.mgc {
	width: 250px;
	color: #b52333;
	display: block;
	font-size: 10px;
	position: absolute;
	top: 55px;
	left: 92px;
}

#footerPan ul.mgc li {
	height: 25px;
}

#footerPan ul.mgc li a {
	display: block;
	color: #b52333;
	text-decoration: none;
	padding: 0px;
	font-size: 10px;
}

#footerPan ul.mgc 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;
	background: url(images/html-normal.gif) 0 0 no-repeat #b52333;
	color: #fff;
	font-size: 13px;
	line-height: 23px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 0 0 7px;
}

#footerPanhtml a:hover {
	background: url(images/html-hover.gif) 0 0 no-repeat #b52333;
	color: #fff;
}

#footerPancss {
	width: 58px;
	height: 24px;
	display: block;
	position: absolute;
	top: 35px;
	left: 624px;
}

#footerPancss a {
	width: 49px;
	height: 24px;
	display: block;
	background: url(images/css-normal.gif) 0 0 no-repeat #b52333;
	color: #fff;
	font-size: 13px;
	line-height: 24px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 0 0 10px;
}

#footerPancss a:hover {
	background: url(images/css-hover.gif) 0 0 no-repeat #b52333;
	color: #fff;
	text-decoration: none;
}
/*----/FOOTER PANEL----*/