@charset "utf-8";
/* CSS Document */

body{
	background:#dde5f0;
	margin:0 auto;
	padding: 0px;
	border: 0px;
	height: 100%;
	width: 100%;
}
#TopBar{	
	background:url(images/topbarbg2.png) repeat-x;
	margin:auto;
	padding: 0px;
	border: 0px;
	height:90px;
	width: 100%;
}
.header{
	background:none;
	margin-left:auto;
	margin-right:auto;
	height: 90px;
	width: 950px;
}
.header .toplogo{
	background:transparent url(images/hpclogo.png) no-repeat;
	text-align:left;
	margin-left:0px;
	height: 90px;
	width: 40%;
	float:left;
}
.header .topnav{
	background:url(images/navbg.png) no-repeat;
	height: 48px;
	width: 42%;
	float:right;
	padding-top:10px;
	padding-left:20px;
}
.header .topnav .box{
	width: 100%;
	height:45%;
	font-size:15px;
	font-weight:bold;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
}
.header .topnav .box .nav{
	float:left;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	padding-right:10px;
}
.header .topnav .box .nav a{
	color:#FFFFFF;
	text-decoration:none;
}
.header .topnav .box .nav a:hover{
	color:#0099FF;
}
.header .topnav .box .nav a:active{
	color:#0000FF;
	text-decoration:none;
}
.midbar{
	background:url(images/midbarbg.jpg) repeat-x;
	margin:auto;
	padding: 0px;
	border: 0px;
	height: 316px;
	width: 100%;	
}
.midbody{
	background:url(images/effect.png) no-repeat;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	border: 0px;
	height: 316px;
	width: 950px;
}
.midbody .welcome{
	float:left;
	background:url(images/welcome.png) no-repeat;
	margin-top:20px;
	height: 82px;
	width: 470px;
	
}
.midbody .welcometext{
	font-family:"Trebuchet MS";
	float:left;
	line-height:1.15em;
	width: 470px ;
	color:#FFFFFF;
	position:relative;
	top:110px;
	left: -460px;
}
.midbody .viewportfolio{
	float:left;
	background:none;
	text-align: center;
	margin:auto;
	padding: 0px;
	border: 0px;
	height: 42px;
	width: 206px ;
	position:relative;
	left: 120px;
	top: 130px;
}
#websamps{
	position:absolute;
	margin:0 auto;
	width: 473px;
	top:12%;
	left: 50%;
}
.bottombar{
	background:url(images/lowbarbg.jpg) repeat-x;
	background-color:#26a8e0;
	margin:auto;
	height: 385px;
	width: 100%;
}
.container{
	background:none;
	margin-left:auto;
	margin-right:auto;
	width: 950px;
}
.lowfade{
	background:url(images/lowfade.png) no-repeat;
	height: 48px;
	width: 950px;
	padding:15px 0px 0px 5px;
	font-size:18px;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
}
.container .left{
	float:left;
	background:none;
	margin-left:auto;
	margin-right:auto;
	width: 50%;
}
.container .left .leftwebbox{
	float:left
	height: 197px;
	width:100%;
	font-size:14px;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
	line-height:2.0em;
}
.container .left .leftwebbox ul li{
	list-style-type: none;
	height: 197px;
	width: 100%;
	margin-left:-2.8em;
	margin-top:-1em;
}
.container .left .leftwebbox a{	
	display: block;
	color: #FFF;
	background-color:#FFF;
	height: 197px;
	width: 461px;
	padding: 5px;
	text-decoration: none;
}
.container .left .leftwebbox a:hover{	
	background-color: #141247;
	color: #FFF;
}
.container .right{
	float:right;
	margin-left:auto;
	margin-right:auto;
	width: 50%;
}
.container .right .rightwebbox{
	float:right;
	height: 197px;
	width:100%;
	font-size:14px;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
	line-height:2.0em;	
}
.container .right .rightwebbox ul li{
	background-color:#003333;
	list-style-type: none;
	height: 197px;
	width: 100%;
	margin-top:-1.0em;
	margin-left:-2.8em;
}
.container .right .rightwebbox a{	
	display: block;
	color: #FFF;
	background-color:#FFF;
	height: 197px;
	width: 461px;
	padding: 5px;
	text-decoration: none;
}
.container .right .rightwebbox a:hover{	
	background-color: #141247;
	color: #FFF;
}
/*end of index styles*/
.profilemidbar{
	background:url(images/midbarbg.jpg) repeat-x;
	margin:auto;
	padding: 0px;
	border: 0px;
	height: 110px;
	width: 100%;	
}
.profileheader{
	background:transparent url(../images/effect.png) no-repeat;
	height: 108px;
	width: 950px;
	margin-left:auto;
	margin-right:auto;
}

.profileheader .profiletitle{
	float:left;
	padding-top:20px;
	padding-left: 10px;
	width:60%;
	font-size:14px;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
	line-height: 4.0em;
}
.profilebottombar{
	background:url(images/lowbarbg.jpg) repeat-x;
	background-color:#26a8e0;
	margin:auto;
	width: 100%;
	height: 450px;
}
.profilebody{
	height:361px;
	background:none;
	margin-left:auto;
	margin-right:auto;
	width: 950px;
}
.profilebody .lowfade{
	background:url(images/lowfade.png) no-repeat;
	height: 20px;
	width: 950px;
	padding:15px 0px 0px 10px;
	font-size:18px;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
}
.profiletext{
	padding: 20px 20px 20px 10px; 
	float:left;
	width:55%;
	font-size:14px;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
	line-height:1.25em;
	height:300px;
}
.profilelist{
	background:url(images/skillsbg.png) no-repeat;
	margin-top:20px;
	padding: 0px 20px 20px 30px; 
	float:right;
	width:35%;
	font-size:14px;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
	line-height:1.25em;
	height:300px;
}
/*end of profile styles*/
.portfolioheader .portfolionav{
	float:right;
	width:28%;
	height:108px;
}
ul.simple-menu{float:right;list-style-type:none;width:28%;height:27px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:15px;font-weight:bold;margin-top:0px;padding:0px 0px 0px 0px;}
ul.simple-menu li{display:block;float:left;margin:0 0 0 4px;height:27px;}
ul.simple-menu li.left{margin:0;}
ul.simple-menu li a{display:block;float:left;color:#fff;background:url(images/pagestab_off.png) no-repeat;;line-height:27px;text-decoration:none;padding:0 17px 0 18px;height:27px;}
ul.simple-menu li a.right{padding-right:19px;}
ul.simple-menu li a:hover{background:url(images/pagestab_on.png) no-repeat;}
ul.simple-menu li a.current{color:#fff;background:url(images/pagestab_on.png) no-repeat;}
ul.simple-menu li a.current:hover{color:#fff;background:#url(images/pagestab_on.png) no-repeat;}

.portfoliobottombar{
	background:url(images/lowbarbg.jpg) repeat-x;
	background-color:#26a8e0;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
}
.portfoliobody{
	background:none;
	margin-left:auto;
	margin-right:auto;
	width: 950px;
}
.titlebar{
	height:40px;
	background:none;
	margin-left:auto;
	margin-right:auto;
	width: 930px;
	font-size:18px;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
	line-height:2.0em;
	font-weight:bold;
	padding-top:20px;
}

.webshots{
	background:none;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	height: 2000px;
	padding-top:0px;
	font-size:14px;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
}
.webshots .left{
	padding-left:10px;
	padding-top:20px;
	padding-bottom:10px;
	float:left;
	width:50%;
	line-height:2.0em;
}
.webshots .right{
	padding-top:20px;
	float:right;
	background-color:none;
	width: 40%;
}
.portfoliobody .leftwebbox{
	float:left
	height: 197px;
	width:100%;
	font-size:14px;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
	line-height:2.0em;
}
.portfoliobody .webshots .left ul li{
	list-style-type: none;
	height: 197px;
	width: 100%;
	margin-left:-2.8em;
	margin-top:-1em;
}
.portfoliobody .webshots .left a{	
	display: block;
	color: #FFF;
	background-color:#fff;
	height: 197px;
	width: 461px;
	padding: 5px;
	text-decoration: none;
}
.portfoliobody .webshots .left a:hover{	
	background-color: #00fff6;
	color: #FFF;
}

.portfoliobody .webshots .right .rightwebbox{
	float:right;
	height: 197px;
	width:100%;
	font-size:14px;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
	line-height:2.0em;	
}
.portfoliobody .webshots .right ul li{
	background-color:#003333;
	list-style-type: none;
	height: 197px;
	width: 100%;
	margin-top:-1.0em;
	margin-left:-2.8em;
}
.portfoliobody .webshots .right a{	
	display: block;
	color: #FFF;
	background-color:#FFF;
	height: 197px;
	width: 461px;
	padding: 5px;
	text-decoration: none;
}
.portfoliobody .webshots .right a:hover{	
	background-color: #141247;
	color: #FFF;
}
/*End of Portfolio*/
.printbottombar{
	background:url(images/lowbarbg.jpg) repeat-x;
	background-color:#26a8e0;
	margin:auto;
	width: 100%;
}
.printbottombar .printbody{
	background:none;
	margin-left:auto;
	margin-right:auto;
	width: 950px;
}
.printbody .printdesign{
	background:none;
	margin-left:auto;
	margin-right:auto;
	width: 930px;
	font-size:12px;
	font-family:"Trebuchet MS";
	color:#FFFFFF;	
	line-height:1.8em;
	font-weight:bold;
	padding-top:20px;
	height:3000px;
}
.printdesign .printitem{
	padding-top:15px;
	float:left;
	text-align:center;
	width:25%;
}
/*End of Print*/
.contactbottombar{
	background:url(images/lowbarbg.jpg) repeat-x;
	background-color:#26a8e0;
	margin:auto;
	width: 100%;
}
.contactbottombar .contactbody{
	background:none;
	margin-left:auto;
	margin-right:auto;
	width: 950px;
	height:700px;
}
.contactbottombar .contactlinks{
	background:none;
	margin-left:auto;
	margin-right:auto;
	width: 950px;
	height:200px;
	text-align:center;
	font-size:14px;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
	font-weight:bold;
}
.contactbox{
	background-color:#000033;
	padding-top:15px;
	margin-left:auto;
	margin-right:auto;
	width:60%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}
.contacttext{
	height:170px;
	background:none;
	margin-left:auto;
	margin-right:auto;
	width: 930px;
	font-size:14px;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
	line-height:1.2em;
	padding-top:20px;
}
div.contactbox label {
width:100%;
display: block;
background:#000536;
border-top:1px solid #000321;
border-bottom:1px solid #000321;
padding:10px 0 10px 0;
}
div.contactbox label span {
display: block;
color:#bbbbbb;
font-size:12px;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}
div.contactbox .input_text {
padding:5px 5px;
width:200px;
background:#b9b9b9;
border-bottom: 1px double #000321;
border-top: 1px double #171717;
border-left:1px double #000321;
border-right:1px double #333333;
}

div.contactbox .message{
padding:7px 7px;
width:350px;
background:#b9b9b9;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333333;
border-right:1px double #333333;
overflow:hidden;
height:150px;
}
div.contactbox .button{
margin:0 0 10px 0;
padding:4px 7px;
background:#0054ff;
border:0px;
position: relative;
top:10px;
left:385px;
width:100px;
border-bottom: 1px double #000000;
border-top: 1px double #000000;
border-left:1px double #0054ff;
border-right:1px double #0054ff;
}






.footer{
	background-color:#26a8e0;
	width: 100%;
}
.footer .text{
	clear:both;
	text-align:center;
	height:30px;
	width:950px;
	background:url(images/lowfade.png) no-repeat;
	background-color:#26a8e0;
	padding:15px 0px 0px 5px;
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
}