@charset "utf-8";
/* CSS Document */

 * {
 margin: 0;
 padding: 0;
 border: 0;
}

 body {
 background-color: #bdbdbd;
 height: 100%;
}

 .clear {
 clear: both;
}

 #page {
 width: 960px;
 min-height: 100%;
 height: 100%;
 height:auto !important;
 margin: 0 auto;
 font-family: Arial;
 font-size: 14px;
 font-weight: 400;
 color: #8b8a8a;
 position: relative;
 z-index: 1;
 background: #FFFFFF;
}

 #page #header {
 width: 100%;
 height: 400px;
 display: block;
 position: relative;
 z-index: 2;
 background: #bdbdbd;
}

 #page #header .topheader{
 width: 940px;
 height: 50px;
 padding: 10px;
 display: block;
 position: absolute;
 z-index: 3;
 top: 0;
 left: 0;
 background: #FFFFFF;
 opacity:0.9; 
 -moz-opacity:0.9; 
 filter:alpha(opacity=90);
}

 #page #header .topheader .logo{
 position: absolute;
 top: 0;
 left: 415px;
 z-index: 4;
}

 #page #header .topheader .options {
 height: 50px;
 width: 300px;
 display: block;
 position: absolute;
 right: 10px;
 z-index: 4;
 float: right;
}

 #page #header .topheader .options img {
 float: right;
 margin-left: 15px;
}

#page #header .topheader .options .search {width:250px;float:right;margin-top:15px; margin-bottom:0;clear:both;}
#page #header .topheader .options .search .input {float:right;background:url(../images/txt.gif) no-repeat 1px 0 transparent;height:15px;width:150px;}
#page #header .topheader .options .search .button {float:right;cursor:pointer;}
#page #header .topheader .options .search span {float: right;font-weight:bold;}
#page #header .topheader .options .search .input input {margin:1px 4px 1px;font-family:Arial;font-weight:400;line-height:120%;font-size:11px;color:#8b8a8a;border:0;height:12px;background:#ffffff;}

 #page #header .mainmenu {
 width: 960px;
 height: 40px;
 position: absolute;
 top: 360px;
 left: 0; 
 background: url(../images/menubg0.png) 0 0 repeat;
}

 #page #header .mainmenu ul {
 list-style: none;
 display: block;
 width: 960px;
 height: 21px;
 margin-top: 10px;
 background: url(../images/menubg2.png) 0 0 repeat-x;
}

 #page #header .mainmenu li {
 width: auto;
 height: 21px;
 margin-left: 20px;
 margin-top: 0px;
 padding-top: 2px;
 display: block;
 float: left;
 background: none;
}

 #page #header .mainmenu li:hover {
 background: url(../images/innermenubg1.png) 0 8px no-repeat;
}

 #page #header .mainmenu a {
 color: #333333;
 text-decoration: none;
 font-weight: 600;
 font-size: 14px;
 padding-left: 16px;
 font-family: Tahoma;
}

 #page #content {
 clear: both;
 background: #FFFFFF;
 display: block;
 width: 960px;
 min-height: 300px;
 height: 100%;
 position: relative;
 z-index: 2;
}

 #page #content h2, h1, h3, h4, h5, h6 {
 color: #666666;
}

 #page #content .leftcontent {
 float: left;
 width: 450px;
 padding: 10px 10px 10px 20px;
 background: #FFFFFF;
 position: relative;
 z-index: 3;
}

 #page #content .rightcontent {
 float: right;
 width: 450px;
 padding: 10px 10px 10px 20px;
 background: #FFFFFF;
 position: relative;
 z-index: 3;
}

 #page #content .rightcontent h2,  #page #content .leftcontent h2 {
 color: #666666;
 padding-left: 15px;
 font-size: 18px;
 line-height: 200%;
}

 #page #content .rightcontent p,  #page #content .leftcontent p {
 display: block;
 background: url(../images/line.gif) left center no-repeat;
 padding-left: 15px;
 overflow: hidden;
}

 #page #content .leftcontent .galery {
 padding: 30px 0 0 0;
 width: 450px;
 height: 145px;
 display: block;
 background: url(../images/galery.jpg) 0 0 no-repeat;
 position: relative;
 z-index: 4;
}

 #page #content .leftcontent .galery .galerytitle{
 color: #FFFFFF;
 line-height: 150%;
 font-size: 18px;
 font-weight: 500;
 padding: 0 0 0 280px;
 position: relative;
}

 #page #content .leftcontent .galery .projects{
 display: block;
 line-height: 150%;
 color: #CCCCCC;
 font-size: 16px;
 font-weight: 600;
 padding: 0 0 0 280px;
 position: relative;
}

 #page #content .leftcontent .galery .viewgalery {
 float: right;
 color: #405999;
 text-decoration: none;
 font-weight: 600;
 font-size: 14px; 
 margin-right: 20px;
}

 #page #content .leftcontent .galery .viewgalery:hover {
 text-decoration: underline;
}

 #page #footer {
 clear: both;
 background: #FFFFFF;
 display: block;
 width: 920px;
 height: 70px;
 position: relative;
 z-index: 2;
 padding: 0 20px 0 20px;
}

 #page #footer .hr{
 background: url(../images/footerline.gif) 0 0 repeat-x;
 display: block;
 width: 100%;
 height: 2px;
}

 #page #footer .leftfooter{
 float: left;
 font-size: 11px;
}

 #page #footer .rightfooter{
 float: right;
}

 .preloader {
 background: url(../images/menubg01.png) 0 0 no-repeat;
 visibility: hidden;
}