@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=News+Cycle);
@import url(http://fonts.googleapis.com/css?family=Cinzel);

html {height:100%;}
body {
	margin: 0px;
	padding: 0px;
	font-family: 'News Cycle', sans-serif;
	height:100%;
}

form, fieldset{margin:0px; padding:0px;}
fieldset{border:none;}
a{outline:none;}

/*.bg01{
	background: url('../images/bg01.jpg') no-repeat center center fixed;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	
}*/

.main-wrapper {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.clearFix { font-size:0px; line-height:0px; clear:both}
.txt-12 {
	font-size: 12px;
}
.txt-14 {
	font-size: 14px;
}
.txt-16 {
	font-size: 16px;
}
.txt-18 {
	font-size: 18px;
}



#header {
	width: 916px;
	margin: 0px auto;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -458px;
	z-index: 5;
}

#top-nav {
	padding: 0px;
	float: right;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#top-nav li {
	display: block;
	float: left;
}
#top-nav li a {
	font-size: 22px;
	color: #FFF;
	padding-right: 20px;
	padding-left: 20px;
	display: block;
	float: left;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ff6c00;
}

#top-nav li a:hover {
	color: #CCC;
}
#top-nav li .last{
	border-right:none;
}

#content {
	display: block;
	height: 598px;
	width: 100%;
	position: relative;
	float: left;
	z-index: 1;
}

#content ul{
	display: inline-block;
    position: relative;
    width: 100%;
    z-index: 0;
	margin: 0 auto;
	padding:0px;
}

#content ul li{
	padding-top: 0px;
    position: absolute;
    visibility: hidden;
    width: 100%;
	height:100%;
	list-style:none;
}

#content ul li #catg {
	width: 916px;
	margin: 0 auto;
	position: relative;
}

#content ul li #catg div {
	visibility: visible;
	position: absolute;
	left:0px;
	top:-300px;
}
/*#catg div{
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
	transform:scale(1);
	-webkit-transform: scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform: scale(1);
}*/

#catg div img{
	z-index:0;
}

#catg div span {
	position: absolute;
	display: none;
	z-index:1;
}


#content ul li#page_home {
	top:78px
}

#content ul li #gallery {
	width:916px;
	margin:0 auto;
}

.outer{position:relative}

#page_gallery #gallery {
	width: 916px;
	margin-right: auto;
	margin-left: auto;
	height:100%
}


#gallery .whiteBg {
	width: 75%;
	height: 100%;
	min-height: 100%;
	background-color: #fff;
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ff5a00;
}

#slider, #carousel {width:600px; float:right}
#slider{height:400px}
/*#carousel{height:140px;}*/
#gallery #slider li, #gallery #carousel li {position:relative; visibility:visible}
#slider {margin: 98px 0 10px!important;}
#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}

#sidebarMenu {
	position: relative;
	z-index: 10;
	top: 75px;
	display: block;
	left: 0px;
}
#sidebarMenu ul {
	margin: 0px;
	padding: 0px;
}
#sidebarMenu ul li {
	list-style-type: none;
	display: block;
	visibility: hidden;
	cursor: pointer;
}
#sidebarMenu ul li a {
	text-decoration: none;
	float: left;
	text-indent: -9999px;
}

#sidebarMenu ul li.mn01 {
	background-image: url(../images/menu_still_life.png);
	background-repeat: no-repeat;
	height: 67px;
	width: 134px;
	top: 0px;
	background-position: left top;
	background-attachment: scroll;
}
#sidebarMenu ul li.mn02 {
	background-image: url(../images/menu_food.png);
	background-repeat: no-repeat;
	height: 70px;
	width: 141px;
	top:60px;
	left:5px;
}
#sidebarMenu ul li.mn03 {
	background-image: url(../images/menu_industrial.png);
	background-repeat: no-repeat;
	height: 81px;
	width: 142px;
	top:122px;
	left:-21px;
}
#sidebarMenu ul li.mn04 {
	background-image: url(../images/menu_personal.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 142px;
	top:185px;
	left::18px;
}
#sidebarMenu ul li.mn05 {
	background-image: url(../images/menu_advertising.png);
	background-repeat: no-repeat;
	height: 57px;
	width: 140px;
	top:250px;
}
#sidebarMenu ul li.mn06 {
	background-image: url(../images/menu_people.png);
	background-repeat: no-repeat;
	height: 86px;
	width: 142px;
	top:297px;
	left:-17px;
}
#sidebarMenu ul li.mn07 {
	background-image: url(../images/menu_fine_art.png);
	background-repeat: no-repeat;
	height: 70px;
	width: 142px;
	top:372px;
}
#sidebarMenu ul li.active {
	background-position: left bottom;
}
#gallery #still-life {
	height: 560px;
}
#page {
	padding: 18px;
	height: 445px;
	width: 600px;
	background-color: #FFF;
	position: fixed;
	z-index: 100;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 77%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(77%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 77%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 0%,#ffffff 77%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 0%,#ffffff 77%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 0%,#ffffff 77%,#f2f2f2 100%); /* W3C */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 */
	top: 97px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	behavior: url(images/PIE.htc);
	right: -1700px;
	display: none;
}
#page .closeBtn {
	float: right;
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
}
#gallery .loading {
	background-color: #2e2e2e;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 60px;
	width: 60px;
	z-index: 700;
	right: 456px;
	top: 272px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	behavior: url(images/PIE.htc);
	position: absolute;
	display: none;
}

#page .loading {
	background-color: #2e2e2e;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 60px;
	width: 60px;
	z-index: 70;
	right: 268px;
	top: 198px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	behavior: url(images/PIE.htc);
	position: absolute;
	display: block;
}

#page .pgBorder {
	padding: 15px;
	border: 1px solid #CCC;
	height: 412px;
	text-align:justify;
}
.selfPhoto {
	border: 4px solid #CCCCCC;
    float: left;
    margin-bottom: 10px;
    margin-right: 17px;
}
.title02{
	font-size:22px;
	font-family: "Cinzel", Arial,"Helvetica Neue", Helvetica,sans-serif;
	border-bottom: 1px dotted #CCCCCC;
    display: block;
	}
	
#bgOverlay {
	background: rgba(0,0,0, .5)	;
	-pie-background: rgba(0,0,0, .5);
	width:100%;
	height:100%;
	position:absolute;
	behavior:url(images/PIE.htc);
	z-index:20;
	display:none;
	left:0;
	right:0;
}
.zindex {
	z-index: 100;
}

.zindex img{
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
	transform: scale(1.101);
	-webkit-transform: scale(1.101);
	-moz-transform: scale(1.101);
	-o-transform: scale(1.101);
	-ms-transform:scale(1.101);
}

#page_home div {cursor:pointer}
/* ============================= forms ============================= */
#form1{
	margin: 0px 0 0;
}
#form1 input {
	font: 10px/20px Arial, sans-serif;
	margin: 0 0 14px;
	padding: 7px 13px 6px;
	width: 233px;
	box-shadow: none;
	min-height: 20px;
	background-color: #f4f4f4;
	border: 1px solid #cbcbcb;
}
#form1 textarea {
	resize: none;
	margin: 0;
	font: 10px/20px Arial, sans-serif;
	padding: 8px 13px 8px 13px;
	width: 233px;
	height: 105px;
	overflow: auto;
	line-height: 19px;
	border: 1px solid #cbcbcb;
	background-color: #f4f4f4;
}

#form1 input.error, #form1 textarea.error{
	border: 1px solid #E77776;
	background: none repeat scroll 0 0 #F8DBDB;
}
/*#form1 label {
	position: relative;
	display: inline-block;
	min-height: 41px;
}
#form1 .error, #form1 .empty {
	position: absolute;
	bottom: 4px;
	display: none;
	font-size: 9px;
	line-height: 9px;
	color: #F00;
	text-transform: none;
}*/
.btns a {
	margin: 4px 0 0 0;
	float: right;
	text-decoration: none;
}
#form1 .message .error, #form1 .message .empty {
	position: absolute;
	bottom: -4px;
	display: none;
	font-size: 9px;
	line-height: 9px;
	color: #F00;
	text-transform: none;
}
/* Form defaults */
input, select, textarea {
	color: #797a7c;
}
.success{
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1;
	padding: 156px 0;
	display: none;
}

.readMore3{
	color: #fff;
	letter-spacing: -1px;
	position: relative;
	display: inline-block;
	padding: 5px 26px 5px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	cursor: pointer;
	margin: 5px 0 0 8px!important;
	background-color: #303A30;
}
.readMore3:hover {
	text-decoration: none;
	color: #8a8a8a!important;
	background: #202020;
}
/*#page_home .still-life {
	left:117px;
	top:99px;
	transform:rotate(1deg);
	z-index:1;
}

#page_home .food {
	left:225px;
	top:226px;
	transform:rotate(-23deg);
	z-index:2;
}

#page_home .industrial {
	left:324px;
	top:50px;
	transform:rotate(25deg);
	z-index:3;
}

#page_home .personal {
	left:457px;
	top:166px;
	transform:rotate(11deg);
	z-index:4;
}

#page_home .advertising {
	left:610px;
	top:246px;
	transform:rotate(-6deg);
	z-index:5;
}

#page_home .people {
	left:662px;
	top:50px;
	transform:rotate(-12deg);
	z-index:8;
}

#page_home .fine-art {
	left:841px;
	top:152px;
	transform:rotate(-17deg);
	z-index:7;
}*/

.google_map {
	background: none repeat scroll 0 0 #353535;
	height: 242px;
	width: 275px;
}
#message {
	background-color:#DFF2BF;
	border: 1px solid #4F8A10;
    height: 215px;
    padding-left: 66px;
    padding-top: 130px;
	color: #3D3D3D;
}

#message h2 {
	margin: 0px;
	padding: 0px;
	color:#7FAD4A;
}

#message p {
	margin-top:0px;
}

#checkmark						{
	position:relative;
	top:-63px;
	left:-57px;
}

#footer{width:916px; margin: 0px auto;}

#footer .title {
	float: right;
	margin-right: 160px;
	
}
#footer .logo {
	float: left;
}


@media screen and (min-width: 1920px) {
	#gallery .whiteBg{ width:66%}
}