﻿body {background:#383838; margin:0px; padding:0px;}
a {outline:none;}
a:hover {outline:none;}
.clear {margin:0px; padding:0px; clear:both;}

#container {margin:0px auto;  width:980px; height:600px; margin-top:24px;  background:#cdcdcd;}

#container .imgloader {margin:0px; padding:0px; float:left;  display:block; width:700px; height:490px; background:transparent; z-index:9000; position:absolute; left:0;}

#container .main {margin:0px; padding:0px; float:left; display:block; width:700px; height:490px; background:#747574; position:relative; left:0;}

#container .main h1 {margin:10px 0px 0px 0px; padding:0px 0px 0px 10px; float:left; display:block; width:680px; clear:both; font:normal 22px/30px "Trebuchet MS"; color:#cdcdcd;}
#container .main .document {margin:0px; padding:10px; float:left; text-align:justify; display:block; width:680px; height:416px; overflow:auto; color:#e8e8e8;  font:normal 14px/18px "Trebuchet MS";}
#container .main .document a {color:#e8e8e8; text-decoration:underline; font:normal 14px/18px "Trebuchet MS";}
#container .main .document a:hover {color:#e8e8e8; text-decoration:none; font:normal 14px/18px "Trebuchet MS";}


/*CONTACT*/
#container .main .document .left {width:300px; padding:0px; float:left; text-align:left; display:block; margin:0px 10px 0px 0px; }
#container .main .document .left h4, #container .main .document .right h4 {margin:25px 0px15px 0px; padding:0px; float:left; display:block; clear:both; font:normal 14px/16px "Trebuchet MS";  color:#fff;}
#container .main .document .right {width:350px; padding:0px; margin:0px; float:left; display:block; font:normal 12px/14px "Trebuchet MS";}
#container .main .document .right input {width:180px; height:20px; margin:0px 0px 0px 0px; border-top:0px; border-right:0px; border-left:0px; border-bottom:1px solid #cdcdcd!important; background:transparent;  font:normal 12px/16px "Trebuchet MS"; color:#fff;}
#container .main .document .right textarea {background:#cdcdcd; border:0px; font:normal 12px/14px "Trebuchet MS"; color:#666; width:180px;}
#container .main .document .right .note {margin:5px 0px 0px 0px; padding:0px; float:left; display:block; clear:both; font:normal 11px/13px "Trebuchet MS"; color:#cdcdcd;}
#container .main .document .right .btns {margin:5px 10px 0px 0px; width:80px; float:left; background:url(imgs/menubgr.jpg) repeat-x 0px 0px; height:20px; font:normal 12px/20px "Trebuchet MS"; color:#cdcdcd; border:0px!important;}

#container .main .portfolio {margin:0px; padding:5px 20px 5px 20px; float:left;  display:block; width:660px; height:450px;}
*html #container .main .portfolio {margin:0px; padding:5px 15px 5px 0px; float:left;  display:block; width:660px; height:450px; text-align:center;}
#container .main .portfolio table {margin:0px; width:660px; padding:0px; table-layout:fixed; }


#container .main .portfolio table td { margin:0px; padding:0px; border:2px solid #dedede!important; background:url(imgs/tdbgr.gif) repeat-x 0px 0px; text-align:center!important;}
#container .main .portfolio table td:hover { border:2px solid #da2f2f!important;  background:url(imgs/tdbgr.gif) repeat-x 0px 0px; text-align:center!important;}

/*
#container .main .portfolio li {margin:0px 20px 12px 0px; padding:0px; float:left; display:block; width:138px; height:138px; text-align:center; }
#container .main .portfolio li a {margin:0px; padding:0px; line-height:132px!important;}

#container .main .portfolio li:hover {margin:0px 17px 18px 0px; padding:0px; float:left; display:block; width:144px; height:94px; border:2px solid #da2f2f; cursor:pointer;}
*html #container .main .portfolio li {margin:0px 17px 10px 0px; padding:0px; float:left; display:block; width:144px; height:94px; border:2px solid #d7d7d7; cursor:pointer;}
*html #container .main .portfolio li:hover {margin:0px 17px 10px 0px; padding:0px; float:left; display:block; width:144px; height:94px; border:2px solid #da2f2f; cursor:pointer;}

#container .main .portfolio td img { border:2px solid #dedede!important; cursor:pointer;}
#container .main .portfolio td img:hover { border:2px solid #da2f2f!important; cursor:pointer;}
*/
#container .main .paging {margin:0px 0px 10px 0px; padding:0px 10px 0px 0px; float:right; display:block; height:20px; width:auto;}
#container .main .paging .previous, #container .main .paging .next {margin:0px; padding:0px; height:20px; float:left; display:block; width:20px;}
#container .main .paging .nums {margin:0px; padding:0px 10px 0px 10px; float:left; display:block; width:auto; height:20px; font:bold 14px/20px "Century Gothic"; color:#fff;}
#container .main .paging .nums a {margin:0px; padding:0px 8px 0px 0px; font:bold 14px/20px "Century Gothic"; color:#fff; text-decoration:none;}
#container .main .paging .nums a:hover {margin:0px; padding:0px 8px 0px 0px; font:bold 14px/20px "Century Gothic"; color:#da2f2f; text-decoration:none;}
#container .main .paging .nums span{font:bold 14px/20px "Century Gothic"; color:#da2f2f; margin:0px; padding:0px 8px 0px 0px;}

#container .rightcolumn {margin:0px; padding:0px; float:left; display:block; width:280px; height:490px;}

#container .rightcolumn .rightmenu {margin:0px auto; padding:0px;  display:block; width:250px; height:50px; margin-top:30px;}
#container .rightcolumn .rightmenu ul {margin:0px; padding:0px;}
#container .rightcolumn .rightmenu li {margin:0px 0px 5px 0px; padding:0px; float:left; display:block; width:235px;font:bold 14px/18px "Trebuchet MS"; color:#121314; height:30px;}
#container .rightcolumn .rightmenu li a {margin:0px; padding:0px 0px 0px 15px; font:bold 14px/18px "Trebuchet MS"; color:#121314; background:url(imgs/plus.jpg) no-repeat 0px 4px; height:30px; text-decoration:none;}
#container .rightcolumn .rightmenu li a:hover {margin:0px; padding:0px 0px 0px 15px; font:bold 14px/18px "Trebuchet MS"; color:#da2f2f; background:url(imgs/plusdes.jpg) no-repeat 0px 4px; height:30px; text-decoration:none;}
#container .rightcolumn .rightmenu .selected a {margin:0px; padding:0px 0px 0px 15px; font:bold 14px/18px "Trebuchet MS"; color:#da2f2f!important; background:url(imgs/plusdes.jpg) no-repeat 0px 4px!important; height:30px; text-decoration:none;}



#container .menu {margin:0px; padding:0px; float:left; display:block; width:980px; height:37px; background:url(imgs/menubgr.jpg) repeat-x 0px 0px; clear:both;}
#container .menu ul {margin:0px; padding:0px; float:right; display:block;}
#container .menu li {margin:0px;height:37px; padding:0px; float:left; display:block; list-style-type:none; font:bold 14px/37px "Century Gothic"; color:#fff;}
#container .menu li a {padding:10px 10px 10px 10px;height:26px; margin:0px; font:bold 14px/37px "Century Gothic"; color:#fff; text-decoration:none;}
#container .menu li a:hover {padding:10px 10px 10px 10px;height:26px; background:#d13838; margin:0px; font:bold 14px/37px "Century Gothic"; color:#fff; text-decoration:none;}

#container .footer {margin:0px; padding:0px 0px 0px 10px; float:left; display:block; width:970px; height:45px; background:url(imgs/footerbgr.jpg) repeat-x 0px 0px; clear:both;}
#container .copyrights {margin:0px; padding:5px 0px 0px 0px; float:left; display:block; width:980px; height:28px; background:#383838; font:normal 11px/28px "Trebuchet MS"; color:#d2d2d2; clear:both;}
#container .copyrights a {font:normal 11px/28px "Trebuchet MS"; color:#fff; text-decoration:underline;}
#container .copyrights a:hover {font:normal 11px/28px "Trebuchet MS"; color:#fff; text-decoration:none;}
#container .copyrights .left {margin:0px; padding:0px 0px 0px 5px; float:left; display:block; height:28px;}
#container .copyrights .right {margin:0px; padding:0px 5px 0px 0px; float:right; display:block; height:28px;}

#container .copyrights .right img {margin:0px 0px 0px 5px; padding:0px; text-decoration:none;}

#container .main .lang {margin:0px; padding:0px; float:right; display:block; width:120px; font:normal 12px/14px "Century Gothic";}
#container .main .lang a {float:left;margin:0px 5px 0px 5px; padding:0px;  font:normal 12px/14px "Century Gothic"; color:#fff; text-decoration:none;}
#container .main .lang a:hover {float:left;margin:0px 5px 0px 5px; padding:0px; font:normal 12px/14px "Century Gothic"; color:#dedede; text-decoration:none;}



