/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline }
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
/* Global properties ======================================================== */
body {background:url(../images/bg.jpg) top center repeat;border:0;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#575652;line-height:22px;
scrollbar-face-color: #CCFFFF;
scrollbar-highlight-color: #CCFFCC;
scrollbar-3dlight-color: #FFFF99;
scrollbar-darkshadow-color: #99FFFF;
scrollbar-shadow-color: #00FF66;
scrollbar-arrow-color: #99FFCC;
scrollbar-track-color: #99FFCC;
}
b, i
{
	color:#ffc01d;
}
.border{
	border:2px solid #CCC;
}


.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3 {border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure ============================================================= */
.main {margin:0 auto;width:940px}

.body1 {
	background:#0000;
	
	}
/* ============================= main layout ====================== */
a {color:#ffc01d;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {float:left;padding:44px 0 0 }
h2 {font-size:25px;color:#ffc01d;font-weight:400;line-height:1em;letter-spacing:-1px;padding-bottom:5px; text-transform:uppercase;}
h2 span {font-weight:300}
h2 strong, .box1 h2 strong {font-weight:700;display:inline-block;width:36px;color:#fff;text-align:center;background:url(../images/bg_title1.gif) 0 4px repeat-x;margin-right:3px}
h2.color2 strong {background-image:url(../images/bg_title2.gif)}
h2.color3 strong {background-image:url(../images/bg_title3.gif)}
h3 {font-size:35px;color:#dad6cc;font-weight:400;line-height:1.2em;padding:25px 0 0 35px;float:left;letter-spacing:-1px}
h4 {color:#dad6cc;font-weight:300;font-size:35px;line-height:1.2em;padding:0 0 7px 0;letter-spacing:-1px}
h4 span {color:#ffc11e;font-weight:400}
h4.color2 span {color:#9ecf39}
h4.color3 span {color:#6cd6af}
#page4 h4, #page5 h4 {padding:25px 0 16px 0;margin-left:-3px}
p {padding-bottom:30px; color:#fff;}
strong {color:#575652; font-size:17px;}
/* ============================= header ====================== */
header {}
#logo {display:block;background:url(../images/logo2.png) 0 0 no-repeat;width:160px;height:87px;text-indent:-9999px}
#menu { float:right; margin-right:30px; z-index:300; position:absolute;top:85px; margin-left:260px;}
#menu li {float:left;padding-left:1px}
#menu li a {display:block;padding:0 19px;height:42px;font-size:14px;color:#fff;line-height:42px;text-transform:uppercase;text-decoration:none;font-weight:400}
#menu li a:hover, #menu #menu_active a {background:url(../images/menu_active.gif) top repeat-x;color:#000}
#menu li ul {display: none; width: 10em; }
#menu li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; z-index:2000; }
#menu li:hover li {
	float: none; }
#menu li:hover li a {
	background-color: #000;
	color: #FFF; }
#menu li li a:hover {
	background-color: #8db3ff;color: #000; }

	
#top_nav {float:right;padding:40px 37px 0 155px}
#top_nav li {float:left;padding:4px 26px 5px 0;margin-right:25px;background:url(../images/top_line.png) right 0 no-repeat}
#top_nav .end {padding-right:0;margin-right:0;background:none; margin-bottom:20px;}
.slider {position:relative; z-index:3;width:100%;height:465px;overflow:hidden;margin-bottom:10px; margin-right:50px;}
.slider .items {display:none;}
.pic {float:right;position:relative}
.mask {left:auto !important;right:0;width:725px !important}
.pagination {position:absolute;left:0;top:0;z-index:3}
.pagination .ban1 li {width:250px;height:155px;}
.pagination .ban1 a {display:block;position:relative;cursor:pointer;padding:29px 0 0 13px;font-size:25px;line-height:2.3em;font-weight:400;color:#000;text-decoration:none;text-transform:uppercase;letter-spacing:-1px;height:126px; width:190px; background:url(../images/banner1.png);}

.pagination .ban1 a:hover {display:block;position:relative;cursor:pointer;padding:29px 0 0 13px;font-size:25px;line-height:2.3em;font-weight:400;color:#000;text-decoration:none;text-transform:uppercase;letter-spacing:-1px;height:126px; width:236px; background:url(../images/banner1_active.png);

position:relative;
animation:myfirst 1s;
-moz-animation:myfirst 1s; /* Firefox */
-webkit-animation:myfirst 1s; /* Safari and Chrome */
-o-animation:myfirst 1s; /* Opera */
}

@keyframes myfirst
{
0%   { opacity:0;}
100%  {opacity:1;}

}

@-moz-keyframes myfirst /* Firefox */
{
0%   { opacity:0;}
100%  {opacity:1;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   { opacity:0;}
100%  {opacity:1;}

}

@-o-keyframes myfirst /* Opera */
{
0%   { opacity:0;}
100%  {opacity:1;}

}




.pagination .ban2 li {width:250px;height:155px;}
.pagination .ban2 a {display:block;position:relative;cursor:pointer;padding:29px 0 0 13px;font-size:25px;line-height:2.3em;font-weight:400;color:#000;text-decoration:none;text-transform:uppercase;letter-spacing:-1px;height:126px; width:190px; background:url(../images/banner2.png);}
.pagination .ban2 a:hover {display:block;position:relative;cursor:pointer;padding:29px 0 0 13px;font-size:25px;line-height:2.3em;font-weight:400;color:#000;text-decoration:none;text-transform:uppercase;letter-spacing:-1px;height:126px; width:236px; background:url(../images/banner2_active.png);position:relative;
animation:myfirst 1s;
-moz-animation:myfirst 1s; /* Firefox */
-webkit-animation:myfirst 1s; /* Safari and Chrome */
-o-animation:myfirst 1s; /* Opera */
}

@keyframes myfirst
{
0%   { opacity:0;}
100%  {opacity:1;}

}

@-moz-keyframes myfirst /* Firefox */
{
0%   { opacity:0;}
100%  {opacity:1;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   { opacity:0;}
100%  {opacity:1;}

}

@-o-keyframes myfirst /* Opera */
{
0%   { opacity:0;}
100%  {opacity:1;}

}





.pagination .ban3 li {width:250px;height:155px;}
.pagination .ban3 a {display:block;position:relative;cursor:pointer;padding:29px 0 0 13px;font-size:25px;line-height:2.3em;font-weight:400;color:#000;text-decoration:none;text-transform:uppercase;letter-spacing:-1px;height:126px; width:190px; background:url(../images/banner3.png);}
.pagination .ban3 a:hover {display:block;position:relative;cursor:pointer;padding:29px 0 0 13px;font-size:25px;line-height:2.3em;font-weight:400;color:#000;text-decoration:none;text-transform:uppercase;letter-spacing:-1px;height:126px; width:236px; background:url(../images/banner3_active.png);position:relative;
animation:myfirst 1s;
-moz-animation:myfirst 1s; /* Firefox */
-webkit-animation:myfirst 1s; /* Safari and Chrome */
-o-animation:myfirst 1s; /* Opera */
}

@keyframes myfirst
{
0%   { opacity:0;}
100%  {opacity:1;}

}

@-moz-keyframes myfirst /* Firefox */
{
0%   { opacity:0;}
100%  {opacity:1;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   { opacity:0;}
100%  {opacity:1;}

}

@-o-keyframes myfirst /* Opera */
{
0%   { opacity:0;}
100%  {opacity:1;}

}






.pagination a span {display:block;font-weight:300;font-size:20px;line-height:1.2em;margin-top:-10px;letter-spacing:0}
#banner1 {background:url(../images/banner1.png) 0 0 no-repeat;}
#banner1 li a {background:url(../images/banner1.png) -250px 0 no-repeat;}
#banner1 li a:hover{background:url(../images/banner1_active.png) -250px 0 no-repeat;}
.banner a {background:url(../images/banner1.png) 0 0 no-repeat;}
.banner a:hover{background:url(../images/banner1_active.png) -250px 0 no-repeat;}
#banner2 {background:url(../images/banner2.png) 0 0 no-repeat;}
#banner2 li a {background:url(../images/banner2.png) -250px 0 no-repeat;}
#banner2 li a:hover{background:url(../images/banner2_active.png) -250px 0 no-repeat;}
#banner3 {background:url(../images/banner3.png) 0 0 no-repeat;}
#banner3 li a {background:url(../images/banner3.png) -250px 0 no-repeat;}
#banner3 li a:hover{background:url(../images/banner3_active.png) -250px 0 no-repeat;}
.pagination #banner1:hover, .pagination #banner1.current, .pagination #banner2:hover, .pagination #banner2.current, .pagination #banner3:hover, .pagination #banner3.current {}
.banner {position:absolute;z-index:2;right:0;bottom:0;margin:0 0px 10px 0}
.banner span {float:right;padding:0 15px;background:#000;font-size:20px;height:40px;font-weight:300;color:#fff;line-height:1.5em;}
.banner em {font-style:normal;font-size:18px;}
.banner strong {float:right;padding:0 15px;background:#000;font-size:20px;font-weight:300;height:40px;line-height:1.5em;color:#fff}
.banner p{
	font-size:10px;
}
/* ============================= content ====================== */
#content {}
#content1 {
	margin-bottom:0px;}
.pad_bot1 { height:100px; width:200px; padding-bottom:5px}
.pad_left2 {padding-left:36px; padding-top:0px;}
.pad_left3 {padding-left:36px; padding-top:20px;}
.pad_bot1 { height:100px; width:200px; padding-bottom:5px}
.pad_bot2 {padding-bottom:0px; font-size:18px;}
.marg_right1 {margin-right:37px}
/*.box1 {background:url(../images/bg_box1.jpg) top center no-repeat #dad6cc;border-top:5px solid #cdc8bc; width:960px;height:130px;}*/

.box1 {width:960px;height:130px;}
.box1 strong {color:#3f3f3f}
.box1 figure {box-shadow:0 0 3px #a4a19a;-moz-box-shadow:0 0 3px #a4a19a;-webkit-box-shadow:0 0 3px #a4a19a;position:relative}

.box1c {width:940px;height:390px;}
.box1c strong {color:#3f3f3f}
.box1c figure {box-shadow:0 0 3px #a4a19a;-moz-box-shadow:0 0 3px #a4a19a;-webkit-box-shadow:0 0 3px #a4a19a;position:relative}

.box1d {width:940px;height:660px;}
.box1d strong {color:#3f3f3f}
.box1d figure {box-shadow:0 0 3px #a4a19a;-moz-box-shadow:0 0 3px #a4a19a;-webkit-box-shadow:0 0 3px #a4a19a;position:relative}

.box1e {width:940px;height:650px;}
.box1e strong {color:#3f3f3f}
.box1e figure {box-shadow:0 0 3px #a4a19a;-moz-box-shadow:0 0 3px #a4a19a;-webkit-box-shadow:0 0 3px #a4a19a;position:relative}

.box1f {width:940px;height:1580px;}
.box1f strong {color:#3f3f3f}
.box1f figure {box-shadow:0 0 3px #a4a19a;-moz-box-shadow:0 0 3px #a4a19a;-webkit-box-shadow:0 0 3px #a4a19a;position:relative}

.box1g {width:940px;height:920px;}
.box1g strong {color:#3f3f3f}
.box1g figure {box-shadow:0 0 3px #a4a19a;-moz-box-shadow:0 0 3px #a4a19a;-webkit-box-shadow:0 0 3px #a4a19a;position:relative}


.box2 {background:#0e0c0a;padding:25px 30px 32px}
.box2 .line1, .box2 .line2 {background-image:url(../images/line_vert2.gif)}
#page4 .box2 {margin-top:7px;padding-top:30px;padding-bottom:28px}
.line1 {background:url(../images/line_vert1.gif) 289px 0 repeat-y}
.line2 {background:url(../images/line_vert1.gif) 591px 0 repeat-y}
#page3 .line1 {background-position:282px 0}
.relative {position:relative}
.topform{
	margin:0px 0px 0px 0px;
}
.button1 {float:right;color:#dddad1;text-decoration:none;background:#000;line-height:18px;padding:0 9px;margin-top:2px}
* + html .button1 {margin-top:-20px}
.button1 {color:#dddad1}
.button1:hover {background:#ffb919;color:#fff}
.button1.color2 {color:#dddad1}
.button1.color2:hover {background:#94c932;color:#fff}
.button1.color3 {color:#dddad1}
.button1.color3:hover {background:#63d1a7;color:#fff}
.button2 {display:inline-block;font-size:12px;color:#000;text-decoration:none;padding:0 21px;height:25px;line-height:25px;font-weight:bold;background:url(../images/button1_bg.gif) top repeat-x;letter-spacing:-1px; margin-left:10px;}
.button2.color2 {background-image:url(../images/button2_bg.gif)}
.button2.color3 {background-image:url(../images/button3_bg.gif)}
.button2:hover {background:#000; color:#aa7b03; background:url(../images/button1_bg.gif) top repeat-x;letter-spacing:-1px; margin-left:10px; cursor:default;}
.color0 {color:#616161;text-decoration:none}
.link1 {text-decoration:none}
.link1:hover {text-decoration:underline}
.quot {margin-top:17px;float:left;margin-left:94px;padding:12px 0 17px 41px;font-style:italic;background:url(../images/quot1.png) 0 0 no-repeat;width:570px}
.quot img {display:inline-block;margin:4px 0 0 9px}
#page2 .quot {padding-bottom:7px}
.list1 {margin-top:-2px;margin-bottom:-2px}
.list1 li {line-height:26px}
.list1 li a {color:#dcd8cf;padding-left:22px;background:url(../images/marker_1.gif) 0 3px no-repeat}
.list1 .color2 a {background-position:0 -23px}
.list1 .color3 a {background-position:0 -49px}
/*--- tabs begin ---*/
.tabs {}
.tabs ul.nav {padding:27px 0 27px 2px;overflow:hidden}
.tabs ul.nav li {float:left;padding-left:31px}
.tabs ul.nav li a {font-size:35px;color:#ddd9cf;font-weight:400;text-decoration:none;line-height:1.2em;letter-spacing:-1px}
.tabs ul.nav .selected a, .tabs ul.nav a:hover {color:#ffc11e}
.tabs .tab-content {}
/*--- tabs end ---*/
.address {float:left;width:80px}
.img1 {position:absolute;right:0;top:32px}
/* ============================= footer ====================== */
footer {background:#000;padding:21px 36px 44px}
#footer_logo {float:left;font-size:46px;font-weight:300;text-transform:uppercase;color:#dedbd2;line-height:1.2em;text-decoration:none;letter-spacing:-3px;margin-left:-4px}
#footer_logo span {color:#ffc11e}
#icons {float:right;padding:20px 0 0 0}
#icons li {float:left;padding-left:4px}
/* Tooltips */
.aToolTip {background:#ffc11e;color:#fff;font-weight:bold;margin:0;padding:2px 10px 3px;font-size:11px;position:absolute;line-height:17px}
.aToolTip .aToolTipContent {position:relative;margin:0;padding:0}
.tel {float:right;margin-top:-1px;background:url(../images/bot_icon.gif) 0 15px no-repeat;padding:0 0 0 38px;font-size:35px;line-height:1.2em;color:#dedad1;letter-spacing:-2px;font-weight:300}
.tel span {color:#ffc11e}
footer nav {float:left}
#footer_menu {float:left;padding:15px 0 18px 0;margin-left:-1px}
#footer_menu li {float:left;padding-right:29px;background:url(../images/menu_line.gif) right 0 no-repeat;margin-right:29px}
#footer_menu li a {display:block;color:#fff;text-decoration:none;line-height:20px}
#footer_menu li a:hover, #footer_menu .active a {color:#575652}
#footer_menu .end {background:none;padding-right:0;padding-left:0}
#footer_text {padding-top:18px;border-top:1px solid #0d0d0d;text-align:center}
#footer_text a {color:#fff;text-decoration:none}
#footer_text a:hover {text-decoration:underline}
.color{
	color:#fff;
}
/* ============================= forms ============================= */
#ContactForm {width:500px;overflow:hidden;padding-bottom:36px}
#ContactForm .wrapper {height:30px}
#ContactForm span {float:left;width:180px;line-height:24px; color:#fff;}
#ContactForm span .disp {float:left;width:80px;line-height:24px;}
#ContactForm .textarea_box {width:100%;overflow:hidden;min-height:103px;padding-bottom:5px}
#ContactForm {}
#ContactForm a {margin-left:10px;width:72px;text-align:center;float:right}
#ContactForm .input {width:250px;background:#000;padding:3px 5px;color:#fff;font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;height:14px; border:1px dotted #ffbf1d;}
#ContactForm textarea {overflow:auto;width:250px;background:#000;padding:3px 5px;color:#fff;font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;height:75px; border:1px dotted #ffbf1d;}

/*imageroller*/
/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 576px;
	height: 200px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 576px;
	height: 200px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 290px;
	height: 200px;
}




/*logos*/


div.jMyCarousel .prev{
	background: url('../images/left.png') center center no-repeat;
	width:47px;
	height:61px;
	border:0px;
}

div.jMyCarousel .next{
	background: url('../images/right.png') center center no-repeat;
	width:40px;
	height:61px;
	border:0px;
}

div.jMyCarousel .up{

	width:61px;
	height:40px;
	border:0px;
}

div.jMyCarousel .down{

	width:47px;
	height:61px;
	border:0px;
}


/** Carousel 2 **/
div.jMyCarousel{
	margin:auto;
	width:100%;
}

div.jMyCarousel ul{
	width:960px;
	
}

div.jMyCarousel ul li{
	margin:5px;
	border:1px solid #444;
	line-height:0px;
	padding:3px;
}

div.jMyCarousel ul li a{ /* in case of link */
	display:block;
	margin:0px;
	padding:0px;
}

div.jMyCarousel ul li a img{
	display:block;
	border:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}

.ft-title { width: 620px; text-align: right; top:300px; height:80px; font-size:18px; padding-right:20px; padding-top:10px; padding-bottom:10px; padding-left:20px; z-index:0; margin-left:65px; }

#sitemap ul {
	list-style-type:none;
	
}

#sitemap li {
	padding-bottom:10px;
	color:#FFF;
}
#sitemap li a{
	
	color:#FFF;
	text-decoration:none;
}

#sitemap li ul li a{

	text-decoration:none;
	color:#ffc01d;
	margin-left:50px;
}

#sitemap li ul li a:hover{

	text-decoration:none;
	color:#FFF;

}

#sitemap li a:hover{

	text-decoration:none;
	color:#ffc01d;

}

p strong{
	font-size:17px;
	color:#ffc01d;
	font-weight:bold;}
.manyavartext{
	width:460;
	float:left;
}

.manyavarvideo{
	width:460;
	float:right;
}

object { display: block; }

.leftpart{
	width:70%;
	float:left;
	height:600px;
	

}

.leftpart p{
	text-align:justify;
}

.rightpart{
	width:25%;
	float:right;
	padding-left:10px;
	padding-right:10px;
     border-left:dotted thin #ffc01d;
}



#testimonials {width:90%; height:auto;}
#testimonials blockquote{margin-left:0px;Times, serif;color:#808080;display:block;}
#testimonials blockquote p{margin:0px !important;padding: 5px!important; text-align:left; font-size:14px; font-style:italic;}
#testimonials cite {font-style: normal;display: block;text-transform: uppercase;font-weight: bold;font-style:italic;color:#ffc01d;margin-top:5px; font-size:11px;}
#testimonials blockquote span{margin:0px !important;padding: 5px!important;display: block;}

#gallery img {
	border:3px #ffc01d  solid ;
	padding:2px;
	margin:13px;
}

#gallery img:hover {
	border:3px #fff solid ;
	padding:2px;
	margin:13px;
}


.technology{ 
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 15px 0;

}


.open{ /*class added to contents of 2nd demo when they are open*/
color: #ffc01d ;
}

.close{ /*class added to contents of 2nd demo when they are closed*/
color: White;
}