* {
  margin: 0;
  padding: 0;
  border: 0;
}

html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

body {
  background: #0e032b url(../images/bg.jpg) repeat-x top left;
  margin: 0;
  text-align: center;
  font-size: 1px;
  line-height: 1px;
}

a:hover, a:active, a:focus, a:active {
    outline: none;
    -moz-outline-style: none;
}

img {
  padding: 0;
  margin: 0;
  border: 0;
}

#container {
	width: 960px;
	margin: 0 auto;
}

#page {
	width: 940px;
	margin: 0 10px 0 10px;
}

#header {
	width: 940px;
	height: 155px;
}

#logo {
	float: left;
	background: transparent url(../images/logo.png) no-repeat 0 50px;
	width: 340px;
	height: 155px;
}

#logo h1 {
	text-indent: -9999px;
}

#tagline {
	float: right;
	background: transparent url(../images/tagline.png) no-repeat 16px 57px;
	width: 600px;
	height: 155px;
}

#tagline h2 {
	text-indent: -9999px;
}

#columns {
	width: 940px;
}

#left-col {
	float: left;
	width: 460px;
	margin: 0 20px 0 0;
}

#right-col {
	float: right;
	width: 460px;
	margin: 0;
}

#welcome {
	background: transparent url(../images/welcome.png) no-repeat top left;
	height: 184px;
	width: 460px;
}

#welcome h3 {
	text-indent: -9999px;
}

#link-area {
	width: 460px;
	height: 156px;
}

#graphics {
	float: left;
	width: 100px;
	height: 156px;
}

#graphics img {
	float: left;
	margin: 0 0 23px 13px;
}

#links {
	float: right;
	width: 360px;
	height: 156px;
	text-align: left;
}

#links a.about { 
	background:url(../images/about_me_slide.png) repeat 0px 0px; 
	width: 139px; 
	height: 38px; 
	display: block; 
	margin: 35px 0 0 23px;
	text-indent: -9999px;
}

#links a.about:hover { 
	background: url(../images/about_me_slide.png) repeat 0px -38px; 
}

#links a.email { 
	background:url(../images/email_me_slide.png) repeat 0px 0px; 
	width: 139px; 
	height: 38px; 
	display: block; 
	margin: 40px 0 0 23px;
	text-indent: -9999px;
}

#links a.email:hover { 
	background: url(../images/email_me_slide.png) repeat 0px -38px; 
}

#portfolio {
	width: 460px;
	height: 340px;
}

#portfolio a, #portfolio a:hover {
	border: 0;
}

.portfolio-item {
	display: block;
	float: left;
	margin: 0 20px 20px 0;
}

.portfolio-item.last {
	margin: 0 0 20px 0;
}

#copyright {
	width: 940px;
	margin: 50px 0;
	text-align: left;
	color: #62718c;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 13px;
}

.copyright2 {
	font-size: 10px;
}

.fix {
	clear: both;
}

#popup {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	color: #3F4B64;
}

#popup p {
	padding: 0 0 15px 0;
}

#popup img {
	float: left;
	padding: 4px 20px 20px 0;
	visibility: visible;
}

#popup h1 {
	font: 21px Verdana, Arial, Helvetica, sans-serif;
	color: #2F3F5C;
	line-height: 28px;
	padding: 0 0 15px 0;
}

#popup h2 {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #2F3F5C;
	line-height: 15px;
	padding: 0 0 3px 0;
	font-style: italic;
	font-weight: bold;
}

#popup p.last {
	padding-bottom: 0;
}

#popup a:link, #popup a:visited{
	color: #68518A;
}

#popup a:hover, #popup a:active{
	color: #434772;
}