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

* {
margin: 0;
padding: 0;
}

body {
	background-color:#c2d4f4;
	color:#3b3b3b;
	font-family:Arial;
	font-size:11px;
	line-height:16px;
}

h1 {
	font-size:36px;
	font-weight:bold;
}

a {
	color:#600;
}

a.nostyle {
	color:#3b3b3b;
	text-decoration:none;
}

a.nostyle:hover#about {
	color:#5f8baa;
	text-decoration:none;
}

a.nostyle:hover#work {
	color:#ed97b0;
}

a.nostyle:hover#play {
	color:#689e75;
}

a.nostyle:hover#resume {
	color:#f7aa3b;
}

img {
	border:0;
}

table {
	margin-left:5px;
	margin-right:5px;
}

td {
	text-align:center;
}

.navHeading {
	float:left;
	margin-right:15px;
}

hr {
	height:1px;
	border-top:dotted #600 2px;
	border-bottom:none;
	border-left:none;
	border-right:none;
}

.blue {
	color:#5f8baa;
}

.red {
	color:#600;
	margin-top:15px;
}

h2 {
	font-size:14px;
	font-weight:bold;
}

h3 {
	font-size:12px;
	margin-top:25px;
	font-family:Georgia;
}

ul {
	list-style:square;
	margin-top:10px;
	margin-left:20px;
}

p {
	margin-top:20px;
}

p.res {
	margin-top:5px;
}

.main {
	background-color:#FFF;
	width:1000px;
	height:100%;
	padding:0px;
	position: absolute;
  	left: 50%;
	top:0px;
  	margin-left: -500px;
	min-height:625px;
}

.main2 {
	background-color:#FFF;
	width:1000px;
	height:auto;
	padding:0px;
	position: absolute;
  	left: 50%;
	top:0px;
  	margin-left: -500px;
	min-height:625px;
	clear:both;
}

.content {
	width:700px;
	height:auto;
	position:absolute;
	left:50px;
	top:215px;
	/*z-index:100;*/
}

.content2 {
	width:700px;
	height:auto;
	position:relative;
	left:50px;
	top:48px;
	/*z-index:100;*/
}

.banner {
	margin:0px;
	padding:0px;
	width:1000px;
	height:167px;
}

.about {
	width:617px;
	height:28px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:245px;
	left:383px;
	float:right;
}

.about2 {
	width:200px;
	height:28px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:245px;
	left:800px;
	float:right;
}

.aboutBar {
	width:617px;
	height:8px;
	background-color:#5f8baa;
	position:absolute;
	top:20px;
}

.aboutBar2 {
	width:200px;
	height:8px;
	background-color:#5f8baa;
	position:absolute;
	top:20px;
}

.work {
	width:740px;
	height:28px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:315px;
	left:260px;
	float:right;
}

.work2 {
	width:200px;
	height:28px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:315px;
	left:800px;
	float:right;
}

.workBar {
	width:740px;
	height:8px;
	background-color:#ed97b0;
	position:absolute;
	top:20px;
}

.workBar2 {
	width:200px;
	height:8px;
	background-color:#ed97b0;
	position:absolute;
	top:20px;
}

.play {
	width:522px;
	height:28px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:385px;
	left:478px;
	float:right;
}

.play2 {
	width:200px;
	height:28px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:385px;
	left:800px;
	float:right;
}

.playBar {
	width:522px;
	height:8px;
	background-color:#689e75;
	position:absolute;
	top:20px;
}

.playBar2 {
	width:200px;;
	height:8px;
	background-color:#689e75;
	position:absolute;
	top:20px;
}

.resume {
	width:453px;
	height:28px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:455px;
	left:547px;
	float:right;
}

.resume2 {
	width:200px;
	height:28px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:455px;
	left:800px;
	float:right;
}

.resumeBar {
	width:453px;
	height:8px;
	background-color:#f7aa3b;
	position:absolute;
	top:20px;
}

.resumeBar2 {
	width:200px;
	height:8px;
	background-color:#f7aa3b;
	position:absolute;
	top:20px;
}

.footer {
	width:980px;
	height:32px;
	background-color:#bdbbb9;
	position:absolute;
	top:100%;
	margin-top:-38px;
	padding-top:6px;
	padding-left:10px;
	padding-right:10px;
	clear:both;
}

.footer2 {
	width:980px;
	background-color:#bdbbb9;
	padding-top:6px;
	padding-left:10px;
	padding-right:10px;
	clear:both;
	margin-top:200px;
}

.copyright {
	font-size:9px;
	padding-top:15px;
	float:right;
}

.socialMedia:img {
	padding-right:5px;
}
.arrowBlue {
	width:20px;
	height:12px;
	padding:0px;
	margin-top:2px;
	float:left;
	background-image:url(images/site/arrow_20x12_blue.png);
}

.arrowPink {
	width:20px;
	height:12px;
	padding:0px;
	margin-top:2px;
	float:left;
	background-image:url(images/site/arrow_20x12_pink.png);
}

.arrowGreen {
	width:20px;
	height:12px;
	padding:0px;
	margin-top:2px;
	float:left;
	background-image:url(images/site/arrow_20x12_green.png);
}

.arrowYellow {
	width:20px;
	height:12px;
	padding:0px;
	margin-top:2px;
	float:left;
	background-image:url(images/site/arrow_20x12_yellow.png);
}

.bigPic {
	width:400px;
	text-align:center;
	height:auto;
	margin-top:10px;
	float:left;
}

.hold {
	width:700px;
	clear:both;
}	

.thumbnails {
	width:300px;
	height:400px;
	position:absolute;
	left:400px;
	margin-top:10px;
}

.description {
	width:390px;
	height:auto;
	padding-right:10px;
	text-align:left;
	margin-bottom:25px;
	
}

.description2 {
	width:290px;
	height:auto;
	padding-left:10px;
	text-align:left;
	margin-top:10px;
	float:right;
	
}

.thm {
	margin-bottom:10px;
	border:double #bdbbb9 3px;
}

.screenNum {
	width:17px;
	height:17px;
	float:right;
	text-align:center;
	font-weight:bold;
	margin-right:11px;
	border:double #bdbbb9 3px;
	background-color:#fff;
}

.placeholder {
	width:80px;
	height:80px;
	margin-bottom:10px;
}

.hold {
	margin-bottom:10px;
	clear:both;
}
