﻿body {
    background: #000000;
    font: 16px Georgia, Times, Times New Roman, serif;
}

.main {
	margin:80px auto 0;
	width:990px;
	padding:67px 0 0;
	height:600px;
	background: none no-repeat scroll 50% 0 #000000;
}

.thumbs-container {
	margin:0 auto;
	width:672px;
}

.image-container {
}

.image-container li {
	border:0 none;
	float:left;
	height:96px;
	margin:0;
	padding:0;
	width:96px;
}

.image-container img {
	border:0 none;
	margin:0;
	padding:0;
}

.gallery-selection {
    
}

.gallery-selection li {
    float:right;
	background: none no-repeat scroll 50% 50%;
}

.gallery-selection li a {
    text-decoration:none;
    clear:both;
}

.gallery-selection li a:hover {
    text-decoration:none;
}

.gallery-selection li a div {
	margin:0 5px;
    padding:15px 6px;
    width:120px;
    display:block;
}

.gallery-selection li span {
	position:absolute;
	top:-9999px;
}

.background-1 .gallery-selection li.illustration-link {
    background-image: url("/Resources/Img/illustration.png");
}

.background-1 .gallery-selection li.design-link {
    background-image: url("/Resources/Img/design_hover.png");
}

.background-2 .gallery-selection li.illustration-link {
    background-image: url("/Resources/Img/illustration_hover.png");
}

.background-2 .gallery-selection li.design-link {
    background-image: url("/Resources/Img/design.png");
}

.background-1 .gallery-selection li.illustration-link-hover {
    background-image: url("/Resources/Img/illustration_hover.png");
}

.background-1 .gallery-selection li.design-link-hover {
    background-image: url("/Resources/Img/design_hover.png");
}

.background-2 .gallery-selection li.illustration-link-hover {
    background-image: url("/Resources/Img/illustration_hover.png");
}

.background-2 .gallery-selection li.design-link-hover {
    background-image: url("/Resources/Img/design_hover.png");
}

.thumbs-container .contact {
    background:none no-repeat scroll 50% 50% transparent;
    cursor:pointer;
    float:right;
    margin:50px 3px 0;
    padding:12px;
    width:120px;
}

.thumbs-container .contact a {
    position:relative;
    top:-9999px;
}

.background-1 .thumbs-container .contact {
    background-image: url("/Resources/Img/contact_design.png");
}

.background-2 .thumbs-container .contact {
    background-image: url("/Resources/Img/contact_illust.png");
}

.main .thumbs-container .contact-hover {
    background-image: url("/Resources/Img/contact.png");
}

.error {
    color:#EEEEEE;
    padding:50px;
}

.contact-details {
    background-image: url("/Resources/Img/contact-background.jpg");
}

.contact-details .inner-details {
    padding:95px 46px 0;
}

.contact-details p {
    margin:0 0 15px;
}

.contact-details .details-panel {
    margin:0 0 15px;
}

.contact-details .details-panel label {
    float:left;
    width:62px;
    margin:0 0 5px;
}

.contact-details .details-panel span {
    float:left;
    width:200px;
}

#lightbox-container-image-data-box {
    font:11px Georgia, Times, Times New Roman, serif;
}

.popup {
	border: solid 1px black;
	background-color: white;
	position: relative;
}

.popup .Header {
	font-weight: bold;
	border-bottom: solid 1px black;
	background-color: #dddddd;
}

.popup .Content {
	padding: 10px;
	overflow-x: auto;
	overflow-y: hidden;
}

.popup-background {
	background-color: black;
	filter: alpha(opacity=45);
	opacity: 0.45;
}
