/* Global */
body{
	padding:0; 
	margin:0; 
	background:url('../images/main-bg.gif') 0 0 repeat-x #FCFAE6; 
	font:14px/20px Arial, Helvetica, sans-serif; 
	color:#3D3C2C; 
	font-weight:normal;
	}
div, p, h1, h2, h3, ul, img{
	padding:0px; 
	margin:0px;
	}
ul{
	list-style-type:none;
	}

/* TOP PANEL */
#topPan{
	width:778px; 
	height:96px; 
	position:relative; 
	margin:0 auto; 
	padding:0;
	}
#topPan img{
	width:220px; 
	height:60px; 
	display:block; 
	padding:23px 0 0 6px; 
	border-style:none
	}

/* Menu Panel */
#topPan ul{
	width:520px; 
	height:96px; 
	display:block; 
	position:absolute; 
	top:0px; 
	right:9px; 
	margin:0; 
	padding:0;
	}
#topPan ul li{
	float:left; 
	width:104px; 
	display:block; 
	text-align:center;
	}
#topPan ul li a{
	width:104px; 
	height:35px; 
	display:block; 
	font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	color:#2E4E00; 
	background:url('../images/menu-bg.gif') 0 0 repeat-x #F4F1DD; 
	text-decoration:none; 
	margin:0; 
	padding:61px 0 0 0;
	}
#topPan ul li a:hover{
	width:104px; 
	height:96px; 
	display:block; 
	background:#FCFAE6; 
	color:#2E4E00; 
	text-decoration:none;
	}
#topPan ul li span{
	width:104px; 
	height:35px; 
	display:block; 
	background:url('../images/menu-divider1.gif') 100% 0 no-repeat #FCFAE6; 
	color:#2E4E00; 
	text-decoration:none; 
	padding:61px 0 0 0; 
	line-height:14px;
	}

/* /TOP PANEL */

/* HEADER PANEL */
#headerPan{
	width:778px; 
	height:255px; 
	position:relative; 
	margin:0 auto; 
	padding:0;
	}
#headerPan h1{
	width:526px; 
	height:236px; 
	position:absolute; 
	top:10px; 
	right:0px; 
	background:url('../images/compass.jpg') 0 0 no-repeat #FCFAE6; 
	color:#fff; 
	font-size:36px; 
	line-height:18px; 
	text-transform:uppercase; 
	text-indent:-2000px;
	}
#headerPanleft{
	width:237px; 
	height:214px; 
	position:absolute; 
	top:10px; 
	left:9px;
	}
/* Left Navigation Buttons*/
#headerPan #ourblog{
	float:left; 
	width:237px; 
	height:62px; 
	position:relative; 
	margin:13px 0 0 0; 
	background:url('../images/icon1-nor.gif') 0 0 no-repeat;
	}
#headerPan #ourblog h2{
	width:90px; 
	height:10px; 
	background:#fff; 
	display:block; 
	position:absolute; 
	left:0px; 
	top:0px; 
	margin:14px 0 5px 81px; 
	font:16px/14px Georgia, "Times New Roman", Times, serif; 
	color:#CC0000; 
	z-index:1; 
	text-transform:uppercase;
	}
#headerPan #ourblog p{
	width:120px; 
	height:10px; 
	display:block; 
	position:absolute; 
	font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	color:#2E5000; 
	background:#fff; 
	margin:34px 0 0 81px; 
	z-index:1;
	}
#headerPan #ourblog a{
	text-decoration:none; 
	display:block; 
	width:237px; 
	height:62px;
	}
#headerPan #ourblog a:hover{
	text-decoration:none; 
	background:url('../images/icon1-hover.gif') no-repeat 0 0;
	}

#headerPan #services{
	float:left; 
	width:237px; 
	height:62px; 
	position:relative; 
	margin:13px 0 0 0; 
	background:url('../images/icon2-nor.gif') 0 0 no-repeat;
	}
#headerPan #services h2{
	width:90px; 
	height:10px; 
	background:#fff; 
	display:block; 
	position:absolute; 
	left:0px; 
	top:0px; 
	margin:14px 0 5px 81px; 
	font:16px/14px Georgia, "Times New Roman", Times, serif; 
	color:#CC0000; 
	z-index:1; 
	text-transform:uppercase;
	}
#headerPan #services p{
	width:120px; 
	height:10px; 
	display:block; 
	position:absolute; 
	font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	color:#2E5000; 
	background:#fff; 
	margin:34px 0 0 81px; 
	z-index:1;
	}
#headerPan #services a{
	text-decoration:none; 
	display:block; 
	width:237px; 
	height:62px;
	}
#headerPan #services a:hover{
	text-decoration:none; 
	background:url('../images/icon2-hover.gif') no-repeat 0 0;
	}

#headerPan #links{
	float:left; 
	width:237px; 
	height:62px; 
	position:relative; 
	margin:13px 0 0 0; 
	background:url('../images/icon3-nor.gif') 0 0 no-repeat;
	}
#headerPan #links h2{
	width:90px; 
	height:10px; 
	background:#fff; 
	display:block; 
	position:absolute; 
	left:0px; 
	top:0px; 
	margin:14px 0 5px 81px; 
	font:16px/14px Georgia, "Times New Roman", Times, serif; 
	color:#CC0000; 
	z-index:1; 
	text-transform:uppercase;
	}
#headerPan #links p{
	width:120px; 
	height:10px; 
	display:block; 
	position:absolute; 
	font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	color:#2E5000; 
	background:#fff; 
	margin:34px 0 0 81px; 
	z-index:1;
	}
#headerPan #links a{
	text-decoration:none; 
	display:block; 
	width:237px; 
	height:62px;
	}
#headerPan #links a:hover{
	text-decoration:none; 
	background:url('../images/icon3-hover.gif') no-repeat 0 0;
	}

/* BODY PANEL */
#bodyPan{
	width:778px; 
/*	height:730px; */
/*	height:auto; */
/*	min-height: 350px; */
	position:relative;
	margin:1px auto; 
	padding:1px 0px 1px 0px;
	}

/*Left Panel */
#leftPan{
	width:239px; 
/*	height:611px; */
/*	height: 90%; */
/*	position:absolute; */
	position:relative;
	float:left;
	top:0px; 
	left:8px; 
	margin:0; 
	padding:0;
	}
#leftPan h2{
	width:210px;
	height:36px; 
	background:#FCFAE6; 
	display:block; 
	float:right; 
	padding:0; 
	margin:10px 20px 10px 10px; 
	font:25px/36px Georgia, "Times New Roman", Times, serif; 
	color:#3D3C2C;
	}
#leftPan ul{
	display:block; 
	float:right; 
	width:220px; 
	}
#leftPan ul li{
	background:url('../images/arrow3.gif') 210px 10px no-repeat; 
	padding:0px 20px 0 0; 
	text-align:right;
	} 
#leftPan ul li a{
	text-decoration:underline; 
	color:#3D3C2C; 
	background:#FCFAE6;
	}
#leftPan ul li a:hover{
	text-decoration:none;}


/*Right Panel */
#rightPan{
	width:504px; 
	position:relative;
	float:right;
	top:0px; 
	right:10px; 
	border:1px solid #DCDAC2; 
	background:#fff; 
	color:#3D3C2C;
	margin:0px;
	padding:0px;
	}
#rightbodyPan{
	width:484px; 
	position:absolute; 
	top:10px; 
	left:10px;
	background:#FCFAE6; 
	color:#3D3C2C;
	}
#rightbodyPan h2{
	width:308px; 
	height:31px; 
	display:block; 
	position: relative; 
	background:url('../images/symbol5.gif') 100% 0 no-repeat #FCFAE6; 
	padding:24px 0 0 0; 
	font:28px/28px Georgia, "Times New Roman", Times, serif; 
	color:#3D3C2C; 
	margin:20px 0 20px 40px;
	}
#rightbodyPan h2.computer{
	width:340px; 
	height:31px; 
	display:block; 
	position: relative; 
	background:url('../images/symbol4.gif') 100% 0 no-repeat #FCFAE6; 
	padding:24px 0 0 0; 
	font:28px/28px Georgia, "Times New Roman", Times, serif; 
	color:#3D3C2C; 
	}
#rightbodyPan h3{
	width:308px; 
	height:31px; 
	display:block; 
	position: relative; 
	background:url('../images/symbol6.gif') 100% 0 no-repeat #FCFAE6; 
	padding:24px 0 0 0; 
	font:28px/28px Georgia, "Times New Roman", Times, serif; 
	color:#3D3C2C; 
	margin:20px 0 20px 40px ;
	}
#rightbodyPan h4{
	width:308px; 
	height:31px; 
	display:block; 
	position: relative; 
	background:url('../images/question.gif') 100% 0 no-repeat #FCFAE6; 
	padding:24px 0 0 0; 
	font:28px/28px Georgia, "Times New Roman", Times, serif; 
	color:#3D3C2C; 
	margin:20px 0 20px 40px ;
	}
#rightbodyPan p{
	padding:0 80px 10px 40px;
	}
#rightbodyPan p.blog{
	font: 14px/20px Arial, Helvetica, sans-serif;
	color: #3D3C2C;
	font-weight: normal;
	padding: 0 20px 10px 40px;
}
#rightbodyPan p.redtext{
	background:#FCFAE6; 
	color:#CC0000; 
	font-size:18px; 
	line-height:20px; 
	padding:10px 80px 10px 40px;
	}
#rightbodyPan p span{
	background: #FFFF00;
	color: #3D3C2C;
	}
#rightbodymore{
	width:346px; 
	height:25px; 
	border:1px solid #fff; 
	background:#B0AD93; 
	display:block; 
	padding:2px; 
	margin:0 60px 0 40px; 
	font-size:12px; 
	color:#FFFFFA; 
	line-height:25px; 
	font-weight:bold;
	}
#rightbodymore p.textposition{
	float:left; 
	padding:0 0 0 20px; 
	margin:0;
	}
#rightbodymore a{
	float:right; 
	background:url('../images/arrow4.gif') no-repeat 58px 1px #63614F; 
	width:66px; 
	display:block; 
	position:relative; 
	margin:1px 0 0 0; 
	padding:0 0 0 10px; 
	height:23px; 
	text-decoration:none; 
	color:#fff; 
	font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	text-transform:uppercase;
	}
#rightbodymore a:hover{
	background:url('../images/arrow4.gif') no-repeat 58px 1px #333229; 
	text-decoration:none; 
	color:#fff;
	}
#rightbodyPan ul{
	width:368px;
	position:relative; 
	top:5px; 
	left:40px; 
	margin:0 0 10px 0;
	}
#rightbodyPan li{
	width:380px; 
	background:url('../images/arrow2.gif') 0 7px no-repeat; 
	font:14px/24px Arial, Helvetica, sans-serif; 
	padding:0 0 0 20px;
	}
#rightbodyPan li a{
	width:275px; 
	height:60px;
	background:#FCFAE6; 
	color:#CC0000;
	text-decoration:underline; 
	line-height:24px;
	}
#rightbodyPan ul li a:hover{
	width:275px;
	text-decoration:none;
	line-height:24px;
	}


/* FOOTER PANEL */
#footerPan{
	width:778px; 
	height:150px; 
	position:relative;
	clear:both; 
	margin:0 auto; 
	padding:0;
	}
#footernextPan{
	width:506px; 
	height:125px; 
	position:absolute; 
	top:0px; 
	right:10px; 
	background:#B0AD93; 
	color:#fff; 
	margin:0;
	}
#footerPan ul{
	width:470px; 
	display:block; 
	position:absolute; 
	right: 15px;
	top:23px;
	}
#footerPan li{
	float:left; 
	font:12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	font-weight:normal;
	}
#footerPan ul li a{
	padding:0 10px; 
	color:#FFFFFA; 
	background:#B0AD93; 
	text-decoration:none;
	}
#footerPan ul li a:hover{
	text-decoration:underline;
	}
#footerPan ul li a.padl{
	padding:0 0 0 14px;
	}

#footerPan ul.templateworld{
	width:190px; 
	background:#B0AD93; 
	color:#fff; 
	display:block; 
	position:absolute; 
	top:78px; 
	right:25px;
	}
#footerPan ul.templateworld li {
	display:block; 
	}
#footerPan ul.templateworld li a{
	background:#B0AD93; 
	color:#FCFAE6; 
	text-decoration:none;
	}
#footerPan ul.templateworld li a:hover{
	text-decoration:underline;
	}
#footerPan p{
	background:#B0AD93; 
	margin:45px 45px 0 0;
	display:block;
	right: 45px;
	position:absolute; 
	color:#FCFAE6; 
	font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;
	}
#footerPanhtml{
	width:66px; 
	height:23px; 
	display:block; 
	position:absolute; 
	top:78px;
	left:50px; 
	}
#footerPanhtml a{
	width:66px; 
	height:23px; 
	background:url('../images/valid-xhtml10.png') no-repeat; 
	display:block; 
	position:absolute; 
	border:0; 
	}
#footerPanhtml a:hover{
	background:url('../images/valid-xhtml10-blue.png') no-repeat; 
	}
#footerPancss{
	width:66px; 
	height:23px; 
	display:block; 
	position:absolute; 
	top:78px; 
	left:150px;
	}
#footerPancss a{
	width:66px; 
	height:23px; 
	background:url('../images/vcss.png') no-repeat; 
	display:block; 
	position:absolute; 
	border:0; 
	}
#footerPancss a:hover{
	background:url('../images/vcss-blue.png') no-repeat; 
	text-decoration:none;
	}