@import url(tabs.css);

/* 

jtcdsign, 2009.
Jessica Caldwell


*/

* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
html, body {
	height: 100%;
}
body {
	background: url(../img/bg_main-tile.gif) 0 0 repeat; 
	font: normal 11px/18px Georgia, "Times New Roman", Times, serif;
	color: #202020;
}
div, img {
	behavior: url(resources/js/iepngfix.htc);
}
a, a:link {
	text-decoration: underline;
	color: #202020;
}
a:hover {
	text-decoration: none;
}
.clr {
	clear: both;
}

/* MAIN SHELL */

#container {
	margin-bottom: -30px;
	width: 940px;
	position: relative;
	min-height: 100%;
  	height:auto !important; /* fix for IE6 */
  	height: 100%;

}
#masthead {
	margin: 27px 0 30px 30px;
	background:url(../img/img_masthead.png) 0 0 no-repeat;
	text-indent: -999999px;
	width: 400px;
	height: 64px;
	float: left;
}
/* Below applies to IE6 Only */
/*\*/
* html #masthead {
	margin: 27px 0 30px 15px;
}
/**/
#contact {
	margin: 26px -5px 0 0;
	float: right;
	position: relative;
}
#contact a:hover {
	background: #202020;
	color: #FFF;
}
#alpha {
	margin: 0 0 0 31px;
	width: 320px;
	float: left;
}
/* Below applies to IE6 Only */
/*\*/
* html #alpha {
	margin: 0 0 0 15px;
}
/**/
#beta {
	width: 580px;
	float: right;
}
#footer {
	margin: 0 0 0 30px;
	font-size: 9px;
	color: #a9a9a9;
	height: 30px;
	position: relative;
}
#footer p {
	position: absolute;
	bottom: 5px;
}
#footer a {	
	color: #a9a9a9;
}
#footer a:hover {
	background: #a9a9a9;
	color: #FFF;
}

/* ======================================================================================== */


/* ALPHA (Portfolio Tabs) */

#alpha ul {
	margin: 5px 0 17px -5px;
	list-style: none;	
	width: 320px;
	position: relative;
}
#alpha li {
	margin: 1px 0 0 0;
	float: left;	
}
#alpha li span {	
	padding: 1px 6px;	
	display: block;
}
.work {
	margin: 0 0 20px 0;
	height: 160px;
	positon: relative;
}
.work img {
	margin: 0 20px 0 0;
	padding: 0;
	border: 1px solid #202020;
	float: left;
}
.work div {
	position: relative;
	height: 160px;
	float: left;
}
.work p {
	padding: 0 0 5px 0;	
	line-height: 14px;
}
.work p.yr {
	padding: 17px 0 5px 0;	
}
.work p span {
	font-weight: bold;
}
.work p a {
	position: absolute;
	bottom: 5px;/bottom: 7px;
}
.work p a:hover {
	background: #202020;
	color: #FFF;
}

/* ======================================================================================== */


/* BETA (Feature, and Info) */

#feature {
	margin: 7px 0 0 0;
}
#feature h2 {
	margin: 0 0 14px 0;/margin: 0 0 14px 0;
	font-size: 11px;
}
#feature img {
	margin: 0 0 17px 0;/margin: 0 0 14px 0;
	border: 1px solid #202020;
}
#feature p {
	padding: 0 0 6px 0;/padding: 0 0 6px 0;
}
#feature p a:hover {
	background: #202020;
	color: #FFF;
}

/* client list -----------------------------------------------*/

#clients {
	margin: 8px 0 0 0;
}
#clients h3 {
	font-size: 11px;
}
#clients ul {
	margin: 0 60px 0 0;
	list-style: none;
	width: 120px;
	float: left;
}
#clients ul.last {
	margin: 0;
}

/* about me -----------------------------------------------*/

#info {
	margin: 10px 0 0 0;
	position: relative;
}
#info h3 {
	font-size: 11px;
}
#info p {
	margin: 0 0 10px 0;
}

#networks {
	padding: 5px 0 0 0;
}
#networks ul {
	margin: 1px 0 0 0;
	list-style: none;
	position: relative;	
}
#networks li {
	margin: 0 10px 0 0;
	float: left;
}
#networks li a:hover {
	background: #202020;
	color: #FFF;
}