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

body {
background-color:#FFFFFF;
margin:0;
min-width:920px;
text-align:left;
}

h1 {
margin:0;
}
h2 {
	margin-left: 20px;
}

.BodyCopy {
color:#666666;
	font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
line-height:15px;
}
.BodyCopy a:link {
color:#330099;
text-decoration:none;
}
.BodyCopy a:visited {
color:#330099;
text-decoration:none;
}
.BodyCopy a:hover {
color:#330099;
text-decoration:none;
}
.BodyCopy a:active {
color:#330099;
text-decoration:none;
}
.BodyCopyCenter {
color:#330099;
	font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
line-height:20px;
text-align:center;
}
.FooterCopy {
	color:#666666;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9px;
}
.FooterCopy a:link {
color:#666666;
	font-family:Tahoma, Geneva, sans-serif;
font-size:10px;
text-decoration:none;
}
.FooterCopy a:visited {
color:#666666;
text-decoration:none;
}
.FooterCopy a:hover {
color:#666666;
text-decoration:underline;
}
.HomePageHeadline {
color:#330099;
	font-family:Tahoma, Geneva, sans-serif;
font-size:32px;
font-weight:lighter;
}
.HomePageHeadSmall {
color:#330099;
	font-family:Tahoma, Geneva, sans-serif;
font-size:18px;
font-weight:normal;
}
.LogoCopy {
	color:#000000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:14px;
	margin-left: 600px;
}
.NavigationCopy {
	color:#ffffff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-weight: bold;
}
.Navigation2Copy {
	color:#340299;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-weight: bold;
}
.NavigationCopy a:link {
color:#ffffff;
}
.NavigationCopy a:visited {
color:#ffffff;
}
.NavigationCopy a:hover {
color:#ffb800;
}
.NavigationCopy ul {
line-height:30px;
list-style-type:none;
margin:0;
padding:0;
}
.NavigationCopy ul a {
text-decoration:none;
}
.NavigationCopy li {
padding-left:20px;
}
.SubNavCopy {
	color:#666666;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
}
.SubNavCopy a:link {
color:#666666;
}
.SubNavCopy a:visited {
color:#666666;
}
.SubNavCopy a:hover {
color:#330099;
}
.SubNavCopy a:active {
color:#666666;
}
.SubNavCopy ul {
line-height:30px;
list-style-type:none;
margin:0;
padding:0;
}
.SubNavCopy ul a {
text-decoration:none;
}
.SubNavCopy li {
padding-left:20px;
}

.SubHeadWork {
color:#00954D;
font-family:Trebuchet MS,Arial,Helvetica,Sans-Serif;
font-size:13px;
line-height:16px;
}
.webcopy {
color:#666666;
	font-family:Tahoma, Geneva, sans-serif;
font-size:10px;
}
.webcopy a:hover {
color:#330099;
text-decoration:none;
}

#wrapper {
margin:0 auto;
text-align:left;
width:900px;
}
#TopRowHomePage {
	background-image:url(../images/ThompsonBanner2.jpg);
	border-right:1px solid #330099;
	border-left:1px solid #330099;
	float:left;
	height:62px;
	margin:0px 0 0;
	padding:54px 0 0 90px;
	width:810px;
	border-bottom: 1px solid;
	border-bottom-color: #330099;
}
#home #ContentHolder {
background-color:#FFFFFF;
background-repeat:repeat-y;
border-right:1px solid #330099;
border-left:1px solid #330099;
float:left;
height:auto;
margin:0;
padding:0;
width:900px;
}

#BodyHeadline {
background-color:#FFFFFF;
float:left;
margin:0 0 2px;
padding:25px 0 0 45px;
width:290px;
}
#SiteHeadline {
float:left;
margin:0 0 2px;
padding:31px 0 0 76px;
width:270px;
}
#BodyAreaHomePage {
float:left;
padding:15px 0 0;
width:300px;
	clear:both;
}
#BodyAreaArticlesPage {
float:left;
padding:5px 0 0;
width:600px;
}
#BodyAreaPortPage {
float:left;
padding:5px 0 0;
width:290px;
}
#BodyHeadlineInsidePages {
background-color:#FFFFFF;
float:left;
margin:0;
padding:31px 0 0 80px;
width:500px;
}
#BodyAreaSitePage {
float:left;
margin:0;
padding:31px 0 0 76px;
width:400px;
}
#BodyAreaInsidePages {
float:left;
margin:0;
padding:31px 0 0 80px;
width:250px;
}
#NavigationHomePage {
float:left;
margin:0;
width:157px;
}
#HomePageImage {
float:right;
height:325px;
margin:75px 50px 0 0;
padding:0;
width:287px;
}
#HomePageFlash {
float:right;
height:395px;
margin:5px 30px 0 0;
padding:0;
width:287px;
}
#HomePageFlash2 {
float:right;
height:395px;
margin:30px 30px 0 0;
padding:0;
width:287px;
}
#ArticlePicture {
float:right;
height:25px;
margin:30px 50px 0 0;
padding:0;
width:450px;
}
#InsidePagesImage {
float:right;
margin:31px 20px 0 0;
padding:0 1px 0 0;
width:225px;
}
#NavSecondColumnWork {
border-left:1px solid #330099;
float:left;
margin:87px 0 0;
padding:0 0 0 6px;
width:140px;
height:160px;
}
#NavThirdColumnWork {
float:left;
margin:25px 0 0;
padding:25 0 0 45px;
width:290px;
}
#ContactImage {
float:right;
height:322px;
margin:85px 0 0;
padding:0 1px 0 0;
width:376px;
}
#footer {
	border-bottom:1px solid #340299;
	border-right:1px solid #340299;
	clear:both;
width:901px;
}

#home #mainNav .home {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
	background:transparent url(../images/nav_bullet.gif) no-repeat scroll left center;
font-weight:bold;
}
#home #mainNav .home a {
	color:#666666;
	cursor:default;
font-weight:bold;
}
#home #mainNav .home a:hover {
color:#330099;
cursor:default;
font-weight:bold;
}
#BodyHeadlineWorkPages {
background-color:#FFFFFF;
float:left;
margin:0;
padding:31px 0 0 20px;
width:500px;
}
#WorkSampleDescription {
clear:both;
float:left;
padding:31px 0 0;
width:300px;
}
#WorkLargeImage {
float:right;
margin:30px 50px 0 0;
padding:0 1px 0 0;
width:300px;
}
#BodyAreaWorkPages {
float:left;
margin:5px 0 0;
padding:0 0 0 20px;
width:204px;
}
#BodyAreaWebPage {
float:left;
padding:0 0 0 20px;
width:250px;
height: 600px;
}
#BodyAreaPrintPage {
float:left;
padding:0 0 0 20px;
width:250px;
height: 340px;
}
#BodyAreaPrintSamples {
	float:left;
	padding:0 0 0 20px;
	width:582px;
	position: absolute;
	top: 296px;
	left: 200px;
	height: 250px;
}
#BodyAreaWebSamples {
	float:left;
	padding:0 0 0 20px;
	width:463px;
	position: absolute;
	top: 505px;
	left: 182px;
	height: 235px;
}
#BodyAreaVideoSamples {
	float:left;
	padding:0 0 0 20px;
	width:578px;
	position: absolute;
	top: 522px;
	left: 181px;
	height: 235px;
}
#BodyAreaAnimSamples {
	float:left;
	padding:0 0 0 20px;
	width:652px;
	position: absolute;
	top: 387px;
	left: 182px;
	height: 235px;
}
#BodyAreaAnimPage {
float:left;
padding:25 0 0 45px;
width:250px;
height: 1200px;
}

.webthumbnail img{
border: 0;
margin: 0;
}

.webthumbnail:hover{
background-color: transparent;
}

.webthumbnail:hover img{
border: 0;
}

.webthumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
border: 0;
visibility: hidden;
color: black;
text-decoration: none;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
}

.webthumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
width: 325px;
}

.webthumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -350px;
left: 250px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.webthumbnail img{
border: 0;
margin: 0;
}
.webthumbnail img{
border: 0;
margin: 0;
}

.adcampthumbnail:hover{
background-color: transparent;
}

.adcampthumbnail:hover img{
border: 0;
}

.adcampthumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
border: 0;
visibility: hidden;
color: black;
text-decoration: none;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
}

.adcampthumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 20px;
width: 239px;
}

.adcampthumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -350px;
left: 270px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.adcampthumbnail img{
border: 0;
margin: 0;
}
.videothumbnail:hover{
background-color: transparent;
}

.videothumbnail:hover img{
border: 0;
}

.videothumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
border: 0;
visibility: hidden;
color: black;
text-decoration: none;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
}

.videothumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
width: 325px;
}

.videothumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -330px;
left: 320px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.printthumbnail:hover{
background-color: transparent;
}

.printthumbnail:hover img{
border: 0;
}

.printthumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1500px;
border: 0;
visibility: hidden;
color: black;
text-decoration: none;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
}

.printthumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
width: 325px;
}

.printthumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 150px;
left: 530px; /*position where enlarged image should offset horizontally */
z-index: 50;
}