/* ----------------------------
	Business on Film
	Visual Showcase
	CSS styles
	by Benek Lisefski 
----------------------------- */

/* reset whitespace */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr { 
	margin:0;
	padding:0;
}

/* ----------------------------
	basic layout 
----------------------------- */

body {
	font: normal 14px 'lucida sans unicode', 'lucida sans', tahoma, arial, verdana;
	color: #999;
	background: #080808;
	line-height: 18px;
}

.center {
	width: 960px;
	margin: 0 auto;
}

.left {
	float: left
}

.right {
	float: right
}

.clear { 
	clear: both; 
	height: 0; 
	margin: 0;
	line-height: 0px;
}

#content {
	background: #1a1a1a url('/i/bg-content.gif') repeat-x left top;
	padding-bottom: 20px;
}

#header {
	height: 80px;
	background: #1a1a1a url('/i/bg-header.gif') repeat-x left top;
	overflow: hidden;
}

#photo {
	background: transparent url('/i/bg-floral.gif') no-repeat center top;
}

#nav {
	height: 70px;
	width: 480px;
}

#footer {
	height: 48px;
	clear: both;
	background: #080808;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top: solid 1px #272727;
}

.maincol {
	width: 640px;
}

.subcol {
	width: 320px;
	background: transparent url('/i/bg-right.gif') no-repeat left top;
}

/* ----------------------------
	text
----------------------------- */

h1 {
	font: bold 16px tahoma;
	margin: 24px 0px 12px 0px;
	color: #fff;
	background-color: transparent;
}

h2 {
	font: normal 14px tahoma;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 16px 0px 13px 20px;
	border-top: solid 1px #2b2b2b;
}

h2#businesses {
	height: 45px;
	width: 235px;
	float: left;
	padding: 0;
	text-indent: -5000px;
	background: transparent url('/i/h2-businesses.gif') no-repeat left top;
	overflow: hidden;
	border: 0;
}

h2#advertisement {
	height: 44px;
	width: 320px;
	float: left;
	padding: 0;
	text-indent: -5000px;
	background: transparent url('/i/h2-advertisement.gif') no-repeat left top;
	border-top: solid 1px #2b2b2b;
	overflow: hidden;
}

h2#photoGallery {
	height: 45px;
	width: 320px;
	float: left;
	padding: 0;
	overflow: hidden;
	background: none;
	border: 0;
}

h2#photoGallery a {
	display: block;
	height: 45px;
	width: 320px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('/i/h2-photo-gallery.gif') no-repeat left top;
}

h2#photoGallery a:hover {
	background-position: left -45px;
}

h2#contact {
	height: 44px;
	width: 320px;
	float: left;
	padding: 0;
	text-indent: -5000px;
	background: transparent url('/i/h2-contact.gif') no-repeat left top;
	border-top: solid 1px #2b2b2b;
	overflow: hidden;
}

h3#town {
	background-color: transparent;
	color: #fba113;
	width: 180px;
	font: normal 15px tahoma;
	margin-top: 34px
}

h3#business {
	background-color: transparent;
	color: #fff;
	font: normal 17px tahoma;
	margin: 32px 20px 0px 21px
}

p {
	margin: 12px 0px 12px 0px;
}

ul {
	list-style-type: none;
	margin: 12px 0px 12px 0px;
}

/* ----------------------------
	links
----------------------------- */

a img { border: none }

a,
a:visited {
	color: #ccc;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: none;
}

p a,
p a:visited {
	border-bottom: solid 1px #323232;
}

p a:hover {
	border-bottom: solid 1px #e4910e;
}
p img a:hover {
	border: none;
}

a#mapLink {
	display: block;
	float: right;
	width: 85px;
	height: 45px;
	text-indent: -5000px;
	background: transparent url('/i/map-link.gif') no-repeat left top;
	overflow: hidden;
}

a#mapLink:hover {
	background-position: left -45px;
}

h3#town a {
	color: #fba113;
	border: 0;
}

h3#town a:hover {
	color: #fff;
	border-bottom: solid 1px #323232;
}


/* ----------------------------
	header 
----------------------------- */

#logo {
	margin: 0px 43px 0px 0px;
	display: block;
	float: left;
}

#showcase {
	display: block;
	float: left;
	margin-right: 7px;
}

#town {
	display: block;
	float: left;
	height: 80px;
	overflow: hidden;
}

#photo {
	display: block;
	height: 80px;
}

/* ----------------------------
	main col
----------------------------- */


.maincol p,
.maincol ul {
	margin-right: 30px;
}

div.video {
	margin: 19px 0px 0px 0px;
	background: #000;
}


/* ----------------------------
	sub col 
----------------------------- */

.businessName {
	height: 80px;
	background: #309433 url('/i/bg-business.gif') no-repeat left top;
}

ul.thumbList {
	clear: both;
	margin: 0 0 0 1px;
}

ul.thumbList li {
	display: block;
	width: 319px;
	padding: 0;
	background: transparent url('/i/bg-list.gif') no-repeat left top;
	border-top: solid 1px #2b2b2b;
	float: left;
	clear: left;
}

ul.thumbList li a {
	display: block;
	width: 298px;
	float: left;
	padding: 13px 0px 13px 21px;
}

ul.thumbList li a img.thumbnail {
	border: solid 1px #cdcdcd;
	display: block;
	float: left;
	margin: 0px 20px 0px 0px;
}

ul.thumbList li a span.name {
	display: block;
	font: bold 13px tahoma;
	color: #fff;
	margin: 4px 20px 4px 0px;
}

ul.thumbList li a span.description {
	display: block;
	font: normal 12px arial;
	color: #999;
	/**/font-style: italic;
	overflow: visible;
height: 1%;
	margin-right: 20px;
}

ul.thumbList li a:hover {
	background: #131313;
}

ul.thumbList li a:hover img.thumbnail {
	border: solid 1px #fff;
}

ul.thumbList li a:hover span.name {
	color: #e4910e;
}

ul.thumbList li a:hover span.description {
	color: #cacaca;
}

.marginLeft {
	margin-left: 21px;
}

/* ----------------------------
	forms
----------------------------- */

fieldset {
	border: none;
}

form#contactForm {
	padding: 0px;
	margin: 4px 0px 20px 21px;
	clear: left;
}

label {
	font: normal 10px tahoma;
	display: block;
	margin: 12px 0px 3px 1px;
	color: #999;
	text-transform: uppercase;
}

.input {
	border: solid 1px #000;
	background: #1b1b1b url('/i/bg-input.gif') no-repeat left top;
	font: normal 12px 'lucida sans unicode', 'lucida sans', tahoma, arial, verdana;
	padding: 4px;
	width: 267px;
	color: #fff;
	
}

.button {
	display: block;
	float: right;
	padding-right: 22px;
	margin: 12px 0px 0px 0px;
	cursor: pointer;
}

/* ----------------------------
	footer 
----------------------------- */

#footer p {
	padding: 15px 0px 0px 0px;
	margin: 0px;
	font-size: 11px;
}

#footer #benek {
	padding: 15px 0px 0px 0px;
	margin: 0px;
	font-size: 11px;
	float: right;
	width: 299px;
	color:#212121
}	
/* ----------------------------
	"play" icon
----------------------------- */
img.play{margin-right:8px;vertical-align:-.3em}
#pagenav{padding: .2em 1em}
#mainsite{display:inline;background-image: url("/i/play.gif");
background-repeat:no-repeat;
background-position:2px 2px;padding-left:22px}
#back{display:inline;
background-image: url("/i/back.jpg");
background-repeat:no-repeat;
background-position:2px 2px;
padding-left:15px;margin-right:1em}
div.catalogue ul.thumbList li {clear:none;float:left;width:310px;height:85px;overflow:hidden}