/* http://www.anthonydempse.com 2010 */
* { margin:0; padding:0; border:0; }
body { 
margin:0;
padding:0;
background-color:#fff;
background-image:url(../IMG/SHELL/ad-bg.gif);
background-repeat:repeat-x;
background-attachment:fixed;
font-family:Arial, Helvetica, sans-serif;
font-size: 62.5%;
}

h1 {font-size: 2.6em; line-height: 1.4em; font-weight:bold;}

h2 {font-size: 2.3em; line-height: 1.4em; font-weight:bold;}

h3 {font-size: 1.7em; line-height: 1.4em; font-weight:bold;}

h4 {font-size: 1.4em; line-height: 1.4em; font-weight:bold;;}

p {font-size: 1.3em; line-height: 1.4em; padding:10px 20px 0 20px;}

#wrap { 
	width:790px;
	height:auto;
	display:block;
	margin:0 auto;
	padding:0;
	}
.snug { background-color:#fff; float:left; padding:10px; }
#heaven { 
	width:770px;
	height:113px;
	background:url(../IMG/SHELL/ad-logo.gif) no-repeat center;
	margin:0 auto 10px auto;
	background-color:#58595B;
	}
#kwick {
	width:770px;
	height:96px;
	margin:0 auto;
	padding:0;
}
#kwick .kwicks {
	display: block;
	/*background: #330000;*/
	background:url(../IMG/SHELL/panel_bg.jpg) repeat;
	height: 85px;
	margin:0;
	padding:0;
}
#kwick ul { 
	margin:0;
	padding:0;
}
#kwick li {
	float: left;
	list-style:none;
}
#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 85px;
	width: 184px;
	border-right: 10px solid #fff;
}
#kwick .kwick {
	text-indent: -10000em;
	overflow:hidden;
}
#kwick .tools {
	background-color: #996600;
	background:url(../IMG/SHELL/software.jpg) no-repeat;
}
#kwick .skills {
	background-color: #336666;
	background:url(../IMG/SHELL/skills.jpg) no-repeat;
}
#kwick .resume {
	background-color: #333300;
	background:url(../IMG/SHELL/resume.jpg) no-repeat;
}
#kwick .autism {
	background-color: #330000;
	background:url(../IMG/SHELL/autism.jpg) no-repeat;
	border-right:none;
}
#contact {
	height:330px;
	margin:0 auto;
	/*background-color:#160F09;*/
	}

#bio{ 
	width:440px; 
	height:320px; 
	float:left;
	background:#58595B;
	/*margin:0 10px; 
	padding-top:10px;*/
	}
#bio p{	
	color:#fff;
	font-size:1.5em;
	}
#bio a { color:#FC9; }
#bio a:hover { color:#fff; }
#contact_col{
	width:320px;
	height:318px;
	float:right;
	background:#9E4C11;
	background-color:#CCC;
	}
#contact_col ul{
	list-style:none;
	padding:20px 20px 0px 30px;
	/*margin-top:-20px;
	position:relative;
	left:10px;*/
	}
#contact_col ul li {
	margin-bottom:4px;
	}


ul.contact_form input.contact-btn {
	background:url(../IMG/SHELL/submit-b.jpg) no-repeat;
	outline:none;
	cursor:pointer;
	margin:5px auto 0 auto;
	text-align:center;
	display:block;
	height:25px;
	width:75px;
	border:none;
}

ul.contact_form input.contact-btn:hover {
	border: none;
	background-position:0 -25px;
}

ul.contact_form input.contact-btn:active {
	border: none;
	background-position:0 -46px;
}

ul.contact_form {
	font-weight: bold;
	color:#fff;
	color:#19170C;
	letter-spacing:.12em;
}
ul.contact_form input, textarea {
	list-style:none;
	font-size:130%;
	}
ul.contact_form textarea.message_txt{
	margin:0;
	padding:0;
	font-family:inherit;
	}
ul input.form_txt{
	width:250px;
	height:25px;
	border-color:#fff;
	border-width:3px;
	border-bottom-style:solid;
	background-color:#58595B;
	color:#fff;
	}
	
ul.contact_form textarea {
	border-color:#fff;
	border-width:3px;
	border-bottom-style:solid;
	background-color:#58595B;
	color:#fff;
	width: 248px;
	height: 75px;
	margin: 5px 0 2px;
	padding: 2px 0 5px 5px;
	font-size:150%;
	}
#response{
	font-size:12px;
	display:block;
	margin-top:20px;
	padding:0;
	}
.dim{
	opacity:0.1;filter:alpha(opacity=10);
	}
.ajax-loading{
	background: url(../IMG/MISC/loader.gif) no-repeat center;
	background-color:#fff;
	height:318px;
	display:block;
	margin:0;
	padding:0;
	margin-top:-35px;
	
	}
#hello {
	margin:0;
	padding:0;
	margin-top:-11px;
	}
#response p {	
	color:#fff;
	margin:0;
	padding:20px;
	}


#portfolio {
	width:770px; 
	height:auto;
	margin:0 auto 10px auto;
	float:left;
	padding:0;
	background:#160F09;
   }
#portfolio p{
	padding:0;
	margin:0;
	}
#portfolio ul{
	margin:0;
	padding:0;
	width:770px;
	}

.port-image{
	width:345px;
	height:300px;
	float:left;
	display:block;
	}
.project-deets { width:425px; float:left; }
.project{
	width:425px;
	background:#383200;
	background-color:#666;
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	letter-spacing:1px;
	line-height:35px;
	}
.project-description{
	width:405px;
	height:210px;
	background:#262525;
	background:#6B6136;
	background-color:#CCC;
	display:block;
	font-size:1.7em;
	letter-spacing:1px;
	color:#000;
	padding:10px;
	}
.project-more{
	width:425px;
	background:#5F5214;	
	background-color:#333;
	line-height:35px;
	}
.top{
	float:left;
	margin-left:15px;
	}
a.top{
	color:#fff;
	text-decoration:none;
	}
a:hover.top{
	color:#FC9;
	text-decoration:none;
	}
.nomore{
	width:22px;
	height:35px;
	display:block;
	float:left;
	margin-left:260px;	
	}
.more {
	width:22px;
	height:35px;
	display:block;
	text-indent:-1000em;
	float:left;
	margin-left:260px;
	overflow: hidden;
	background:url(../IMG/SHELL/more_btn.jpg) no-repeat;
	}
.more:hover, .view-site:hover{
	background-position: 0px -35px;
	display:block;
	}
.view-site {
	width:22px;
	height:35px;
	display:block;
	text-indent:-1000em;
	overflow: hidden;
	background:url(../IMG/SHELL/view_btn.jpg) no-repeat;
	float:left;
	margin-left:10px;
	}

.xtra{
	visibility:hidden;
	padding:0;
	margin:0;
	float:left;
	width:1px;
	text-indent:-1000em;
	overflow:hidden;
	}
#portfolio ul { list-style:none; }
ul li.project-deets ul { list-style:none; width:230px; background-color:#9C3;  }
ul li.project-deets ul li.project { text-indent:10px;  }
ul li.project-deets ul li.project-more {  height:35px;  }


/* END PORTFOLIO */
#software-knowledge, #skill-set, #autism-awareness {
	width:770px;
	height:320px;
	margin-bottom:10px;
	float:left;
	color:#fff;
	}

#software-knowledge p, #skill-set p, #autism-awareness p {
	padding:5px 25px;
	margin:0;
	line-height:1.5em;
	}
#software-knowledge p a.top, #skill-set p a.top, #autism-awareness p a.top {
	color:#fff;
	position:relative;
	top:10px;
	left:0px;
	text-decoration:underline;
	}
#software-knowledge p a:hover.top, #skill-set p a:hover.top, #autism-awareness p a:hover.top {
	color:#160F09;
	}
#software-knowledge p a, #skill-set p a {
	color:#fff;
	text-decoration:underline;
	}
a.link {
	color:#fff;
	text-decoration:underline;
	font-weight:bold;
	}
a.link:hover {
	color:#160F09;
	font-weight:bold;
	}
#software-knowledge p a:hover, #skill-set p a:hover {
	color:#160F09;
	}
#software-knowledge h1, #skill-set h1, #autism-awareness h1 {
	font-size:18px;
	padding:25px 0 0 25px;
	}
#software-knowledge h2, #skill-set h2, #autism-awareness h2 {
	font-size:14px;
	padding:0 25px 0 25px;
	margin:0;
	}
#software-knowledge {
	background:#996600 url(../IMG/SHELL/software_bg.jpg) no-repeat 500px;
	}
#skill-set {
	background:#3C4D59 url(../IMG/SHELL/skills_bg.jpg) no-repeat 500px;
	}
#autism-awareness {
	background:#470C00 url(../IMG/SHELL/autism_bg.jpg) no-repeat 500px;
	height:350px;
	}

#footer{
	width:770px;
	height:45px;
	background-color:#58595B;
	text-align:center;
	color:#fff;
	line-height:40px;
	float:left;
	/*border-bottom: solid 10px #160F09;*/
	}