::selection            { background: #008cb4; color: #EDECEA; /* Safari */ }
::-moz-selection    { background: #008cb4; color: #EDECEA; /* Firefox */ }

ul {
	list-style-type:none;
}

a {
   color:#000;
   text-decoration:none;
}

a:hover {
   color:#105f97;
   text-decoration:underline;
}

/*
@font-face {  
	font-family: 'PisanNormal';  
	src: url('fonts/Pisan/PISAN-webfont.eot');
	src: local('PISAN-webfont'),
	url('fonts/Pisan/PISAN-webfont.woff') format('woff'),  
	url('fonts/Pisan/PISAN-webfont.ttf') format('truetype');  
	url('fonts/Pisan/PISAN-webfont.svg') format('svg'); 
	font-weight: normal;
	font-style: normal;
}

@font-face {  
	font-family: 'CartoGothicStdBook';  
	src: url('fonts/CartoGothic/CartoGothicStd-Book-webfont.eot');
	src: local('CartoGothicStd-Book-webfont'),
	url('fonts/CartoGothic/CartoGothicStd-Book-webfont.woff') format('woff'),  
	url('fonts/CartoGothic/CartoGothicStd-Book-webfont.ttf') format('truetype');  
	url('fonts/CartoGothic/CartoGothicStd-Book-webfont.svg') format('svg'); 
	font-weight: normal;
	font-style: normal;
}

@font-face {  
	font-family: 'KomikaAxis';  
	src: url('fonts/KomikaAxis/KOMIKAX_-webfont.eot');
	src: local('KOMIKAX_-webfont'),
	url('fonts/KomikaAxis/KOMIKAX_-webfont.woff') format('woff'),  
	url('fonts/KomikaAxis/KOMIKAX_-webfont.ttf') format('truetype');  
	url('fonts/KomikaAxis/KOMIKAX_-webfont.svg') format('svg'); 
	font-weight: normal;
	font-style: normal;
}

*/

body {
  font-family: Arial;
  margin: auto;
  padding: 0;
  background-color:#fff;
  background-repeat:repeat;
  background-position: center top;
  background-image: url(images/paperTile.jpg);
}


/**begin page structure**/
#outerWrap {
  background-repeat:no-repeat;
  background-position:center top;
  background-image: url(images/content2.jpg);
  margin: auto;
  height: auto;
}

#wrap {
  margin: auto;
  width: 970px;
  height: auto;
}

#header {
  margin: auto;
  width: 970px;
  height: 114px;
  position:relative;overflow:hidden;
}

#navBar {
  margin: auto;
  width: 970px;
  height: 20px;
  position:relative;
  clear:both;
}

#content {
  margin: auto;
  height: 427px;
  width: 970px;
  border-bottom: 1px solid #a2a2a1;
}

#footer {
  margin: auto;
  padding:0px;
  height: 40px;
  width: 970px;
  clear:both;
  position:relative;
  top:0px;
  color:#000;
  display:block;
  font-size:12px;
  font-weight:bold;
  text-align:center;
}

li {
	display:list-item;
}
/**end page structure**/

#sm {
  position:absolute;
  padding:0;
  margin:0;
  display:block;
	width: 300px;
	height: 89px;
	z-index: 9999;
}
/**begin topNav**/
#topNav {
	position:absolute;
	margin:auto;
	width: 500px;
	height: auto;
	float:right;
	top:0px;
	right:81px;
}

#topNav a {
	margin:0 10px;
	font-family:arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	left:0px;
	color:#202020;
	text-transform: uppercase;
	letter-spacing: -1.03px;
}

#topNav a:hover {
	color:#105f97;
	text-decoration:none;
}
#home {
	position:relative;
	float:right;
}

#portfolio {
	position:relative;
	float:right;
}

#resume {
	position:relative;
	float:right;
}

#about {
	position:relative;
	float:right;
}

#contact {
	position:relative;
	float:right;
}
/**end topNav**/

#web {
  background: url("images/arrow.png");
  background-repeat:no-repeat;
  background-position:0 bottom;
  font-family:PisanNormal, Arial, sans-serif;
  font-size:40px;
  position:absolute;
  padding:0;
  margin:0;
  height:85px;
  width:60px;
  text-align:left;
}

#myWorkWrap {
	height:70px;
	position:relative;
}

ul#myWork {
	float:left;
	padding:0px 0 0 63px;
}

ul#myWork li {
	background: url("images/thumbBase.png");
	background-repeat:no-repeat;
	background-position:0 0;
	float:left;
	height:149px;
	margin:20px 25px 0 0;
	position:relative;
	width:149px;
}

a.preview img {
	border:none;
	height:135px;
	left:7px;
	position:absolute;
	top:7px;
	width:135px;
}

/**/
#illustration {
  background: url("images/arrow.png");
  background-repeat:no-repeat;
  background-position:0 bottom;
  font-family:PisanNormal, Arial, sans-serif;
  font-size:40px;
  position:absolute;
  padding:0;
  margin:0;
  height:85px;
  width:60px;
  text-align:left;
  top:294px;
}

#myWorkWrap2 {
	height:70px;
	position:relative;
}

ul#myWork2 {
	float:left;
	padding:0px 0 0 63px;
}

ul#myWork2 li {
	background: url("images/thumbBase.png");
	background-repeat:no-repeat;
	background-position:0 0;
	float:left;
	height:149px;
	margin:20px 25px 0 0;
	position:relative;
	width:149px;
}
/**/

.fancyBox img {
	float:left;
}

.fancyBox p {
	clear:left;
	float:left;
	margin-left:10px;
}

.fancyBox a.visit {
	float:right;
	margin-right:10px;
}

.fancyBox .title {
	background-color:#000000;
	bottom:0;
	height:20px;
	left:0;
	opacity:0.8;
	padding-top:5px;
	position:absolute;
	width:100%;
}