/* CSS Document */
body
{
	margin: 0px;
	padding: 0px;
	background: url(images/main-bg.jpg) white repeat-x 0px 0px;
	color: #000000;
	font: 14px/18px Georgia, "Times New Roman" , Times, serif;
}
div, p, ul, h2, img{margin:0px; padding:0px;}
ul{list-style-type:none;}

/*----TOP PANEL----*/
#topPan{background:url(images/ITGuy_Banner.jpg) no-repeat White; width:744px; height:141px; position:relative; margin:0 auto; font:14px/18px Arial, Helvetica, sans-serif;}
#topPan ul{width:170px; height:22px; position:absolute; top:3px; right:10px;}
#topPan ul li{float:left; width:50px; height:22px;}
#topPan ul li a{width:45px; height:16px; display:block; background:url(images/arrow1.gif) 40px 6px no-repeat; color:#0033B3; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none;}
#topPan ul li a:hover{background:url(images/arrow1-hover.gif) 40px 6px no-repeat; color:#0033B3; text-decoration:underline;}

#topPan ul li.register{float:left; width:100px; height:22px;}
#topPan ul li.register a{width:100px; height:16px; display:block; background:url(images/arrow1.gif) 100px 6px no-repeat; color:#0033B3; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 10px;}
#topPan ul li.register a:hover{background:url(images/arrow1-hover.gif) 100px 6px no-repeat; color:#0033B3; text-decoration:underline;}


#topPan p.callus{width:119px; height:25px; background:url(images/callus-bg.gif) 0 0 no-repeat #212121; color:#fff; position:absolute; top:53px; right:115px; line-height:24px; text-align:center;}
#topPan p.phone{width:130px; height:25px; background:#212121; color:#EAE8CD; position:absolute; top:83px; right:109px; font-size:20px; line-height:25px; text-align:center;}

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

/*----HEADER- PANEL----*/
#headerPan{width:778px; height:28px; position:relative; margin:0 auto; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3;}
/*----Header Middle Panel----*/
#headermiddlePan{width:778px; height:28px; float:left;}

/*----Menu Panel----*/
#menuPan{width:778px; height:33px; position:relative; margin:0 auto;}
#menuPan ul{width:778px; height:28px; position:absolute; top:2px; left:14px;}
#menuPan ul li{width:110px; height:28px; float:left;}
#menuPan ul li a{width:109px; height:28px; display:block; color: Black; border-right:1px solid Black; border-bottom:1px solid Black; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#menuPan ul li a:hover{width:110px; height:28px; background:Black; color:#cccccc; border:none; text-decoration:none;}

#menuPan ul li.active{width:110px; height:28px; background:Black; color:#cccccc; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; border:none; text-decoration:none;}

#menuPan ul li.contact a{width:110px; height:28px; display:block; color:Black; border-bottom:1px solid Black; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#menuPan ul li.contact a:hover{width:110px; height:28px; background: Black; color:#cccccc; border-bottom:1px solid Black; text-decoration:none;}

/*----/Menu Panel----*/
/*----Service Panel----*/
#servicePan{width:230px; height:350px; position:relative; margin:0 auto;}
#servicePan ul{width:230px; height:440px; position:absolute; top:2px; left:14px;}
#servicePan ul li{width:230px; height:28px; float:left;}
#servicePan ul li a{width:230px; height:28px; display:block; background:#eaeaea; color: Black; border-bottom:1px solid Black; border-right:1px solid Black; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#servicePan ul li a:hover{width:230px; height:28px; background:Black; color:#cccccc; border:none; text-decoration:none;}

#servicePan ul li.active{width:230px; height:28px; background:Black; color:#cccccc; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; border:none; text-decoration:none;}

#servicePan ul li.contact a{width:230px; height:28px; display:block; color:Black; border:none; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#servicePan ul li.contact a:hover{width:230px; height:28px; background: Black; color:#cccccc; border:none; text-decoration:none;}

/*----/Service Panel----*/
/*----Body Bottom Panel----*/
#bodybottomPan{width:778px; position:relative; margin:0 auto; padding:30px 0 0 8px;}
/*----Bottom Left Panel----*/
#bottomleftPan{width:375px; float:left; background:url(images/bodybottombg.gif) 0 0 no-repeat #ffffff; color:#1F5BC7; border-bottom:1px solid #D7D5D5; border-left:1px solid #D7D5D5; border-right:1px solid #D7D5D5; border-top:1px solid #D7D5D5; margin:0px;}
#bottomleftPan h2{width:250px; height:58px; background:url(images/icon1.gif) 0 0 no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:22px 0 0 41px;}
#bottomleftPan h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;}

#bottomleftPan ul{width:290px; margin:15px 0 0 50px;}
#bottomleftPan ul li{width:290px; height:30px; background:url(images/bullet1.gif) 0 0 no-repeat;} 
#bottomleftPan ul li a{width:210px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 80px;}
#bottomleftPan ul li a:hover{display:block;background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} 
 
#bottomleftPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} 
#bottomleftPan p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
#bottomleftPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#ffffff; text-decoration:none;} 
/*----/Bottom Left Panel----*/

/*----Bottom Right Panel----*/
#bottomrightPan{width:375px; float:left; background:url(images/bodybottombg.gif) 0 0 no-repeat #ffffff; color:#1F5BC7; border-bottom:1px solid #D7D5D5; border-left:1px solid #D7D5D5; border-right:1px solid #D7D5D5; border-top:1px solid #D7D5D5; margin:0 0 0 8px;}
#bottomrightPan h2{width:250px; height:58px; background:url(images/icon2.gif) 0 0 no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:22px 0 0 41px;}
#bottomrightPan h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;}

#bottomrightPan ul{width:290px; margin:15px 0 0 50px;}
#bottomrightPan ul li{width:290px; height:30px; background:url(images/bullet1.gif) 0 0 no-repeat;} 
#bottomrightPan ul li a{width:210px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 80px;}
#bottomrightPan ul li a:hover{display:block;background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} 
 
#bottomrightPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} 
#bottomrightPan p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
#bottomrightPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#ffffff; text-decoration:none;} 
/*----/Bottom Left Panel----*/

/*----FOOTER PANEL----*/
#footermainPan
{
	height: 55px;
	background: url(images/footerbg.jpg) #a09e9d repeat-x 0px 0px;
	color: #fff;
	font: 13px/20px "Trebuchet MS" ,Arial, Helvetica, sans-serif;
	position: relative;
	margin: 0 auto;
	clear: both;
	padding: 75px 0 0;
}

#footerPan
{
	width: 700px;
	position: relative;
	margin: 0 auto;
	text-align: center;
}

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

#footerPan p.copyright{width:220px; position:relative; margin:0 auto; color:#fff;  font-size:11px;}

#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:45px; left:265px;}
#footerPanhtml a{width:66px; height:24px; display:block; background:url(images/html-bg-normal.gif) 0 0 no-repeat #3B3B3B; 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/footerbg.jpg) 0 0 no-repeat #3B3B3B; color:#fff;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:45px; left:340px;}
#footerPancss a{width:58px; height:24px; display:block; background:url(images/css-bg-normal.gif) 0 0 no-repeat #3B3B3B; 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-bg-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff; text-decoration:none;}
/*----/FOOTER PANEL----*/
.VerbList
{
	list-style-position: outside;
	list-style-type: circle;
}
.ContentArea
{
	background-position-x: center;
	background-repeat: no-repeat;
}
.DefaultTitle
{
	font-weight: bold;
	font-size: x-large;
	color: maroon;
	font-style: italic;
	font-family: 'Courier New';
	text-align: center;
}
.DefaultText
{
	text-align: center;
	font-size: medium;
	font-family: 'Courier New';
}