/* CSS Document */
body{padding:0px; margin:0px; background:url(images/main-bg.gif) 0 0 repeat-x #fff; color:#7D7D7D; font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;}
img{padding:0px; margin:0px;}
h4{padding:0px; margin:0px;}
h3{padding:0px; margin:0px;}
h2{padding:0px; margin:0px;}
label{padding:0px; margin:0px;}
form{padding:0px; margin:0px;}
ul{padding:0px; margin:0px;}
p{padding:0px; margin:0px;}
div{padding:0px; margin:0px;}
ul{list-style-type:none;}
/*----TOP PANEL----*/
#topPan{width:778px; height:184px; background:url(images/header.jpg) 0 0 no-repeat; position:relative;}
#topPan img.logo{width:448px; height:45px; position:absolute; top:139px; right:0px;}

#topPan ul{width:170px; height:29px; background:url('images/top-nav.gif') no-repeat 0 0; 
position:absolute; top:12px; left:125px;
}
#topPan ul li{float:left;}

#topPan ul li.home{width:47px; height:29px; float:left;}
#topPan ul li.home a{width:18px; height:16px; display:block; background:url(images/home-nor.gif) 0 0 no-repeat; margin:3px 0 0 16px;  text-indent:-20000px;}
#topPan ul li.home a:hover{background:url(images/home-hover.gif) 0 0 no-repeat; }

#topPan ul li.contact{width:43px; height:29px; float:left;}
#topPan ul li.contact a{width:18px; height:16px; display:block; background:url(images/contact-nor.gif) 0 0 no-repeat; margin:3px 0 0 15px;  text-indent:-20000px;}
#topPan ul li.contact a:hover{background:url(images/contact-hover.gif) 0 0 no-repeat;}

#topPan ul li.facebook{width:51px; height:29px; float:left;}
#topPan ul li.facebook a{width:28px; height:28px; display:block; background:url(images/facebook_32.jpg) 0 0 no-repeat; margin:3px 0 0 14px;  text-indent:-20000px;}
#topPan ul li.facebook a:hover{background:url(images/facebook_32.jpg) 0 0 no-repeat;}

/*----/TOP PANEL----*/
/*----Center Content Panel----*/
#contentPan{min-height: 400px; margin-left:100px; margin-right:300px; background:#fff; style="text-align: left;"}
#contentPan h4{width:100%; height:24px; display:block; float:left; color:#996699; font-size:24px; line-height:24px; padding:3px; margin:0px;}
#contentPan h5{width:100%; height:20px; display:block; float:left; color:#996699; font-size:18px; line-height:20px; padding:3px; margin:0px;}
#contentPan A:link{width:260px; position:relative; margin:0 auto; background:#FFF; color:#585858;;  font-size:13px;}
/*----/Center Content Panel----*/
/*----Body Top Right Panel----*/
#rightPan{width:203px; position:absolute; font-family:Arial, Helvetica, sans-serif; right:50px; top:184px;}

#rightPan #graph{width:203px; height:58px; display:block; background:url(images/side-frame.jpg) 0 0 no-repeat; font-size:18px; line-height:18px; position:relative; margin:0 auto;}
#rightPan #graph h2{width:60px; height:22px; display:block; background:#fff; color:#996699; font-size:18px; position:absolute; top:7px; left:86px;}
#rightPan #graph p{font-size:14px; position:absolute; top:30px; left:86px;}
#rightPan #graph a{width:202px; height:58px; display:block; background:url(images/cake.jpg) 13px 1px no-repeat; font-size:0px; text-decoration:none; margin:0 0 0 1px; text-indent:-2000px}
#rightPan #graph a:hover{background:url(images/cake-hover.jpg) 13px 1px no-repeat; text-decoration:none;}

#rightPan #planning{width:203px; height:58px; display:block; background:url(images/side-frame.jpg) 0 0 no-repeat;  line-height:18px; position:relative; margin:0 auto;}
#rightPan #planning h2{width:60px; height:22px; display:block; background:#fff; color:#996699; font-size:18px; position:absolute; top:7px; left:86px;}
#rightPan #planning p{font-size:14px; position:absolute; top:30px; left:86px;}
#rightPan #planning a{width:202px; height:58px; display:block; background:url(images/candle.jpg) 13px 1px no-repeat; font-size:0px; text-decoration:none; margin:0 0 0 1px; text-indent:-2000px}
#rightPan #planning a:hover{background:url(images/candle-hover.jpg) 13px 1px no-repeat; text-decoration:none;}

#rightPan #services{width:203px; height:58px; display:block; background:url(images/side-frame.jpg) 0 0 no-repeat;  line-height:18px; position:relative; margin:0 auto;}
#rightPan #services h2{width:60px; height:22px; display:block; background:#fff; color:#996699; font-size:18px; position:absolute; top:7px; left:86px;}
#rightPan #services p{font-size:14px; position:absolute; top:30px; left:86px;}
#rightPan #services a{width:202px; height:58px; display:block; background:url(images/heart.jpg) 13px 1px no-repeat; font-size:0px; text-decoration:none; margin:0 0 0 1px; text-indent:-2000px}
#rightPan #services a:hover{background:url(images/heart-hover.jpg) 13px 1px no-repeat; text-decoration:none;}

#rightPan #projects{width:203px; height:58px; display:block; background:url(images/side-frame.jpg) 0 0 no-repeat;  line-height:18px; position:relative; margin:0 auto;}
#rightPan #projects h2{width:60px; height:22px; display:block; background:#fff; color:#996699; font-size:18px; position:absolute; top:7px; left:86px;}
#rightPan #projects p{font-size:14px; position:absolute; top:30px; left:86px;}
#rightPan #projects a{width:202px; height:58px; display:block; background:url(images/daisy.jpg) 13px 1px no-repeat; font-size:0px; text-decoration:none; margin:0 0 0 1px; text-indent:-2000px}
#rightPan #projects a:hover{background:url(images/daisy-hover.jpg) 13px 1px no-repeat; text-decoration:none;}
/*----/Body Top Right Panel----*/
/*----FOOTER PANEL----*/
#footermainPan{min-height:250px; background:url(images/footerbg.gif) 0 0 repeat-x #F1F1F1; color:#585858; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:40px 0 0;}

#footerPan{width:706px; position:relative; padding:0 0 0 36px;}

#footerPan ul{width:480px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#585858; background:#F1F1F1; text-decoration:none; font-size:12px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:200px; position:relative; margin:0 auto; background:#F1F1F1; color:#585858;  font-size:13px; style="align:center;"}}

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

#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:45px; left:285px;}
#footerPanhtml a{width:66px; height:24px; display:block; background:url(images/html-nor.gif) 0 0 no-repeat #F1F1F1; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 4px;}
#footerPanhtml a:hover{background:url(images/html-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:45px; left:360px;}
#footerPancss a{width:50px; height:24px; display:block; background:url(images/css-nor.gif) 0 0 no-repeat #F1F1F1; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 8px;}
#footerPancss a:hover{background:url(images/css-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff; text-decoration:none;}
/*----/FOOTER PANEL----*/