/* 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.gif) top center repeat; border:0; font:13px Arial, Helvetica, sans-serif; color:#797979; line-height:19px; min-width:960px; overflow:hidden;}

.body1{ position:fixed; background:url(../images/bg_img.jpg) center center no-repeat; width:100%; height:100%; top:0; left:0; z-index:-1}

.spinner{
	/* position:absolute;
	z-index:100;
	background: url(../images/bg.gif) top center repeat;
	width:100%;
	height:100%;
	top:0;
	left:0;*/
	
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:9999;
background:url( "../images/ajax-loader.gif") 50% 50% no-repeat #0f0f0f;
}
/* .spinner div{
	position:absolute;
	width:100%;
	height:100%;top:0; left:0;
	/*top:51px;
	left:34px; 
	background:url(../images/ajax-loader.gif) 50% 50% no-repeat;
}*/

/* Global Structure ============================================================= */

.container_24 {}

/* ============================= main layout ====================== */

a{
	color:#797979;
	text-decoration: underline;
	outline:none
}
a:hover{ text-decoration: none}
h1{ padding:0 0 0 299px}
h2{ font-size:35px; color:#fff; font-weight:700; letter-spacing:-1px; line-height:1.2em; padding:43px 0 19px 0}
p{ padding-bottom:19px;}

/* ============================= header ====================== */
header{}

#logo{ display:block; background:url(../images/logo.png) 0 0 no-repeat; width:377px; height: 138px; text-indent:-9999px; }

#menu { left:55px; position:absolute; bottom:209px;}
#menu li { float:left; position:relative; width: 170px; height:201px;}
#menu li span{ position:absolute; bottom:0 ; left:0; width:100%; height:100%; z-index:1; background:url(../images/menu_button.png) 0 bottom no-repeat; display:block}
#menu li img{ position:absolute; bottom:0 ; left:0; width:100%; height:100%; z-index:1;  display:block}
#menu li a{ position:absolute; display:block; font-size:30px; font-weight:700; text-decoration:none; z-index:2; text-align:center; line-height:1.2em; padding-top:132px; width:100%; letter-spacing:-1px; background:url(../images/spacer.png) 0 0 repeat}
#menu li a:hover, #menu .active a{ color:#fff !important}

#menu #nav1 a{
	color:#f8ae0a
}
#menu #nav2 a{
	color:#fb640c
}
#menu #nav3 a{
	color:#D4246F
}
#menu #nav4 a{
	color:#2D89CA
}
#menu #nav5 a{
	color:#4AC126
}

/* ============================= content ====================== */

#content{ height:591px; width:100%; position:relative; margin-bottom:13px; margin-top:17px;}

#content > ul > li{ width:100%; height:100%; position:relative; bottom:0; left:0; overflow:hidden}
#content figure{ padding-top:6px;}

.page{ background:url(../images/bg_content.png) 0 bottom no-repeat}
.page1{ background:url(../images/bg_content1.png) 0 bottom no-repeat}
.page2{ background:url(../images/bg_content2.png) 0 bottom no-repeat}
.page3{ background:url(../images/bg_content3.png) 0 bottom no-repeat}
.page4{ background:url(../images/bg_content4.png) 0 bottom no-repeat}
.page5{ background:url(../images/bg_content5.png) 0 bottom no-repeat}

.pad_left1{ padding-left:14px;}
.pad_left2{ padding-left:39px;}
.marg_right1{ margin-right:19px;}
.pad_bot1{  padding-bottom:9px;}
.pad_bot2{	padding-bottom:19px;}
.pad_bot3{	padding-bottom:18px;}
.pad_bot4{	padding-bottom:14px;}

.cols{ width:241px; float:left;}
.cols2{
	width:810px;
	float:left;
}

.box{ width:100%; overflow:hidden; position:relative; height:360px;}

.scroll{height:235px; width:280px;}
.track{ background:  url(../images/scroll_track.png) 0 0 no-repeat; left:352px; top:44px; width:47px; position:absolute; height:300px; padding:0}
.shuttle{ width:47px; height:117px; background: url(../images/scroll_drag.png) 0 0 no-repeat;}

.scroll2{	height:225px;	width:810px;}
.track2{ background:  url(../images/scroll_track.png) 0 0 no-repeat; left:868px; top:44px; width:47px; position:absolute; height:300px; padding:0}
.shuttle2{ width:47px; height:117px; background: url(../images/scroll_drag.png) 0 0 no-repeat;}

.color1{ color:#fff}

.link1{ display:inline-block; background:url(../images/marker_1.png) 0 0 no-repeat; width:25px; height:25px; margin-left:-4px; margin-top:-2px;}

.button1{ display:inline-block; font-size:20px; color:#121212; height:53px; background:url(../images/button.png) 0 0 no-repeat; width:84px; text-align:center; text-decoration:none; line-height:48px; margin-left:-9px; letter-spacing:-1px;}
.button1:hover{ color:#fff}

.list1{ margin-top:-2px;}
.list1 li{ line-height:25px;}
.list1 li a{
	color:#797979;
	text-decoration:none;
	padding-left:10px;
	background:url(../images/marker_2.png) 0 3px no-repeat
}
.list1 li a:hover{ color:#fff}

#content .map{ width:300px; height:175px;border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position:relative; overflow:hidden; margin-bottom:15px; padding-top:0; margin-top:6px;}

.close{
	width:60px;
	height:60px;
	position: absolute;
	display:block;
	top:0;
	right:0;
	z-index:99
}
.close img{ position:absolute; width:100%; height:100%; top:0; left:0}

#services .pad_bot1{ padding-bottom:15px;}
#services .scroll{width:225px; height:230px;}
#services .track{ left:268px;}

#projects .cols{ width:241px;}
#projects .scroll{width:805px; height:230px;}
#projects .track{ left:868px;}

#tech .top{ padding-top:87px;margin-left:10px;}

#page_Template .scroll{width:210px; height:230px;}
#page_Template .track{ left:271px;}

#page_More .pad_bot1{ padding-bottom:15px;}
#page_More .scroll{width:225px; height:230px;}
#page_More .track{ left:268px;}


/* ============================= footer ====================== */

footer { text-align:center; font-size:14px; color:#b3b2b2; padding:17px 0 20px 0}
footer a{ color:#545353; text-decoration:none}
footer a:hover{ text-decoration:underline}

/* ============================= forms ============================= */

#ContactForm { position:relative; margin-top:10px; width:515px;}
#ContactForm a{ float:right; margin-left:1px;}
#ContactForm .input {width:206px; height:15px; background: none; padding:8px;color:#ccc; font:13px Arial, Helvetica, sans-serif; position:relative; z-index:1; margin:0}
#ContactForm textarea { overflow: auto;width:253px; height:101px; background: none; padding:8px;color:#ccc; font:13px Arial, Helvetica, sans-serif; position:relative; z-index:1; margin:0}

#ContactForm .bg{ float:left; border:1px solid #222222;border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position:relative}

#ContactForm .success{ position:absolute; z-index:10; background: #111; border:1px solid #222222; width:503px; text-align:center; top:20px; padding:20px 0;border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

#ContactForm label{ position:relative; min-height:43px; display:block;}
#ContactForm .empty,#ContactForm .error{position: relative; left:10px;top:0;font:10px Arial, Helvetica, sans-serif;color:#fd540e;z-index:2; display:none;}

#ContactForm .name, #ContactForm .email, #ContactForm .phone{}
#ContactForm .textarea_box{ height:117px; overflow:hidden;}
#ContactForm .message{ min-height:129px; padding-bottom:11px; overflow:hidden; display:block; float:left; width:271px;}
#ContactForm  .cols{ float:left; width:224px; margin-right:10px;}

/* ============================= extra ============================= */
.company_number {text-align:center; font-size:10px; color:#b3b2b2; padding:17px 0 20px 0}
.gallery-portfolio{padding:120px 0 50px 0;
}
.lp{
	padding-right: 15px;
	padding-bottom: 15px;
}
.lptap{
	padding-right: 15px;
	padding-bottom: 150px;
}
.pbfifteen{
	padding-bottom: 15px;
}
.cols_half{
	width: 390px;
}
.cursor{
	cursor: default;
}
.number{color: #ffc700;	text-decoration: none;margin-left: 3px;	font-size: 12px;width: 20px;margin-right: 2px;}
.number:hover{color: #ff7000;}
.hide{	text-decoration: none;margin-left: 3px;font-size: 12px;width: 20px;margin-right: 2px;visibility: hidden;}
.sm_tw{	margin-left: 11px;}
.sm_fb{	margin-left: -20px;}
.sm_gp{	margin-top: -12px;	margin-left: -25px;}
/* ============================= tabs ============================= */

#tabs_container {
	width: 800px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #fdc90e;
	margin-bottom: 10px;	/* background-image: url(../images/tab_bg.png);
	background-repeat: no-repeat; */
	height: 24px;
	margin-top: 9px;
}
#tabs {
	list-style: none;
	margin-left: 11px;
	font-size: 15px;
	margin-top: 6px;
}
#tabs li {
    display: inline;
}
#tabs li a {
	text-decoration: none;
	background-color: #eee;
	border-bottom: none;
	outline: none;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	font-size: 13px;
	color: #666;
	margin-right: 2px;
}
#tabs li a:hover {
	background-color: #fa720b;
	color: #FFF;
	padding-top: 7px;
	margin-top: 7px;
}
#tabs li.active a {
	background-color: #fdc90e;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	color: #000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

 
#tabs li a.icon_accept {
    background-image: url(accept.png);
    background-position: 5px;
    background-repeat: no-repeat;
    padding-left: 24px;
}
#tabs li a.icon_accept:hover {
    padding-left: 24px;
}
 
#tabs_content_container {
	width: 790px;
	padding-top: 10px;
	padding-left: 10px;
}
#tabs_content_container img {
	float: left;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 100px;
	margin-left: 0;
}
.tab_content {
    display: none;
}
#menu li .hidden {
	display: none;z-index:-2
}
/* ============================= social ============================= */
.social_bookmarks{float:left;margin:0;padding:0;height:100%}
.social_bookmarks li{height:16px;float:left;padding:0;margin:10px 0 5px;list-style:none;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.social_bookmarks li a{float:left;width:30px;min-height:20px;height:100%;display:block;text-indent:-9999px;margin:0;padding:0;outline:0}
.social_bookmarks .twitter{background:transparent url(images/twitter.png) top left no-repeat;background-image:-Webkit-image-set(url(images/twitter.png) 1x,url(../images/social/black/twitter@2x.png) 2x)}
.social_bookmarks .facebook_white{background:transparent url(../images/facebook.png) top left no-repeat;background-image:-Webkit-image-set(url(../images/facebook.png) 1x,url(../images/facebook@2x.png) 2x)}
.social_bookmarks .gplus_white{background:transparent url(../images/gplus.png) top left no-repeat;background-image:-Webkit-image-set(url(../images/gplus.png) 1x,url(../images/gplus@2x.png) 2x)}
.social_bookmarks .gplus_white:hover,.social_bookmarks .facebook_white:hover{background-position:0 100%}
.alignLeft{float:left;margin-top: 10px;color:#ccc}
.followus{padding-right: 11px;}
.google-badge{margin-right:36px;margin-top:-31px;
	border-radius: 2px;
	background-image: url(../images/google_partner.png);
	height: 38px;
	width: 92px;
	float: right;
}
.social{padding:12px 0 0 101px;}