/* General Styling - Background, Font, Colour, etc */
body {
	margin:0;
	padding:0;
	background:#000 url(../images/bg_and_header/Studio_BG.jpg) top center no-repeat;
	font:normal 15px Arial, sans-serif;
	color:#f9ebe7;
	line-height:1.5em;
	padding-bottom:200px;
	text-align:center;
}

#container {
	position:relative;
	background:#000 url(../images/bg_and_header/Studio_BG.jpg) top center no-repeat;
	width:1020px;
	margin:0 auto;
	text-align:left;
	padding:1px;
}

/* Default Link Styling */
a {
	outline:none;
	color:#00ccff;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/* Header Email Link */
.header_email_link a {
	display:block;
	position:absolute;
	top:360px;
	left:519px;
	width:146px;
	height:26px;
	background:url(../images/bg_and_header/Email_Anton_off.png) 0 0 no-repeat;
}

.header_email_link a:hover {
	background:url(../images/bg_and_header/Email_Anton_underline.png) 0 0 no-repeat;
}

.header_email_link a span {display:none;}

/* Navigation Menu */

#menu {
	position:absolute;
	top:441px;
	left:260px;
}

#menu ul {
	margin:0;
	padding:0;
	list-style:none;
}

#menu ul li {
	display:inline;
}

#menu ul li a {
	display:block;
	float:left;
	margin-left:14px;
	height:52px;
	background-image:url(../images/buttons/menu_matrix.png);
	background-repeat:no-repeat;
}

#menu ul li a.blog_link {
	width:76px;	
}

#menu ul li a.blog_link:hover {
	background-position:0 -54px;
}

#menu ul li a.blog_link_active,
#menu ul li a.blog_link_active:hover {
	background-position:0 -108px;
}

#menu ul li a.portfolio_link {
	width:125px;
	background-position:-76px 0;
}

#menu ul li a.portfolio_link:hover {
	background-position:-76px -54px;
}

#menu ul li a.portfolio_link_active,
#menu ul li a.portfolio_link_active:hover {
	background-position:-76px -108px;
}

#menu ul li a.about_link {
	width:87px;
	background-position:-201px 0px;
}

#menu ul li a.about_link:hover {
	background-position:-201px -54px;
}

#menu ul li a.about_link_active,
#menu ul li a.about_link_active:hover {
	background-position:-201px -108px;
}

#menu ul li a.commissions_link {
	width:152px;
	background-position:-288px 0px;	
}

#menu ul li a.commissions_link:hover {
	background-position:-288px -54px;
}

#menu ul li a.commissions_link_active,
#menu ul li a.commissions_link_active:hover {
	background-position:-288px -108px;
}

#menu ul li a span {
	display:none;
}

/* Content Styling */

.content {
	margin-top:524px;
	margin-left:260px;
	margin-bottom:60px;
	width:500px;
	text-align:justify;
	/*overflow:hidden;*/
}

img.img_right {float:right; margin-left:10px;}

.content h2 {
	margin-top:0;
	margin-left:-8px;
}

.content h3 {
	font:bold 18px Georgia, serif;
	color:#666;
	margin-top:0;
	margin-left:0;
}

/* Social Networking */
.social {
	position:absolute;
	top:670px;
	left:0px;
	width:114px;
}

.social ul {
	margin:0;
	padding:0;
	list-style:none;
}

.social ul li a img {
	border:0;
	display:block;
	/* for IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
}

.social ul li a:hover img {
	border:0;
	display:block;
	/* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1.0;
}

.social span {
	display:block;
	margin-bottom:10px;
	font:bold 11px Georgia, serif;
	color:#7B231F;
}

/* Footer Styling */

#footer {
	font:normal 13px Georgia, serif;
	color:#8d8a8a;
	text-align:center;
}

/* Commissions Accordion Styling */
#accordion li {
	margin:0 0 10px 0;
	padding:0;
	list-style:bullet;
}


/* Associate Links Styling */
.associations ul {
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
}

.associations ul li {display:inline;}

.associations ul li a img {
	border:0;
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;
}

.associations ul li a:hover img {
	/* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1.0;
}


/* Custom Art Thumbs Styling */
.customart ul {
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
}

.customart ul li {
	display:inline;
	padding:4px;
	
}

/* Request a Quote Styling*/

.quote a img {
	border:0;
	/* for IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
}

.quote a:hover img {
	/* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1.0;
}




/* Portfolio Styling */
.portfolio_content {
	margin-left:163px;
	width:706px;
}

.portfolio h2 {
	margin:3px 0 5px 0;
	padding:0;
}

.portfolio h2 span {display:none;}

.portfolio h2 img {
	display:block;
	clear:both;
}

.portfolio ul {
	margin:0 0 35px 0; 
	padding:0;
	list-style:none;
	height:130px;
}

.portfolio ul li {
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
	zoom: 1;
	width:130px;
	height:130px;
	float:left;
	margin-left:14px;
}

.portfolio ul li.first {
margin:0;	
}

.portfolio ul li img {
	display:block;
	float:left;
	
}

.portfolio ul li a img {
	border:0;	
}

.portfolio ul li.first a img {margin:0;}

.small_sample {
	font:normal 15px Georgia, serif;
	text-align:center;
	margin:10px 0 55px 0;
}

/**
 * Lightbox styles
 */
.lightboxScreen {
	display: none;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	z-index: 1000;
	position: fixed;
}

.lightboxContainer {
	display: none;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1001;
}

.lightbox {
	width: 849px;/*
	min-height: 600px;*/
	padding: 10px;
	margin: 20px auto;
	background: #222;
	position: relative;
	text-align: center;
}

.lightbox .inner {
	/*background-color: #000;*/
}


.lightbox .featured {
	/* min-height: 600px;*/
	background: url(../images/loader-charcoal.gif) center center no-repeat;
}

.lightbox .featured .overlay {
	text-align: left;
}

.lightbox .featured .overlay .description {
	width: 60%;
}

.lightbox .featured .overlay .related {
	width: 35%;
	padding-left: 5px;
}

.lightbox .featured .hero {
	margin: 0 auto;
	/* height: 600px; */
}

.lightbox .button-left, .lightbox .button-right {
	top: 281px;
}

.lightbox .button-left {
	left: 12px;
}

.lightbox .button-right {
	right: 12px;
}

.lightbox .close {
	width: 36px;
	height: 36px;
	position: absolute;
	top: -12px;
	right: -12px;
	background: url(../images/close.png) no-repeat;
	cursor: pointer;
}

.featured, #ajax-container {
	position: relative;
	min-height: 360px;
	background: url(../images/loader-black.gif) center center no-repeat;
}

.featured  .hero {
	/*display: block;*/
}

.featured .info, #ajax-container .info {
	position: absolute;
	right: 24px;
	bottom: 24px;
	display: none;
}

.featured .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 610px;
	height: 86px;
	padding: 20px;
	background: url(../images/bg-black65.png);
}

#ajax-content  .overlay {
	position: static;
}

.featured .description {
	width: 444px;
	float: left;
	color: #fff;
}

.featured .description h2 {
	margin:0;
	font-weight: normal;
	color: #fd6c34;
}

.featured .description h3 {
	margin:0;
	color:#a2a2a2;
	font-weight: normal;
	font-size:12px;
}

.featured .description p {
	font-size: 12px;
}

.featured .related {
	width:146px;
	height: 110px;
	padding-left: 14px;
	float:right;
	border-left: 1px solid #707070;
	overflow: hidden;
}

.featured .noContent{
	border-left: 0;
}

.featured .related h3 {
	margin:0;
	font-size: 12px;
}

.featured .related p {
	margin: 4px 0;
	font-size: 12px;
}

.button-left, .button-right {
	position: absolute;
	top: 160px;
	width: 20px;
	height: 38px;
	background: transparent left top no-repeat;
	cursor: pointer;
}

.button-left {
	left: 6px;
	background-image: url(../images/arrow-left.png);
}

.button-right {
	right: 6px;
	background-image: url(../images/arrow-right.png);
}