@charset "utf-8";

body {background: url(Artwork/bg3.jpg) no-repeat center; font-family: Arial, Helvetica, sans-serif; margin: 0; list-style:none}
p h1 h2 h3 h4 {font-weight: bold; margin: 0}
li {list-style-type:none}
a {text-decoration:none}
img {border-style:none}

p {font-size:11px; margin:0}

h1 {font-size: 18px; margin:0 0 12px 0}
h2 {font-size: 18px}
h3 {font-size: 14px; margin-top: 15px}
h4 {font-size: 11px; color: #000; margin: 15px 0 0 0}

.gallery {color: #fff; font-size: 16px; text-align: center; margin: 0 0 10px 0; padding: 10px 0 0 0}
.gallery a {color: #fff}
.gallery a:hover {color: #ccc}

/* some styling for triggers */
#triggers {width: 600px; margin: 0 auto}
#triggers img {
	cursor:pointer;
	margin:15px;
	width: 150px;
	height: 150px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:8px;
	float: left;
	-moz-border-radius: 0;
	-webkit-border-radius: 0
}

#triggers2 {width: 600px; margin: 0 auto}
#triggers2 img {
	cursor:pointer;
	margin:10px;
	width: 125px;
	height: 125px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:8px;
	float: left;
	-moz-border-radius: 0;
	-webkit-border-radius: 0
}

#triggers3 {width: 580px; margin: 0 auto}
#triggers3 img {
	cursor:pointer;
	margin:8px;
	width: 110px;
	height: 110px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:8px;
	float: left;
	-moz-border-radius: 0;
	-webkit-border-radius: 0
}

:focus {-moz-outline-style: none}

/* the overlayed element */
.simple_overlay {display: none; z-index: 1000; margin: 0 auto;
	
	/* styling */
	background-color: #fff; border: 0; padding: 10px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc}

/* close button positioned on upper left corner */
.simple_overlay .close {
	position:absolute;
	top:-15px;
	left:-15px;
	cursor: pointer;
	height: 27px;
	width: 54px;
	background-image: url(Artwork/close.png)
}

#content {background-image:url(Artwork/box2.png) repeat-y; width: 790px; height: 1000px; margin: 0 auto}
#box1 {background-color: #000; font-size:16px; color:#999; height:28px; padding:8px 0 0 20px}
#box1 a {color:#ccc; text-decoration:none}
#box1 a:hover {color:#999}
#box2 {padding: 20px; font-size:20px; text-align:right; margin: 0 0 40px 0}
#box2 a {color:#000; text-decoration:none}
#box2 a:hover {color:#444}
#box3 {padding: 0 90px 0 110px}
.left {float:left}
.block {display:block}
#logos {margin:160px 0 0 780px; position:absolute}
#logos img {margin: 0 0 20px 0}
#artwork {width:600px; padding-top:20px; margin: 0 auto}
#footer {background: #999; width: 850px; padding: 15px; border-top: 1px solid #666; clear: both}

img.imgborder {background: white; padding: 9px; margin-bottom: 6px; display: inline; border: 1px solid #999} 
img.imgborder:hover {background-color: #CCC} 
.blog {font-size: 12px; color: #000; line-height: 20px}
.blogheaders {font-size: 14px; font-weight: bold; margin-bottom: 12px}

.gallery2 subhead {font-size: 12px; font-weight: bold}
.gallerydescription {font-size: 14px; font-weight: bold; text-align: center; margin-bottom: 15px}
a.gallerylink {font-size: 12px; font-weight: bold; text-transform: uppercase; background-color: #FFF; text-align: center; width: 100px; margin-bottom: 6px; padding: 6px 0; line-height: 12px; display: block; letter-spacing: 1px; border: 1px solid #999; }
a.gallerylink:hover {background-color: #CCC}

.body12 {color: #000; font-size: 12px; line-height: 18px}
.body14 {color: #000; font-size: 14px; line-height: 20px; margin-bottom: 16px}
.body18 {color: #000; font-size: 18px; margin-bottom: 4px}