/* CSS Document */
body{
	padding: 0px;	
	margin: 0px;
	background: url(../siteImages/main-bg.gif) 0 0 repeat-x #fff;
	color: #5F7A77;	
	font-size: 13px; 
	line-height: 19px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}

div, ul, h2, h4, h5, img{
	padding: 0px 0px; 
	margin: 0px 0px;
}

h3{
	margin: 6px 0px 9px 0px;
	font-weight: bold;
}

p{
	line-height: 14px;
}

ul{
	list-style-type: none;
}

a{
	color: #305E5C;
	text-decoration: underline;
}

a:hover{
	color: #333333;
	text-decoration: none;
}

/*----MAIN PANEL----*/
#mainPan{
	width: 778px; 
	position: relative; 
	margin: 0px 0px;
}


/*----TOP PANEL----*/
#topPan{
	width: 778px; 
	height: 65px; 
	background: url(../siteImages/topbg.jpg) 0 0 no-repeat #fff; 
	color: #828282; 
	position: relative; 
	margin: 0px auto;
}

#topPan h1{
	margin: 0px 0px;
}

#topPan .logo{
	width: 200px; 
	height: 20px;
	position: relative;
	z-index: 10;
	top: 36px; 
	left: 233px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}

#topPan a{
	text-decoration:  none;
	font-size:  28px;
	color:  #7ebdb6;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-weight:  normal;
}

#topcontactPan{
	cursor: pointer;
	width: 146px;
	height: 36px;
	/*background-image: url(../siteImages/icon1.jpg);*/
	background-repeat: no-repeat;
	background-position: right;
	position: absolute;
	top: 11px;
	left: 567px;
	padding: 7px 0 0;
}

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

/*----HEADER PANEL----*/
#headerPan{
	width: 686px; 
	height: 153px; 
	background: url(../siteImages/header.jpg) 0 0 no-repeat; 
	position: relative; 
	margin: 0 auto; 
	padding: 11px 0 0 92px;
}


#headerPan ul.leftmenu{
	width: 87px;
}

#headerPan ul.leftmenu li{
	width: 87px; 
	height: 22px; 
	border-bottom: 1px dashed #AECCCA;
}

#headerPan ul.leftmenu li a{
	width: 72px; 
	height: 22px; 
	display: block; 
	background: url(../siteImages/bullet-normal.gif) 0 7px no-repeat #fff; 
	color: #305E5C; 
	line-height: 22px; 
	text-decoration: none; 
	padding: 0 0 0 15px;
}

#headerPan ul.leftmenu li a:hover{
	background: url(../siteImages/bullet-hover.gif) 0 7px no-repeat #fff; 
	color: #305E5C; 
	line-height: 22px; 
	text-decoration: none; 
	padding: 0 0 0 15px;
}

#homePage .highlightHome a, #portfolio .highlightPortfolio a, #resume .highlightResume a, #contact .highlightContact a, #freelance .highlightServices a{
	font-weight: bold;
	background-image: url(../siteImages/bullet-hover.gif) !important;
	background-position: 0px 7px;
	background-repeat: no-repeat;
	background-color: #fff; 
}

#homePage .highlightHome2 a, #portfolio .highlightPortfolio2 a, #resume .highlightResume2 a, #contact .highlightContact2 a, 
#freelance .highlightServices2 a{
	font-weight: bold;
}

#headerPan ul.leftmenu li.Solutions{
	width: 72px; 
	height: 22px; 
	display: block; 
	background: url(../siteImages/bullet-hover.gif) 0 7px no-repeat #fff; 
	color: #305E5C; 
	line-height: 22px; 
	text-decoration: none; 
	padding: 0 0 0 15px;
}

#headerPan ul.leftmenu li.clients{
	width: 87px; 
	height: 22px; 
	border-bottom: none;
}


#headerPan ul.botton{
	width: 150px; 
	height: 45px; 
	position: absolute; 
	top: 118px; 
	left: 560px;
}

#headerPan ul.botton li{
	float: left; 
	height: 45px;
}

#headerPan ul.botton li.home a{
	width: 42px; 
	height: 45px; 
	display: block; 
	background: url(../siteImages/home-normal.gif) 0 0 no-repeat; 
	text-indent: -200000px; 
	margin: 0 12px 0 0;
}

#headerPan ul.botton li.home a:hover{
	background: url(../siteImages/home-hover.gif) 0 0 no-repeat;
}


#headerPan ul.botton li.resume a{
	width: 42px; 
	height: 45px; 
	display: block; 
	background: url(../siteImages/aboutus-normal.gif) 0 0 no-repeat; 
	text-indent: -200000px; 
	margin: 0 12px 0 0;
}

#headerPan ul.botton li.resume a:hover{
	background: url(../siteImages/aboutus-hover.gif) 0 0 no-repeat;
}


#headerPan ul.botton li.contact a{
	width: 42px; 
	height: 45px; 
	display: block; 
	background: url(../siteImages/contact-normal.gif) 0 0 no-repeat; 
	text-indent: -200000px; 
	margin: 0px;
}

#headerPan ul.botton li.contact a:hover{
	background: url(../siteImages/contact-hover.gif) 0 0 no-repeat;
}


#headerPan ul.portfolioBottom{
	width: 460px; 
	height: 20px; 
	position: absolute; 
	top: 138px; 
	left: 310px;
}

#headerPan ul.portfolioBottom li{
	float: left;
	display: inline;
}

/*----/HEADER PANEL----*/

/*----BODY PANEL----*/
#bodyPanel{
	width: 686px; 
	background: url(../siteImages/bodybg.gif) 0 0 no-repeat; 
	position: relative; 
	margin: 0px auto; 
	padding: 22px 0px 0px 92px;
}

/*----Body Left Panel----*/
#leftPanel{
	width: 114px; 
	float: left;
}


#leftPanel h2{
	width: 114px; 
	height: 34px; 
	background: #fff; 
	color: #5F7A77; 
	font-size: 18px; 
	line-height: 34px;
}


#leftPanel ul{
	width: 114px;
}

#leftPanel ul li{
	width: 114px; 
	height: 24px;
}

#leftPanel ul li a{
	width: 102px; 
	height: 24px; 
	display: block; 
	background: url(../siteImages/bullet2-normal.gif) 0 10px no-repeat #fff; 
	color: #5F7A77; 
	text-decoration: none; 
	line-height: 24px; 
	padding: 0 0 0 12px;
}

#leftPanel ul li a:hover{
	background: url(../siteImages/bullet2-hover.gif) 0 10px no-repeat #fff; 
	color: #5F7A77; 
	text-decoration: none;
}

#leftPanel ul li span{
	text-decoration: underline;
}

/*----/Body Left Panel----*/
/*----Body Right Panel----*/
#rightPanel{
	width: 511px; 
	float: left; 
	border-left: 1px solid #C8E8E2; 
	margin: 5px 0 0; 
	padding: 0px 28px;
}

#rightPanel p{
	padding: 0px 0px;
	margin: 8px 0px;
	font-size: 13px;
	line-height: 16px;
}

#rightPanel a{
 font-weight: bold;
}

#rightPanel p.more{
	width: 502px; 
	height: 25px; 
	float: left; 
	background: url(../siteImages/sky-color-bg.gif) 0 10px repeat-x; 
	padding: 0 0 20px 0;
}

#slidedown_contact{
	width: 502px; 
	height: 25px; 
	clear: both;
}

#slidedown_contact a{
	color: #958201;
	text-decoration: none;	
}

#slidedown_contact a:hover{
	text-decoration: underline;
}

#rightPanel p.more a{
	width: 92px; 
	height: 21px; 
	display: block; 
	/*background: url(../siteImages/icon2.jpg) 0 0 no-repeat #fff; */
	background-color: #FFF;
	color: #958201; 
	line-height: 21px; 
	text-transform: uppercase; 
	text-decoration: none; 
	margin: 0 0 0 328px; 
	padding: 4px 0px 0px 24px;
}

#rightPanel p.more a:hover{
	background: url(../siteImages/icon2.jpg) 0 0 no-repeat #fff; 
	color: #645804; 
	text-decoration: none;
}


#rightPanel h2{  
	display: block;  
	font-size: 16px; 
	font-weight: bold; 
	line-height: 18px; 
	text-transform: uppercase; 
	padding: 30px 0px 0px 0px;
	margin: 0 0 5px 0;
}


#rightPanel ul.services{
	width: 137px; 
	height: 114px; 
	float: left; 
	border: 1px solid #B1DED5; 
	background: #fff; 
	color: #5F7A77; 
	padding: 7px 0 0 25px;
}


#rightPanel ul.services li.captionone{
	background: #fff; 
	color: #AC9601; 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration: underline;
}


#rightPanel ul.services li{
	width: 137px; 
	height: 20px;
}

#rightPanel ul.services li a{
	width: 125px; 
	height: 20px; 
	display: block; 
	background: url(../siteImages/bullet2-normal.gif) 0 7px no-repeat #fff; 
	color: #5F7A77; 
	text-decoration: none; 
	line-height: 20px; 
	padding: 0 0 0 12px;
}

#rightPanel ul.services li a:hover{
	background: url(../siteImages/bullet2-hover.gif) 0 7px no-repeat #fff; 
	color: #5F7A77; 
	text-decoration: none;
}


#rightPanel ul.servicestwo{
	width: 137px; 
	height: 114px; 
	float: left; 
	border-bottom: 1px solid #B1DED5; 
	border-top: 1px solid #B1DED5; 
	 border-right: 1px solid #B1DED5;background: #fff; 
	color: #5F7A77; 
	padding: 7px 0 0 25px;
}


#rightPanel ul.servicestwo li.captiontwo{
	background: #fff; 
	color: #AC9601; 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration: underline;
}


#rightPanel ul.servicestwo li{
	width: 137px; 
	height: 20px;
}

#rightPanel ul.servicestwo li a{
	width: 125px; 
	height: 20px; 
	display: block; 
	background: url(../siteImages/bullet2-normal.gif) 0 7px no-repeat #fff; 
	color: #5F7A77; 
	text-decoration: none; 
	line-height: 20px; 
	padding: 0 0 0 12px;
}

#rightPanel ul.servicestwo li a:hover{
	background: url(../siteImages/bullet2-hover.gif) 0 7px no-repeat #fff; 
	color: #5F7A77; 
	text-decoration: none;
}


#rightPanel h4{
	width: 96px; 
	height: 77px; 
	float: left; 
	display: block; 
	background: url(../siteImages/icon4.jpg) 8px 38px no-repeat #DFD79C; 
	color: #fff; 
	font-size: 16px; 
	font-weight: bold; 
	line-height: 18px; 
	text-transform: uppercase; 
	padding: 46px 0 0 75px; 
	 margin: 0 0 5px 0;
}


#rightPanel ul.events{
	width: 305px; 
	height: 114px; 
	float: left; 
	border: 1px solid #B1DED5; 
	background: #fff; 
	color: #5F7A77; 
	padding: 7px 0 0 25px;
}


#rightPanel ul.events li.captionthree{
	background: #fff; 
	color: #AC9601; 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration: none;
}


#rightPanel ul.events li{
	width: 305px; 
	height: 20px;
}

#rightPanel ul.events li a{
	width: 293px; 
	height: 20px; 
	display: block; 
	background: url(../siteImages/bullet2-normal.gif) 0 7px no-repeat #fff; 
	color: #959595; 
	text-decoration: underline; 
	line-height: 20px; 
	padding: 0 0 0 12px;
}

#rightPanel ul.events li a:hover{
	background: url(../siteImages/bullet2-hover.gif) 0 7px no-repeat #fff; 
	color: #5F7A77; 
	text-decoration: underline;
}


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

/*----FOOTER PANEL----*/
#footermainPan{
	height: 56px; 
	background: url(../siteImages/footerbg.gif) 0 0 repeat-x #D3F0F0; 
	color: #2F5958; 
	font: 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	position: relative; 
	margin: 0 auto; 
	clear: both; 
	padding: 36px 0 0;
}

#footerPan{
	width: 511px; 
	position: relative; 
	margin: 0px 0px 0px 234px;
}

#footerPan ul{
	width: 400px; 
	height: 20px; 
	position: relative; 
	margin: 0px 0px 0px -10px;
}

#footerPan li{
	float: left; 
}

#footerPan ul li a{
	padding: 0px 10px 0px 10px; 
	color: #2F5958; 
	background: #EBF8F7; 
	text-decoration: none; 
	font-size: 13px;
}

#footerPan ul li a:hover{
	text-decoration: underline;
}

#footerPan p.copyright{
	width: 400px;
	margin: 10px 0px 0px 0px;
}

#footerPan .templateworld{
	width: 200px; 
	background: #D3F0F0; 
	color: #007163;
	font-size: 9px; 
}

#footerPan .templateworld {
	height: 20px;
	width: 120px;
}

#footerPan .templateworld a{
	background: #D3F0F0; 
	color: #007163; 
	text-decoration: none; 
	padding: 0px; 
	font-size: 10px;
}

#footerPan .templateworld a:hover{
	text-decoration: underline;
}

#footerPanhtml{
	display: block; 
	position: absolute; 
	top: 29px; 
	left: 390px;
}

#footerPanhtml a{
	background-color: #D3F0F0; 
	color: #fff; 
	font-size: 13px; 
	line-height: 23px; 
	font-weight: bold; 
	text-decoration: none;
	padding: 0 0 0 7px;
}

/*----/FOOTER PANEL----*/


/*----Sub Pages ---*/
#contactInfo{
	text-align: right; 
	width: 480px; 
	padding-right: 20px;
}

.screenshots{
	float: right;
	padding: 0px 5px 5px 5px;
}