/* CSS Document */
body, html   {background-color:#e6e7da; font-family: arial, helvetica, verdana, sans-serif; color:#000000; margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; font-size:10px; height:100%; text-align:center;}

label		{width:120px}

::-moz-selection	{
	background-color:rgba(100,100,100,0);
	}
::-webkit-selection	{
	background-color:rgba(100,100,100,0);
	}
::selection	{
	background-color:rgba(100,100,100,0);
	}
	

/* Elements */ 
#scope		{z-index:3; position: absolute; top: 130px; left: 0px;  width:100%; height:320px}
#content	{width:550px}
#projector	{display:none; z-index:300px; position:absolute; top:200px; margin-left:20px; background-color:#697e5a; cursor:move; background:url(../images/patterns/dragnobar.gif); background-position:top; background-repeat:repeat-x; z-index:969; -moz-box-shadow: 3px 3px 3px #888; -webkit-box-shadow: 3px 3px 3px #888; box-shadow: 3px 3px 3px #888;
-moz-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	}
#projector:hover	{
	background:url(../images/patterns/dragbar.gif);
	background-position:top;
	background-repeat:repeat-x;
	
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	 
}
#winCloser{float:right; cursor: hand; cursor: pointer; background-color:#f00; color: #ffffff; border:1px solid #B77558; width:18px; height:18px; position: relative; font-weight:bold;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
right:10px;
line-height:18px;
margin-left:10px;
	}
#markPoint > div {
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	}
#markPoint > div:hover {
	-moz-transform: scale(2, 2);
	-webkit-transform: scale(2, 2);
	transform: scale(2, 2);
	}
.layout-main {width:700px; text-align:left; margin:0 auto;
margin-top:20px;
}

.footer	  {text-align:center; margin-top:50px; color:#999; font-size:10px; width:100%; padding:20px 0 20px 0; clear:both}

.glassBox { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/glass_yellow.png'); background:url(../images/glass_yellow.png); border:1px dotted #B2B594;}

.glassMenu { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/glass_green.png'); background:url(../images/glass_green.png) }

.close   {float: right; background-color: #B2B996; color: #ffffff; cursor: hand; cursor: pointer; width:20px}
.marker  {position: relative; z-index:39; top:0px; left:0px; float:left}
.panel-top {background:url(../images/patterns/verti_dots.gif); height:90px; background-color: #93b17f; background-repeat:repeat-x;
-moz-border-radius: 20px 20px 0 0;
-webkit-border-radius: 20px 20px 0 0;
-khtml-border-radius: 20px 20px 0 0;
border-radius: 20px 20px 0 0;
border-top:4px solid #fff;
border-left:4px solid #fff;
border-right:4px solid #fff;
}
.panel-bottom {background:url(../images/patterns/haze.gif); background-color:#d5d8b3;
width:692px;
*width:700px;
background-repeat:repeat-x; height:auto; padding-top:15px;
-moz-border-radius: 0 0 20px 20px;
-webkit-border-radius: 0 0 20px 20px;
-khtml-border-radius: 0 0 20px 20px;
border-radius: 0 0 20px 20px;
border-bottom:4px solid #fff;
border-left:4px solid #fff;
border-right:4px solid #fff;
}
.cityname {position:absolute; top:-3px; background-color:#f3f5cb; padding:2px; white-space:nowrap}

.thumb-space {float:left; padding:10px; margin-left:5px}
.thumb-img   {border: 1px dotted #697e5a; cursor: pointer}

.tray-left  {background:url(../images/patterns/tray-left.gif); background-repeat:repeat-y; width: 10px}
.tray-middle {background-color: #fbffd3; padding-top: 10px}

/* Menu */
.menu  			{background-color:#697e5a; height:15px; padding-left:23px;
border-left:4px solid #fff; border-right:4px solid #fff;
}
.submenu  		{border-top:1px dotted #d5d8b3; padding:1px; letter-spacing: 2px; white-space:nowrap}
a.sublink 		{color:#697e5a; text-decoration: none}
.bar-state, .bar-link {width:80px; float:left; font-size:11px; letter-spacing:1px; text-align:center; white-space:nowrap; padding-bottom:5px;}
.bar-state {color: #697e5a; cursor: pointer; border-bottom:1px solid #FBFFD3; background-color:#fbffd3}
.bar-link  {color: #ffffff; cursor: pointer}

.tray    {z-index:69; display:none; position:absolute; text-align:left}
.con	 {position:absolute; top:15px; left:-80px; border-left:1px solid #697e5a; border-right:1px solid #697e5a; border-bottom:1px solid #697e5a; padding:10px; background-color:#fbffd3; text-align:left;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-khtml-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;}

.button.submit{	
	background-color:#00cc33;
	border:1px solid #030;
	background-image:-moz-linear-gradient(#9bf30c, #00cc33);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9bf30c, endColorstr=#00cc33);
	background: -webkit-gradient(linear, left top, left bottom, from(#9bf30c), to(#00cc33));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	}
.button.reset{
	background-color:#ff6600;
	border:1px solid #900;
	background-image:-moz-linear-gradient(#ffb400, #ff6600);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb400, endColorstr=#ff6600);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb400), to(#ff6600));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	}

.contact-form {text-align:left; clear:both; padding-top:10px; width: 300px}
.contact-form label {width:80px; display:block; padding-top:5px;}
.contact-form input, .contact-form textarea {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #999;
	}
.projectGroup {
	margin:10px 0;
	}
.projectGroup a {
	color:#fff;
	text-decoration:none;
	}	
.projectGroup li {
	list-style:none;
}
.hlogo {
	margin: 10px 0;
	padding-top:5px;
	text-indent:9999px;
	overflow:hidden;	
	background-repeat:no-repeat;
	width:100%;
	}	
.hlogo.yahoo {
	background-image:url(../images/logos/logo_yresearch.png);
	height:18px;
	}
.hlogo.devart {
	background-image:url(../images/logos/logo_devart.png);
	height:59px;
	}
.hlogo.coroflot {
	background-image:url(../images/logos/logo_coroflot.png);
	height:45px;
	}	


/* Size */
h1		 {font-size:21px; font-weight: bold; letter-spacing:2px; margin:0 0 10px 20px; clear:both}

.tiny    {font-size:9px}
.small   {font-size:11px}
.medium  {font-size:12px}
.large   {font-size:16px; font-weight: bold}

/* Color */
.black   {color:#000000;}
.coal    {color:#444639;}
.olive   {color:#A7A785;}
.plum    {color:#728892}
.rust    {color:#C43C00;}
.white   {color:#ffffff;}