/* CSS Document */

@font-face {
    font-family: 'pFont1';
    src: url('fonts/kenyan_coffee-webfont.eot');
    src: url('fonts/kenyan_coffee-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kenyan_coffee-webfont.woff') format('woff'),
         url('fonts/kenyan_coffee-webfont.ttf') format('truetype'),
         url('fonts/kenyan_coffee-webfont.svg#kenyan_coffeeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pFont2';
    src: url('fonts/archivonarrow-regular-webfont.eot');
    src: url('fonts/archivonarrow-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/archivonarrow-regular-webfont.woff') format('woff'),
         url('fonts/archivonarrow-regular-webfont.ttf') format('truetype'),
         url('fonts/archivonarrow-regular-webfont.svg#archivo_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pFont2-bold';
    src: url('fonts/archivonarrow-bold-webfont.eot');
    src: url('fonts/archivonarrow-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/archivonarrow-bold-webfont.woff') format('woff'),
         url('fonts/archivonarrow-bold-webfont.ttf') format('truetype'),
         url('fonts/archivonarrow-bold-webfont.svg#archivo_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	background-color:#333;
	background-size:cover;
	background-position:0px 54px;
	background-attachment:fixed;
	
	font-family:Arial, sans-serif;
	font-size:12px;
}

.mobileFotoList {
	display:none;
	overflow:auto;
	margin-bottom:64px;
}

.mobileFotoList a {
	float:left;
	margin:2px;
	width:30%;
	height:80px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
	vertical-align:top;
}

.mobileFotoList a img {
	height:80px;
}

.mobileMenu {
	display:none;
	width:100%;
	x_padding-top:30px;
	z-index:10;
	text-align:center;
	background: rgb(255, 255, 255) transparent;
	background: rgba(255, 255, 255, 0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF99, endColorstr=#FFFFFF99);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF99, endColorstr=#FFFFFF99)";
}

#fullCont table {
	position:relative;
}

#fullCont table .header {
	background-color:#FFF;
	height:54px;
}

#fullCont table .cont {
	background-size:cover;
	x_background-color:#ccc;
	height:auto;
}

.footer {
	position:fixed;
	width:100%;
	height:54px;
	display:block;
	left:0px;
	bottom:0px;
	background-color:#FFF;
}

.footer .text {
	padding-top:5px;
	padding-bottom:5px;
	width:198px;
	font-size: 12px;
	text-align:right;
	float:left;
}

.footer a {
	color:#000;
	text-decoration:none;
}

.footer .social {
	display: inline-block;
	padding-top: 10px;
	padding-left: 10px;
}

#fullCont {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:100vh;
}

.fullBk {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#333;
	background-size:cover;
}

#bklogo {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:54px;
	background-color:#FFF;
}

#footer {
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
	height:auto;
	background-color:#FFF;
}

#footer .text {
	padding-top:5px;
	padding-bottom:5px;
	width:198px;
	text-align:right;
}

.mobileLogo {
	background-color:#FFF;
	padding-bottom:5px;
	border-bottom:#CCC solid 1px;
}

#logo {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
}

#logo img {
	bottom:0px;
}

#menu {
	position:absolute;
	left:0px;
	top:54px;
	width:198px;
	height:35%;
}

.prjItem {
	float:left;
	display:block;
	padding-bottom:16px;
	padding-left:8px;
	padding-right:8px;
}

.prjItem a {
	text-decoration:none;
	color:#a6c533;
}

.prjItem .bk {
	background-size:cover;
	background-color:#333;
	width:350px;
	height:150px;
	vertical-align:bottom;
}

.prjItem .bk .tit {
	left:0px;
	top: 120px;
	height: 20px;
	position: relative;
	overflow:hidden;
	display:block;
	font-family:pFont2;
	font-size:16px;
	padding:5px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0) transparent;
	background: rgba(92, 94, 96, 0.9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5c5f5ebb, endColorstr=#5c5f5ebb);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5c5f5ebb, endColorstr=#5c5f5ebb)";
}

.mainCont2 {
	min-height:300px;
	x_display:none;
}

.mainCont2 .main {
	display:none;
	padding:100px;
}

.cgmp-centering-container-handle {
	text-align:left;
}

.stdPage {
	position:relative;
	left:0px;
	top:0px;
	x_min-width:320px;
	max-width:660px;
}

.stdPage .title {
	color:#a6c533;
	font-family:pFont2-bold;
	font-size:18px;
	height:30px;
	padding-left:10px;
	padding-top:5px;
	/**/
	background: rgb(0, 0, 0) transparent;
	background: rgba(92, 94, 96, 0.9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5c5f5ebb, endColorstr=#5c5f5ebb);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5c5f5ebb, endColorstr=#5c5f5ebb)";
}

.stdPage .body {
	font-family:Arial;
	font-size:14px;
	padding:10px;
	text-align:justify;
	/**/
	background: rgb(0, 0, 0) transparent;
	background: rgba(255, 255, 255, 0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffbb, endColorstr=#ffffffbb);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffbb, endColorstr=#ffffffbb)";
}

.stdPage .body .alignleft {
	float:left;
	padding-bottom:10px;
	padding-right:10px;
}

.stdPage .body a {
	text-decoration: none;
	color: #5c5e60;
	font-family:pFont2-bold;
}

.stdPage .body h1 {
	font-family:pFont2-bold;
	font-size:18px;
	height:auto;
	margin:0px;
}

.studioMenu {
	display:none;
	float:left;
	position:absolute;
	left:198px;
	top:258px;
	height:30px;
	/**/
	background: rgb(0, 0, 0) transparent;
	background: rgba(92, 94, 96, 0.9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5c5f5ebb, endColorstr=#5c5f5ebb);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5c5f5ebb, endColorstr=#5c5f5ebb)";
}

.studioMenu a {
	display:inline-block;
	x_height:30px;
	width:200px;
	padding-left:10px;
	padding-top:5px;
	vertical-align:middle;
	text-decoration:none;
	color:#a6c533;
	font-family:pFont2-bold;
	font-size:16px;
}

.studioMenu2 {
	display:none;
	padding-top:10px;
	padding-bottom:10px;
	/**/
	background: rgb(0, 0, 0) transparent;
	background: rgba(92, 94, 96, 0.9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5c5f5ebb, endColorstr=#5c5f5ebb);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5c5f5ebb, endColorstr=#5c5f5ebb)";
}

.studioMenu2 a {
	display:inline-block;
	x_height:30px;
	width:auto !important;
	padding-left:51px;
	padding-top:2px;
	vertical-align:middle;
	text-decoration:none;
	color:#a6c533 !important;
	font-family:pFont2;
	font-size:16px !important;
	font-weight:normal !important;
}

.studioMenu2 a:hover {
	color:#555 !important;
}

.mobileCover {
	display:block;
	width:100%;
	height:150px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}

.backButt {
	position: fixed;
	left: 300px;
	top: 550px;
}

.mainCont2 .main .cont3 .mobileBody {
	display:none;
}

.mainCont2 .main .cont3 .mobileBody .cont {
	width:95%;
	display:inline-block;
	text-align:justify;
	padding:5px;
	margin-bottom:16px;
}

.mainCont2 .main .cont3 .mobileBody a {
	font-family: pFont2-bold;
	x_font-size: 18px;
	color:#605d5c; 
	text-decoration:none;
}


.cont3 .fotoDesc a {
	color:#605d5c; 
	text-decoration:none;
}

.mainCont2 .main .cont3 .mobileBody a:hover,
.cont3 .fotoDesc a:hover {
	color: #a6c533;
}


.mainCont2 .main .cont3 {
	x_background-color:#0CF;
	width:100%;
	height:100%;
	display:block;
	x_overflow:auto;
}

.mainCont2 .main .cont3 .body table {
	width:600px;
}

.mainCont2 .main .cont3 .body p {
	margin-top:0px;
}

.mainCont2 .main .cont3 .body td {
	width:50%;
	vertical-align:top;
	text-align:left;
}

#menu .text, 
.mainCont2 .sx .text {
	font-family:pFont2-bold;
	margin-top:100px;
	x_padding-top:100%;
	x_padding-left:50px;
	width:198px;
}

#menu .text a,
.mainCont2 .sx .text a {
	color:#605d5c;
	text-decoration:none;
	font-size:24px;
	font-weight:bold;
	width:198px;
	display:block;
}

.mainCont2 .sx .text a.selected,
.mainCont2 .sx .text a:hover {
	background-color:#a6c533;
}

.mainCont2 .sx .text a span {
	padding-left:50px;
}

.mainCont2 .sx {
	vertical-align:top;
	width:198px;
	background: rgb(255, 255, 255) transparent;
	background: rgba(255, 255, 255, 0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF99, endColorstr=#FFFFFF99);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF99, endColorstr=#FFFFFF99)";
}

.fotoList {
	x_overflow:hidden;
	height: 400px;
	display:block;
}

.fotoList  .foto img {
	width:auto;
	height: 384px;
}

.cont3 .column2 {
	padding-top:40px;
}

.cont3 .column2 li {
	padding-bottom:15px;
}

.cont3 .fotoDesc h3 {
	x_text-transform:capitalize;
}

.cont3 .fotoDesc {
	min-width  : 350px;
	x_width:	384px;
	height		: 384px;
	x_overflow   : hidden;
	padding-right:15px;
	text-align:justify;
	font-family:Arial;
}

.cont3 .fotoDesc .body {
	width:	384px;
	height: 340px;
	overflow:hidden;
	line-height:95%;
	color:#303030; /* #707070 */
	x_column-count: 2;
    x_column-gap: 20px;
}

.cont3 .fotoDesc .bodyStudio {
	line-height:21px;
}

.cont3 .fotoDesc .bodyLine {
	padding-right:15px;
	border-right: 1px solid #ddd;
}

.cont3 .fotoDesc .body .column {
	padding-right: 20px;
	width: 400px !important;
	position:relative;
	top:0px;
	height:340px;
	display:inline-block;
	float: left !important;
}

.cont3 .fotoDesc .title {
	width:400px;
	padding:5px;
	color: #605d5c;
	font-size: 18px;
	font-family: pFont2;
	margin-bottom:10px;
	/**/
	background: rgb(255, 255, 255) transparent;
	background: rgba(255, 255, 255, 0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF99, endColorstr=#FFFFFF99);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF99, endColorstr=#FFFFFF99)";
}

.cont3 .fotoDesc .titleLong {
	width:200% !important;
}

.cont3 .fotoDesc h1 {
	font-family: pFont2-bold;
	font-size: 18px;
	margin: 0px;
	padding-bottom:16px;
}

.cont3 .fotoDesc p {
	margin-top: 0px;
}

.fotolist .fotoDesc table td {
	width:150px;
	vertical-align:top;
	text-align:left;
}

.fotoList  .foto a {
	display:block;
	padding-right:16px;
}

#bksx {
	position:relative;
	left:0px;
	top:0px;
	width:198px;
	height:100%;
	
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255) transparent;
	background: rgba(255, 255, 255, 0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF99, endColorstr=#FFFFFF99);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF99, endColorstr=#FFFFFF99)";

}