/* Stylesheet - jhagood.com */

* {
	border:0px solid #222;
	margin: auto;
}
a:link {
	color: #5F5F5F;
	text-decoration:none;
}
a:visited {
	color: #333;
	text-decoration:none;
}
a:hover {
	color: #333;
	text-decoration: none;/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);*/
}
a:focus {
	color: #333;
	text-decoration:none;
}
a:active {
	color: #333;
	text-decoration:none;
}
.contactinfo a:link {
	color: #5F5F5F;
	text-decoration:none;
}
.portfolio a:visited {
	color: #333;
	text-decoration:none
}
.contactinfo a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom:1px dotted;
}
.portfolio a:focus {
	color: #333333;
	text-decoration:none
}
.portfolio a:active {
	color: #333;
	text-decoration:none
}
.portfoliolink a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom:1px dotted #E1E1E1;
}
.portfoliolink {
	padding:5px;
	font-weight:bold;
}
html, body {
	margin: 0px;
	margin-top: 0px;
	text-align: center;
	color: #333;
	font-size: 12px;
	font-family: "Lucida Sans Unicode", Trebuchet MS, Verdana, Arial;
	background-image: url(../images/bg1.jpg);
	background-repeat:repeat-x;
	background-color: #676767;
}
#jhcontainer {
	width: 890px;
	margin: auto;
	padding-left:60px;
	margin-top:0px;
}
#opencontainer {
	width: 830px;
	height: 645px;
	background-image: url(../portfolio/images/portfoliobg.jpg);
	background-repeat: no-repeat;/*opacity:15;
	filter: alpha(opacity=15);
	-moz-opacity: 0.15;*/
}
.logoimg {
	background-image: url(../images/logonew.png);
	height:85px;
	width:371px;
	float:left;
	position:relative;
	margin-top:-11px;
}
.comicimg {
	background-image: url(../images/winterbar.png);
	background-repeat:no-repeat;
	width:823px;
	height:150px;
	z-index:300;
	margin:auto;
}
.contentboximg {
	background-image: url(../images/contentbox.png);
	width:836px;
	height:564px;
	z-index: 2;
	border:0px solid #000;
	margin-top:25px;
}
#footerbg {
	background-image:url(../images/tag.png);
	width:477px;
	height:116px;
	margin-top:-43px;
}
#footer {
	font-family:"Lucida Sans Unicode", century gothic;
	font-size: 10px;
	color: #444444;
	margin-top:0px;
	padding-top:50px;
}
#logomenu {
	width:900px;
	height:65px;
}
#homemenu {
	width:70px;
	height:29px;
	float:left;
	position:relative;
	margin-top:20px;
}
#aboutmenu {
	width:70px;
	height:29px;
	float:left;
	position:relative;
}
#portfoliomenu {
	width:89px;
	height:29px;
	float:left;
	position:relative;
}
.portfolioborder {
	font-size:12px;
	text-align:left;
	line-height:19px;
	border-left:2px solid #333333;
	padding-left:10px;
	float:right;
	width:155px;
	margin-left:10px;
	height:230px;
}
.rightbox {
	/*background-image: url(../images/indexblog.png);

	background-repeat: no-repeat;*/

	width:195px;
	height:350px;
	line-height:21px;
	float:right;
	margin-left:20px;
	margin-top:5px;
	font-size:15px;
	font-family:"Gill Sans MT", Trebuchet MS, sans-serif;
	text-align:left;
}
#contactmenu {
	width:89px;
	height:29px;
	float:left;
	position:relative;
}
#portfolio {
	border: 0px solid #000;
}
#menucontainer {
	Width:390px;
	height:30px;
	border:0px solid #000;
	margin-left:70px;
	float:left;
	position:relative;
	margin-top:9px;
}
#tape {
	background-image:url(../images/tape.png);
	width:396px;
	height:60px;
}
.formfieldstextarea {
	height:500px;
	border:1px solid #787878;
	background-color:#222;
	font-family:Verdana;
	font-size:13px;
	color:#ECECEC;
}
.formfieldstextarea:hover {
	border: 1px solid #787878;
	background: #373737;
}
.formfieldstextarea:focus {
	border: 1px solid #787878;
	background: #373737;
}
div#thankYou {
	margin-top:20px;
	display: none;
	font-weight:bold;
}
#formbutton {
	width: 85px;
	height: 32px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../images/submitbutton.png) no-repeat center top;
	cursor: pointer;
}
#formbutton:hover {
	width: 85px;
	height: 32px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../images/submitbutton2.png) no-repeat center top;
	cursor: pointer;
}
.contactform {
	float:left;
	border:0px solid #999999;
	width:800px;
	height:300px;
	margin-left:0px;
}
.formfields {
	width:200px;
	background-color:#222;
	border: 1px solid #787878;
	height:20px;
	font-family:Verdana;
	font-size:13px;
	padding:2px;
	color:#ECECEC;
}
.formfields:hover {
	border: 1px solid #787878;
	background: #373737;
}
.formfields:focus {
	border: 1px solid #787878;
	background: #373737;
}
.formfieldsbutton {
	width:70px;
	background-color:#6D6D6D !important;
	border: 1px solid #999999 !important;
	height:25px;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
}
.formvalidator {
	width:100px;
	background-color:#FBFBFB !important;
	border: 1px solid #999999 !important;
	height:20px;
	font-family:Verdana;
	font-size:14px;
}
.formstyle {
	margin-left:30px;
	margin-top:20px;
	width:200px;
	float:left;
}
.formstyle2 {
	margin-left:0px;
	margin-top:20px;
	width:200px;
	float:left;
}
/*Image rollover*/

.ImageContainer a .off {
	position: absolute;
	z-index: 100;
}
.ImageContainer a .on {
	position: absolute;
	z-index: 150;
	visibility: hidden;
}
.ImageContainer a:hover .on {
	visibility: visible;
}
/*End Image rollover*/



#divSliderContainer {
	height: 280px; /* Required, but editable */
	width: 675px; /* Required, but editable */
	position:relative;
	padding:10px;
	/* Anything else can go in here to style the container */

	border: solid 0px #000;
	margin-top:3px;
}
/*this style can be used to style the divs, but will be applied all the divs.  To style them seperately, use seperate div ids for each.*/

.divSliderItem {
	border: 0px solid #FFFFFF;
	height: 290px;
}
/*the rest of the styles are not necessary, but only there for use by the example.html file*/

h1 {
	font-size:20px;
	font-family:"Gill Sans MT", Trebuchet MS, sans-serif;
	font-style:italic;
	padding:5px;
	text-align:left;
}
h2 {
	font-size:17px;
	font-family:"Gill Sans MT", Trebuchet MS, sans-serif;
	font-style:italic;
	padding-bottom:5px;
	text-align:left;
}
h3 {
	font-size:17px;
	font-family:"Gill Sans MT", Trebuchet MS, sans-serif;
	font-style:italic;
	padding-bottom:5px;
	text-align:left;
}
h4 {
	font-size:15px;
	font-family:"Gill Sans MT", Trebuchet MS, sans-serif;
	font-style:italic;
	padding-bottom:5px;
	text-align:left;
}
p {
	font-size:14px !important;
	font-family:"Gill Sans MT", Trebuchet MS, sans-serif;
}
.contactinfo {
	float:left;
	width:250px;
	text-align:left;
	margin-left:20px;
	line-height:20px;
}
#liname {
	list-style-image:url('../images/me.png');
	padding:2px;
}
#liemail {
	list-style-image:url('../images/email.png');
	padding:2px;
}
ul {
	padding:5px;
}
ul a {
	color:#333 !important;
}
ul a:hover {
	color: #000;
}
#liphone {
	list-style-image:url('../images/phone.png');
	padding:2px;
}
#liresume {
	list-style-image:url('../images/resume.png');
	padding:2px;
}
#lilinked {
	list-style-image:url('../images/linkedin.png');
	padding:2px;
}
#lirss {
	list-style-image:url('../images/rss.png');
	padding:2px;
}
#litwitter {
	list-style-image:url('../images/twitter.png');
	padding:2px;
}
#lifacebook {
	list-style-image:url('../images/facebook.png');
	padding:2px;
}
#psicon {
	list-style-image:url('../images/psicon.png');
	padding:2px;
}
#isicon {
	list-style-image:url('../images/isicon.png');
	padding:2px;
}
#dwicon {
	list-style-image:url('../images/dwicon.png');
	padding:2px;
}
.aboutmelist {
	float:left;
	width:180px;
	padding-top:5px;
	border:0px dashed #000;
}
.buttonsmall {
	border:1px dotted #000;
	background-color:#B6B6B6;
	height:17px;
	width:17px;
	padding:1px;
	font-weight:bold;
	font-size:11px;
}
.buttonsmall2 {
	border:1px dotted #000;
	background-color:#B6B6B6;
	font-weight:bold;
	height:17px;
	width:23px;
	padding:1px;
	font-size:11px;
}
/* Navagation */

#nav {
	list-style:none;
	float:left;
	margin-left:10px;
	margin-top:5px;
}
#nav li {
	display:inline;
}
#nav li a {
	display:block;
	float:left;
	height:32px;
	padding-left:14px;
	margin-right:0px;
}
#nav li a span {
	font-family:"Gill Sans MT", Trebuchet MS, sans-serif;
	padding:7px 15px 0 0;
	height:25px;
	color:#424242;
	text-transform: uppercase;
	font-weight:bold;
	display:block;
	float:left;
}
#nav li a:hover {
	background:url(../images/navbg.png) no-repeat left;
}
#nav li a:hover span {
	background:url(../images/navbg.png) no-repeat right;
	cursor:pointer;
	color:#fff;
}
#nav li a:active span {
	color:#0865C0;
}