@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
}

body {
	background:url(images/bg.gif) repeat-x top #4695cd;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	line-height:18px;
}

a {
	text-decoration:none;
	color:#fff;
		}
		a:hover {
			text-decoration:underline;
		}

.clear { clear:both; }

#wrap {
	width:1140px;
	height:auto;
	background:url(images/wrap.gif) repeat-y top left;
}

#left {
	float:left;
	width:478px;
	height:auto;
	padding:27px 0 0 0;
}

img {
	border:none;
}

#logo {
	width:387px;
	height:59px;
	background:url(images/logo.png) no-repeat;
	margin:0 0 30px 37px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

#contact {
	width:416px;
	height:auto;
	background:url(images/contact.png) no-repeat top;
	padding:55px 25px 50px 35px;
}

#about {
	width:416px;
	height:auto;
	background:url(images/about.png) no-repeat top;
	padding:55px 25px 50px 35px;
}

#work {
	width:423px;
	height:auto;
	background:url(images/work.png) no-repeat top;
	padding:55px 25px 50px 28px;
}

#work img {
	margin:0 0 10px 0;
}

#right {
	padding:33px 0 0 0;
	float:left;
}

#experience {
	background:url(images/experience.png) no-repeat top left;
	width:554px;
	height:auto;
	padding:57px 0 0 0;
}

.year {
	background:url(images/year.gif) no-repeat top left;
	width:554px;
	height:auto;
}
.year ul {
	list-style:none;
	padding:0;
	margin:0;
		}
		.year ul li {
			list-style:none;
			border-bottom:1px solid #17364e;
			padding:10px 0;
		}
		.year ul li.last {
			border-bottom:none;
		}
		
.year2 {
	background:url(images/year2.gif) no-repeat top left;
	width:554px;
	height:auto;
}
.year2 ul {
	list-style:none;
	padding:0;
	margin:0;
		}
		.year2 ul li {
			list-style:none;
			border-bottom:1px solid #17364e;
			padding:10px 0;
		}
		.year2 ul li.last {
			border-bottom:none;
		}

		
#ten {
	width:479px;
	height:auto;
	background:url(images/2010.png) no-repeat;
	padding:35px 0 0 0;
	margin:0 0 0 75px;
}
#nine {
	width:479px;
	height:auto;
	background:url(images/2009.png) no-repeat;
	padding:35px 0 0 0;
	margin:0 0 0 75px;
}
#eight {
	width:479px;
	height:auto;
	background:url(images/2008.png) no-repeat;
	padding:35px 0 0 0;
	margin:0 0 0 75px;
}
#seven {
	width:479px;
	height:auto;
	background:url(images/2007.png) no-repeat;
	padding:35px 0 0 0;
	margin:0 0 0 75px;
}

.year h1 {
	font-weight:normal;
	font-size:14px;
	font-family:"Myriad Pro", Arial;
}
.year2 h1 {
	font-weight:normal;
	font-size:14px;
	font-family:"Myriad Pro", Arial;
}

.speech {
	width:407px;
	height:auto;
	padding: 15px 0 25px 0;
		}
		.speech .top {
			height:16px;
			width:407px;
			background:url(images/speech_top.png) no-repeat;
		}
		.speech .bg {
			height:auto;
			width:377px;
			background:url(images/speech_bg.png) repeat-y;
			padding:0 15px 5px 15px;
		}
		.speech .bot {
			height:6px;
			width:407px;
			background:url(images/speech_bot.png) no-repeat;
		}

#skills {
	float:left;
	width:83px;
	height:auto;
	padding:10px 0 0 0;
		}
		.win {
			display:block;
			text-indent:-9999px;
			overflow:hidden;
			margin:0 auto 15px;
			background:url(images/skill_win.png) no-repeat;
			width:64px;
			height:85px;
		}	
		.osx {
			display:block;
			text-indent:-9999px;
			overflow:hidden;
			margin:0 auto 15px;
			background:url(images/skill_osx.png) no-repeat;
			width:64px;
			height:85px;
		}	
		.ps {
			display:block;
			text-indent:-9999px;
			overflow:hidden;
			margin:0 auto 15px;
			background:url(images/skill_ps.png) no-repeat;
			width:64px;
			height:85px;
		}	
		.dw {
			display:block;
			text-indent:-9999px;
			overflow:hidden;
			margin:0 auto 15px;
			background:url(images/skill_dw.png) no-repeat;
			width:64px;
			height:83px;
		}
		.id {
			display:block;
			text-indent:-9999px;
			overflow:hidden;
			margin:0 auto 15px;
			background:url(images/skill_id.png) no-repeat;
			width:64px;
			height:83px;
		}	
		.wp {
			display:block;
			text-indent:-9999px;
			overflow:hidden;
			margin:0 auto 15px;
			background:url(images/skill_wp.png) no-repeat;
			width:67px;
			height:88px;
		}
		.html {
			display:block;
			text-indent:-9999px;
			overflow:hidden;
			margin:0 auto 15px;
			background:url(images/skill_html.png) no-repeat right;
			width:68px;
			height:107px;
			padding:0 0 0 4px;
		}
		.css {
			display:block;
			text-indent:-9999px;
			overflow:hidden;
			margin:0 auto 15px;
			background:url(images/skill_css.png) no-repeat right;
			width:68px;
			height:105px;
			padding: 0 0 0 2px;
		}