/* 
	*** Reseter  ***
*/

html {
	color: #000;
	background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

li {
	list-style: none;
}

caption, th {
	text-align: left;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

/*to enable resizing for IE*/
input, textarea, select {
	*font-size: 100%;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}



/* 
	*** Common ***
*/

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

a:link, a:visited, a:active {
	color: #904022;
}

a:hover {
	text-decoration: none;
}



/* 
	*** Style ***
*/

body {
	font-size: 13px;
	font-family: Verdana, Geneva;
	background-color: #F3F3F3;
}

.header-wrapper {
	background-color: #000;
}

.header {
	width: 1000px;
	height: 227px;
	margin: 0 auto;
	background: url(../images/header.jpg) no-repeat;
}

.skills-wrapper {
	padding-top: 2px;	
	background-image: url(../images/skills-bg.png);
	background-repeat: repeat-x;
}

.skills {
	width: 978px;
	height: 236px;
	margin: 0 auto;
	background-image: url(../images/skills-cols-bg.jpg);
}

.skills-col {
	float: left;
	width: 220px;
	height: 225px;
	margin: 0 7px;
	_margin: 0 5px; /* fix IE 6 */
	font-size: 12px;
	line-height: 23px;
	color: #4A5979;
}

.skills-col-left {
	margin-left: 21px;	
}

.skills-col-frameworks {
	color: #864BA5;
}

.skills-col-cms {
	color: #AF7C5D;
}

.skill-item {
	width: 100%;
	height: 25px;
	margin: 7px 0;
	background-color: #FFF;
}

.skill-item-text {
	float: left;
	width: 135px;
	height: 100%;
	margin: 0 10px 0 5px;
	overflow: hidden;
}

.skill-item-years {
	float: right;
	width: 65px;
	height: 100%;
	text-align: center;
	overflow: hidden;
}

.intro {
	width: 978px;
	margin: 0 auto;
	padding: 40px 0;
	font-size: 22px;
	line-height: 32px;
}

.intro span {
	color: #767FB1;
}

.xp-wrapper {
	background-image: url(../images/xp-bg.png);
	background-repeat: repeat-x;
}

.xp-middle {
	width: 978px;
	margin: 0 auto 50px auto;
}

.xp-top {
	width: 926px;
	height: 34px;
	margin: 0 auto;
	background-image: url(../images/xp-top-bg.jpg);
}

.xp-header {
	padding-left: 2px;
	font-size: 22px;
	color: #904022;
}

.title-bar {
	width: 256px;
	height: 2px;
	margin: 5px 0 20px 0;
	background-image: url(../images/title-bar.gif);
	background-repeat: repeat-x;
}

.degree-list {
	width: 100%;
	text-align: center;
	margin-bottom: 41px;
}

.degree-list a {
	padding: 0 4px;
}

.xp-item-wrapper {
	width: 958px;
	height: 154px;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #FFF;
}

.xp-item-text {
	float: left;
	width: 470px;
	height: 154px;
	margin-right: 20px;
}

.xp-item-text p {
	padding: 3px 0;
}

.xp-item-showcase {
	float: left;
	width: 210px;
	height: 143px;
	padding: 5px;
	background-image: url(../images/xp-showcase-bg.jpg);
}

.xp-item-showcase-margin {
	margin-right: 28px;
}

.footer-wrapper {
	padding-top: 2px;
	background-image: url(../images/footer-bg.gif);
	background-repeat: repeat-x;
}

.footer {
	width: 958px;
	height: 80px;
	margin: 0 auto;
	padding: 16px 21px 0 21px;
	background-image: url(../images/footer-middle-bg.jpg);
	line-height: 18px;
}

.footer-left {
	float: left;	
}

.footer-right {
	float: right;
	text-align: right;
}

.footer-right img {
	padding: 5px 0;
}