/* Global styles */
* {
	margin:0;
	padding:0;
}

body {
	font-family:Tahoma, Arial, Sans-Serif;
	background-color:#222222;
	background:url('../images/bg.jpg');
}

/* page structure */
#container {
	width:950px;
	margin:30px auto; 
	background-color:#ffffff;
}

#header {
	height:60px;
	background:#e2dbaf;
}

#leftColumn {
	width:400px;
	height:auto;
	float:left;
}

#rightColumn 
{
	width:550px;
	height:auto;
	float:right;
}

#footer 
{
	clear:both;
	height:44px;
	background:#e2dbaf;
	text-align:right;                 
}

/* Header styles */
#pagetitle {
	margin-left:80px;
	font-family:"Arno Pro Smbd Caption",Tahoma,Helvetica,Sans-serif;
	font-size:34pt;
	color:#c12a2d;
}

#topmenu {
	margin:20px 20px 0 0;
	float:right;
	list-style-type:none;
	padding-bottom:5px;
}

#topmenu li {
	margin:0;
	padding:0;
	display:inline;
	font-size:10pt;
}

#topmenu li a {
	text-decoration:none;
}

#topmenu li a:hover {
	border-bottom:2px #c12a2d solid;
}

#topmenu li.seperator {
	color:#222222;
	margin:0px 6px;
}

/* Footer styles */
#footer p {
	color:#656363; 
	padding:15px 20px 0 0;
	font-size:12px;
}

/* Body styles */

/* Content area */
#textbox {
	height:auto;
	margin:25px 20px 25px 0px;
	font-size:14px;
	color:#393939;
}

#textbox form {
	padding:10px 0;
}

#textbox p {
	padding:10px 0;
}

h3 { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#c12a2d;
	padding:5px 0px 0px 0px;
}

a 		{ color:#434343; }
a:visited 	{ color:#434343; }
a:active 	{ color:#434343; }
a:hover 	{ text-decoration:none; }

blockquote {
	padding:10px 0 0 15px;
	margin:0 20px 10px 20px;
	font-size:12px;
	color:#393939; 
	background-image:url('../images/quote.png');
	background-position:left top;
	background-repeat:no-repeat;
	min-height:45px;
}

ul {
	padding:0 10px;
	margin-left:25px;
}

textarea {
	border:1px #656363 solid;
	padding:2px;
}

input {
	border:1px #656363 solid;
	padding:2px;
}

.error { 
	font-size:10px;
	display: block; 
  	color: #ff0000;
  	padding:2px;
	background-image:url('../images/delete.png');
	background-position:left top;
	background-repeat:no-repeat;
	min-height:16px;
	text-indent:20px;
}

.hidden {
	display:none;
}

/* Resume */
#resume-dl {
	float:right;
	margin:10px 10px 0 0;
}

#resume a img, #resume-dl a img {
	border:0;
}

#resume h1 {
	padding:3px;
	color:#434343;
	font-size:14px;
	border-bottom:1px solid #e2dbaf;
	margin:3px 0;
}

#resume h1 a {
	text-decoration:none
}

#resume ul {
	padding:5px 0px 5px 5px;
}

#resume ul li {
	font-size:12px;
}

#resume p {
	padding:5px 0px 5px 15px;
	font-size:12px;
}

.skillstable {
	margin:3px 0 5px 10px;
	font-size:12px;
	width:520px;
}

.skillshead {
	width:125px;
	background:#e2dbaf;
	padding:2px 5px;
	font-size:12px;
}

.skillsdata {
	padding-left:5px;
 	border-bottom:1px solid #e2dbaf;
}

.jobhead {
	margin:5px 0px 5px 10px;
	width:520px;
}

.jobdate {
	background:#e2dbaf;
	padding:2px;
	width:80px;
	text-align:center;
	font-size:12px;
}

.jobtitle {
	padding-left:5px;
	font-size:12px;
	border-bottom:1px solid #e2dbaf;
}

/* Contact Form */

.form-left {
	width:100px;
	background:#e2dbaf;
	text-indent:4px;
}

/* Photos */
.collection {
	background-image:url('../images/collection_case.gif');
	padding:8px 10px 15px 8px;
	background-repeat:no-repeat;
}

/* Portfolio */
#type {
	margin-left:10px;
}

#type_container {
	border:1px solid gray;
	width:508px;
	margin-left:0px;
	margin-bottom:1em;
	padding:10px;
}

#type_container p {
	margin:8px 0;
	padding:0;
}

.portfolio_site {
	margin:20px 0px;
}

.first {
	margin-top:0;
}

.portfolio_title {
	font-size:14px;
	font-weight:bold;
	background-color:#e2dbaf;
	padding:3px;
}

.portfolio_text {
	margin:5px 0 5px 5px;
	font-size:12px;
	text-indent:-5px;
}

.portfolio_text img {
	width:160px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	border:1px solid #434343;
}

.left_pic {
	margin-left:143px;
}

.portfolio_text .section {
	font-weight:bold;
}

.portfolio_pic {
	background-color:#e2dbaf;
	padding:3px;
	width:128px;
	float:left;
}

.portfolio_pic img {
	width:126px;
	border:1px solid #434343;
}

/* Menu */
#menucontainer {
	width:400px;
	height:350px;
	margin-top:30px;
	margin-left:0px;	
}

/* Hex menu courtesy of Svein Erik Storkaas */
#hex {padding:0; margin:0 auto; list-style:none; width:325px;}
#hex li {display:block; float:left; width:104px; margin-right:4px;  height:120px;}
#hex li.p1 {padding-left:54px;}
#hex li.p2 {margin-top:-26px;}
#hex li a {text-decoration:none; color:#000; cursor:pointer;}
#hex li a b {display:block; width:0; height:0; overflow:hidden; border-bottom:30px solid #ec0; border-left:52px dotted transparent; border-right:52px dotted transparent;}
#hex li a span {display:block; width:104px; height:60px; line-height:59px; text-align:center; background:#ec0; font-size:11px; font-family: arial, veradana, sans-serif;}
#hex li a em {display:block; width:0; height:0; overflow:hidden; border-top:30px solid #ec0; border-left:52px dotted transparent; border-right:52px dotted transparent;}
/* hack for IE5.5 */
* html #hex li a em {width:104px; height:30px; w\idth:0; he\ight:0;}

* html #hex li a b {width:104px; height:30px; w\idth:0; he\ight:0;}

#hex li a.inner b {border-bottom-color:#c60;}
#hex li a.inner span {background:#c60;}
#hex li a.inner em {border-top-color:#c60;}

#hex li a:hover {white-space:normal;}
#hex li a:hover b {border-bottom-color:#c90;}
#hex li a:hover span {background:#c90;}
#hex li a:hover em {border-top-color:#c90;}

#hex li a.inner:hover b {border-bottom-color:#a40;}
#hex li a.inner:hover span {background:#a40;}
#hex li a.inner:hover em {border-top-color:#a40;}
.topmenu_img {
	width: 12px;
	height: 12px;
	margin-top: 8px;
}