html, body {margin:0; padding:0; height: 100%;}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000;
	background-image: url("bg.jpg");
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #b1bdb1; /*#F4F9F5; #f79a0f; #ffcc99*/
	line-height: 20px;
}
h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; color:#5c6a59; font-weight: normal}
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; color:#5c6a59; font-weight: normal}
h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; color:#5c6a59; font-weight: normal}
h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; color:#5c6a59; font-weight: normal}

h1.hx, h2.hx, h3.hx, h4.hx { font-size:12px; color: #626262; padding: 0px; margin: 0px }

#mother-ship {position: relative; min-height: 100%;	border: solid #FF9900 0px;}
* html #mother-ship {height: 100%;}

#header {position: relative; border: solid #CCFF00 0px; padding-top: 10px}

#header-full {position: relative; border:solid #336600 0px;}

#header-elements {position: relative; width:950px; height:109px; margin:0 auto;	clear: both; background-color: #ffffff;}
#header-elements-2 {position: relative; width:950px; height: auto; margin:0 auto;	clear: both; background-color: #ffffff;}
.photo_menu{	background-color: #F4F9F5; 	overflow: hidden;	height: 235px;	width: 237px;	text-align: left;	vertical-align: top;	position: relative;}
.photo_menu img{	position: relative;} /*#47b3a6*/
.photo_menu_head { padding-top: 5px; color: #626262; font-size: 18px; padding: 10px }
.photo_menu_text { padding-top: 5px; color: #626262; font-size: 12px; padding: 10px }

a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#5c6a59;}
a:link { color: #5c6a59; text-decoration: underline }
a:visited { color: #5c6a59; text-decoration: underline }
a:active { color: #5c6a59; text-decoration: underline }
a:hover { color: #5c6a59; text-decoration: none;}

a.tgray {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#626262;}
a.tgray:link { color: #626262; text-decoration: none }
a.tgray:visited { color: #626262; text-decoration: none }
a.tgray:active { color: #626262; text-decoration: none }
a.tgray:hover { color: #8a2341; text-decoration: underline}

a.tgraylight {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#cccccc;}
a.tgraylight:link { color: #cccccc; text-decoration: none }
a.tgraylight:visited { color: #cccccc; text-decoration: none }
a.tgraylight:active { color: #cccccc; text-decoration: none }
a.tgraylight:hover { color: #626262; text-decoration: underline}


.top-menu {width:auto; text-align:center; color:#000000; cursor: pointer; font-size: 12px !important }
a.top-menu  { color: #000000; padding: 0px 7px 0px 0px; font-size: 12px !important; text-decoration: underline }
a.top-menu:link { color: #000000; padding: 0px 7px 0px 0px; font-size: 12px !important; text-decoration: underline }
a.top-menu:active { color: #000000; padding: 0px 7px 0px 0px; font-size: 12px !important; text-decoration: underline }
a.top-menu:visited { color: #000000; padding: 0px 7px 0px 0px; font-size: 12px !important; text-decoration: underline }
a.top-menu:hover { color: #000000; padding: 0px 7px 0px 0px; font-size: 12px !important; text-decoration: none }

/*#2bbeac*/

.top-menu-selected { width:auto; text-align:center; color:#000000; cursor: pointer; font-size: 12px !important; font-weight: bold }
a.top-menu-selected  { color: #000000; padding: 0px 7px 0px 0px; font-size: 12px !important; text-decoration: none }
a.top-menu-selected:link { color: #000000; padding: 0px 7px 0px 0px; font-size: 12px !important; text-decoration: none }
a.top-menu-selected:active { color: #000000; padding: 0px 7px 0px 0px; font-size: 12px !important; text-decoration: none }
a.top-menu-selected:visited { color: #000000; padding: 0px 7px 0px 0px; font-size: 12px !important; text-decoration: none }
a.top-menu-selected:hover { color: #000000; padding: 0px 7px 0px 0px; font-size: 12px !important; text-decoration: underline }


.menu-item {border:solid  #6666FF 0px; float:left; min-width:100px; width: auto; height:35px;	text-align:center; color:#363636; padding-top:8px; cursor: default;}	
.menu-item-selected {padding-top:0px; padding-bottom:0px; cursor:pointer; border:solid #666666 0px; float:left; min-width:100px; width: auto; height:35px;	text-align:center; background-image:url("cloud2.jpg")/*tpa=http://www.school50.com/images/cloud2.jpg*/; background-repeat:no-repeat; color:#FFFFFF; padding-top:8px;}
.menu-item-selected a {text-decoration:none; padding-top:0px; padding-bottom:0px; cursor:pointer; border:solid #666666 0px; float:left; min-width:100px; width: auto; height:35px;	text-align:center;  background-repeat:no-repeat; color:#FFFFFF; font-size: 13px !important}
.menu-item-selected a:link {text-decoration:none; padding-top:0px; padding-bottom:0px; cursor:pointer; border:solid #666666 0px; float:left; min-width:100px; width: auto; height:35px;	text-align:center;  background-repeat:no-repeat; color:#FFFFFF; font-size: 13px !important}
.menu-item-selected a:visited {text-decoration:none; padding-top:0px; padding-bottom:0px; cursor:pointer; border:solid #666666 0px; float:left; min-width:100px; width: auto; height:35px;	text-align:center;  background-repeat:no-repeat; color:#FFFFFF; font-size: 13px !important}
.menu-item-selected a:active {text-decoration:none; padding-top:0px; padding-bottom:0px; cursor:pointer; border:solid #666666 0px; float:left; min-width:100px; width: auto; height:35px;	text-align:center;  background-repeat:no-repeat; color:#FFFFFF; font-size: 13px !important}
.menu-item-selected a:hover {text-decoration:none; padding-top:0px; padding-bottom:0px; cursor:pointer; border:solid #666666 0px; float:left; min-width:100px; width: auto; height:35px;	text-align:center; background-repeat:no-repeat; color:#FFFFFF; font-size: 13px !important}
.menu-item a {text-decoration:none; color:#626262; font-size: 13px !important}
.menu-item a:link {text-decoration:none; color:#626262; font-size: 13px !important}
.menu-item a:visited {text-decoration:none; color:#626262; font-size: 13px !important}
.menu-item a:active {text-decoration:none; color:#626262; font-size: 13px !important}
.menu-item a:hover {color:#FFFFFF; background-color:#999999; border:solid #999999 3px; border-left:solid #999999 6px;	border-right:solid #999999 6px; font-size: 13px !important} /*#8e2140*/ 

.menu2 {width:968px; margin:0 auto; padding-top:0px;}
.menu2-item {float:right; width:auto; text-align:center; color:#363636; cursor: default; padding: 8px 0px 3px 0px; font-size: 12px !important}
.menu2-item a { color: #666666; text-decoration: none; padding: 0px 6px 0px 6px; height: 27px !important; font-size: 12px !important; text-decoration: underline}
.menu2-item a:link { color: #666666; text-decoration: none; padding: 0px 6px 0px 6px; height: 27px !important; font-size: 12px !important; text-decoration: underline}
.menu2-item a:visited { color: #666666; text-decoration: none; padding: 0px 6px 0px 6px; height: 27px !important; font-size: 12px !important; text-decoration: underline}
.menu2-item a:active { color: #666666; text-decoration: none; padding: 0px 6px 0px 6px; height: 27px !important; font-size: 12px !important; text-decoration: underline}
.menu2-item a:hover { color: #666666; cursor:pointer; padding: 0px 6px 0px 6px; height: 27px !important; font-size: 12px !important; text-decoration: none}
.menu2-item-selected {text-decoration: none; cursor:pointer; float:right; width: auto; height:20px; text-align:center; background-image:url("cloud-grey.jpg")/*tpa=http://www.school50.com/images/cloud-grey.jpg*/; background-repeat:no-repeat; background-position: center top; color:#000000; padding: 8px 6px 8px 6px; font-size: 12px !important}
.menu2-item-selected a { color: #666666; text-decoration: none; height: 27px !important; font-size: 12px !important; text-decoration: underline}
.menu2-item-selected a:link { color: #666666; text-decoration: none; height: 27px !important; font-size: 12px !important; text-decoration: underline}
.menu2-item-selected a:visited { color: #666666; text-decoration: none; height: 27px !important; font-size: 12px !important; text-decoration: underline}
.menu2-item-selected a:active { color: #666666; text-decoration: none; height: 27px !important; font-size: 12px !important; text-decoration: underline}
.menu2-item-selected a:hover { color: #666666; cursor:pointer; height: 27px !important; font-size: 12px !important; text-decoration: none}


#menu-project-info {border: solid #CCFF00 0px; width:968px; margin:0 auto; padding-top:20px; padding-bottom:20px;}
#menu-project-info-item {border:solid  #6666FF 0px; float:left; width:100px; height:35px; text-align:center; color:#363636;	padding-top:8px; cursor: default;}
#menu-project-info-item-selected {padding-top:0px;  cursor:default;	padding-bottom:0px;	border:solid #666666 0px; float:left; width:100px; height:35px; text-align:center; background-image:url("cloud-grey.jpg")/*tpa=http://www.school50.com/images/cloud-grey.jpg*/; background-repeat:no-repeat; color:#000000;	padding-top:8px;}
#menu-project-info-item a {text-decoration: none; color:#626262; border: solid #ffffff 6px; }
#menu-project-info-item a:hover {background-color: #E6E6E6;	border: solid #E6E6E6 3px; border-left: solid #E6E6E6 6px;	border-right: solid #E6E6E6 6px;}


#teaser {position:relative;	height: auto; border:solid #336600 0px;} /*background-image:url(../images/bg1.gif); height: 430px */
#teaser_image {position:relative; width:964px; margin:0 auto; height: auto;}


#hueaser {width:950px; margin:0 auto; position: relative;	border: solid #FF0000 0px; display:table}
.outer {float: left; vertical-align: middle; padding:5px 5px; height:220px;	border:solid #336600 0px; margin: 0px; }
.inner  {border:#e4e4e4 8px solid; margin: 0px; padding: 0px; height:154px !important} /*#f0dde3*/
.inner:hover  {border:#8e2140 8px solid; margin: 0px; padding: 0px; height:154px !important} /*#8e2140*/
.inner2  {border:#e4e4e4 8px solid; margin: 0px; padding: 0px; height:154px !important} /*#f0dde3*/
.inner2:hover  {border:#e4e4e4 8px solid; margin: 0px; padding: 0px; height:154px !important} /*#8e2140*/
.inner-text  {border: #33CC66 0px solid; padding:10px 5px 10px 5px; width:218px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px !important; color:#626262;}
.gray_back {background-color: #e4e4e4}
.list-block { padding:10px 5px 0px 0px; width:460px; }
.list-item { background-image:url("bullit.gif")/*tpa=http://www.school50.com/images/bullit.gif*/; background-repeat: no-repeat; padding:3px 0px 3px 12px; }

.big-block { width:950px; margin:0 auto; position: relative; display:inline-table; }
.dot-line { background-image:url("dot-line.gif")/*tpa=http://www.school50.com/images/dot-line.gif*/; background-repeat: no-repeat; width: 968px; height: 11px; }

.old-works-list { 	width:948px;	margin:0 auto;    	position: relative;	border:solid #FF0000 0px;	display:table; padding: 20px 0px;}
.old-works-list ul { padding:  0px 0px 0px 0px;  font-size:11px; color:#626262;}
.old-works-list ul li { padding: 4px 0px; list-style: none } /*; min-height: 39px*/
.old-works-list ul li a { font-size:11px; color:#626262; text-decoration: none;}
.old-works-list ul li a:link { text-decoration:none; cursor:pointer;}
.old-works-list ul li a:active { text-decoration:none; cursor:pointer;}
.old-works-list ul li a:visited { text-decoration:none; cursor:pointer;}
.old-works-list ul li a:hover { text-decoration:underline; cursor:pointer;}
.old-works-list-outer {	float: left; vertical-align: middle;	padding: 0px 5px; width:220px; border:solid #336600 0px;}
.old-works-list-inner  {	}
.old-works-list-inner:hover  {	}
.old-works-list-inner-text  {	border: #33CC66 1px solid;	padding: 10px 5px 10px 5px;	width:218px;}


#project-info {width:968px;	margin:0 auto; position:relative; border:solid #FF0000 0px;	display:table;}

.picture  {width:400px; display:table-cell; padding-top:10px;}
.picture-border {border:#e4e4e4 8px solid;} /*#8e2140 | #f0dde3*/

.description  {width:568px; border: #CC9933 0px solid; font-size:11px; padding: 10px 5px 10px 5px; display:table-cell; vertical-align:top;}
.description-header {font-size:34px; color:#8e2140; display:block;padding:0px 0px 0px 0px;}
.description-header a{ text-decoration:none;color:#8e2140;}
.description-header a:hover{ text-decoration:underline;}

#wrap {
    color: #404040;
    /*margin: 0 12%;*/
    margin: 20px 0px;
}

.header-description {color: #ACACAC; font-size:16px; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; display:block;  padding:7px 0px 0px 0px;}
.inner-description  {width:550px;}

.date {color: #ACACAC; font-size:14px; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; display:block;  padding:10px 0px 25px 0px;}

.end_content {position:relative; height:65px;}

#footer {background-color: none; color:#FFF; position:relative; margin-top:-100px; height:100px;} /*#1C7FFF*/

#bottom_menu {position:relative; width:1000px; margin:0 auto;	border:solid #CC6666 2px;}

#bottom {position:relative;	bottom:0px;	width:980px; margin: 0 auto; margin-bottom:0px; background-color:none; height:100px; border:solid #66FFCC 0px;}

#bottom-line {position:relative; bottom:0px; padding-bottom:0px; margin-top:-10px; margin-bottom:0px; height:10px; background-color:#8a2341}

.mainpage_block_1 {
	font-family: Verdana; font-size: 12px; color: #81233b; width: 335px; text-align: left; padding-top: 120px;
}
.mainpage_block_2 {
	font-family: Verdana; font-size: 12px; color: #81233b; width: 335px; text-align: left; padding-top: 7px;
}

.robot {
	display: block; width: 1000px; height: 130px; border: 0px solid #000000; position: relative; margin-top: -10px; margin: 0 auto;
}
.copyright {
	float: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px !important; color: #626262; width: 250px; height: 100px; border: 0px solid #000000; position: relative; vertical-align: bottom
}
.copyright-inner {
	padding: 10px; vertical-align: bottom; height: 80px; padding-bottom: 0px;
}
.bottom_center {
	float: left; width: 400px; height: 100px; border: 0px solid #000000; position: relative; margin-top: -10px;
}
.contacts {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px !important; color: #626262; float: right; width: 300px; height: 100px; border: 0px solid #000000; position: relative; vertical-align: bottom;
}
.contacts-inner {
	padding: 10px; text-align:right; vertical-align: bottom; height: 80px; padding-bottom: 0px;
}div#traners div{	position: relative;}div#traners div div.info{	display:none;	position: absolute;	top: 176px;	left: 34px;	z-index: 20;	width: 370px;	background: #FFF;	}div#traners div div.info div{	position: relative;	padding: 12px 20px 30px 20px;	}div#traners div div.info div a.close{	position: absolute;	background: url("close.gif")/*tpa=http://www.school50.com/images/close.gif*/;	right: 0px;	top: 0px;	width:24px;	height: 24px;	display: block;}div#traners div div.info h3{	color: #69E3D6;	margin: 2px 0px;}div#traners div div.info em{	display: block;	color: #858585;	margin-bottom: 14px;	font-size: 12px;	}div#traners div div.info div a.close:hover{	background: url("close-roll-over.gif")/*tpa=http://www.school50.com/images/close-roll-over.gif*/;}div#traners div div.info div span#treug{	position: absolute;	background: url("pointer.png")/*tpa=http://www.school50.com/images/pointer.png*/;	width: 19px;	height: 11px;	left: 34px;	top: -11px;	z-index: 30;}



.gallerys {
	color: #ffcc00;
	font-weight: normal;
	font-size: 12px;
	float: left;
	position: relative;
	display: block;
	padding-right: 10px;
	padding-bottom: 10px;
	border: 0px solid #000;
}

.gallerys div {
	float: left;
	/*overflow: hidden;*/
	position: relative;
	display: block;
	color: #a6a6a6; 
    padding: 3px;
	border: 0px solid #000000;
	min-height:113px;
	height:auto !important;
	height:113px;
	/*min-height: 175px;
	height: 175px;
	max-height: 260px;
	max-height: 100%;*/
	text-align: center;
}