@font-face
{
 font-family: CustomFont;
 src: url(/wp-includes/fonts/LetterGothicStd.otf) format('opentype');
}

@font-face
{
 font-family: CustomFontBold;
 src: url(/wp-includes/fonts/LetterGothicStd-Bold.otf) format('opentype');
}

.txt2::selection, .txt2 h1::selection, .txt2 a::selection, .txtmain::selection, .txtmain h1::selection, .txtmain a::selection, p::selection, p em::selection{
	background:black;
	color:white;
}

.txt2 h1, .txt2 span{ text-transform: uppercase; }



html, body {
color: #141414;
/*font: normal 10px "CustomFont", "Lucida Sans Unicode", sans-serif;*/
font: normal 15px "CustomFont", "Lucida Sans Unicode", monospace;
line-height: 150%;
letter-spacing: -0.03em;
/*text-transform: uppercase;*/
margin:0px;
padding:0px;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
/*-webkit-font-smoothing: subpixel-antialiased !important;*/
width: 100%;
height: 100%;
/*background-image: url('grid.jpg');*/
/*background-image: url('/wp-content/uploads/RollOver.png');*/
font-kerning: none;
}


a{
text-decoration: none;color: #141414;outline: none;}
a:hover{
color: #141414;text-decoration: line-through;}
a:active {
outline: none;}
.clear{
clear: both;}

.current a{font: 15px "CustomFontBold", "Lucida Sans Unicode", monospace;}

#ccUnderTitle a{font: 15px "CustomFontBold", "Lucida Sans Unicode", monospace;}
#ccImages {margin-left: 38px;}
#ccImages a{font: 15px "CustomFontBold", "Lucida Sans Unicode", monospace;}
#ccImages iframe{float:left;}
#ccAboutDiv a{font: 15px "CustomFontBold", "Lucida Sans Unicode", monospace;}
/*#ccAboutDiv a{font-weight:bold;}*/

.ccLegende{
position:absolute;
overflow: hidden;
background-image: url('/wp-content/uploads/RollOver_grey.gif');
/*background-image: url('/wp-content/uploads/RollOver_blipblip.gif');*/
z-index:1000;
padding: 0 0.6em 0.8em 1em;
}

.ccLegende h1{
font: 15px "CustomFontBold", "Lucida Sans Unicode", monospace;
padding-top: 1em;
}

/* STRUCTURE 

M E N U
*/


#menu{
font: 10px "CustomFont", "Lucida Sans Unicode", monospace;
z-index:99999;
position: fixed;
left:0px;
top:26px;
margin: 0px;
/*height: 38px;*/
text-transform: uppercase;
letter-spacing: 0px;
/* text-shadow: 1px 1px #ffffff; */
width: 100%;   
background: none;
}

#menu select{ text-transform: none; }

#menu ul li{
list-style: none;
text-decoration: none;
color: #141414;
text-align: left;
float: left;
margin-right: 38px;
margin-top: 12px;
}
.displaymenu{
width:10%;
height: 100%;
float: left;
margin-right:2%;

}

/*#leftm{margin:0px;padding:0px;width:450px;margin-left: 38px;}*/
#leftm{margin:0px;padding:0px;width:424px;margin-left: 38px;margin-top:12px;}
#rightm{margin: 0px;padding:4px 0 0 0;width:262px;margin-left: 38px;}
#rightsme{margin: 0px;padding:4px 0 0 0;width:262px;margin-left: 38px;}
#rightsm{margin: 0px;padding:4px 0 0 0;/*width:20px;*/margin-left: 38px;}
#leftm, #rightm, #rightsm, #rightsme {float: left;}

/*.collapsed{
border-right:1px solid aqua;padding-right: 5px;
}
.expanded{
border-right:1px solid #E3E3E3;padding-right: 5px;
}*/

/* ////////------------------------------------ Other than Smartphone */
@media only screen 
and (min-width : 1090px) {

.project .txt2{
max-width:30%;
}

}

/* //////// ----------------------------- SMARTPHONE */
@media only screen
and (max-device-width : 1090px) {

images{
max-width: 100%;
}

.project .txt2{
max-width:100%;
}

}
/* //////// -------------------- END SMARTPHONE */


/* CONTENT */

/* main wrapper */
.wrapper{
float: left;
/*margin-top: 114px;*/
margin-top: 94px;
}


.margin{margin-left: 0px;max-width:640px;}


/* IMG */
.detail{display: none;}
/*.grey{background-color: #E3E3E3;clear: both;height: 100%;padding-top: 38px;padding-left: 38px;}*/
.grey{background: url('/wp-content/uploads/bckgrnd_grey.png');clear: both;height: auto;padding-top: 38px;padding-left: 38px;width:100%;}
.white{background-color: white;}
.small, .medium, .large{ margin-right: 38px;float:left;margin-bottom: 55px;}


.txtmain{
/*width:300px;*/
width: 262px;
float: left;
margin-right: 38px;
/*padding-left: 38px;*/
}

.txtproject{
/*width:300px;*/
width: 424px;
float: left;
margin-right: 38px;
/*padding-left: 38px;*/
}

.imgtxt{float: left;     
padding-bottom: 38px;
padding-left:38px;
font-size: 15px;font-style: italic;margin-left: 18px;margin-top: 18px;}
.img{
float:left;
margin-left: 38px;


}
.grey.img{margin-left: 0px;}

.thumb {
width:50px;
float: left;
margin: 3px;}




.prjct{
float: left;
margin-bottom: 38px;
}


.images img{
float:left; padding:0;	padding-left:0px; margin:0; width:100%; height:auto;
}
.images {
/*min-width: 425px; */
max-width:640px;
background-color: white;
margin: 0;
padding-bottom: 38px;
float: left;
}
.current{background-color: white;width: 100%; float:left;padding-bottom: 20px;}
/* TXT */

.txt{
background-color:#FFF;
font-size: inherit;
/*font-size: 10px; */

}
.txt p {}

.txt img{float:left;margin-left: 20px;margin-bottom: 20px;}

.caption{
position:absolute;top:0px;left:0px;background-color: rgba(255,255,255,0.5); padding:0px;
}



#projectwrap{

margin-left:0px;
padding-top: 94px;
width: 100%;
height: 100%;
background-color: white;
 
}
.prjtitle {margin-left:38px;}

/*.project {background-color: #E3E3E3;}*/
.project .txt{
margin-left: 38px;
width:450px;
visibility: visible;
float: left;
padding-bottom: 38px;
}
.project .txt2{
/*margin-left: 38px;width:302px;visibility: visible;float: left;*/
margin-left: 38px;
margin-right: 38px;
/*width:250px;*/
visibility: visible;
float: left;
}


/*
#projectwrap .images p{ margin:0px;margin-right: 38px;float:left;margin-bottom: 38px;}
*/

/* - - - css clement - - - */
#aboutwrap{
	margin-left:0px;
	padding-top: 114px;
	/*padding-top: 94px;*/
	width: 100%;
	height: auto;
	background-color: white;    
}
.ccAbout {
background-color: #E3E3E3;
}
.ccAbout .txt {
margin-left:38px; /*width:450px;*/ visibility:visible; float:left; padding-bottom:38px;
}
.ccAbout .txt2{
margin-left:38px; width:402px; visibility:visible; float:left;
}

/* - - - css clement - - - */

h1 {
font: 15px "CustomFontBold", "Lucida Sans Unicode", sans-serif;
margin: 0;
color: #141414;
margin-bottom: 15px;}
h2 {
font: 15px "CustomFontBold", "Lucida Sans Unicode", sans-serif;
color: #141414;
}
h3 {
font: 15px "CustomFontBold", "Lucida Sans Unicode", sans-serif;
color: #141414;
}
h4 {
font: 15px "CustomFont", "Lucida Sans Unicode", sans-serif;
color: #141414;
}
h5 {
font: 15px "CustomFontBold", "Lucida Sans Unicode", sans-serif;
color: #141414;
}
#tips{
position: fixed;
left:0px; 
top:20px;
color: red;}
.right{float: right;}


.wrapper{
float: left;
/*margin-top: 114px;*/
margin-top: 94px;

}

#subscriberDIV{
margin:22px 0 0 0;
padding:0px;
font: 15px "CustomFont", "Lucida Sans Unicode", sans-serif;
}
#subscriberForm input[type="text"]
{
color: #141414;
/*font: normal 10px "Letter Gothic Std", "Lucida Sans", "Lucida Sans Unicode", monospace;*/
width: 210px;
height: 12px;
font-size: 10px;
padding: 1px;
}

#subscriberForm input[type="submit"]
{
font-size: 10px;
margin: 0px 0px 0px 0px;
height: 21px;
vertical-align: top;
}

#subscriberForm input[type="checkbox"]
{
font-size: 10px;
margin: 0px 0px 0px 0px;
/*vertical-align: bottom;*/
}

#subscriberForm label
{
font-size: 10px;
cursor:pointer;
cursor:hand;
}









/* a {
background-color: white;

font: normal 32px "Letter Gothic Std", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;

}
a:hover {
text-decoration: none;
position: relative; top: -9px; left: -9px; 
text-shadow: 1px 1px red, 2px 2px red, 3px 3px red, 4px 4px red, 5px 5px red, 6px 6px red;
}
a:hover img{
background-color: red;
position: relative; top: -9px; left: -9px; 

}*/