/*CSS RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align: baseline;background:transparent;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary{display:block;}meter,progress,mark, time{display:inline;}ol, ul {list-style: none;}blockquote,q{quotes: none;}html,body{height:100%;}img {border:0;vertical-align:top;text-align:left;}object{vertical-align:top;outline:none;}ul,ol{list-style:none;}table,table td{padding:0;border:none;border-collapse:collapse;}input,select,textarea{font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal;margin:0;padding:0;}textarea{overflow:auto;}

/*GLOBAL*/
html{min-width:940px;}
body{background:#fff url(../images/body-bg.png) fixed;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1em;color:#000; overflow:hidden;}

#glob{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	min-width:940px;
	min-height:800px;
	font:13px/22px Arial, Helvetica, sans-serif;
	color:#51575d;
	overflow:hidden;
}

img.blur{
	position:fixed;
	left:50%;
	top:45px;
	z-index:-1;
	margin-left:-473px;
}

.top-panel{
	width:100%;
	height:36px;
	position:absolute;
	left:0;
	top:0;
	background:url(../images/top-bg.png) repeat-x;
}

#gspinner{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:999;
	background: url(../images/body-bg.png) #000;
}

#gspinner>img{
	position:absolute;
	left:50%;
	top:50%;
	z-index:1;
	margin:-21px 0 0 -21px;
}

/*ELEMENTS*/
a {color:#f00;outline:none;}
a:hover{text-decoration:none;}


p,.blo{
	line-height:22px;
	margin-bottom:22px;
}

.p2{
	margin-bottom:33px;
	text-align: justify;
}


/*header*/
header{
	width:940px;
	height:393px;
	position:absolute;
	z-index:10;
	left:50%;
	top:50%;
	margin-top:-257px;
	margin-left:-470px;
}

.top-panel .home,.top-panel .login{
	font:18px/36px Arial, Helvetica, sans-serif;
	color:#fff;
	position:absolute;
	left:0;
	top:0;
	display:inline-block;
	background:url(../images/home.png) left center no-repeat;
	padding-left:26px;
	text-decoration:none;
}

.top-panel .login{
	left:auto;
	right:10px;
	background-image:url(../images/login.png);
	padding-left:14px;
}

h1{
	position:absolute;
	left:0px;
	top:0;
	z-index:1;
	width: 941px;
}

nav{
	width:950px;
	position:absolute;
	left:-5px;
	top:160px;
	z-index:10;
}

nav>ul>li{
	float:left;
	margin-right:8px;
	position:relative;
}

nav>ul>li>a{
	width:183px;
	height:188px;
	display:block;
	text-align:center;
	font:bold 30px/188px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#fff;
	position:relative;
	z-index:10;
}

nav>ul>li.li5{
	margin-right:0;
}

nav>ul>li.li1>a{
	background: url(../images/nav1.png) no-repeat;
	font-size: 24px;
}

nav>ul>li.li2>a{
	background: url(../images/nav2.png) no-repeat;
	font-size: 24px;
}

nav>ul>li.li3>a{
	background: url(../images/nav3.png) no-repeat;
	font-size: 24px;
}

nav>ul>li.li4>a{
	background: url(../images/nav4.png) no-repeat;
	font-size: 24px;
}

nav>ul>li.li5>a{
	background: url(../images/nav5.png) no-repeat;
	font-size: 24px;
}

nav>ul>li>a>.hover{
	width:100%;
	height:100%;
	position:absolute;
	z-index:-1;
	left:0;
	top:0;
	background:url(../images/nav-ho.png) no-repeat;
}

nav>ul>li li a{
	width:171px;
	display:block;
	text-align:center;
	font:24px/59px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background: url(../images/sf-sp.png) 0 100%;
}

nav>ul>li li a:hover,nav>ul>li li.sfHover>a{
	background-position:0 0;
}

nav>ul>li>ul{
	position:absolute;
	left:6px;
	top:100%;
}

nav>ul>li>ul>li{
	position:relative;
}

nav>ul>li>ul ul{
	left:172px;
	top:0;
	position:absolute;
}

/*#content*/

#content{
	position:absolute;
	top:480px;
	left:0;
	width:100%;
	height:450px;
	overflow:hidden;
	z-index:1;
}

#content>ul>li{
	width:100%;
	float:left;
	position:relative;
}

#content>ul>li>.inner,.top-panel .inner{
	width:960px;
	position:relative;
	margin:0 auto;
}

h2{
	font:24px/1.2em Arial, Helvetica, sans-serif;
	color:#060;
	text-transform:uppercase;
	padding-bottom:30px;
	background:url(../images/h2-sep.png) repeat-x bottom;
	margin-bottom:21px;
}

p>.fst-ltr{
	font:75px/1.2em Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	margin:-10px 10px -30px 0;
}

#works .cats a{
	font:24px/40px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background: url(../images/list-sp.png);
	text-align:center;
	display:block;
	width:198px;
	margin-bottom:2px;
}

#works .g-slider{
	width:700px;
	overflow:hidden;
}

#works .g-slider>ul{
	width:720px;
}

#works .g-slider li{
	width:220px;
	float:left;
	margin-right:20px;
}

#works .g-slider li a{
	margin-bottom:20px;
	display:block;
	position:relative;
	z-index:1;
}

#works .g-slider a .zoom{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(../images/zoom.gif) center center no-repeat;
}

#works .g-slider-cntrl{
	float:right;
	margin-right:-5px;
	padding-top:20px;
	padding-bottom:20px;
}

#works .g-slider-cntrl a{
	float:left;
	margin-left:10px;
}

#works .sliders>ul>li{
	display:block;
	overflow:hidden;
}

#clients .clients li{
	float:left;
	margin:0 20px 20px 0;
}

#clients .clients li.lst{
	margin-right:0;
}

.comma{
	float:left;
	margin-right:10px;
	color: #FFF;
}

time{
	float:left;
	width:36px;
	font:26px/32px Arial, Helvetica, sans-serif;
	color:#100b10;
	text-align:center;
	margin-right:0px;
}

/*footer*/
footer{
	width:100%;
	height:51px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
	background: url(../images/footer-bg.png) repeat-x;
}

footer .privacy{
	width:100%;
	height:42px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	text-align:center;
	font:11px/42px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
}

/*forms css*/

#form1 label{
	float:left;
}

#form1 label.name,#form1 label.email{
	background:url(../images/input-sp.png);
	margin-bottom:10px;
	width:220px;
	clear:both;
}

#form1 label.message{
	background: url(../images/textarea-sp.png);
	height:161px;
	margin-bottom:40px;
}

#form1 input,#form1 textarea{
	width:180px;
	float:left;
	border:none;
	background: url(../images/blank.gif);
	padding:12px 20px;
	font:13px Arial, Helvetica, sans-serif;
	color:#51575d;
}

#form1 textarea{
	width:340px;
	height:137px;
	float:left;
}

.btns{
	clear:both;
	float:right;
	position:relative;
	right:-2px;
}

#form1 .error,#form1 .empty{
	position:absolute;
	bottom:-11px;
	font:10px Arial, Helvetica, sans-serif;
	color:#000;
}

.success{
	position:absolute;
	width:130px;
	height:70px;
	right:0;
	background:#070707;
	border:1px #51575d solid;
	padding:10px;
	font:13px/18px Arial, Helvetica, sans-serif;
}

/*js css*/

/*additional classes*/
.white{
	color:#fff;
}

.fleft,.fl{float:left;}
.fright,.fr{float:right;}
.fnone,.fn{float:none;}
.col-1,.col-2,.col-3{float:left;}
.alignleft,.all{text-align:left;}
.alignright,.alr{text-align:right;}
.aligncenter,.alc{text-align:center;}
.wrapper{width:100%;overflow:hidden;}
a.und,.und a{text-decoration:none;}
a.und:hover,.und a:hover{text-decoration:underline;}
a.nocolor, .nocolor a{color:inherit;}
.upc{text-transform:uppercase;}
.extra-wrap{overflow:hidden;}
.nopad{padding:0;}
.nomar{margin:0;}
.clear{clear:both;line-height:0;}
.bold{font-weight:bold;}
.dn{display:none;}

/*custom boxes*/

.btn{
	width:231px;
	padding-bottom:5px;
	font:bold 24px/55px Arial, Helvetica, sans-serif;
	padding-bottom:4px;
	color:#fff;
	background: url(../images/btn-sp.png);
	display:block;
	text-align:center;
	text-decoration:none;
}

.list a{
	color:#51575d;
	text-decoration:none;
	background:url(../images/mrk-1.png) left center no-repeat;
	padding-left:24px;
}

dl.address dd{text-align:right;clear:both; width:170px;}
dl.address dd span{float:left;}

dl.img-box,.img-box-set dl,dl.img-box dd,.img-box-set dl dd{
	overflow:hidden;
	color: #000;
	text-align: justify;
}
dl.img-box dt,.img-box-set dl dt{float:left; margin-right:20px;}
#glob #content ul #clients .inner.container_12 .grid_3 .list li {
	color: #000;
}
#glob #content ul #clients .inner.container_12 .grid_3 .list li {
	font-weight: bold;
}