@charset "utf-8";
/* ----------------------------------------------- 
	GLOBAL RESET 
   ----------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	margin:0px;
	width:100%;
	height:100%;
	background-color:#191919;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

	background: url(../images/bg.jpg);
}


/* ----------------------------------------------- 
	COMMONS 
   ----------------------------------------------- */
a {	color:#8F4408;	text-decoration:none;}
a:hover {	color:#BF6923;	text-decoration:none;}
ul {list-style:none;}
input, textarea {
	background-color:#191919;
	color:#CCCCCC;
	border:0px;
	margin-bottom:5px;
}
hr {
color: #2F2C2C;
background-color: #2F2C2C;
height: 1px;
border: 0;
}
ul.inline{	float:left;	border: 0px solid red;}
ul.inline li{	float:left; padding:2px;}
.left{float:left; border: 0px dashed red;}
.right{float:right; border: 0px dashed red;}
.center{margin:auto;text-align:center;}
.clear{clear:both;}
#screenshot{ /*   TOOLTIP  */
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
.desc{
	text-align:justify;
}


/* ----------------------------------------------- 
	SPECIFIC 
   ----------------------------------------------- */
.site_name{
	font-size: 2.5em;
	line-height: 25px;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-style:italic;
	color: #8F4408;
	border: 0px dashed #383838;
}
.site_name a{color: #8F4408;}
.site_name a:hover{color: #BF6923;}
.slogan{
	line-height: 20px;
	color: #9f914f;
	font-size: 1.5em;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-style:italic;
	margin-left: 20px;
	border: 0px dashed #383838;
}
.mail{
	line-height: 20px;
	/*font-family: Georgia,"Times New Roman",Times,serif;
	font-style:italic;*/
	margin-left: 60px;
	border: 0px dashed #383838;
}
.ocre{
	display: inline;
	font-weight: bold;
	font-style: italic;
	color: #9f914f;
	/*font-size: 1.3em;*/
	font-family: Georgia,"Times New Roman",Times,serif;
}
.title{
	height: 35px;
	margin:auto;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	border: 0px dashed #383838;
}
.pano_mark {
	background: url(../images/pano_ico.png) no-repeat;
	border:0px solid #515151;
	float:left;
}
.video_mark {
	background: url(../images/video_ico.png) no-repeat;
	border:0px solid #515151;
	float:left;
	/*
	padding:1px;
	margin:1px;
	*/
}
img.transparent {
	filter:alpha(opacity=60);
	opacity:.60;
	border: 0px solid red;
}
/*.thumbs{margin-top:-3px;}*/
/*.thumbs{margin-bottom:2px;}*/

/* ----------------------------------------------- 
	PAGE STRUCTURE 
   ----------------------------------------------- */
#wrapper{
	margin:0 auto;
	width:880px;
	border: 0px solid red;
}
#header{
	width: 700px;
	border: 0px dashed #383838;
	margin:0 auto;
	padding: 8px;
	/*font-family: Georgia,"Times New Roman",Times,serif;*/
}
#content {
	width: 810px;
	min-height:500px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	
	/*background-color: #0F0D09;*/
	border-left: 0px solid #383838;
	border-right: 0px solid #383838;
}
#footer {
	margin-left:auto;
	margin-right:auto;	
	padding: 8px;
	width: 500px;
	border:0px dashed #383838;
}
#footer .thumbs{display:inline;}


/* ----------------------------------------------- 
	INDEX SPLASH 
   ----------------------------------------------- */
#splash{
	width: 420px;
	margin:auto;
	margin-top:30px;
	padding:20px;
	border: 1px dashed #383838;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-style:italic;
	/*background:url(../images/splash_fd_04.jpg) no-repeat;*/
	/*text-align:right;*/
}
#splash .head{
	height: 50px;
	padding:5px;
	border: 0px dashed gray;
	float:right;
}
#splash .main{
	/*width:420px;*/
	border: 0px dashed black;
	padding:2px;
	text-align:right;
	/*float:right;*/
}
#splash ul.menu-list{
	width:185px;
	margin:0;
	margin-top:120px;
	font-size:1.5em;
	font-weight:bold;
	border: 0px dashed gray;
	padding:5px;
	list-style:none;
	text-align:right;
}
#splash ul.menu-list li{
	margin-top:20px;
	padding:2px;
}
#splash ul.menu-list li a{color:#666666;}
#splash ul.menu-list li a:hover{color:white;}
#splash .foot{
	height: 20px;
	/*width:410px;*/
	padding:5px;
	border: 0px dashed gray;
	text-align:right;
	/*float:right;*/
}


/* ----------------------------------------------- 
	HEADER MENU 
   ----------------------------------------------- */
.menu {
	width:420px;
	margin-top:12px;
	font-size: 1.32em;
	/*font-weight:bold;*/
	border: 0px solid gray;
	/*font-family: Georgia,"Times New Roman",Times,serif;*/
}
.menu a {color:#666;}
.menu ul {float:left; border: 0px solid red; padding:8px; /*background-color:#313131;*/}
.menu ul li{display:inline;}
.menu ul li a{padding:8px;}
.menu ul li a:hover{color:#fff; /*background:url(../images/arrow.gif) bottom center no-repeat;*/}
.menu ul li.selected a {background:url(../images/arrow.gif) bottom center no-repeat;}



/* ----------------------------------------------- 
	CONTENT PHOTOS 
   ----------------------------------------------- */
.gallery-photo {
	margin-left:auto;
	margin-right:auto;
	background-color:#0F0D09;
	width:430px;
	min-height:500px;
	padding-top:30px;
	padding-bottom:15px;
	text-align:center;
	border: 2px solid black;
}
.gallery-photo img {	border: 1px solid black; margin-top:10px;}
.gallery-photo img:hover {	border: 1px dashed #7F7F7F;}

/* ----------------------------------------------- 
	CONTENT PORTFOLIO
   ----------------------------------------------- */
.portfolio_wrapper{
	margin:auto;	/*  center  */
	/*width:680px;*/
	width:430px;
	padding:10px;
	border: 2px solid black;
	background-color:#0F0D09;
}
.wrapped{
	width:430px;
	margin:auto;
	padding:5px;
	border: 0px solid red;
}
/*
ul.portfolio{
	float:left;
	margin-left:10px;
	padding:10px;
	padding-top:10px;
	text-align:center;
	border: 0px solid red;
}
ul.portfolio li{
	float:left;
	margin:0;
	padding:0px;
	text-align:center;
	border: 0px solid black;
}
ul.portfolio li a img{border:1px solid black;}
ul.portfolio li a:hover img{border:1px dashed #7F7F7F;}
*/
div.portfolio{
	float:left;
	margin-top:10px;
	margin-bottom:5px;
	padding:2px;	
	padding-top:10px;
	text-align:center;
	border: 0px solid red;
}
div.portfolio img{padding:1px;}
div.portfolio a img{border:1px solid black;}
div.portfolio a:hover img{border:1px dashed #7F7F7F;}



/*
.tutorials {
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	width:460px;
	text-align:left;
}

.about {
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	width:430px;
	background-color:#000000;
	text-align:Justify;
	padding:15px;
}

.scripts {
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	width:430px;
	background-color:#000000;
	text-align:Justify;
	padding:15px;
}

#submit {
	color:#00FF00;
}
*/