/* CSS Document */

body {
padding:0px;
margin:0px;
background:url(../images/main-bg.jpg) 0 0 repeat-x #fff;
color:#336699;
font:13px/19px Arial, Helvetica, sans-serif;
behavior:url("csshover3.htc");
}

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:283px;
height:31px;
position:absolute;
top:12px;
left:235px;
}

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

#topcontactPan ul.botton {
width:98px;
height:45px;
position:absolute;
top:11px;
left:595px;
}

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

#topcontactPan 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;
}

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

#topcontactPan 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;
}

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

/*----/TOP PANEL----*/

/*----HEADER PANEL----*/
#headerPan {
width:686px;
height:153px;
background:url(../images/header.jpg) 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:#9999CC;
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:#666699;
line-height:22px;
text-decoration:none;
padding:0 0 0 15px;
}

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

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

/*----/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 (SubMenu)----*/
#leftPan {
width:114px;
float:left;
}

#leftPan h2 {
width:114px;
height:34px;
background:#fff;
color:#666699;
font-size:16px;
line-height:34px;
display: block;
}

#leftPan h3 {
width:114px;
height:34px;
background:#fff;
color:#666699;
font-size:14px;
line-height:40px;
}

#leftPan ul {
list-style: none;
margin: 0;
padding: 0;
}

#leftPan a {
display: block;
border-right: 1px dashed #AECCCA;
border-bottom: 1px dashed #AECCCA;
margin: 0;
padding: 0 0 0 12px;
line-height: 20px;
color: #666699;
text-decoration: none;
background: url(../images/bullet2-normal.gif) left no-repeat #F5F5F5;
}

#leftPan a:hover {
background:url(../images/bullet2-hover.gif) left no-repeat #CCCCFF;
}

#leftPan li {
position: relative;
z-index:50;
}

#leftPan ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#leftPan ul ul ul,
div#leftPan ul ul li:hover ul ul
{display: none;}

div#leftPan ul ul li:hover ul,
div#leftPan ul ul ul li:hover ul
{display: block;}

/*----/Body Left Panel (SubMenu)----*/

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

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

#rightPan a.calendarbold {
font-weight:bold;
color:#666699;
font-style:italic;
font-size:1.2em /* 16px=1em */
}

#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:64px;
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:77px;
float:left;
display:block;
background:url(../images/icon3.jpg) 8px 38px no-repeat #B1DED5;
color:#fff;
font-size:16px;
font-weight:bold;
line-height:18px;
text-transform:uppercase;
padding:46px 0 0 75px;
margin:0 0 5px 0;
}

#rightPan ul.list li {
width:300px%;
height:20px;
background:url(../images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#336699;
text-decoration:none;
line-height:20px;
padding:0 0 0 12px;
}

#rightPan ul.services {
width:137px;
height:114px;
float:left;
border:1px solid #B1DED5;
background:#fff;
color:#336699;
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:137px;
height:20px;
}

#rightPan ul.services li a {
width:125px;
height:20px;
display:block;
background:url(../images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#336699;
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:#336699;
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:#336699;
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:#336699;
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:#336699;
text-decoration:none;
}

#rightPan h4 {
width:96px;
height:77px;
float:left;
display:block;
background:url(../images/icon4.gif) 8px 44px no-repeat #99CCFF;
color:#fff;
font-size:16px;
font-weight:bold;
line-height:18px;
text-transform:uppercase;
padding:46px 0 0 75px;
margin:0 0 5px 0;
}

#rightPan ul.events {
width:305px;
height:114px;
float:left;
border:1px solid #B1DED5;
background:#fff;
color:#336699;
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:underline;
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:#336699;
text-decoration:underline;
}

#rightPan ul.thumbs {
list-style: none;
margin: 10px 10px 20px 40px;
padding: 0;}
#rightPan ul.thumbs li {
float: left;
padding: 0;
margin: 5px;
position: relative;
}

#rightPan ul.thumbs li a img {
border: 5px solid #ECE4E4;
}

#rightPan ul.thumbs li a:hover img {
border: 5px solid #CCCCFF;
}

#rightPan ul.thumbs li img.new {
display: block;
position: absolute;
top: -3px;
right: -3px;
z-index: 10;
border: none;
}

.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 .clearfix{ height: 1px;}

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

/*----FOOTER PANEL----*/
#footermainPan {
height:103px;
background:url(../images/footerbg.gif) 0 0 repeat-x #CCCCFF;
color:#336699;
font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
position:relative;
margin:0 auto;
clear:both;
padding:36px 0 0;}
#footerPan{width:778px;
position:relative;
margin:0 auto;
}

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

#footerPan li {
float:left;
}

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

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

#footerPan p.copyright {
width:260px;
margin:10px 0 0 92px;
}

#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;
background:url(../images/html-normal.gif) 0 0 no-repeat #D3F0F0;
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 #D3F0F0;
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 #D3F0F0;
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 #D3F0F0;
color:#fff;
text-decoration:none;
}
/*----/FOOTER PANEL----*/