/* CSS Document */

body {
	margin:0px;
	padding:0px;
/*	background-color:#a4dde3;
*/	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#48484b;
	background:#262626;
	}

/* ===========================================
				DEFAULT_RENDERING
 =========================================== */
 
div,p,ul,li,h1,h2,h3,h4,h5,h6,a,img,form,input,submit,textarea,label,span
{ 
	margin:0px; padding:0px;
}

a{ 
	text-decoration:none;
}

.clearfix{ 
	clear:both;
	font-size:0px;
	visibility: hidden;
   	display: block;
	height: 0;
	content: ".";

}



h4{	
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#303030;
	padding:15px 0 32px 0px;

}


/* ===================END====================*/

.top-bg-repeat{	background:#f3f3f1 url(../images/top-bg-repeat.jpg) repeat-x left top;}
.top-container{ width:930px; margin:0 auto;} 
.top-part{ height:148px;position:relative;}
.logo{ position:absolute;left:0px;top:0px;}
.contact-str{position:absolute;	right:0px;	top:43px;}
.contact-str ul{list-style-type:none; }
.contact-str ul li{	display:inline;	margin:0 15px 0 0;}
.contact-str ul li img{	vertical-align:-6px; margin:0 5px 0 0;}
.top-nav{ position:absolute; top:103px;	left:210px;}
.top-nav ul{list-style-type:none; }
.top-nav ul li{ float:left; padding:0 7px; }
.top-nav ul li a{ float:left;font:normal 15px/26px Arial, Helvetica, sans-serif;color:#525252;	height:26px;	padding:0 0 0 17px;}
.top-nav ul li a span{ float:left;	font:normal 15px/26px Arial, Helvetica, sans-serif;	color:#525252;height:26px;	padding:0 17px 0 0px;}
.top-nav ul li a:hover, .top-nav ul li a.active{ background:url(../images/lft-nav-h.png) no-repeat left top; height:26px; padding:0 0 0 17px;color:#ffffff;cursor:pointer;}
.top-nav ul li a:hover span, .top-nav ul li a.active span{ background:url(../images/rgt-nav-h.png) no-repeat right top;	height:26px; color:#ffffff; padding:0 17px 0 0px;cursor:pointer;}
#navigation ul#nav {position:absolute;	top:103px;	left:210px;}
#navigation ul#nav li { list-style:none;position: relative;float:left;padding:0 7px; }
#navigation ul#nav li a {float:left;font:normal 15px/26px Arial, Helvetica, sans-serif;color:#525252;height:26px;padding:0 0 0 17px;color: #fff;}
#navigation ul#nav li a span {float:left;font:normal 15px/26px Arial, Helvetica, sans-serif;color:#525252;height:26px;padding:0 17px 0 0px;  /*	background: url(arrow.gif) no-repeat 100% 50%;  optional */}
#navigation ul#nav  li ul {
    display: block;
    position: absolute;
/* hidding submenus based on: http://css-class.com/articles/ursidae/  */
    left: -999em;/* this makes it more accessible than display:none; */
    width: 220px;
    padding: 0px 0px 0px 0px;
    background:#e59540;
	z-index: 9999 !important;
		
}

#navigation ul#nav  li:hover ul,
#navigation ul#nav  li.over ul /* This is for Internet Explorer 6  */
{ display: block; left: 0; top: 100%; position: absolute; width: 220px; z-index: 9999 !important;}

#navigation ul#nav  li ul li { width:220px; height:30px; background: transparent; text-indent: 0; padding: 0; border-bottom:1px solid #FFFFFF;}
#navigation ul#nav  li:hover ul li a, #navigation ul#nav  li.over ul li a { display: block; width:200px;/*this is to adjust if used some background image for dropdown */  background: transparent; padding:0px 10px ; height:30px; text-decoration: none; margin: 0; color: #eee; text-indent: 0; text-align: left; border: 0; white-space: nowrap; font:normal 14px/30px Arial, Helvetica, sans-serif; color:#000000;}

#navigation ul#nav li ul li a:hover { color: #fff; background: #f5a34b;}

#navigation ul#nav li.active a, #navigation ul#nav li a.active, #navigation ul#nav li a:hover, #navigation ul#nav li:hover a, #navigation ul#nav li.over a {background:url(../images/lft-nav-h.png) no-repeat left top; height:26px; padding:0 0 0 17px; color:#ffffff; cursor:pointer;	}

#navigation ul#nav li.active a span,
#navigation ul#nav li a.active span,
#navigation ul#nav li a:hover span,
#navigation ul#nav li:hover a span,
#navigation ul#nav li.over a span{
	background:url(../images/rgt-nav-h.png) no-repeat right top;
	height:26px;
	color:#ffffff;
	padding:0 17px 0 0px;
	cursor:pointer;

	

}

.portfolio-str{ 
	height:214px;
}

.portfolio-lft{
	float:left;
	width:470px;
}

.portfolio-rgt{
	float:left;
	width:457px;
	height:214px;
	background:url(../images/flash-bg.jpg) no-repeat left bottom;

}

.flash-str{ 
	padding:0 22px 0 21px;
	width:414px;
}

.portfolio-txt{	
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#d52f4c;
	text-transform:uppercase;
	padding:5px 0 0 0;
}

.txt-img-str{ padding:60px 0 0 0;}

a.email{	
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#2b2b2b;
}

a.email:hover{
	text-decoration:underline;	
}
ul.btn{ 
	list-style-type:none;
	overflow:hidden;
	margin:36px 0 0 0;
}

ul.btn li{ margin:0 20px 0 0;
	float:left;
}

.body-txt-container{	
	width:930px;
	margin:12px 0 0 0;
}

.body-txt-container-inner{	
	width:896px;/*width:930px;*/
	margin:20px 0 0 0;
	padding:0 17px;
}

.body-txt-container-inner-lft{
	float:left;
	width:428px;
	padding:0 20px 30px 0;
}

.body-txt-container-inner-lft_m{
float:left;
width:100%;
}

.body-txt-container-inner-lft_m div:nth-child(odd){
float:left;
width:48%;
margin-right:2%;
}
.body-txt-container-inner-lft_m div:nth-child(even){
float:left;
width:48%;
margin-right:2%;
}

.body-txt-container-inner-rgt{
	float:left;
	width:428px;
	padding:65px 0px 0 20px;
}

.body-txt-container-both{	
	width:896px;
}

.tab-tr{ 
	border-left:1px solid #d64a49; 
	border-right:1px solid #d64a49;   
	border-bottom:1px solid #d64a49;
	padding:3px 10px;  
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#2b2b2b;

}

.tab-tr01{ 
	border-right:1px solid #d64a49;   
	border-bottom:1px solid #d64a49;  
	padding:3px 10px;
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#2b2b2b;

}


.col-1{ 
	width:283px;/*width:300px;*/
	float:left;
	background:url(../images/box-sep.jpg) repeat-y right top;
	padding:0 0 0 17px;
	margin:0 0 15px 0;

}

.col-2{ 
	width:283px;/*width:298px;*/
	float:left;
	background:url(../images/box-sep.jpg) repeat-y right top;
	padding:0 0 0 15px;
	margin:0 0 15px 0;

}

.col-3{ 
	width:313px;/*width:328px;*/
	float:left;
	padding:0 0 0 15px;
	margin:0 0 15px 0;

}

.normal-body-txt-01{	
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#2b2b2b;
	padding:0 16px 10px 0;
}

.normal-body-txt-02{	
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#a8a8a8;
	padding:0 16px 10px 0;
}

.normal-body-txt-03{	
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#2b2b2b;
	padding:0 0px 10px 0;
}

a.read-more{	
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#df7b0e;
	padding:0 0px 0px 0;
}

.body-black-bg{	
	background:#191919 url(../images/body-black-bg.jpg) repeat-x left top;
}

.black-graph-container{	
	background:url(../images/black-graph.jpg) no-repeat center top;
	width:930px;
	margin:0 auto;
	height:300px;
}

.about-col{ 
	width:213px;/*width:230px;*/
	float:left;
	background:url(../images/box-sep01.jpg) no-repeat right top;
	padding:0 0 0 17px;
	

}

.client-col{ 
	width:233px;
	float:left;
	background:url(../images/box-sep01.jpg) no-repeat right top;
}

.package-col{ 
	width:232px;
	float:left;
	background:url(../images/box-sep01.jpg) no-repeat right top;
}

.package-str{	margin:0 12px 0 12px;
}


ul.package-list{ 
	list-style-type:none;
}

ul.package-list li{	
	background:url(../images/list-sep.jpg) repeat-x left bottom;
}

ul.package-list li a{	
	background:url(../images/arrow.png) no-repeat 8px 10px;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#df7d0e;
	padding:9px 0 9px 30px;
	display:block;

}

ul.package-list-sub{ 
	list-style-type:none;
	padding:0 0 0 50px;
}

ul.package-list-sub li{	
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#a8a8a8;
	padding:4px 0;
}

ul.list-item-01{ 
	list-style-type:none;
	margin:0 12px 0 12px;
}

ul.list-item-01 li{	
	background:url(../images/list-sep.jpg) repeat-x left bottom;
}

ul.list-item-01 li a{	
	background:url(../images/arrow.png) no-repeat 8px 10px;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#a8a8a8;
	padding:9px 0 9px 30px;
	display:block;

}


.follow-col{ 
	width:232px;
	float:left;
}


ul.follow{ list-style-type:none; padding:0 0 0 26px;}

ul.follow li{ margin:0 0 16px 0;}

ul.follow li a{ 	
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#9b9b9b;
}

.img-margin-18{ margin:0 18px 0 0; vertical-align:-4px;}


.pad-top-bot{ padding:23px 0;}

.red-txt{	
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#cc1b23;
}

a.link-txt{	
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#cc1b23;
}

a.link-txt:hover{
	text-decoration:underline;	
}

a.link-txt01{	
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#cc1b23;
}

ul.body-list{ 
	list-style-type:disc;
	padding:0 0 0 15px;
}

ul.body-list li{ 
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#2b2b2b;

}

.input-str{
	width:250px;
	border:1px solid #e6963f;
	height:22px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#7b7b7b;

}

.select-str{
	width:250px;
	border:1px solid #e6963f;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#7b7b7b;
	height:22px;

}

.textarea-str{
	width:250px;
	border:1px solid #e6963f;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#7b7b7b;


}

.submit-btn-bg{	
	background:url(../images/submit-btn.jpg) no-repeat 0 0;
	width:96px;
	height:31px;
}

.submit-btn-bg-str{	
	width:96px;
	height:31px;
	background:none;
	border:none;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#181818;
	text-transform:uppercase;
	cursor:pointer;

}
.header-panel {
	background:url(../images/header-pic1.jpg) no-repeat;
	width:413px;
	height:184px;
	z-index:1;
	}

/**html .header-panel {
	z-index:-9999;
}*/	
#headerAnim{
	width:413px;
	height:184px;
	position:relative;

	}
	
.slideShow{
	width:413px;
	height:184px;
	position:absolute;
	top:0;
	left:0;
	}

.img-border{ border:1px solid #999999;  }

.footer-bg{
	background-color:#262626;	
}

.footer-str{ 
	width:930px;
	margin:0 auto;
	padding:15px 0;
}

.footer-lft{ 
	width:240px;
	float:left;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#7b7b7b;

}

.paypal{ width:400px; float:left; padding:5px 0 0 0;}

/*.footer-rgt{ 
	width:680px;
	float:right;
}*/
.footer-rgt{ 
	width:660px;
	float:right;
}

.footer-rgt ul{
	list-style-type:none;
}

.footer-rgt ul li{ 
	display:inline;
	border-right:1px solid #757575;
	
}

.footer-rgt ul li:last-child{
	border:none;
}

.footer-rgt ul li a{ 
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#757575;
	padding:0 8px;

}

.footer-rgt ul li a:hover{ 
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#989797;

}
.container{ width:100%;}
.portfliopc{ padding:0; margin:0;}
.portfliopc li{ width:49%; display:inline-block; list-style:none; margin-bottom:10px;}
.body-txt-container-both p, .body-txt-container-both .body-list{ margin-bottom:10px;}




/*----------- 220216 --------------*/

.outer{position:relative;bottom: -150px;right:0;}
.open{ background: #cc2127 url(../images/mnuicn.png) no-repeat scroll right 10px center; bottom: 0; color: #fff; padding: 5px 35px 5px 10px; position: absolute; right: 0px; -webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px; font-weight:bold; font-size:15px;}

@media(min-width:768px){
.mobil{ display:none;}
}

@media(max-width:767px){
.gtntchfrm .input-str, .reqstqt .input-str{ width:100%;}
.gtntchfrm .textarea-str, .reqstqt .textarea-str{ width:100%;}
.gtntchfrm .select-str, .reqstqt .select-str{ width:100%;}
.paypal{width:100%; text-align:center;}
.desk{ display:none;}
.body-txt-container-inner-lft_m div:nth-child(odd){
float:left;
width:100%;
margin-bottom:2%;
}
.body-txt-container-inner-lft_m div:nth-child(even){
float:left;
width:100%;
margin-bottom:2%;
}
}