/* CSS Document */
/* Altered Layout*/

body{padding:0px; margin:0px; background:url(images/mainbg.gif) 0 0 repeat-x #fff; color:#666; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div, p, ul, h2, img{ padding:0; margin:0; border-width: 0; }
ul{list-style-type:none;}
a{ background:#fff; color:#000; text-decoration:none; border-width: 0; }
a:hover{background:#fff; color:#666; text-decoration:underline;} 


/* Typographic Play */

.SmallHeadline {font-family: Gill Sans, Verdana;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
}

.LargeHeadline {font-family: times, Times New Roman, times-roman, georgia, serif;
	color: #444;
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size: 51px;
	line-height: 44px;
	letter-spacing: -2px;
	font-weight: bold;
	}

.headline {font-family:Georgia,serif;
	color:#A55355;
	font-variant: small-caps; text-transform: none; font-weight: 100; margin-bottom: 0;
}
        
.paragraph {font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
        font-size: 14px;
        margin-top: .5em; color: #666;
        }
        

.paragraphStart {font-family:Georgia,serif;
	font-size: .8em;
    font-weight: bold;
	text-transform:uppercase;
	letter-spacing:2px; 
}
        

/*End Typo Play*/
        
/*----TOP PANEL----*/
#topPan{width:778px; height:137px; position:relative; margin:0 auto;}
#topPan #ImgPan{width:295px; height:92px; background:#fff; color:#666; position:absolute; top:0px; left:0px; padding:0 0 0 0px;}
#topPan #ImgPan img{width:295px; height:92px;}

/*-----ul positioning and images-----*/

#topPan ul{width:468px; height:32px; position:absolute; top:43px; left:300px;}
#topPan ul li{width:78px; height:32px; float:right;}
#topPan ul li a{width:76px; height:32px; display:block; background:url(images/topmenu-normal.jpg) 0 0 no-repeat #F5F4F4; color:#666; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px; margin:0 2px 0 0;}
#topPan ul li a:hover{background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F6F6F6; color:#fff; text-decoration:none;}

#topPan ul li.home{background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px;}
/*----END TOP PANEL----*/


/*----BEGIN BODY PANEL----*/
#bodyPan{width:700px; position:relative; margin:0 auto; overflow:auto; border: dashed 1px #a55355; Padding: 8px; background-color: #fff7ff;}
#bodyPan p.toptextpadding{padding:25px 0 0;}
#bodyPan p span{background:#fff; color:#D20039;}
#bodyPan p.more{width:81px; height:22px; display:block; margin:0 0 0 606px; background:url(images/more-bg.gif) 0 0 no-repeat;}
#bodyPan p.more a{width:70px; height:22px; display:block; background:url(images/more-bg.gif) 0 0 no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#bodyPan p.more a:hover{background:url(images/more-bg.gif) 0 0 no-repeat; color:#980000; text-decoration:underline;}
/*----Body Middle Panel----*/
#bodyMiddlePan{width:689px; position:relative; margin:0 auto; padding: 10px;}
/*----Middle Left Panel----*/
#MiddleLeftPan{width:232px; float:left;}
#MiddleLeftPan p{padding:14px 0 0; line-height:18px;}
#MiddleLeftPan p.largegraytext{font-size:18px;}

#MiddleLeftPan ul li{background:url(images/bullet1.gif) 0 6px no-repeat #fff; padding:2px 0 0 18px;}

#MiddleLeftPan p.more{width:81px; height:22px; display:block; margin:15px 0 0 145px; background:url(images/more-bg.gif) 0 0 no-repeat; padding:0px;}
#MiddleLeftPan p.more a{width:70px; height:22px; display:block; background:url(images/more-bg.gif) 0 0 no-repeat;; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#MiddleLeftPan p.more a:hover{background:url(images/more-bg.gif) 0 0 no-repeat; color:#980000; text-decoration:underline;}

#MiddleLeftPan p.chat{width:232px; height:70px; padding:14px 0 36px;}
#MiddleLeftPan p.chat a{width:232px; height:70px; display:block; background:url(images/24hours1b.gif) 0 0 no-repeat; text-indent:-20000px;}
#MiddleLeftPan p.chat a:hover{background:url(images/24hours1a.gif) 0 0 no-repeat; text-indent:-20000px;}

#MiddleLeftPan h2{width:210px; height:50px; display:block; background:url(images/icon1a.jpg) 100% 0 no-repeat  #fff; color:#A55355; border-bottom:1px dashed #BDB9B9; font-size:24px; line-height:22px; padding:0 0px 0 0;}
#MiddleLeftPan h2 span{background:#fff; color:#545454; font-weight:bold; font-size:14px; text-transform:uppercase;}
#MiddleLeftPan p.portfolio {background:url(images/footerbg.gif) 0 0 repeat-x #F4F4F4; color:#212121; position:relative; margin:0 auto; height:25px; clear:both; }
/*----/Middle Left Panel----*/
/*----Middle Right Panel----*/
#MiddleRightPan{width:384px; float:left; padding:0 0 0 73px;}
#MiddleRightPan p.more{width:81px; height:22px; display:block; margin:15px 0 0 145px; background:url(images/more-bg.gif) 0 0 no-repeat; padding:0px;}
#MiddleRightPan p.more a{width:70px; height:22px; display:block; background:url(images/more-bg.gif) 0 0 no-repeat;; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#MiddleRightPan p.more a:hover{background:url(images/more-bg.gif) 0 0 no-repeat; color:#980000; text-decoration:underline;}

#MiddleRightPan ul li{background:url(images/bullet.gif) 0 6px no-repeat #fff; padding:2px 0 0 18px;}

#MiddleRightTopPan{width:384px; height:203px; background:url(images/image1a.jpg) 0 100% no-repeat; padding:29px 0 0; margin:0 0 40px 0;}

#MiddleRightTopPan p.fresh{width:108px; height:30px; display: block; margin:0 0 -15px 208px; font-size:30px; text-transform:uppercase; color:#000000; z-index: 2; }
#MiddleRightTopPan p.business{width:150px; height:27px; display:block; margin:0 0 0 210px; background:url(images/dotline.gif) 0 100% repeat-x #fff; color:#AF5B5B; font-size:27px; text-transform:uppercase; text-align:left;}

#MiddleRightTopPan a:hover { position: absolute; } a span { display: none; } a:hover span { display: block; position: absolute; top: 315px; left: 490px; width:200px; height:200px; background-color: #FFF7FF; border-bottom:1px dashed #BDB9B9; text-decoration:none;} 

#MiddleRightPan h2{width:380px; height:20px; background:url(images/dotline.gif) 0 100% repeat-x #fff; color:#A55355; font-size:24px;}
#MiddleRightPan p{padding:8px 0 0;}

#RightListfastPan{width:200px; float:left; padding:10px 0 0;}
#RightListfastPan ul{width:200px;}
#RightListfastPan ul li{width:200px; height:20px; float:left;}
#RightListfastPan ul li a{width:190px; line-height:20px; background:url(images/bullet1.gif) 0 6px no-repeat #fff; color:#666; text-decoration:underline; padding:0 0 0 18px;}
#RightListfastPan ul li a:hover{background:url(images/bullet-hover.gif) 0 6px no-repeat #fff; color:#000; text-decoration:underline;}

#RightListnextPan{width:180px; float:left; padding:10px 0 0;}
#RightListnextPan ul{width:180px;}
#RightListnextPan ul li{width:180px; height:20px; float:left;}
#RightListnextPan ul li a{width:160px; line-height:20px; background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#666; text-decoration:underline; padding:0 0 0 18px;}
#RightListnextPan ul li a:hover{background:url(images/bullet-hover.gif) 0 6px no-repeat #fff; color:#000; text-decoration:underline;}

/*----Middle Right Panel----*/
/*----END BODY PANEL------*/

/*----BEGIN FOOTER PANEL----*/
#footermainPan{background:url(images/footerbg.gif) 0 0 repeat-x #F4F4F4; color:#212121; position:relative; margin:0 auto; height:133px; clear:both;}
#footerPan{width:689px; position:relative; margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; padding:15px 0 0;}

#footerPan ul{width:450px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#212121; background:#F4F4F4; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}


#footerPan p.copyright{width:250px; background:#F4F4F4; color:#212121; position:relative; margin:0 auto;}

#footerPanhtml{width:64px; height:19px; display:block; position:absolute; top:73px; left:270px;}
#footerPanhtml a{width:59px; height:18px; background:#fff; color:#6A6A6A; border:1px solid #B6B6B6; display:block; position:absolute; top:0px; left:0px; line-height:19px; text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}

#footerPancss{width:64px; height:19px; display:block; position:absolute; top:73px; left:336px;}
#footerPancss a{width:49px; height:18px; background:#fff; border:1px solid #B6B6B6; color:#6A6A6A; display:block; position:absolute; top:0px; left:0px;line-height:19px; text-transform:uppercase; font-weight:bold; text-align:center; text-decoration:none;}
#footerPancss a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}

