a:link, a:visited {
	color: #996699;
	text-decoration: none;
}
a:hover {
	color: #ffffff;
	background: #996699;
	text-decoration: none;
}
body {
	margin: 0px auto;
	color: #131313;
	background: #ffffff;
	font: 11px/17px Verdana, Arial, sans-serif;
	text-align: left;
}
#rap {
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20px;
	margin-top: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color:#f0f0f0;
	width: 798px;
	border: 1px solid #a5a5a5;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.clear {
        clear:both;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

#content {
	width: 740px;
	margin-top:5px;
	margin-left: auto;
	margin-right:auto;
	padding: 15px;
	border: solid 1px #d7d7d7;
	background-color: #ffffff;
}

#header {
	margin: 2px 0 0 0;
	padding: 0;
	background: #f0f0f0;
	font: bold 10px Verdana, Georgia, "Times New Roman", Times, serif;
	letter-spacing: 3px;
}
#header a {
	color:  #996699;
	text-decoration: none;
}
/* 
	jamiesan additions for custom website
*/

#footer {
        font-size:10px; 
        font-family:Georgia, "Trebuchet MS", Verdana; 
        width:"100%"; 
        color:#999;
        padding:4px 0px;
        text-align:center;
}

.topborder {
	height: 15px;
	width:auto;
	border-bottom: 1px solid #535353;
	background: url(../images/jh--topborder-name.gif) #adadad no-repeat right;
}
.bottomborder {
	height: 15px;
	width:auto;
	border-top: 1px solid #535353;
	background: url(../images/jh--bottomborder-name.gif) #adadad no-repeat left;
}
.topshadow {
	height:4px;
	margin:0;
	padding:0;
	border:0;
	background: url(../images/jh--topshadow.gif) #cccccc;
}
.bottomshadow {
	height:4px;
	margin:0;
	padding:0;
	border:0;
	background: url(../images/jh--bottomshadow.gif) #cccccc;
}

.logo {
	margin: 0px auto;
	padding-top: 10px;
	padding-bottom:10px;
	background: url(../images/jh--logo.gif) no-repeat left #ffffff;
	height:50px;
	width: 800px;
}
#mainheader {
	padding:0;
	border:0;
	width: auto;
	height:127px;
}
.purpleheader {
	margin: 0 auto;
	padding: 0;
	border-bottom: 1px solid #fff;
	width: auto;
	height: 75px;
	background-color: #491461;
}
.lpurpleheader {
	margin: 0 auto;
	padding: 0;
	width: auto;
	height: 14px;
	background-color: #EBDEED;
}
.imageheadercontainer {
	position:absolute;
	width:100%;
}
.imageheader-home {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0px;
	border-top: 4px solid #491461;
	border-bottom: 4px solid #fff;
	background: url(images/jh--header-home.jpg) no-repeat center;
	height: 120px;
	width: 800px;
}
.imageheader-resume {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0px;
	border-top: 4px solid #491461;
	border-bottom: 4px solid #fff;
	background: url(images/jh--header-resume.jpg) no-repeat center;
	height: 120px;
	width: 800px;
}
.imageheader-links {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0px;
	border-top: 4px solid #491461;
	border-bottom: 4px solid #fff;
	background: url(images/jh--header-links.jpg) no-repeat center;
	height: 120px;
	width: 800px;
}
.imageheader-contact {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0px;
	border-top: 4px solid #491461;
	border-bottom: 4px solid #fff;
	background: url(images/jh--header-contact.jpg) no-repeat center;
	height: 120px;
	width: 800px;
}
.imageheader-gallery {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0px;
	border-top: 4px solid #491461;
	border-bottom: 4px solid #fff;
	background: url(images/jh--header-gallery.jpg) no-repeat center;
	height: 120px;
	width: 800px;
}

#nav {
	padding:0;
	border:0;
	width: auto;
	height:33px;
	clear:left;
}
.navbg {
	margin:auto;
	background-color:#a5a5a5;
	height: 33px;
	width: 800px;
}
.navcnt {
	position:absolute;
	width:100%;
}
.navigation {
	margin-left: auto;
	margin-right: auto;
	margin-top:1px;
	padding:0;
	background-color: #491461;
	width: 796px;
	height:30px;
	border: solid 1px #f0f0f0;
}
.navigation a { 
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
a#nav-home:hover,
a#nav-weblog:hover,
a#nav-resume:hover,
a#nav-gallery:hover,
a#nav-links:hover,
a#nav-contact:hover {
 	background-position: 0 -30px;
}
 a .alt { 
	display: none;
}
a#nav-home {
    width: 116px;
    height: 30px;
    background: url(../images/jh--nav-home.gif) 0 0 no-repeat;
}
a#nav-weblog {
    width: 147px;
    height: 30px;
    background: url(../images/jh--nav-weblog.gif) 0 0 no-repeat;
}
a#nav-resume {
    width: 127px;
    height: 30px;
    background: url(../images/jh--nav-resume.gif) 0 0 no-repeat;
}
a#nav-gallery {
    width: 143px;
    height: 30px;
    background: url(../images/jh--nav-gallery.gif) 0 0 no-repeat;
}
a#nav-links {
    width: 120px;
    height: 30px;
    background: url(../images/jh--nav-links.gif) 0 0 no-repeat;
}
a#nav-contact {
    width: 143px;
    height: 30px;
    background: url(../images/jh--nav-contact.gif) 0 0 no-repeat;
}

/* Resume */

#resume {
	font-family:"trebuchet MS", verdana;
	padding:10px;
	color:#999999;
	font-size:12px;
}

#resume .header {
	padding:5px 0px 10px 0px;
	margin:0px;
	border-bottom:1px solid #999999;
	font-size:13px;
	font-weight:bold;
}

#resume h1 {
	padding:0px;
	margin:0px;
	font-size:18px;
	font-weight:bold;
	color:#333333;
}

#resume h2 {
	font-size:12px;
	text-transform:uppercase;
	padding:10px 0px 0px 0px;
	margin:0px;
}

#resume p {
	color:#000000;
	margin:5px 0px 15px 0px;
	padding:0px 0px 0px 50px;
}

#resume h3 {
	font-size:12px;
	text-transform:uppercase;
	padding:10px 0px 0px 0px;
	margin:0px;
	color:#0066FF;
}
	#resume ul {
		color:#0066FF;
		margin:0px 0px 15px 65px;
		padding:0px;
	}
	
#resume .experience {
	padding:0px 0px 0px 50px;
}
#resume .companyName {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	float:left;
	padding:15px 0px 0px 0px;
}
	#resume .jobTitle {
		font-size:11px;
		font-family:"trebuchet MS", Verdana;
		padding:2px 0px 0px 5px;
		font-weight:normal;
	}
	#resume .companyURL {
		font-size:11px;
		font-family:"trebuchet MS", verdana;
		font-style:italic;
		padding:2px 0px 0px 10px;
		font-weight:normal;
	}
	
#resume .datesEmployed {
	float:right;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:15px 0px 0px 0px;
	font-size:14px;
	font-weight:bold;
}

#resume .jobDetail {
	clear:both;
}
	#resume .jobDetail ul {
		padding: 0px;
		margin:0px 0px 15px 50px;
		color:#000000;
	}
	
/* Contact */

#contact {
	font-family:"trebuchet MS", verdana;
	padding:10px;
	color:#999999;
	font-size:12px;
	vertical-align:top;
}

#contact h1 {
	padding:0px;
	margin:0px;
	font-size:18px;
	font-weight:bold;
	color:#333333;
}

#contact label {
	vertical-align:text-top;
}
.contactFormInput {
	width:250px;
	height:20px;
	font-size:12px;
	padding:2px;
	margin:2px 0px;
	font-family:"trebuchet MS", verdana;
	border:1px solid #999999;
}

.contactFormMessage {
	width:400px;
	height:200px;
	padding:2px;
	margin:2px 0px;
	font-size:12px;
	border:1px solid #999999;
	font-family:"trebuchet MS", verdana;
}
.contactSubmit {
	padding:3px;
	margin:2px 0px;
	border:1px solid #999999;
	background:#CCCCCC
}

/* Gallery */

#gallery {
	width:100%;
	height:800px;
}

/* links */

#links {
	font-family:"trebuchet MS", verdana;
	padding:10px;
	color:#999999;
	font-size:12px;
}

#links h1 {
	padding:0px;
	margin:0px;
	font-size:18px;
	font-weight:bold;
	color:#333333;
}

#links h2 {
	font-size:12px;
	text-transform:uppercase;
	text-decoration:underline;
	padding:10px 0px 0px 0px;
	margin:0px;
}

	#links ul {
		color:#000000;
		margin:0px 0px 15px 20px;
		padding:0px;
	}
	
/* jamie */

#jamie {
	font-family:"trebuchet MS", verdana;
	padding:10px;
	color:#999999;
	font-size:12px;
        line-height:21px;
}

#jamie h1 {
	padding:0px;
	margin:0px;
	font-size:18px;
	font-weight:bold;
	color:#333333;
}

#jamie p {
	color:#000000;
	margin:0px;
	padding:0px 0px 10px 0px;
}

#jamie .image {
	padding:3px;
	border:1px solid #999999;
	margin:0px 10px 10px 0px;
}