@charset "UTF-8";

body {
	color: black;
	font-size: 9pt;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	background-image: url(../images/backgrounds/greydient2.gif);
	background-repeat: repeat;
	text-align: center;
	text-decoration:none;
	margin-top:5px;
	margin-left:5px;
	border-style: none; 
	outline: none
}
p {margin-bottom:1em; line-height: 1.3em}
strong  {font-weight: bold }
em {font-size: 8pt; font-style: normal; margin-left: 1em;}
h5 {font-weight: bold; margin: 1em 0 }
h4  { color: teal; font-weight: bold; margin-top: 6%; margin-bottom: -2% }
h3 { color: teal; font-size: 11pt; font-weight: bold;}
h2 { color: teal; font-size: 14pt; }
.pullquote { font-size: 8pt; font-weight: bold }
a  { color: purple; font-size: 10pt; border-style: none; outline-style: none; text-decoration:none; }
a:hover   { color: #306; }
a:focus	{-moz-outline-style: none;}
a img   { border:none; }

p .jobtitle {color:black}
p .company {font-weight:bold }
p .dates {font-size: 8pt; font-style:italic} 

div#header {
	margin-left: 0;
	text-align: left;
}

#home{
	height: 25px;
	width: 221px;
	text-indent: 10000px;
	overflow: hidden;
	background:url(../images/buttons/home.png) top left no-repeat;
	display: block;
	position: absolute;
	top: 4px;
	left: 4px
}
#home:hover{
	background-position: bottom left;
}

#commercial{
	height: 25px;
	width: 134px;
	text-indent: 10000px;
	overflow: hidden;
	background:url(../images/buttons/commercial.png) top left no-repeat;
	display: block;
	position: absolute;
	top: 4px;
	left: 225px;

}
#commercial:hover{
	background-position: bottom left;
}
#commercial-active{
	height: 25px;
	width: 134px;
	text-indent: 10000px;
	overflow: hidden;
	background:url(../images/buttons/commercial.png) bottom left no-repeat;
	display: block;
	background-position: bottom left;
	position: absolute;
	top: 4px;
	left: 225px;
}

#corporate{
	height: 25px;
	width: 109px;
	text-indent: 10000px;
	overflow: hidden;
	background:url(../images/buttons/corporate.png) top left no-repeat;
	display: block;
	position: absolute;
	top: 4px;
	left: 359px

}
#corporate:hover{
	background-position: bottom left;
}
#corporate-active{
	height: 25px;
	width: 109px;
	text-indent: 10000px;
	overflow: hidden;
	background:url(../images/buttons/corporate.png) bottom left no-repeat;
	display: block;
	background-position: bottom left;
	position: absolute;
	top: 4px;
	left: 359px
}
#creative{
	height: 25px;
	width: 89px;
	text-indent: 10000px;
	overflow: hidden;
	background:url(../images/buttons/creative.png) top left no-repeat;
	display: block;
	position: absolute;
	top: 4px;
	left: 468px;
}
#creative:hover{
	background-position: bottom left;
}
#creative-active{
	height: 25px;
	width: 89px;
	text-indent: 10000px;
	overflow: hidden;
	background:url(../images/buttons/creative.png) bottom left no-repeat;
	display: block;
	background-position: bottom left;
	position: absolute;
	top: 4px;
	left: 468px;
}
#cv{
	height: 25px;
	width: 28px;
	text-indent: 10000px;
	overflow: hidden;
	background:url(../images/buttons/cv.png) top left no-repeat;
	display: block;
	position: absolute;
	top: 4px;
	left: 557px;
}

#cv:hover{
	background-position: bottom left;
}

#cv-active{
	height: 25px;
	width: 28px;
	text-indent: 10000px;
	overflow: hidden;
	background:url(../images/buttons/cv.png) bottom left no-repeat;
	display: block;
	background-position: bottom left;
	position: absolute;
	top: 4px;
	left: 557px;
}
#contact{
	height: 25px;
	width: 83px;
	text-indent: 10000px;
	overflow: hidden;
	background:url(../images/buttons/contact.png) top left no-repeat;
	display: block;
	position: absolute;
	top: 4px;
	left: 585px;
}
#contact:hover{
	background-position: bottom left;
}
#contact-active{
	height: 25px;
	width: 83px;
	text-indent: 10000px;
	overflow: hidden;
	background:url(../images/buttons/contact.png) bottom left no-repeat;
	display: block;
	background-position: bottom left;
	position: absolute;
	top: 4px;
	left: 585px;
}
#click{
	height: 25px;
	width: 74px;
	text-indent: 10000px;
	overflow: hidden;
	background:url(../images/buttons/click.png) top left no-repeat;
	display: block;
	position: absolute;
	top: 4px;
	left: 668px;
}
#click:hover{
	background-position: bottom left;
}
#click-active{

	height: 25px;
	width: 74px;
	text-indent: 10000px;
	overflow: hidden;
	background:url(../images/buttons/click.png) bottom left no-repeat;
	display: block;
	background-position: bottom left;
	position: absolute;
	top: 4px;
	left: 668px;
}

div#container {
	margin: 33px auto 33px auto;
	width: 756px;
	padding: 5px;
	text-align: left;
}

.mainimage {
	float:left;
	margin: 0px 5px 5px 0;
	text-align: left;
	border: 1px solid #666;
}

.titlebar {
	float:left;
	width: 677px;
	background-color:#CCC;
	margin: 0px 5px 5px 5px;
	vertical-align: middle;
	font-size: 10pt;
	color:white;
	padding: 3px 0 3px 0;
	text-align: center;
}

.titlbar em {
	font-size: 8pt;
}

.nav {
	float:left;
	width: 32px;
	background-color:#CCC;
	vertical-align:middle;
	text-align: center;
	color:white;
	font-size: 10pt;
	text-align: center;
	padding: 3px 0 3px 0;
	margin:0;
}


a.nav:hover{
	color: #999;
}

.thumbnail
	{ float:left;
	margin: 0px 5px 5px 0px;
	border: 1px solid #666;
}

.blurb {
	float:left;
	width: 174px;
	margin: 0px 5px 5px 0px;
	background-color:#666;
	color:white;
	padding: 5px;
}

.h93 { height: 93px;}
.h103 { height: 103px;}
.h112 { height: 112px;}
.h116 { height: 116px;}
.h121 { height: 121px;}
.h139 { height: 139px;}
.h154 { height: 154px;}
.h159 { height: 159px;}
.h165 { height: 165px;}
.h174 { height: 174px;}
.h237 { height: 237px;}
.h256 { height: 256px;}

.w237 { width: 237px;}
.w269 { width: 269px;}
.w363 { width: 363px;}

div#indexcontainer {
	margin-left: auto;
	margin-right: auto;
	width: 577px;
	position: relative;
	top: 54px;
}

div#contactimage {
	margin-left: 146px;
	margin-right: 146px;
	position: absolute;
	width: 456px;
	top: 81px;
}

div#cvcontainer {
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	text-align: right;
}

div#cvimage {
	float: left;
	position: absolute;
	top: 76px;
	z-index:-1;
}

div#cvtext {
	float:right;
	margin-top: 57px;
	text-align: right;
	
}

div#creativecontainer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	width: 445px;
	text-align: left;
}

div#creativetext {
	font-size: 10pt;
	margin-top: 30px;
	float: right;
	width: 215px;
}

div#homeimage {
	margin-left: 197px;
	position: absolute;
	top: 253px;
}


div#clickcontainer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 65px;
	width: 545px;
	text-align: left;
}

div#clicktext {
	margin-top: 30px;
	float: right;
	width: 315px;
}