/*
Theme Name: Globacore9
Theme URI: http://www.globacore.com
Description: The new Globacore site theme
Author: Globacore
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


/***** START NEW CSS *******/
body{
	margin:0;
	font:13px Arial, Helvetica, sans-serif;
	color:#818c8f;
	background:#0a0a0a url(images/bg-body-sec.jpg) no-repeat 50% 0;
}
img{border:0;}
a{
	text-decoration:underline;
	color:#d2dde1;
}
a:hover{text-decoration:none;}
input, textarea, select{
	font:13px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#818c8f;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#header{
	width:100%;
	background: url(images/bg-header.gif) no-repeat 50% 0;
}
.header-holder{
	width:849px;
	overflow:hidden;
	margin:0 auto;
	padding:15px 129px 10px 24px;
	background: url(images/bg-header-holder.gif) no-repeat;
}
.logo{
	margin:5px 0 0;
	float:left;
	width:248px;
	height:14px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(images/logo.png) no-repeat;
	cursor:pointer;
}
.logo a{
	display:block;
	height:100%;
	position:relative;
}
#nav{
	margin:0;
	padding:0 10px 0 0;
	list-style:none;
	float:right;
	position:relative;
	overflow:hidden;
}
#nav li{
	float:left;
}
#nav li a{
	float:left;
	height:33px;
	overflow:hidden;
}
#nav li a img{
	display:block;
	
}
#nav li a:hover{
	position:relative;
}
#nav li a:hover img,
#nav li.active a img{
	margin:-33px 0 0;
	position:relative;
}
#nav li a.home{
	padding:0 25px 0 0;
}
#nav li a.project{
	padding:0 22px 0 0;
}
#nav li a.blog{
	padding:0 12px 0 0;
}
#nav li a.about{
	padding:0 22px 0 0;
}
#wrapper{
	width:1002px;
	margin:0 auto;
}
#main{
	height:1%;
	overflow:hidden;
	padding:23px 0 0;
}
.gallery-wrapper{
	width:1000px;
	height:640px;
	padding:1px 1px 0;
	background: url(images/bg-gallery-01.png) no-repeat;
}
.gallery{
	width:1000px;
	overflow:hidden;
	position:relative;
}
.gallery .link-prev,
.gallery .link-next{
	position:absolute;
	top:220px;
	left:9px;
	width:65px;
	height:64px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	z-index:10;
}
.gallery .link-prev{
	background: url(images/btn-prev-01.png) no-repeat;
}
.gallery .link-prev:hover{
	background: url(images/btn-prev-01-hover.png) no-repeat;
}
.gallery .link-next{
	left:auto;
	right:10px;
	background: url(images/btn-next-01.png) no-repeat;
}
.gallery .link-next:hover{
	background: url(images/btn-next-01-hover.png) no-repeat;
}
.gallery-hoolder{
	width:1000px;
	overflow:hidden;
}
.gallery-holder ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:100%;
	position:relative;
	height:524px;
}
.gallery-holder ul li{
	position:absolute;
	top:0;
	left:0;
	display:none;
}
.gallery-holder ul li.active {
	display:block;
}
.gallery .placeholder{
	position:relative;
	z-index:1;
}
.gallery .placeholder img{
	display:block;
}
.gallery .placeholder .btn-featured{
	position:absolute;
	left:50%;
	top:12px;
	width:116px;
	margin:0 0 0 -58px;
}
.gallery .placeholder .btn-featured img{
	display:block;
}
.gallery .placeholder .btn-view{
	position:absolute;
	left:50%;
	bottom:22px;
	width:157px;
	height:49px;
	margin:0 0 0 -79px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/btn-view-01.png) no-repeat;
	cursor:pointer;
}
.gallery .placeholder .btn-view:hover{
	background: url(images/btn-view-01-hover.png) no-repeat;
}
.switcher{
	position:absolute;
	right:23px;
	bottom:42px;
	margin:0;
	padding:0;
	list-style:none;
	height:12px;
	overflow:hidden;
	z-index:10;
}
.switcher li{
	float:left;
	width:12px;
	padding:0 0 0 15px;
}
.switcher a{
	float:left;
	width:12px;
	height:12px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/bg-switch-link.png) no-repeat;
	cursor:pointer;
}
.switcher a:hover,
.switcher li.active a{
	background: url(images/bg-switch-link-hover.png) no-repeat;
}
.slogan-box{
	padding:0 0 38px;
}
.slogan{
	display:block;
	width:960px;
	height:110px;
	text-indent:-9999px;
	margin:-72px 0 0 25px;
	background: url(images/bg-text-01.png) no-repeat;
}
.text-link-01{
	display:block;
	height:1%;
	padding:0 0 0 259px;
	margin:-31px 0 0;
}
.text-link-01 a{
	display:block;
	width:445px;
	height:31px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/bg-txt-link-01.png) no-repeat;
	cursor:pointer;
}
.block{
	height:1%;
	background: url(images/bg-block-c.gif) repeat-y;
	margin:0 0 29px;
}
.block .holder{
	background: url(images/bg-block-t.gif) no-repeat;
}
.block .frame{
	height:1%;
	overflow:hidden;
	padding:21px 0 0 23px;
	background: url(images/bg-block-b.gif) no-repeat 0 100%;
}
.title-01{
	width:415px;
	height:23px;
	background: url(images/bg-title-01.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 15px;
}
.product-box{
	height:1%;
	overflow:hidden;
	padding:27px 0 0;
}
.product-box .text{
	float:left;
	width:195px;
}
.product-box .text h3{
	margin:0 0 18px;
	font-size:24px;
	line-height:26px;
	color:#a8b8be;
}
.product-box .text p{
	line-height:20px;
	margin:0 0 20px;
}
.product-box .btn-more{
	display:block;
	width:152px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/btn-more-01.gif) no-repeat;
}
.product-box .btn-more:hover{
	background: url(images/btn-more-01-hover.gif) no-repeat;
}
.product-list{
	margin:0 0 0 -18px;
	padding:4px 5px 6px 0;
	list-style:none;
	float:right;
	width:762px;
}
.product-list li{
	float:left;
	width:214px;
	padding:0 20px 20px;
}
.product-list a{
	float:left;
}
.product-list a img{
	display:block;
}
.block-wrapper{
	height:1%;
	overflow:hidden;
	padding-bottom:28px;
}
.block-2{
	float:left;
	width:492px;
	margin:0 18px 0 0;
	background: url(images/bg-block-2-c.gif) repeat-y;
}
.block-2 .holder{
	background: url(images/bg-block-2-t.gif) no-repeat;
}
.block-2 .frame{
	height:1%;
	overflow:hidden;
	padding:20px 2px 14px;
	background: url(images/bg-block-2-b.gif) no-repeat 0 100%;
}
.title-blog{
/*	width:255px;
	height:23px;
/*	text-indent:-9999px;
	overflow:hidden;*/
	margin:0 0 0 24px;
/*	background: url(images/bg-title-02.png) no-repeat;*/
}

.blog-entry {
	margin-bottom:4em;
	}

.blog-list{
	margin:0;
	padding:0;
	list-style:none;
}
.blog-list li{
	height:1%;
	vertical-align:middle;
	overflow:hidden;
	padding:23px 10px 8px 24px;
	background: url(images/bg-blog-list-01.gif) no-repeat;
}
.blog-list li.light{
	background:#111213 url(images/bg-blog-list-02.gif) no-repeat;
}
.blog-list h3{
	height:1%;
	font-size:24px;
	line-height:25px;
	color:#a8b8be;
	background: url(images/ico-01.png) no-repeat;
	padding:6px 0 4px 76px;
	margin:0 0 10px;
	letter-spacing:-1px;
}

.blog-list h3 a {
    width:370px;
    }
.blog-list p{
	margin:0 0 10px;
}
.blog-list p a{
	font-size:10px;
	padding:0 0 0 4px;
	font-weight:bold;
	text-transform:uppercase;
	font-style:italic;
	color:#e50846;
	margin:0 0 0 -3px;
}
.blog-list .btn-all{
	display:block;
	width:152px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/btn-all-01.gif) no-repeat;
}
* html .blog-list .btn-all{
	margin-bottom:4px;
}
*+html .blog-list .btn-all{
	margin-bottom:4px;
}
.blog-list .btn-all:hover{
	background: url(images/btn-all-01-hover.gif) no-repeat;
}
.client{
	margin:0;
}
.title-client{
	width:134px;
	height:18px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 20px 22px;
	background: url(images/bg-title-03.png) no-repeat;
}
.client-table-box{
	float:left;
	width:490px;
	margin:0 -2px -18px 0;
}
* html .client-table-box{
	margin-bottom:-34px;
}
*+html .client-table-box{
	margin-bottom:-34px;
}
.client-table{
	border-collapse:collapse;
	padding:2px;
	width:490px;
}
.client-table td{
	padding:0;
	text-align:center;
	width:162px;
	height:116px;
	overflow:hidden;
	background: url(images/bg-client-table.gif) no-repeat 100% 100%;
}
.title-work{
	width:250px;
	height:19px;
/*	text-indent:-9999px;
	overflow:hidden;
	background: url(images/title-work.png) no-repeat;
*/	margin:0 0 10px;
}
.work-box{
	height:1%;
	overflow:hidden;
	padding:36px 0 18px;
}
.work-box .text{
	float:left;
	width:480px;
}
.work-box .text h3{
	font-size:24px;
	line-height:25px;
	color:#a8b8be;
	margin:0 0 10px;
	letter-spacing:-1px;
}
.work-box .text p{
	margin:0 0 10px;
}
.work-box .text p a{
	font-size:10px;
	padding:0 0 0 4px;
	font-weight:bold;
	text-transform:uppercase;
	font-style:italic;
	color:#e50846;
}
.install-box{
	float:right;
	width:444px;
	padding:0 24px 0 0;
}
.install-box .text{
	float:left;
	width:215px;
}
.install-box .text p{
	margin:0 0 17px;
	padding:10px 0 0;
}
.install-box .img-box{
	float:right;
	width:214px;
	padding:2px 0 0;
}
.install-box .img-box img{
	display:block;
	margin:0;
	padding:0;
}
.install-box .btn-apply{
	display:block;
	width:151px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/btn-apply-01.gif) no-repeat;
}
.install-box .btn-apply:hover{
	background: url(images/btn-apply-01-hover.gif) no-repeat;
}
#footer{
	height:1%;
	overflow:hidden;
	padding:2px;
	background: url(images/bg-footer.gif) no-repeat;
	margin:0 0 30px;
}
.copyright{
	float:left;
	padding:24px 30px 27px 21px;
	background: url(images/separator-01.gif) no-repeat 100% 0;
}
.copyright span{
	display:block;
	width:109px;
	height:10px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/bg-copyright.png) no-repeat;
}
.nav{
	float:left;
	margin:0;
	padding:25px 7px 26px 31px;
	list-style:none;
	background: url(images/separator-01.gif) no-repeat 100% 0;
}
.nav li{
	float:left;
	padding:0 27px 0 0;
}
.nav li a{
	float:left;
	height:11px;
	overflow:hidden;
}
.nav li a:hover{
	position:relative;
}
.nav li img{
	display:block;
}
.nav li a:hover img{
	margin:-11px 0 0;
	position:relative;
}
.share-box{
	float:left;
	padding:13px 66px 14px 66px;
	background: url(images/separator-01.gif) no-repeat 100% 0;
}
.share-box .share{
	float:left;
	width:67px;
	height:10px;
	margin:11px 29px 0 0;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/bg-share.gif) no-repeat;
}
.social{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.social li{
	float:left;
	padding:0 11px 0 0;
}
.social li a{
	float:left;
	width:34px;
	height:34px;
	text-indent:-9999px;
	overflow:hidden;
}
.social li a.twitter{
	background: url(images/btn-twitter.gif) no-repeat;
}
.social li a.facebook{
	background: url(images/btn-facebook.gif) no-repeat;
}
.social li a.sicial-ico-3{
	background: url(images/btn-sicial-ico-3.gif) no-repeat;
}
.social li a.digg{
	width:41px;
	background: url(images/btn-digg.gif) no-repeat;
}
.add-logo{
	float:right;
	width:37px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
	margin:11px 23px 0 0;
	background: url(images/add-logo-01.gif) no-repeat;
}
.add-logo a{
	display:block;
	height:100%;
}
/*inner-1*/
.main-holder{
	height:1%;
	overflow:hidden;
	padding:7px 0 0 24px;
}
#content{
	float:left;
	width:676px;
    padding-left:20px;
}
.title-about{
	width:110px;
	height:18px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 46px;
	background: url(images/bg-title-about.png) no-repeat;
}
.slogan-2{
	display:block;
	width:681px;
	height:138px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 40px;
	background: url(images/bg-slogan-txt-02.png) no-repeat;
}
#content p{
	line-height:16px;
	margin:0 0 22px;
}
#content .post p{
	line-height:18px;
	margin-bottom:13px;
}
.post{
	height:1%;
	overflow:hidden;
	padding:27px 0 0;
}
.title-vision{
	width:95px;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/bg-title-vision.png) no-repeat;
	margin:0 0 22px;
}
.title-mission{
	width:108px;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 23px;
	background: url(images/bg-title-mission.png) no-repeat;
}
.title-try{
	width:57px;
	height:18px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 18px;
	background: url(images/bg-title-try.png) no-repeat;
}
.title-join{
	width:68px;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 20px;
	background: url(images/bg-title-join.png) no-repeat;
}
.title-client-2{
	width:93px;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 23px;
	background: url(images/bg-titlle-client-2.png) no-repeat;
}
.client-list{
	margin:0;
	padding:0 10px 0 0;
	list-style:none;
	float:left;
	width:210px;
}
.client-list li{
	padding-bottom:2px;
}
.client-list a{
	text-decoration:none;
	color:#818c8f;
}
.client-list a:hover{
	text-decoration:underline;
}
#sidebar{
	float:right;
	width:238px;
	padding:3px 0 0;
}
.title-team{
	width:103px;
	height:15px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/bg-title-team.png) no-repeat;
	margin:0 0 19px;
}
.about-block{
	width:238px;
	padding:0px 0 0;
	background: url(images/bg-about-block.png) no-repeat;
}
.about-block .img-box{
	padding:0 0 0px;
}
.about-block .img-box img{
	display:block;
}
.about-block .text{
	padding:10px 0 15px 23px;
}
.text-2{
	display:block;	
	width:101px;
	height:11px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/bg-text-02.png) no-repeat;
	margin-bottom:9px;
}
.about-block  span{
	font-size:12px;
	color:#6d7b80;
}
.text-3{
	display:block;
	width:92px;
	height:12px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:9px;
	background: url(images/bg-text-03.png) no-repeat;
}
.text-4{
	display:block;
	width:71px;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:9px;
	background: url(images/bg-text-04.png) no-repeat;
}
.text-5{
	display:block;
	width:110px;
	height:11px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:9px;
	background: url(images/bg-text-05.png) no-repeat;
}
.text-6{
	display:block;
	width:121px;
	height:11px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:9px;
	background: url(images/bg-text-06.png) no-repeat;
}
.text-7{
	display:block;
	width:81px;
	height:11px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:9px;
	background: url(images/bg-text-07.png) no-repeat;
}
.text-8{
	display:block;
	width:98px;
	height:12px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:9px;
	background: url(images/trevor-name.png) no-repeat;
}
.text-name-keeble {
    display:block;
    width:79px;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:9px;
	background: url(images/about-name-keeble.png) no-repeat;
}

.text-name-lirette {
    display:block;
    width:100px;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:9px;
	background: url(http://www.globacore.com/wp-content/uploads/2010/11/name-Denis-Lirette.png) no-repeat;
}

.text-name-hernandez {
    display:block;
    width:150px;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:9px;
	background: url(http://www.globacore.com/wp-content/uploads/2010/11/name-Armando-Hernandez.png) no-repeat;
}

.text-name-robinson {
    display:block;
    width:150px;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:9px;
	background: url(http://www.globacore.com/wp-content/uploads/2010/11/name-Mike-Robinson.png) no-repeat;
}

.text-name-rusan {
    display:block;
    width:150px;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:9px;
	background: url(http://www.globacore.com/wp-content/uploads/2010/11/name-Max-Rusan.png) no-repeat;
}

.text-9 {
	display:block;
	width:95px;
	height:11px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:9px;
	background: url(images/bg-text-09.png) no-repeat;
}
.contact-box{
	height:1%;
	overflow:hidden;
}
.columns{
	height:1%;
	overflow:hidden;
	position:relative;
	min-height:529px;
}
* html .columns{
	height:529px;
}
.contact-box .coll{
	float:left;
	width:238px;
	padding:0 17px 271px 0;
}
.title-contact{
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 47px 25px;
	width:128px;
	height:20px;
	background: url(images/bg-title-contact.png) no-repeat;
}
.contact-box .address-text{
	padding-left:20px;
}
.contact-box .coll h4{
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 15px;
}
.title-toronto{
	width:144px;
	height:22px;
	background: url(images/bg-title-toronto.png) no-repeat;
}
.contact-box .coll h5{
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 28px;
}
.title-05{
	width:;
	height:;
	background: url(images/bg-title-05.png) no-repeat;
}
.address-list{
	margin:0;
	padding:0;
	list-style:none;
	color:#d2dde1;
}
.address-list li{
	padding-bottom:2px;
}
.address-list li span{
	color:#818c8f;
}
.contact-list{
	margin:0;
	padding:22px 0 0;
	height:1%;
	overflow:hidden;
}
.contact-list dt{
	float:left;
	padding:0 4px 0 0;
	color:#818c8f;
}
.contact-list dd{
	margin:0 0 2px;
	color:#d2dde1;
}
.contact-list dt span{
	float:left;
	padding:12px 0 0;
}
.contact-list dd.mail{
	margin:14px 0 0;
}
.title-dhabi{
	width:159px;
	height:22px;
	background: url(images/bg-title-dhabi.png) no-repeat;
}
.title-06{
	width:94px;
	height:13px;
	background: url(images/bg-title-06.png) no-repeat;
}
.title-san{
	width:131px;
	height:22px;
	background: url(images/bg-title-san.png) no-repeat;
}
.title-07{
	width:86px;
	height:13px;
	background: url(images/bg-title-07.png) no-repeat;
}
.contact-box .brampton{
	padding:0;
	width:215px;
}
.contact-box .coll .title-brampton{
	width:148px;
	height:29px;
	margin:0 0 9px;
	background: url(images/bg-title-brampton.png) no-repeat;
}
.contact-box .coll .title-08{
	width:118px;
	height:17px;
	margin:0 0 24px;
	background: url(images/bg-title-08.png) no-repeat;
}
.about-block-wrapper{
	position:absolute;
	bottom:0;
}
.contact-box .about-block span{
	display:block;
	padding:7px 0 0;
}
.text-10{
	display:block;
	width:112px;
	height:13px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/bg-text-10.png) no-repeat;
}
.text-11{
	display:block;
	width:118px;
	height:13px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/bg-text-11.png) no-repeat;
}
.text-12{
	display:block;
	width:105px;
	height:13px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/bg-text-12.png) no-repeat;
}
.text-13{
	display:block;
	width:128px;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/bg-text-13.png) no-repeat;
}
.contact-form, #commentform{
	height:1%;
	overflow:hidden;
	padding:66px 0 0 0px;
}
#commentform {
	padding-top:5px;
	}

.title-contact-form{
	width:122px;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/bg-title-contact-form.png) no-repeat;
	margin:0 0 23px;
}
.promo-text{
	display:block;
	padding-bottom:31px;
}
.contact-form .row, #commentform .row{
	height:1%;
	overflow:hidden;
	padding-bottom:23px;
    
}
.contact-form label, #commentform label{
	float:left;
	width:114px;
	padding:16px 0 0;
}
.contact-form label span, #commentform label span{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.label-name span {
	width:108px;
	height:19px;
	background: url(images/bg-label-name.png) no-repeat;
}

.label-mail span {
	width:63px;
	height:19px;
	background: url(images/bg-label-mail.png) no-repeat;
}

.label-phone span{
	width:67px;
	height:19px;
	background: url(images/bg-label-phone.png) no-repeat;
}
.label-quest span{
	width:226px;
	height:19px;
	background: url(images/bg-label-quest.png) no-repeat;
}


/**** NEED AN IMAGE FOR COMMENT TITLE ******/

.contact-form .text, #commentform .text{
	float:left;
	width:576px;
	height:35px;
	padding:12px 10px 0 22px;
	background: url(images/bg-input-01.gif) no-repeat;
}
.contact-form .text input, #commentform .text input{
	float:left;
	border:0;
	padding:0;
	background:none;
	width:576px;
	font-size:18px;
	line-height:21px;
	color:#6d7b80;
}
.contact-form .quest-row, #commentform .comment-row{
	padding:17px 0 20px;
}
.contact-form .quest-row label, #commentform .comment-row label{
	float:none;
	display:block;
	width:auto;
	padding:0 0 22px;
}

.contact-form .textarea, #commentform .textarea {
	display:block;
	overflow:hidden;
	width:732px;
	height:127px;
	margin:0 0 0 -23px;
	position:relative;
	padding:15px 15px 15px 0;
	background: url(images/bg-textarea-01.gif) no-repeat;
}

	
.contact-form .textarea textarea, #commentform .textarea textarea {
	float:left;
	padding:0;
	margin:0 0 0 15px;
	border:0;
	background:none;
	font-size:18px;
	line-height:24px;
	color:#6d7b80;
	width:717px;
	height:127px;
	outline:none;
	max-height:127px;
	max-width:717px;
	overflow:auto;
}

input#submit {
    background:url(images/submit.jpg) no-repeat 50% 50%;
    text-indent:-9999px;
    border:0;
    width:152px;
    height:38px;
    }

#commentform input#submit {
    background:url(images/post-comment.jpg) no-repeat 50% 50%;
    }


.submit-wrapper{
	width:722px;
	overflow:hidden;
	padding:2px 0 30px;
}
.contact-form .btn-submit{
	float:right;
	width:152px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/submit.jpg) no-repeat;
}
/*.contact-form .btn-submit:hover{
	background: url(images/btn-submit-01-hover.gif) no-repeat;
}*/
.blog-box{
	height:1%;
	overflow:hidden;
	padding:0px 0 70px 25px;
}
.blog-content{
	float:left;
	width:700px;
}
.title-blog-2{
/*	width:53px;
	height:23px;
/*	text-indent:-9999px;
	overflow:hidden;*/
	margin:0 0 30px;
/*	background: url(images/bg-title-blog.png) no-repeat;*/
}
.title-our{
	width:552px;
	height:33px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/bg-title-our.png) no-repeat;
	margin:0 0 10px;
}
.by-list{
	margin:0 0 0 -5px;
	padding:0 0 15px;
	list-style:none;
	height:1%;
	overflow:hidden;
	font-size:18px;
}
.by-list li{
	float:left;
	margin:0 3px 0 -3px;
	padding:0 5px 0 8px;
	background: url(images/separator-02.gif) no-repeat 0 4px;
}

.by-list li a {
	text-decoration:none;
	}
	
.blog-box .comments{
	display:block;
	height:1%;
	overflow:hidden;
	padding:0 0 10px;
}
.blog-box .comments a{
	float:left;
	text-decoration:none;
	padding:5px 0 5px 35px;
	background: url(images/comment-bubble.png) no-repeat 0 0;
}
.blog-box .comments a:hover{
	text-decoration:none;
}
.blog-content p{
	line-height:18px;
	margin:0 0 20px;
}
.blog-content .visual{
	padding:20px 0 79px;
}
.blog-content .visual img{
	display:block;
}
.aside{
	float:right;
	width:238px;
	padding:4px 0 0;
}
.title-recent{
	width:150px;
	height:15px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 22px;
	background: url(images/bg-title-recent.png) no-repeat;
}
.recent-list{
	margin:0;
	padding:20px 0 49px;
	list-style:none;
}
.recent-list li{
	padding-bottom:20px;
}
.recent-list h4{
	font-size:18px;
	line-height:21px;
	color:#d2dde1;
	margin:0 0 8px;
}
.recent-list h4 a{
	text-decoration:none;
	color:#d2dde1;
}
.recent-list h4 a:hover{
	text-decoration:underline;
}
.recent-list .posted{
	font-size:13px;
}
.title-categories{
	width:109px;
	height:19px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 32px;
	background: url(images/bg-title-categories.png) no-repeat;
}
.category-list{
	margin:0;
	padding:0;
	list-style:none;
	font-size:18px;
	color:#d2dde1;
	font-weight:bold;
	letter-spacing:-1px;
}
.category-list li{
	padding-bottom:14px;
}
.category-list a{
	text-decoration:none;
	color:#d2dde1;
}
.category-list a:hover{
	text-decoration:underline;
}
.order-post{
	display:block;
	height:1%;
	overflow:hidden;
}
.order-post a{
	font-size:13px;
	color:#6d7b80;
	text-decoration:underline;
	float:left;
	padding:0 13px 0 0;
	font-weight:bold;
	font-style:italic;
	background: url(images/bullet-02.gif) no-repeat 100% 5px;
}
.order-post a:hover{
	text-decoration:none;
}
/*inner-2*/
.project-container{
	padding-bottom:15px;
}
.heading{
	height:1%;
	overflow:hidden;
	padding:7px 0 11px 24px;
}
.title-featured{
	float:left;
	width:260px;
	height:23px;
	/*text-indent:-9999px;
	overflow:hidden;
	margin:0;
	background: url(images/bg-title-featured.png) no-repeat;*/
}
.sort-form{
	float:right;
	width:477px;
}
.sort-form label{
 	float:left;
	width:54px;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
	margin:6px 12px 0 0;
	background: url(images/bg-title-sort.png) no-repeat;
}
.sort-form ul{
	float:right;

	text-align:center;
	margin:-6px 0 0;
	border:1px solid #0f0f12;
	outline:0;
	background:#fff;
	box-shadow: rgba(0,0,0,0.2) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 8px;
	background:-webkit-gradient(linear, left top, left bottom, from(#2b2b2d), to(#0f0f12));
	background:-moz-linear-gradient(top,#2b2b2d,#0f0f12);
	-webkit-border-radius:0.4em;
	-moz-border-radius:0.4em;
	
	list-style:none;
	line-height:100%
	margin:0;
	width:400px;
	padding:0;
}

.sort-form a {
display:block;
padding:10px 120px 10px 120px;
text-decoration:none;
}

.sort-form ul .current a, .sort-form ul li:hover > a {
	color:#fff;
	bordertop:solid 1px #f8f8f8;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 1px rgba(0,0,0,0.2);
	}
	
.sort-form ul li {
	display:block;
	}

.sort-form ul ul {
	display:none;
	margin:0px 0 0 0px;;
	padding:0;
	position:absolute;
	width:400px;

	
	-webkit-border-radius:0.4em;
	-moz-border-radius:0.4em;
	border-radius:0.4em;
	
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3)
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	}
	
	.sort-form ul ul li {
		border-bottom:1px solid #333;
		}
		
		.sort-form ul ul li.last {
		border-bottom:none;
		}
	
.sort-form li:hover > ul {
	display:block;
	}

.sort-form select option {
	border:1px solid #0f0f12;
	outline:0;
	box-shadow: rgba(0,0,0,0.2) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 8px;
	background:-webkit-gradient(linear, left top, left bottom, from(#2b2b2d), to(#0f0f12));
	background:-moz-linear-gradient(top,#2b2b2d,#0f0f12);
	margin:0; 
	padding:9px;
	}


.featured-box{
	height:1%;
	overflow:hidden;
	padding:0 0 48px;
}
.featured-box .box{
	float:left;
	width:492px;
	padding:0 16px 0 0;
	margin-bottom:16px;
}
.featured-box .last {
	padding:0;
}
.featured-box .img-box{
	background: url(images/bg-img-box.png) no-repeat;
	padding:0px 0 0;
}
.featured-box .img-box img{
	display:block;
}
.featured-box .box .text{
	height:1%;
	padding:18px 0 29px 22px;
	background: url(images/bg-featured-text.png) no-repeat;
	
}
.text-14{
	display:block;
	width:431px;
	height:19px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 5px;
	background: url(images/bg-text-14.png) no-repeat;
	
}
.text-15{
	display:block;
	width:222px;
	height:19px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 5px;
	background: url(images/bg-text-15.png) no-repeat;
	
}
.featured-box .box .text span{
	display:block;
	font-size:12px;
	color:#818c8f;
}
.featured-box .box-2{
	padding:0;
}
.featured-box .box-2 .text{
	background:none;
}
.title-all-proj{
	width:134px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 15px 23px;
	background: url(images/bg-title-all-proj.png) no-repeat;
}
.project-box{
	height:1%;
	overflow:hidden;
	padding:0 0 0px;
}
.project-box .about-block{
	float:left;
	margin-right:16px;
}
.project-box .last{
	margin:0;
}
.project-box .about-text{
	display:block;
	font-size:12px;
	color:#cbd5d8;
	line-height:12px;
	padding:0 0 3px;
}
.paging{
	height:1%;
	overflow:hidden;
	padding:0 4px 99px 1px;
	margin:-5px 0 0;
}
.paging .btn-back,
.paging .btn-next{
	float:left;
	width:151px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/btn-back-01.gif) no-repeat;
}
.paging .btn-back:hover{
	background: url(images/btn-back-01-hover.gif) no-repeat;
}
.paging .btn-next{
	float:right;
	background: url(images/btn-next-02.gif) no-repeat;
}
.paging .btn-next:hover{
	background: url(images/btn-next-02-hover.gif) no-repeat;
}
.paging ul{
	float:left;
	width:693px;
	margin:0;
	padding:8px 0 0;
	list-style:none;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.paging ul li{
	display:inline-block;
	padding:0 2px 0 5px;
	background: url(images/separator-03.gif) no-repeat 0 2px;
}
* html .paging ul li{
	display:inline;
	height:1%;
}
*+html .paging ul li{
	display:inline;
	height:1%;
}
.paging ul li:first-child,
.paging ul li.first-child{
	background:none;
}
.paging ul a{
	color:#818c8f;
	text-decoration:none;
}
.paging ul a:hover,
.paging ul li.active a{
	color:#d6e0e4;
}
.section{
	height:1%;
	overflow:hidden;
	padding:0 2px 0px 24px;
}
.title-proj{
	float:left;
	width:92px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 20px;
	background: url(images/bg-title-proj.png) no-repeat;
}
.section .btn-back{
	float:right;
	width:151px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/btn-back-01.gif) no-repeat;
}
.section .btn-back:hover{
	background: url(images/btn-back-01-hover.gif) no-repeat;
}
.text-section{
	padding:0 0 0 22px;
}
.slogan-3{
	display:block;
	width:819px;
	height:85px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 16px 0;
	background: url(images/bg-slogan-txt-03.png) no-repeat;
}
.text-16{
	display:block;
	width:616px;
	height:13px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 27px;
	background: url(images/bg-text-16.png) no-repeat;
}
.text-section p{
	font-size:12px;
	line-height:18px;
	margin:0 0 12px;
}
.area{
	height:1%;
	overflow:hidden;
	padding:0 0 53px 22px;
}
.area .btn-more{
	float:left;
	width:91px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
	margin:2px 0 0;
	background: url(images/btn-more-02.gif) no-repeat;
}
.area .btn-more:hover{
	background: url(images/btn-more-02-hover.gif) no-repeat;
}
.tag-box{
	float:right;
	width:345px;
	padding:0;
	margin:-3px 0 0 0;
}
.tag-box .tag{
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#818C8F;
	padding:3px 7px 0 0;
}
.tag-box ul{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.tag-box ul li{
	float:left;
	padding:0 6px 0 0;
}
.tag-box ul a{
	display:block;
	background:#313131;
	color:#818C8F;
	text-decoration:none;
	font-style:italic;
	padding:4px 6px 4px 6px;
	font-size:11px;
}

.tag-box ul a:hover {
	color:#fff;
	background:#666;
	}

/*.tag-box ul a.tag-1{
	width:127px;
	background: url(images/bg-tag-1.gif) no-repeat;
}
.tag-box ul a.tag-2{
	width:71px;
	background: url(images/bg-tag-2.gif) no-repeat;
}
.tag-box ul a.tag-3{
	width:82px;
	background: url(images/bg-tag-3.gif) no-repeat;
}*/
.video-box{
	padding:0 0 54px;
}
.video-box img{
	display:block;
}

br.clear {
	clear:both;
	}
	

	
h2.project-title, h2.blog-title {
	font-family:Georgia, Times New Roman, serif;
	font-size: 48px;
	color:#ccc;
	font-weight:normal;
	margin:10px 0 10px 0;
	padding:0;
}

h3.blog-title {
	font-family:Georgia, Times New Roman, serif;
	font-size: 36px;
	color:#ccc;
	font-weight:normal;
	margin:10px 0 10px 0;
	padding:0;
}

	h3.blog-title a {
		text-decoration:none;
		}

a.blog-title {
	text-decoration:none;
	}

div.project-attributes {
	font-family:Georgia, Times New Roman, serif;
	font-size: 13px;
	color:#818C8F;
	width:620px;
	float:left;
	margin-bottom:2em;
	}
	
	div.project-attributes ul {
		margin:0;
		padding:0;
		}
		
		div.project-attributes li {
			list-style:none;
			float:left;
			margin-right:10px;
			}
			
			div.project-attributes li strong {
				color:#fff;
				font-weight:normal;
				}
				
                
                
/* sIFR */
/*
.sIFR-active h3, .sIFR-active h2 {
    visibility:hidden;
}
*/
.sIFR-active .title-blog-2, .sIFR-active .title-blog, .sIFR-active .title-featured, .sIFR-active .entry-title,.blog-title,h3.title-all-projects,.title-work {
    visibility:hidden;
    font-size:24px;
    margin:0;
    padding:0;
    }
    
.sIFR-active .entry-title, .sIFR-active .title-blog {
    margin-left:20px;
    }
       
.sIFR-active h4.featured-project-title {
    visibility:hidden;
    font-size:16px;
    margin:0;
    padding:0;
}

.sIFR-active h3.flyout {
    visibility:hidden;
    margin:0;
    font-size:18px;
    }
    
.sIFR-active p.form-label {
    visibility:hidden;
    margin:0;
    font-size:14px;
}

    
/**** END NEW CSS ****/


