*{margin: 0px; padding:0px;
	-webkit-transition: color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s;
	   -moz-transition: color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s;
	    -ms-transition: color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s;
	     -o-transition: color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s;
            transition: color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s;
}
*:hover, *:focus { outline: none; }
*::-moz-focus-inner { border: none; }

body {color:#666;overflow:hidden;font-family:Tahoma,Arial,Verdana;font-size:11px;background:#fefefe url(../img/design/bg.png);}

.boxMsg {width:500px;max-height:400px;overflow:auto;position:absolute;background-color:#efefef;border:1px solid red;padding:10px;border-radius: 4px 4px 4px 4px; 		-webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.5);box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.5);}
.boxErr {width:500px;max-height:400px;overflow:auto;background-color:#efefef;border:1px solid red;padding:10px;}

.ldrInd {background:transparent url(../img/design/indicator.gif) no-repeat 2px;text-indent:-999px;width:20px;height:20px;display:block;}
.ldrIndDoc {top:0;left:0;position:fixed;}

a {text-decoration:none;color:#ff9900;}
ul {list-style:none;}
img {border:0;}

.red {color:red !important;}

.contMain {margin:auto;background-color:#fff;
	border-radius: 4px; -webkit-box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.4);box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.4);}

.contHeader {overflow:hidden;}

/* #### LOGO ####  */
.contLogo {margin:5px 0 0 5px;width:255px;height:55px;overflow:hidden;}
.contLogo h1 {color:#E87521;height:25px;font-size:24px;display:block;margin-top:3px;overflow:hidden;}
.sIFR .contLogo h1 {visibility:hidden;}
.contLogo h2 {color:#666;height:25px;font-size:12px;margin-left:50px;font-style:italic;}
.sIFR .contLogo h2 {visibility:hidden;}
.contLogo a {display:block;float:left;margin:5px 5px 0 0;}

/* #### MAIN NAV ####  */
.navMain {clear:both;list-style:none;height:23px;background:url(../img/design/menubg.gif) repeat-x;}
.navMain li {float:left;}
.navMain li a{float:left;background:url(../img/design/button.png) no-repeat right -23px;padding-right:5px;}
.navMain li span{font-size:10px;color:#333;text-transform:uppercase;display:block;height:23px;line-height:21px;background:url(../img/design/button.png) no-repeat;padding:0 10px 0 15px;text-shadow:1px -1px 0px #eee;}
.navMain li a:hover, .navMain li a.active {background-position:right -69px;}
.navMain li a:hover span, .navMain li a.active span {background-position:0 -46px;color:#ff6600;text-shadow:0 none;}


/* #### BODY ####  */
.contBody {background:url(../img/design/bg2.jpg) 0 22px no-repeat;}
.bodyHome {background-url:none;}
.bodyHome .box {display:none;}
.bodyContact .contBody {background:url(../img/design/bg3.jpg) 0 22px no-repeat;}


.contBody {clear:both;}
.contBody ul,ol {color:#fff;margin:0 0 5px 20px;}
.contBody ul {list-style:square;}
.contBody p{margin-bottom:10px;color:#fff;}
.contBody h1 {background-color:#f8f8f8;font-size:11px;border-bottom:1px solid #ccc;
				font-weight:normal;text-align:center;height:22px;line-height:22px;color:#000;text-shadow:0 1px 1px #fff;}
.contBody h2 {color:orange;font-size:11px;font-weight:normal;margin-bottom:5px;text-shadow:0 1px 1px #333;}


.ctntHosting {width:335px;min-height:300px;float:left;}
.contHosting {width:335px;min-height:300px;float:right;}

.contContact {width:400px;margin:20px auto 0px auto !important;}


/* #### FOOTER ####  */
.contFooter {background-color:#333;height:20px;padding-left:5px;}
.contFooter a.copyright {padding-left:15px;display:block;line-height:18px;height:20px;width:70px;float:right;
						background:#FD6801 url(../img/design/div.gif) no-repeat;color:#fff;border-radius: 0 0 3px 0;}
.contFooter a.copyright:hover {color:#000;}

.navFooter li{float:left;margin-right:10px;padding-left:12px;line-height:20px;
				background:url(../img/design/square.gif) 0 8px no-repeat;}
.navFooter li a{color:#d0cece;text-shadow:0 1px 1px #000;}
.navFooter li a:hover{color:#FFCC33;}

.galMain {list-style:none;height:353px;width:755px;overflow:hidden;margin:0 !important;}
.galMainCont {position:relative;height:353px;}
.galMainNav {position:absolute;z-index:999;list-style:none !important;bottom:5px; left:295px;}
.galMainNav li {float:left;margin-left:3px}
.galMainNav li a{width:10px;height:10px;display:block;border-radius: 6px 6px 6px 6px;border:1px solid #eee;background-color:#eee;
filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.8);box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.8);}
.galMainNav li a:hover {background-color:#666;}
.galMainNav li.active a {background-color:orange;}
.galMainNav span {display:none;}
.galMainBody {display:block;}


.tpl_contPortfolio {height:300px;}
.contPortfolio {margin-top:10px;}
.navPortfolio {list-style:none !important;height:265px;width:680px;margin-left:10px !important;}
.navPortfolio li{float:left;margin:0 5px 5px 0;}
.navPortfolio li img {border-radius: 4px 4px 4px 4px;}
.navPortfolio li img.reflection{width:100px;}
.navPortfolio li:hover img.reflection{border:1px solid #FF9900;width:105px;}
.navPortfolio li canvas {border-radius: 4px 4px 0 0;}

.navPortfolio img {width:100px;margin-bottom:5px;}

.navPortfolio li img,.navPortfolio li canvas{
	-webkit-transform:scale(1); 
	   -moz-transform:scale(1); 
	    -ms-transform:scale(1);
	     -o-transform:scale(1);
	        transform:scale(1);
	-webkit-transition: -webkit-transform 0.5s ease-in-out 0s;
	   -moz-transition: -moz-transform 0.5s ease-in-out 0s;
 	    -ms-transition: -ms-transform 0.5s ease-in-out 0s;
	     -o-transition: -o-transform 0.5s ease-in-out 0s;
	        transition: transform 0.5s ease-in-out 0s;
}
.navPortfolio li:hover img, .navPortfolio li:hover canvas{
	-webkit-transform:scale(1.1); 
	   -moz-transform:scale(1.1); 
	    -ms-transform:scale(1.1);
	     -o-transform:scale(1.1);
	        transform:scale(1.1);
}


/* #### FORM ####  */
form {margin:0;padding:0;}
form ul{margin:0;padding:0;list-style:none !important;}
form ul li {margin: 0;padding: 2px;}
form fieldset{border:1px solid #B5B8C8;margin-bottom:10px;padding:10px 10px 5px;}
form legend{color:#15428B;font-weight:bold;font-size:12px;}

form span.ctrlMsg, form span.ctrlDscr {clear:both;display: block;padding: 1px 3px 0 0;}
form span.mceEditor{margin:0;padding:0;display:block;}

form input.text, form input.password, form textarea, form input.cpt{width:150px;background:transparent none repeat scroll 0 0;border:1px solid #ccc;color:#fff;font-size:11px;border-radius: 3px 3px 3px 3px;}
form select{width:150px;padding:1px;}
form input:focus,form textarea:focus{background-color:#333;color:#fff;}
form input.checkbox, form input.radio {clear:both;float:left;margin-left:180px;}

form input.cpt{width:70px;margin:5px 0 0 2px;}
form img.cpt{margin-top:5px;float:left;}

form button{cursor:pointer;}

form label {text-shadow:0 1px 1px #000;}
form label.checkboxLbl, form label.radioLbl{float:none !important;text-align:left;width:100px !important;}
form label.text:after{content:':';}
form label.submitLbl{visibility:hidden;}

form .required label	{background:url(../img/form/asterisk.gif) no-repeat right top;}
form .error label	{}
form .error span.ctrlMsg 	{color:red;}

form .msgError, form .msgInfo {font-size:10px;color:#000;padding:5px;margin-bottom:10px;max-height:100px;overflow:auto;border-radius: 3px 3px 3px 3px;}

form .msgError {padding-left:25px;border:1px solid #e89b88;
					 background:#FFEFE8 url(../img/form/icon_error.png) no-repeat 4px 4px;}
form .msgInfo  {padding-left:25px;border:1px solid #999;background:#e4effb url(../img/form/icon_info.gif) no-repeat 3px 5px;}

.formDefault ul {margin:0 !important;}
.formDefault span.ctrlMsg, .formDefault span.ctrlDscr {margin: 0 0 0 120px;font-size:10px;}
.formDefault label{float:left;margin-right:15px;padding-right:5px;text-align:right;width:100px;color:orange;}
.formDefault button {font-size:11px;background-color:orange;width:60px;height:20px;border-radius: 3px 3px 3px 3px;border:1px solid #ccc;margin-top:5px;
-webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.5);}
.formDefault button:hover {color:#fefefe;}
.formDefault label.checkboxLbl,.formDefault label.radioLbl{text-align:left;width:240px;}
.formDefault input.checkbox,.formDefault input.radio {margin:0 5px 0 120px;}


/* #### BOX ####  */
.box {background-color:#000;border:1px solid #666;padding:10px;margin:15px 10px 15px 10px; 
	  background:transparent url(../img/design/dot.png) repeat;overflow:hidden;
	  border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.5);
}


/* #### WIDGET ####  */

.contWidget div {float:left;}
.contWidgetCont {clear:both;position:relative;border:1px solid orange;background-color: #000;}
.contWidgetCont .contWidgetNav {filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;list-style:none;}
.contWidgetCont .contWidgetNav li{float:left;margin:0 2px 0 2px !important;}
.contWidgetCont .contWidgetNav a {color:#ccc;font-size:12px;text-decoration:none;padding:0px;margin: 0 0 5px 0;
								 	 color:#fff;background-color: #fff;font-weight: bold;
									 border: 1px solid #000;text-align:center;display:block;}
.contWidgetCont .contWidgetNav a:hover 		 {background-color: #ccc;}
.contWidgetCont .contWidgetNav li.active a       {background-color: orange;}
.contWidgetCont .contWidgetNav li.active a:hover {background-color: #ccc;}

.contWidgetCont .contWidgetBody {clear:both;margin:0 50px 0 50px;border:1px solid #ccc;}

.contWidgetCont a.back {left:10px;top:50px;display:block;position:absolute;height:30px;width:30px;
										background:url(../img/design/buttons-sprite.png) no-repeat;}
.contWidgetCont a.forward {right:10px;top:50px;display:block;position:absolute;height:30px;width:30px;
										background:url(../img/design/buttons-sprite.png) no-repeat -30px -30px;}
