﻿html, body {
	margin:0 0 1px 0;
	height:100%;
}
body{
	text-align: center;
	background-color: #fff;
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	color: #636363;
}

a{
	color: #636363;
	text-decoration: none;
}
a.mainlogo{
	color: #fff;
	text-decoration: none;
}
a:focus, a:hover, a:active {
	text-decoration: none;
}
p, li {
	line-height: 1.8em;
}
h1, h2 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	margin: 0;
}
h1 {
	margin-bottom: 10px;
	padding: 0;
	font-size:3em;
	color: #333;
	letter-spacing:-1px;
}
h2 {
	padding-top: 10px;
	font-size:2em;
	letter-spacing:-1px;
}
pre {
	font-size: 1.2em;
	line-height: 1.2em;
}
div#page {
	width: 700px;
	background-color: #fff;
	text-align: left;
	position:absolute;
	left:282px;
	top:38px;
}
div#container {
	padding: 0px;
}
div#ads {
	clear: both;
	padding: 12px 0 12px 66px;
}
div#footer {
	clear: both;
	color: #777;
	margin: 0 auto;
	padding: 20px 0 40px;
	text-align: center;
}

.leftmenu {
	width: 120px;
	text-align: left;
	padding: 10px 0 0px 20px;
	float: left;
}

.submenu {
	width: 120px;
	text-align: left;
	padding: 10px 0 10px 10px;
	float: left;	
}

.submenulink {
	padding-bottom:3px;
}

.submenu a:hover,
.submenu a:active,
.submenu a.active {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.details a:hover {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.logo {
	text-align:left; 
	padding-top:20px; 
	padding-left:20px;
	padding-bottom:0px;
	width: 255px;
}

.dash{
	border-top:1px solid #000;
	width:120px;
}

.homepage-image {
	margin-left:284px;
}

.home-image {
	margin-top:70px;
	margin-left:9px;
	float:left;
}

.details {
	width:120px;
	margin-left:150px;
	text-align:left;
}

.movie {
	margin-top:70px; 
	margin-left:15px; 
	float:left;
}

.contact-image {
	margin-top:68px; 
	margin-left:8px; 
	float:left;
}

.contact-image a {
	color: #fff;
	text-decoration: none;
}

#bprint{display: block; width: 120px; height: 13px; background: url(../images/Print1.jpg) no-repeat 0 0; margin-bottom:5px;}
#bprint:hover{ background-position: 0 -40px; background: url(../images/Print2.jpg) no-repeat 0 0; margin-bottom:5px;}

#bbranding{display: block; width: 120px; height: 13px; background: url(../images/Branding1.jpg) no-repeat 0 0; margin-bottom:5px;}
#bbranding:hover{ background-position: 0 -40px; background: url(../images/Branding2.jpg) no-repeat 0 0; margin-bottom:5px;}

#badvertising{display: block; width: 120px; height: 13px; background: url(../images/Advertising1.jpg) no-repeat 0 0; margin-bottom:5px;}
#badvertising:hover{ background-position: 0 -40px; background: url(../images/Advertising2.jpg) no-repeat 0 0; margin-bottom:5px;}

#billustration{display: block; width: 120px; height: 13px; background: url(../images/Illustration1.jpg) no-repeat 0 0; margin-bottom:5px;}
#billustration:hover{ background-position: 0 -40px; background: url(../images/Illustration2.jpg) no-repeat 0 0; margin-bottom:5px;}

#bart{display: block; width: 120px; height: 13px; background: url(../images/Art&Prints1.jpg) no-repeat 0 0; margin-bottom:5px;}
#bart:hover{ background-position: 0 -40px; background: url(../images/Art&Prints2.jpg) no-repeat 0 0; margin-bottom:5px;}

#binfo{display: block; width: 120px; height: 13px; background: url(../images/Contact1.jpg) no-repeat 0 0; margin-bottom:5px;}
#binfo:hover{ background-position: 0 -40px; background: url(../images/Contact2.jpg) no-repeat 0 0; margin-bottom:5px;}
