/* CSS Document */
body{
	padding:0px;
	margin:0px;
	font:Arial, Helvetica, sans-serif;
	background: url(images/bodyback.jpg);
}
div, p, ul, h2, h3, h4, h5, img{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-indent: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family:Arial, Helvetica, sans-serif;
	color: #006;
}
ul{
	font: arial;
	font-size: 12px;
	color: #000;
}

 a:link { color: #9d0620; text-decoration:none}
 a:active { color:#23408F; text-decoration: none }
 a:visited { color:#9d0620; text-decoration: none}
 a:hover { color:#23408F; text-decoration: underline;}
/*----MAIN PANEL----*/
#mainPan{
	width:910px;
	position:relative;
	margin:0 auto;
	background-color: #FFFFFF;
}


/*----TOP PANEL----*/
#topPan{
	width:900px;
	color: #FFFFCC;
	position:relative;
	margin:0 auto;
	background-color: #FFFFFF;
	
}
#topPan1{
	width:900px;
	color: #FFFFCC;
	position:relative;
	margin:0 auto;
}

#topPan2{
	height:133px;
	width: 900px;
	color: #FFFFCC;
	position:relative;
	margin:0 auto;
	background-position:top;

}

#navborder{
	width:900px;
	height:5px;
	color: #FFFFCC;
	position:relative;
	margin:0 auto;
	color: #660000;
	background-color: #2F3694;
}

#logo{
	position:absolute;
	top:18px;
	width: 241px;
	height: 96px;
	left:8px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
} 
.pdrop {
font-family: Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #333333;
} 

h1 {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	color: #000066;
	margin: 0;
	padding: 0px 0px 3px 0px;
	margin-top:10px;
	font-size: 56px;
	line-height: 46px;
	letter-spacing: -2px;
	font-weight: bold;
	margin-bottom: 5px;
}

.section {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	color: #CC0000;
	margin: 0;
	padding: 0px 0px 3px 0px;
	margin-top:10px;
	font-size: 56px;
	line-height: 50px;
	letter-spacing: -2px;
	font-weight: bold;
}

h2 {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	color: #000066;
	margin: 0;
	padding: 0px 0px 10px 0px;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: -2px;
	font-weight: bold;
}

h3{
color:#9d0620;
	font-family: Gill Sans, Verdana;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
}

#tophomepan {
width:900px;
}

#topPan p.caption{
	width:308px;
	line-height: 12px;
	color: #000099;
	position:absolute;
	top:109px;
	left:24px;
	height: 14px;
}

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

/*----HEADER PANEL----*/
#headerPan{
	background-image: url(images/headerback.jpg);
	background-repeat:repeat-x;
	height:132px;
	position:relative;
	margin:0 auto;
	padding:0px 0px 0px 0px;
}

#headerPan ul.leftmenu{width:135px;}
#headerPan ul.leftmenu li{width:135px; height:18px; left:20px;}
#headerPan ul.leftmenu li a{width:135px; height:18px; display:block; background:url(images/bullet-normal.gif) 0 5px no-repeat; color:#ffffff; line-height:18px; text-decoration:underline; padding:0 0 0 10px;}
#headerPan ul.leftmenu li a:hover{background:url(images/bullet-hover.gif) 0 5px no-repeat #fff; color:#2c3593; line-height:18px; text-decoration:none; padding:0 0 0 10px;border-bottom:1px dotted #333333;}

#headerPan ul.leftmenu li.Solutions{width:180px; height:18px; display:block; background:url(images/bullet-hover.gif) 0 5px no-repeat #fff; color:#A4162E; line-height:18px; text-decoration:underline; padding:0 0 0 15px;}
#headerPan ul.leftmenu li.clients{width:150px; height:18px; border-bottom:underline;}

#headerPan ul.botton{width:180px; 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:910px;
	position:relative;
	margin:0 auto;
	padding:0px 0 0 0px;
	background-color: #FFFFFF;
}

#topcontactPan{
	width:311px;
	height:23px;
	position:absolute;
	top:28px;
	left:581px;
}

#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----*/


#bodyPanright{
	width:720px;

}

.pdrop:first-letter {
    font-family: Times, Times New Roman, Tahoma;
    font-size: 30px;
    float: left;
	color: #23408F;
	padding: 3px;
line-height: 20px;
	margin-top: 3px;
}

.second-letter {
    font-family: Times, Times New Roman, Tahoma;
    font-size: 64px;
    float: left;
	color: #000000;
line-height: 54px;
margin-right: 4px;
	margin-top: 3px;
}

/*----Body Left Panel----*/

.navigation {padding:0px; margin:0px; color:#9d0620; font:11px/12px Arial, Helvetica, sans-serif;}
.topten {padding:0px; margin:0px; color:#333333; font:12px/14px Arial, Helvetica, sans-serif;}
.style8 {
	color: #23408F;
	font-weight: bold;
	font:12px/16px arial;}

#toptenPan{
	width:194px;
	float:right;
	padding-top: 0px;
	padding-left: 0px;
	border: #cccccc dotted 1px;
	margin-top: 10px;
}

.author {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 14px;
	color: #000000;
}

#toptenPan ul{width:215px;}
#toptenPan ul li{
	width:175px;
	display:block;
	text-decoration:none;
	line-height:16px;
	font-size:11px;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
}

.grey{
				background: #cccccc;
				}
	.blue{
				background: #CCFFFF;
				}

#column3content {display:block;
	color:#333333;
	text-decoration:none;
	line-height:13px;
	padding-top: 0;
	font-size:10px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-top: 7px;
	 border-bottom:1px dotted #fbb314;
	 background: #fdf4e1;}
#column3content ul{width:215px;}
#column3content ul li{width:215px;}
#column3content ul li a{
	display:block;
	color:#333333;
	text-decoration:none;
	line-height:13px;
	padding-top: 0;
	font-size:10px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
	padding-top: 7px;
	 border-bottom:1px dotted #fbb314;
	 background: #fdf4e1;
}
#interiorcolumn3{
	width:215px;
	background: #fdf4e1;
	border: 1px solid #999999;
	margin: 0px;
	padding: 0px;
	float: right;
}

#interiorcolumn3 ul{width:210px;}
#interiorcolumn3 ul li{width:215px;}
#interiorcolumn3 ul li a{
	width:195px;
	display:block;
	color:#333333;
	text-decoration:none;
	line-height:13px;
	padding-top: 0;
	font-size:10px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-top: 20px;
	background: #fdf4e1;
}


#content{
	width:185px;
	display:block;
	color:#333333;
	text-decoration:none;
	line-height:13px;
	font-size:11px;
padding-left:10px;
padding-top:5px;
}

#leftPan{
	width:160px;
	float:left;
	height: 450px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	list-style-type: none;
}

#leftPan ul{
	width:1500px;
	list-style-type: none;
}
#leftPan ul li{width:150px; height:22px;}
#leftPan ul li a{
	width:150px;
	height:24px;
	display:block;
	background:url(images/bullet-normal.gif) 15px 8px no-repeat; 
	text-decoration:none;
	line-height:24px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}


#leftPan ul li a:hover{url(images/bullet-hover.gif) 15px 8px no-repeat;  color:#23408F; text-decoration:underline;}
/*----/Body Left Panel----*/
/*----Body Right Panel----*/

#specialhighlight{
	float:left;
	background-color:#CCC;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 13px;
	color:#000;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	width: 662px;
	line-height: 18px;
}


#specialhighlightimg{
	float:left;
	padding-top:10px;
	padding-left:10px;
	padding-right:20px;
	padding-bottom:10px;
	
}


#rightPanart{
	float:left;
	padding-left:20px;
	padding-right:20px;
	width: 682px;
	background-color: #FFFFFF;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #cccccc;
	color: #000;
	font-size: 12px;
}

#rightInteriorContent{
	float:left;
	width: 715px;
}

#interiorbanner{
	float:left;
	background-image: url(images/cover.jpg);
	width: 715px;
	height: 150px;
	background-repeat: no-repeat;
	background-position: top;
}

#rightPanartpodcast{
	float:left;
	padding-left:10px;
	padding-right:10px;
	width: 480px;
	height: 174px
}

#rightPancontain{
	float:left;
	width: 725px;
	height: 170px;
}

#rightPanartdouble{
	float:left;
	padding-left:15px;
	padding-right:5px;
	width: 539px;
	height: 500px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	font:Arial, Helvetica, sans-serif;
	background-position: top;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #cccccc;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #cccccc;
	padding-top: 10px;
}


#rightPanartpodcast{
	float:left;
	padding-left:15px;
	padding-right:15px;
	width: 693px;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #FFFFFF;
	border: 1px dotted #cccccc;
	padding-top: 10px;
	height: 300px;
}

#rightPanartpodcast2{
	padding-left:10px;
	height: 210px;
	float:right;
	padding-right:5px;
	width: 235px;
	background:url(images/also.jpg) top no-repeat;
}

.subhead {                font-family: times, Times New Roman, times-roman, georgia, serif;
		font-size: 14px;
		line-height: 20px;
		text-transform: uppercase;
		font-weight:bold;
		color: #000000;
}


#rightPanarttriple{
	padding-left:10px;
	height: 165px;
	float:right;
	padding-right:15px;
	width: 237px;
	background-repeat: no-repeat;
	background-position: top;
	font:Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	padding-top: 10px;
}

#rightPaninterior{
	float:right;
	margin-right: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	width: 715px;
}

#rightPanartinterior{
	float:left;
	padding-left:10px;
	padding-right:10px;
	width: 478px;
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 10px;
}


#rightPan{
	float:left;
	margin-right: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	width: 726px;
}

#rightPan p.more{width:450px; height:25px; float:left; background:url(images/sky-color-bg.jpg) 0 10px repeat-x; padding:0 0 20px 0;}
#rightPan p.more a{
	width:75px;
	height:21px;
	display:block;
	font-size:11px;
	background:url(images/icon2.jpg) 0 0 no-repeat #fff;
	color: #5584c4;
	line-height:21px;
	text-transform:uppercase;
	text-decoration:underline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 360px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 50px;
}
#rightPan p.more a:hover{background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#645804; text-decoration:none;}



#slider {
width: 703px;
height: 286px;
}
#featureareacontent {
width: 678px;
height: 261px;
margin: 10px;
border: #cccccc 1px solid;
}


#rightPan ul.services{width:250px; height:114px; float:left; border:1px solid #B1DED5; background:#fff; color:#333333; 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:175px; height:20px;}
#rightPan ul.services li a{width:175px; height:20px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#333333; 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:#333333; text-decoration:none;}

#rightPan ul.servicestwo{width:175px; height:114px; float:left; border-bottom:1px solid #B1DED5; border-top:1px solid #B1DED5;  border-right:1px solid #B1DED5;background:#fff; color:#333333; 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:175px; height:20px;}
#rightPan ul.servicestwo li a{width:175px; height:20px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#333333; 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:#333333; text-decoration:none;}


#rightPan ul.events{
	width:250px;
	height:114px;
	float:left;
	border:1px solid #B1DED5;
	background:#fff;
	color:#333333;
	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:200px;
	height:20px;
	display:block;
	background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff;
	color:#959595;
	text-decoration:underline;
	line-height:20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 12px;
}
#rightPan ul.events li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#333333; text-decoration:underline;}

#BottomPan{
	width:904px;
	height:157px;
	background:url(images/header.jpg) 0 0 no-repeat;
	position:relative;
	margin:0 auto;
	padding:11px 0px 0px 15px;
	background-image: url(images/bottom.jpg);
	background-color: #23408F;
}

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

/*----FOOTER PANEL----*/
#footermainPan{
	height:103px;
	font:10px/20px Arial, Helvetica, sans-serif;
	position:relative;
	margin:0 auto;
	clear:both;
}
#footerPan{
	width:910px;
	position:relative;

	padding: 15px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

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

#footerPan p.copyright{width:500px; padding:10px 10px; padding-left: 10px;}

#footerPan ul.templateworld{width:250px; background:#D3F0F0; color:#007163; display:block; font-size:10px; position:absolute; top:49px; left:125px;}
#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;}

#footerPanPB{
	width:150px;
	height:56px;
	display:block;
	background:url(images/PB_4C.gif);
	position:absolute;
	top:14px;
	left:718px;
}
.leftpic {
	width: 250px;
	float:left;
	padding: 10px;
	margin-right: 15px;
	margin-bottom: 15px;
	border: dotted 1px #ccc;
}

.leftpicbig {
	width: 255px;
	float:left;
	padding: 10px;
	margin-right: 15px;
	margin-bottom: 15px;
	border: dotted 1px #ccc;
}
.pic {
float: left;
margin-right: 10px;}

.rightpic {
	width: 250px;
	float:right;
	padding: 10px;
	margin-left: 15px;
	margin-bottom: 15px;
	border: dotted 1px #ccc;
}
/*----/FOOTER PANEL----*/


	.menu{
	width:512px;
	height:118px;
	margin-left:500px;
	}
		.menu ul{
			list-style:none;
			text-align:center;
		}
			.menu li{
				list-style:none;
				display:block;
				margin-top:65px;
				float:left;
			}
				.menu li a{
					display:block;
					float:left;
				}
					.menu li a span{
						display:none;
					}
					.menu li a:hover{
						text-decoration:none;
					}
				.menu li a.home{
					background:url(images/images/ct_01.jpg) no-repeat;
					height:45px;
					width:91px;
				border-right: 1px solid;
				border-color:#2F3694;
				}
					.menu li a:hover.home{
						background:url(images/images/ct_h_01.jpg) no-repeat;	
				border-right: 1px solid;
				border-color:#9d0620;
					}
				.menu li a.about{
					background:url(images/images/ct_02.jpg) no-repeat;
					width:108px;
					height:45px;
				border-right: 1px solid;
				border-color:#2F3694;
				}
					.menu li a:hover.about{
						background:url(images/images/ct_h_02.jpg) no-repeat;
				border-right: 1px solid;
				border-color:#9d0620;
					}
				.menu li a.services{
					background:url(images/images/ct_03.jpg) no-repeat;
					width:120px;
					height:45px;
				border-right: 1px solid;
				border-color:#2F3694;
				}
					.menu li a:hover.services{
						background:url(images/images/ct_h_03.jpg) no-repeat;
				border-right: 1px solid;
				border-color:#9d0620;
					}
				.menu li a.solutions{
					background:url(images/images/ct_04.jpg) no-repeat;
					width:120px;
					height:45px;
				border-right: 1px solid;
				border-color:#2F3694;
				}
					.menu li a:hover.solutions{
						background:url(images/images/ct_h_04.jpg) no-repeat;
				border-right: 1px solid;
				border-color:#9d0620;
					}
				.menu li a.contact{
					background:url(images/images/ct_05.jpg) no-repeat;
					width:69px;
					height:45px;

				}
					.menu li a:hover.contact{
					background:url(images/images/ct_h_05.jpg) no-repeat;
					
					}
				
				.menu li a.homecurrent, #menu li a:hover.homecurrent{
					background:url(images/images/ct_01.jpg) no-repeat;
					height:45px;
						width:91px;
				}
				
				


/*----/SPECIAL MENU----*/

.specialmenu{
	width:600px;
	height:40px;
	text-align:center;
	margin-left: 100px;
	}

ul#specialnav {
	margin: 0;
	padding: 0;
	float: left;
	text-align:center;
	width: inherit;
	list-style: none;
	position: absolute; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 12px;
}
ul#specialnav li {
	float: left;
	margin: 0; padding: 0;
}
ul#specialnav li a {
	padding: 10px 15px;
	display: block;
	text-decoration: none;
}
ul#specialnav li:hover { 
	background: #9d0620; 
	color: #FFF;
}
	
ul#specialnav a:link { color: #9d0620; text-decoration:none}
ul#specialnav a:active { color:#23408F; text-decoration: none }
ul#specialnav a:visited { color:#9d0620; text-decoration: none}
ul#specialnav a:hover { color:#FFF; text-decoration: underline;}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#specialnav li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0; top:35px;
	display: none; /*--Hide by default--*/
	width: inherit;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#specialnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#speicalnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#specialnav li span a:hover {text-decoration: underline;}