/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	behavior: url("csshover3.htc");
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a:focus, button:focus { 
    outline: none; 
}

/* general reset */
html,
body {
	min-width:960px;
	height: 100%;
}
body{
	color:#5d5d5d;
	font:12px Helvetica, Arial, sans-serif;
	background:#fff url(../images/bg-body.png) repeat-y 50% 0;
}
img {border-style:none;}
a {
	text-decoration:none;
	color:#f36902;
}
a:hover {text-decoration:underline;}

/* index.html */
.skip-to-nav,
.back-to-top{
	position:absolute;
	left:-9999px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.skip-to-nav:focus,
.back-to-top:focus{
	left:0;
	top:auto;
	width:auto;
	height:auto;
	color:#0099cb !important;
	background-color:#fff;
	z-index:1000;
}
#wrapper{
	width:100%;
	min-height:100%;
	background:url(../images/bg-header.png) repeat-x;
}
* html #wrapper{height:100%;}
.w1{
	position:relative;
	width:960px;
	margin:0 auto;
	padding:193px 0 240px;
}
#main{
	width:920px;
	overflow:hidden;
	padding:0 20px 20px;
}
.gallery1{
	position:relative;
	overflow:hidden;
	width:917px;
	margin:0 0 14px -8px;
	padding:9px 0 5px 9px;
	background:url(../images/bg-gallery1.png) no-repeat 8px 8px;
}
.gallery1 .visual{
	position:relative;
	overflow:hidden;
	width:915px;
	height:270px;
}
.gallery1 .visual ul{
	position:relative;
	width:99999px;
	overflow:hidden;
}
.gallery1 .visual ul li{
	float:left;
	width:915px;
}
.gallery1 .visual ul li img{display:block;}
.gallery1 .bg-lt,
.gallery1 .bg-rt{
	position:absolute;
	width:5px;
	height:5px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/bg-gallery1-lt.png) no-repeat;
}
.gallery1 .bg-lt{
	left:8px;
	top:8px;
}
.gallery1 .bg-rt{
	right:1px;
	top:8px;
	background:url(../images/bg-gallery1-rt.png) no-repeat 100% 0;
}
.gallery1 .text-free{
	position:absolute;
	top:0;
	left:0;
	width:190px;
	height:190px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/text-free.png) no-repeat;
	z-index:15;
}
.gallery1 .title{
	position:absolute;
	bottom:5px;
	left:9px;
	width:900px;
	padding:6px 6px 5px 10px;
	font-size:19px;
	line-height:22px;
	color:#fff;
	background:#131313;
	z-index:10;
}
.gallery1 .title .text{
	float:left;
	width:650px;
	height:23px;
	position:relative;
}
.gallery1 .title p{
	position:absolute;
	left:0;
	top:0;
	width:650px;
	z-index:1;
}
.gallery1 .title p.active{
	z-index:2;
}
.gallery1 .switcher{
	float:right;
	display:inline;
	margin:5px 6px 0 0;
	background:#131313;
}
.gallery1 .switcher .link-prev,
.gallery1 .switcher ul a,
.gallery1 .switcher .link-next{
	float:left;
	width:15px;
	height:15px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-gallery1.png) no-repeat;
}
.gallery1 .switcher .link-next{background-position:-54px 0;}
.gallery1 .switcher ul{
	float:left;
	display:inline;
	max-width:198px;
	margin: 0 0 0 3px;
}
.gallery1 .switcher ul li{
	float:left;
	margin:0 3px 0 0;
}
.gallery1 .switcher ul a{background-position:-36px 0;}
.gallery1 .switcher ul a:hover,
.gallery1 .switcher ul .active a{background-position:-18px 0;}
.wide-box{
	width:918px;
	margin:0 0 22px;
	background:url(../images/bg-box1.png) repeat-y -918px 0;
}
.wide-holder{background:url(../images/bg-box1-t.png) no-repeat;}
.wide-frame{
	overflow:hidden;
	width:888px;
	padding:12px 15px;
	background:url(../images/bg-box1.png) no-repeat -1836px 100%;
}
.btn-portfolio{
	float:right;
	width:169px;
	height:45px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-portfolio.png) no-repeat;
}
.slogan{
	font-size:21px;
	line-height:45px;
	color:#ababab;
}
.slogan span{
	float:left;
	padding:0 5px 0 0;
}
.slogan strong{
	float:left;
	padding:0 5px 0 0;
	font-size:23px;
	line-height:45px;
	color:#635651;
}
#twocolumns{
	width:100%;
	overflow:hidden;
}
#content{
	float:right;
	width:555px;
	padding:0 15px 0 0;
	line-height:21px;
}
#content h1{
	margin:0 0 24px;
	padding:0 0 25px;
	font-size:21px;
	line-height:27px;
	color:#635651;
	background:url(../images/bg-shaddow1.png) no-repeat 0 100%;
}
.text-expand{
	display:block;
	width:487px;
	height:27px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/text-expand.png) no-repeat 0 3px;
}
.fixed-row{
	position:relative;
	width:555px;
	height:165px;
	margin:0 0 25px;
}
.fixed-row .visual{
	float:right;
	background:#fff;
	margin:10px 0 0 10px;
	border:1px solid #ddd;
}
.fixed-row .visual a,
.fixed-row .visual img{display:block;}
#content h2{
	font-size:19px;
	line-height:27px;
	color:#322826;
}
.fixed-row .guy{
	position:relative;
	width:207px;
	height:147px;
}
.fixed-row .guy img{
	position:absolute;
	bottom:0;
	right:-5px;
}
.fixed-row .text-holder{
	height:130px;
	overflow:hidden;
}
.fixed-row .btn-more{
	position:absolute;
	left:200px;
	bottom:0;
	width:115px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-more.png) no-repeat;
}
.btn-enquire{
	float:right;
	width:154px;
	height:45px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-enquire.png) no-repeat;
}
.services-list{
	float:left;
	display:inline;
	overflow:hidden;
	font-size:21px;
	line-height:45px;
	color:#ababab;
}
.services-list li{
	float:left;
	padding:0 0 0 35px;
	background:url(../images/bullet3.gif) no-repeat 15px 50%;
}
.services-list li:first-child,
.services-list li.first-child{
	padding-left:0;
	background:none;
}
.services-list a{color:#ababab;}
#aside{
	float:left;
	width:255px;
	padding:0 0 0 15px;
}
.text-our-projects{
	width:215px;
	height:33px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/text-our-projects.png) no-repeat;
}
.gallery2{
	overflow:hidden;
	padding:20px 15px;
	text-align:center;
	line-height:18px;
	background:#eee url(../images/bg-gallery2.png) no-repeat;
}
.center{
	width:100%;
	overflow:hidden;
}
.center1{
	position:relative;
	left:50%;
	float:left;
}
.center1 .center2{
	position:relative;
	left:-50%;
	float:left;
}
.gallery2 .switcher{
	float:left;
	padding:0 0 14px;
}
.gallery2 .switcher .link-prev,
.gallery2 .switcher ul a,
.gallery2 .switcher .link-next{
	float:left;
	width:16px;
	height:15px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-gallery2.png) no-repeat;
}
.gallery2 .switcher .link-next{background-position:-58px 0;}
.gallery2 .switcher ul{
	float:left;
	display:inline;
	max-width:180px;
	margin: 0 1px 0 5px;
}
.gallery2 .switcher ul li{
	float:left;
	margin:0 4px 0 0;
}
.gallery2 .switcher ul a{background-position:-40px 0;}
.gallery2 .switcher ul a:hover,
.gallery2 .switcher ul .active a{background-position:-20px 0;}
.gallery2 .visual{
	position:relative;
	overflow:hidden;
	width:210px;
	height:408px;
	margin:24px auto 0;
}
.gallery2 .visual ul {
	position:relative;
	overflow:hidden;
	width:210px;
}
.gallery2 .visual ul li{
	float:left;
	width:210px;
}
.gallery2 .visual ul ul li {
	position:relative;
	float:left;
	width:202px;
	height:114px;
	padding:3px;
	margin:0 0 22px;
	background:#fff;
	border:1px solid #ddd;
}
.gallery2 .visual ul li img{display:block;}
.row{
	width:100%;
	overflow:hidden;
}
.blog-col{
	float:left;
	width:566px;
	padding:5px 0 0 15px;
}
.blog-col h2,
.cite-col h2{
	margin:0 0 10px;
	padding:0 0 25px 10px;
	font-size:22px;
	line-height:27px;
	color:#635651;
	background:url(../images/bg-shaddow1.png) no-repeat 0 100%;
}
.cite-col h2{
	margin-bottom:15px;
	padding-left:15px;
	background:url(../images/bg-shaddow2.png) no-repeat 0 100%;
}
.blog-list{
	overflow:hidden;
}
.blog-list li{
	width:100%;
	overflow:hidden;
	margin:0 0 8px;
}
.blog-list .date{
	float:left;
	width:40px;
	overflow:hidden;
	font-style:normal;
	text-align:center;
	color:#525252;
}
.blog-list .date .m{
	display:block;
	font-size:16px;
	line-height:26px;
}
.blog-list .date .d{
	display:block;
	margin:-8px 0 0;
	font-size:30px;
	line-height:32px;
}
.blog-list .date .y{
	display:block;
	margin:-2px 0 0;
	font-size:13px;
	line-height:15px;
}
.blog-holder{
	float:right;
	width:481px;
	height:111px;
	margin:6px 0 0;
	padding:15px 15px 10px 30px;
	line-height:18px;
	color:#676767;
	background:url(../images/bg-box2.png) no-repeat;
}
.blog-list .visual{
	float:left;
	margin:0 10px 0 0;
	padding:6px;
	background:#fff;
	border:1px solid #e4e4e4;
}
.blog-list .visual img{display:block;}
.blog-list .text-holder{
	height:96px;
	overflow:hidden;
}
.blog-list h3{
	margin:0 0 2px;
	font-weight:bold;
	font-size:18px;
	line-height:20px;
	color:#604d46;
}
.blog-list .btn-more{
	float:right;
	width:115px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-more.png) no-repeat -120px 0;
	margin-top:-10px;
}
.cite-col{
	float:right;
	width:240px;
	padding:5px 15px 0 0;
}
.cite-col .box{
	position:relative;
	width:210px;
	height:255px;
	padding:15px 10px 15px 15px;
	background:#fff;
	border:1px solid #e4e4e4;
	overflow:hidden;
}
.testimonials blockquote {
	width:210px;
	height:270px;
	
}
blockquote h3{
	margin:0 0 5px;
	font-weight:normal;
	font-size:16px;
	line-height:20px;
}
blockquote h3.testimonial{
	color:#F36902;
}
blockquote q{
	display:block;
	margin:0 0 8px;
	line-height:21px;
}
.cite-col blockquote q{
	height:147px;
	overflow:hidden;
}
blockquote cite{
	display:block;
	font-style:italic;
	font-size:12px;
	line-height:14px;
}
blockquote cite strong{
	display:block;
	font-weight:bold;
	line-height:14px;
}
.cite-col .box .btn-more{
	position:absolute;
	right:10px;
	bottom:10px;
	width:132px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-more.png) no-repeat -340px 0;
}
#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:183px;
	background:url(../images/bg-header2.jpg) no-repeat 50% 0;
	z-index:100;
}
.logo{
	float:left;
	display:inline;
	width:345px;
	height:45px;
	margin:46px 0 0 29px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo.png) no-repeat;
}
.logo a{
	display:block;
	height:100%;
}
#header .block{
	float:right;
	width:267px;
	margin:30px 0 0;
	font-size:15px;
	line-height:32px;
	color:#fefeff;
}
#header .block span{float:left;}
#header .block #chat{ padding-left:30px;}
.social-list{
	float:left;
	padding:0 0 0 10px;
}
.social-list li{
	float:left;
	margin:0 6px 0 0;
}
.ico-rss,
.ico-twitter,
.ico-facebook,
.ico-plus1{
	display:block;
	width:32px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/ico-social.png) no-repeat;
}
.ico-plus1{ background:url(../images/gplus-32.png) no-repeat 0 0;}
.ico-twitter{background-position:-38px 0;}
.ico-facebook{background-position:-76px 0;}
#header .block .row{padding:0 0 5px;}
#header .phone{
	float:left;
	padding:0 0 0 8px;
	font-weight:normal;
	font-size:20px;
}
.nav-block{
	float:left;
	display:inline;
	width:940px;
	margin:33px 0 0 17px;
}
#nav{
	float:left;
	width:710px;
}
#nav li{
	position:relative;
	float:left;
	display:inline;
	margin:0 0 0 20px;
}
#nav a{
	float:left;
	font-size:15px;
}
.nav-home,
.nav-services,
.nav-work,
.nav-about,
.nav-contact,
.nav-blog{
	display:block;
	width:81px;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-nav.png) no-repeat;
}
.nav-services{
	width:110px;
	background-position:-102px 0;
}
.nav-work{
	width:105px;
	background-position:-233px 0;
}
.nav-about{
	width:101px;
	background-position:-359px 0;
}
.nav-contact{
	width:121px;
	background-position:-480px 0;
}
.nav-blog{
	width:69px;
	background-position:-621px 0;
}
.one .nav-home,
li:hover .nav-home,
li.hover .nav-home{background-position:0 -41px;}
.two .nav-services{background:url(../images/btn-services.png) no-repeat;}
li:hover .nav-services,
li.hover .nav-services{background:url(../images/btn-nav.png) no-repeat -102px -41px;}
.three .nav-work,
li:hover .nav-work,
li.hover .nav-work{background-position:-233px -41px;}
.four .nav-about,
li:hover .nav-about,
li.hover .nav-about{background-position:-359px -41px;}
.five .nav-contact,
li:hover .nav-contact,
li.hover .nav-contact{background-position:-480px -41px;}
#six .nav-blog,
li:hover .nav-blog,
li.hover .nav-blog{background-position:-621px -41px;}
#nav .drop{
	display:none;
	position:absolute;
	left:0;
	top:35px;
	width:190px;
	z-index:110;
}
#nav li:hover .drop,
#nav li.hover .drop{display:block;}
#nav .drop .t,
#nav .drop .b{
	width:190px;
	height:5px;
	overflow:hidden;
	background:url(../images/bg-nav-t.png) no-repeat;
}
#nav .drop .b{background:url(../images/bg-nav-b.png) no-repeat;}
#nav .drop .c{
	width:190px;
	overflow:hidden;
	background:#64514a;
}
#nav .drop ul{
	width:174px;
	overflow:hidden;
	margin:0 8px;
	font-size:18px;
	line-height:20px;
}
#nav .drop ul li{
	float:none;
	display:block;
	width:174px;
	margin:0;
	border-top:1px solid #453836;
}
#nav .drop ul a{
	float:none;
	display:block;
	width:150px;
	padding:8px 0 2px 24px;
	font-size:18px;
	color:#fff;
	background:url(../images/bullet1.gif) no-repeat 4px 12px;
	border-top:1px solid #816b63;
}
#nav .drop ul li:first-child,
#nav .drop ul li:first-child a,
#nav .drop ul li.first-child,
#nav .drop ul li.first-child a{border:none;}
#nav .drop ul a:hover{
	text-decoration:none;
	background:url(../images/bullet2.gif) no-repeat 4px 50%;
}
.text-drop1,
.text-drop2,
.text-drop3,
.text-drop4,
.text-drop5,
.text-drop6{
	display:block;
	height:19px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/text-drop-services.gif) no-repeat;
	cursor:pointer;
}
.text-drop2{background-position:0 -20px;}
.text-drop3{background-position:0 -40px;}
.text-drop4{background-position:0 -60px;}
.text-drop5{background-position:0 -80px;}
.text-drop6{background-position:0 -100px;}
.btn-quote{
	float:left;
	display:inline;
	width:174px;
	height:30px;
	margin:3px 0 0 18px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-quote2.png) no-repeat;
}
#main .btn-quote {
	float:right;
	display:inline;
	width:99px;
	height:24px;
	margin:0 0 0 5px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/getQuote.gif) no-repeat 0 0;
}
.btn-search{
	float:left;
	display:inline;
	width:34px;
	height:34px;
	margin:1px 0 0 10px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-search2.png) no-repeat;
}
#footer {
	position:relative;
	width:100%;
	min-height:210px;
	margin-top:-240px;
	padding:30px 0 0;
	color:#fff;
	background:#1b110f url(../images/bg-footer.gif) repeat-x;
}
* html{height:210px;}
.inner{
	width:960px;
	margin:0 auto;
}
.btn-up{
	position:relative;
	float:right;
	display:inline;
	margin:-40px 23px 0 0;
	width:33px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-up.gif) no-repeat;
}
#footer .col1{
	float:left;
	display:inline;
	width:200px;
	margin:0 0 0 55px;
}
#footer .col2{
	float:left;
	display:inline;
	width:326px;
	margin:0 0 0 50px;
}
#footer .col3{
	float:right;
	display:inline;
	width:260px;
	margin:0 20px 0 0;
}
#footer h2{
	margin:0 0 8px;
	font-size:20px;
	line-height:27px;
	color:#604d46;
}
#footer .heading{
	width:100%;
	overflow:hidden;
}
#footer .heading h2{
	float:left;
	padding:0 5px 0 0;
}
/*#footer .heading span{
	float:left;
	padding:2px 0 0;
	font-style:italic;
	font-size:11px;
	line-height:27px;
	color:#fff;
}*/
.links-list{
	margin:0 0 8px;
	font-size:16px;
	line-height:18px;
}
.links-list li{
	width:100%;
	padding:3px 0 4px;
}
.links-list a{color:#fff;}
.links-list a:hover{text-decoration:none;}
#twitter_update_list{
	overflow:hidden;
	width:302px;
	height:102px;
	padding:10px 12px;
	line-height:20px;
	background:url(../images/bg-twitter-box.png) no-repeat;
}
#twitter_update_list li { padding-bottom:10px;}
#twitter_update_list span{ line-height:15px !important; font-size:11px;}
#twitter_update_list a{color:#fff; font-style:italic;}
#twitter_update_list span a{color:#F36902; font-style:normal;}
#footer .btn-quote{
	float:none;
	display:block;
	width:133px;
	height:30px;
	margin:0;
	background:url(../images/btn-quote.png) no-repeat;
}
.copyright{
	display:block;
	/*width:100%;
	margin:-5px 0 0;*/
	padding-top:10px;
	padding-right:20px;
	font-size:11px;
	line-height:13px;
	text-align:center;
}
.copyright a{color:#fff;}
.search-box{
	display:none;
	position:absolute;
	top:0;
	left:330px;
	width:313px;
	height:97px;
	z-index:500;
}
.search-form{
	overflow:hidden;
	width:289px;
	height:77px;
	padding:10px 12px;
	background:url(../images/bg-search-box.png) no-repeat;
}
.search-box .heading{
	position:relative;
	width:100%;
	overflow:hidden;
	margin:0 0 12px;
	padding:0 0 3px;
	border-bottom:1px solid #453836;
}
.search-box h2{
	float:left;
	width:260px;
	padding:0 5px 0 0;
	font-size:22px;
	line-height:24px;
	color:#fff;
}
.btn-close{
	float:right;
	width:22px;
	height:22px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-close.png) no-repeat;
}
.search-form .field{
	position:relative;
	float:left;
	width:194px;
	height:33px;
	background:url(../images/bg-field.png) no-repeat;
}
.search-form .field input{
	float:left;
	width:184px;
	margin:0;
	padding:8px 5px;
	font-size:15px;
	line-height:17px;
	background:none;
	border:0;
}
.search-form .submit{
	position:relative;
	float:right;
	width:74px;
	height:34px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	background:url(../images/btn-search.png) no-repeat;
	border:0;
	cursor:pointer;
}
/* portfolio.html */
.featured-item{
	width:100%;
	overflow:hidden;
	margin:16px 0 40px;
}
.featured-item .col1{
	float:left;
	width:250px;
	padding:8px 0 0 5px;
	text-align:center;
}
.featured-item .col1 .heading{
	margin:0 0 20px;
	text-align:left;
}
.featured-item .col1 .heading h1, .testimonialBlock h4{
	margin:0 0 -3px;
	font-size:40px;
	line-height:42px;
	color:#332927;
}
.featured-item .col1 .heading strong, .testimonialBlock h4 strong{
	display:block;
	font-size:35px;
	line-height:37px;
	color:#f26801;
}
.featured-item .col2{
	float:right;
	width:645px;
	padding:0 5px 0 0;
}
.featured-item .col2 .visual{
	float:left;
	margin:0 -72px 0 0;
}
* html .featured-item .col2 .visual{margin-right:-76px;}
.featured-item .col2 .visual img{display:block;}
.featured-item .col2 .text-holder{
	position:relative;
	height:1%;
	overflow:hidden;
	padding:153px 0 0;
	line-height:21px;
}
.featured-item .col2 .text-holder h2{
	margin:0 0 2px;
	font-size:19px;
	line-height:27px;
	color:#322826;
}
.featured-item .col2 .text-holder p{margin:0 0 15px;}
.featured-item .col2 .btn-more{
	display:block;
	width:139px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-website.png) no-repeat;
}
.portfolio-block{
	width:100%;
	overflow:hidden;
}
.portfolio-block h2{
	margin:0 0 -10px;
	padding:0 0 28px;
	font-size:29px;
	line-height:32px;
	text-align:center;
	color:#332927;
	background:url(../images/bg-shaddow1.png) no-repeat 50% 100%;
}
.portfolio-block ul.box{
	width:915px;
	padding:0 0 22px;
	color:#525252;
}
.portfolio-block ul.box li{
	display:inline-block;
	vertical-align:top;
	width:259px;
	margin:15px 11px 15px 15px;
	padding:8px 8px 16px;
	background:#e9e9e9;
}
* html .portfolio-block ul.box li{
	display:inline;
	margin:15px;
}
*+html .portfolio-block ul.box li{
	display:inline;
	margin:15px;
}
.portfolio-block ul.box li .visual{
	vertical-align:top;
	width:237px;
	height:205px;
	margin:0 0 8px;
	padding:11px;
	background:url(../images/bg-visual.png) no-repeat;
}
.portfolio-block ul.box li .visual img{display:block;}
/*.portfolio-block ul .btn-more,
.portfolio-block ul .btn-screenshot{
	float:right;
	width:99px;
	height:24px;
	margin:10px 0 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-more.png) no-repeat -240px 0;
}
.portfolio-block ul .btn-screenshot{
	width:117px;
	background-position:-480px 0;
}*/
.portfolio-block ul li span a, .text-holder span a, .portfolio-block ul li span.comingsoon, .text-holder span.comingsoon {
	float:right;
	width:30px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
}
.text-holder span a{
	float:left;
	}	
.portfolio-block ul li span a.btn-website, .text-holder span a.btn-website{
	background:url(../images/view-website.gif) no-repeat 0 0;
}
.portfolio-block ul li span a.btn-screenshot, .text-holder span a.btn-screenshot{
	background:url(../images/view-screenshot.gif) no-repeat 0 0;
}
.portfolio-block ul li span a.btn-testimonial, .text-holder span a.btn-testimonial{
	background:url(../images/view-testimonial.gif) no-repeat 0 0;
}
.portfolio-block ul li span.comingsoon, .text-holder span.comingsoon{
	background:url(../images/coming-soon-icon.gif) no-repeat 0 0;
}
.portfolio-block ul li span a:hover, .text-holder span a:hover, .text-holder span.comingsoon:hover, .portfolio-block ul li span.comingsoon:hover{
	background-position:0 -30px;
}
.portfolio-block ul .text-holder{
	height:1%;
	overflow:hidden;
	padding:0 4px;
}
.portfolio-block ul h3{
	font-size:15px;
	line-height:17px;
	 padding-bottom: 4px;
}
ul.gallerynav {
    overflow: hidden;
    width: 675px;
	margin:10px 20px;
	padding-left:270px;
}
ul.gallerynav li {
    color: #8B8A88;
    float: left;
    font-size: 1.1em;
    line-height: 1.3em;
    margin-right: 5px;
	padding:2px 5px;
}
ul.gallerynav li.selected-0 a, ul.gallerynav li.selected-1 a,ul.gallerynav li.selected-2 a,ul.gallerynav li.selected-3 a,ul.gallerynav li.selected-4 a,ul.gallerynav li.selected-5 a,ul.gallerynav li.selected-6 a {
	text-decoration:underline !important;
}
ul.gallerynav li a:hover { text-decoration:none;}
.phone-block{
	width:100%;
	overflow:hidden;
	text-align:center;
}
.phone-block .item{
	display:block;
	width:100%;
	font-size:19px;
	line-height:27px;
	color:#604d46;
	background:url(../images/separator.png) no-repeat 50% 50%;
}
.phone-block .phone{
	font-size:38px;
	line-height:42px;
	color:#332927;
}
.phone-block .btn-contact{
	display:block;
	width:216px;
	height:30px;
	margin:5px auto 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-contact.png) no-repeat;
}
/* about.html */
.type2{
	padding:25px 0 41px;
	line-height:21px;
}
.type2 #content{
	float:left;
	width:467px;
	padding:0 0 0 2px;
}
#main .heading{
	margin:0 0 10px 2px;
	text-align:left;
}
#main .heading h1,
#main .heading h2{
	margin:0 0 -3px;
	padding:0;
	font-size:40px;
	line-height:42px;
	color:#332927;
	background:none;
}
* html #main .heading h1{margin-bottom:-4px;}
*+html #main .heading h1{margin-bottom:-4px;}
#main .heading strong{
	display:block;
	font-size:35px;
	line-height:37px;
	color:#f26801;
}
* html #main .heading strong{margin-bottom:-4px;}
*+html #main .heading strong{margin-bottom:-4px;}
.type2 #content .box{
	height:292px;
	overflow:hidden;
	margin:0 0 20px;
	padding:14px 15px 14px 18px;
	background:#fff;
    border:1px solid #ddd;
}
.type2 p{margin:0 0 21px;}
.type2 h2{
	margin:0 0 -6px;
	padding:0 0 26px;
    font-size:19px;
    line-height:27px;
	color:#f26801 !important;
	background:url(../images/bg-shaddow3.png) no-repeat 50% 100%;
}
.testimonial-list{padding:3px 0;}
.testimonial-list li{
	width:437px;
	height:63px;
	overflow:hidden;
	margin:0 0 6px -1px;
	padding:7px 10px 6px 21px;
	background:url(../images/bg-box3.png) no-repeat;
}
.type2 #sidebar{
	float:right;
	width:400px;
	padding: 0 10px 0 0;
}
.benefits-block{padding:0 0 18px;}
.benefits-block h2,
.contact-block h2{
	margin:0;
	padding:6px 0 14px;
	font-size:30px;
	line-height:35px;
	color:#332927 !important;
	background:none;
}
.benefits-block strong{
	display:block;
	font-weight:bold;
	font-size:15px;
	line-height:21px;
	color:#7e6a62;
}
.benefits-block p{
	margin:0;
	padding:0 0 6px;
}
.benefits-block ul li{
	min-height:60px;
	padding-bottom:20px;
	text-align:justify;
}
* html .benefits-block ul li{height:60px;}
.ico-01,
.ico-02,
.ico-03,
.ico-04,
.ico-05,
.ico-06,
.ico-07,
.ico-08,
.ico-09,
.ico-10,
.ico-11,
.ico-12,
.ico-13,
.ico-14,
.ico-15{
	min-height:60px;
	padding-left:53px;
	background:url(../images/icons.png) no-repeat -658px 3px;
}
.ico-02{background-position:-611px -57px}
.ico-03{background-position:-564px -106px}
.ico-04{background-position:-517px -152px}
.ico-05{background-position:-468px -197px}
.ico-06{background-position:-423px -240px}
.ico-07{background-position:-376px -278px}
.ico-08{background-position:-329px -320px}
.ico-09{background-position:-282px -360px}
.ico-10{background-position:-235px -402px}
.ico-11{background-position:-188px -449px}
.ico-12{background-position:-141px -500px}
.ico-13{background-position:-95px -548px}
.ico-14{background-position:-48px -600px}
.ico-15{background-position:-3px -648px}
.type2 #sidebar .block{
	font-size:11px;
	line-height:14px;
}
.type2 #sidebar .block .visual{
	float:left;
	margin:0 10px 0 0;
	padding:6px;
	background:#fff;
	border:1px solid #e4e4e4;
}
.type2 #sidebar .block .visual img{display:block;}
.type2 #sidebar .block .text-holder{
	height:76px;
	overflow:hidden;
	padding:3px;
	text-align:justify;
}
.type2 #sidebar .block p{
	margin:0;
	padding:0 0 6px;
}
/*quote form*/
.quote {
	width: 544px;
}
.quote #theBox {
    min-height: 550px;
    padding:30px 35px 0;
    width: 474px;
}
#step-1,#step-2,#step-3,#step-4,#step-5,#step-6 {
	display: none;
}
.quote #theBox ul {
    padding: 10px 24px 0 0;
}
.quote #theBox ul li {
    display: inline;
    float: left;
}
.quote #theBox ul li:last-child {
    float: right;
}
.quote #theBox ul li.last {
    float: right;
}
.quote #theBox div#step-1 ol {
    background:url(../images/progress-1.gif) no-repeat 0 -5px;
}
.quote #theBox div#step-2 ol {
    background:url(../images/progress-2.gif) no-repeat 0 -5px;
}
.quote #theBox div#step-3 ol {
    background:url(../images/progress-3.gif) no-repeat 0 -5px;
}
.quote #theBox div#step-4 ol {
    background:url(../images/progress-4.gif) no-repeat 0 -5px;
}
.quote #theBox div#step-5 ol {
    background:url(../images/progress-5.gif) no-repeat 0 -5px;
}
.quote #theBox ol li {
	background:url(../images/stage.png) no-repeat 0 0;
    display: inline;
    margin: 0 0 0 65px;
    padding:8px 11px 9px;
}
.quote #theBox h2 {
    font-size: 2em;
    margin: 42px 0 20px;
	color:#332927;
}
.quote #theBox h3 { color:#332927; font-size:1.3em; padding:0 0 15px 0;}
.quote #theBox ol li.active {
    background:url(../images/stage-active.png) no-repeat 0 0;
}
.quote #theBox ol li.active {
    color: #FFFFFF;
}
.quote #theBox ol li:first-child {
    margin: 0 0 0 20px;
}
.quote #theBox dl {
    float: left;
    width: 50%;
}
.quote #theBox dl dt {
    display: inline;
}
.quote #theBox dl dd {
    display: inline;
}
.quote #theBox div#intro img {
    margin: 50px 0 0 100px;
}
.quote #theBox form fieldset label {
    color: #444444;
    display: none;
}
.quote #theBox form fieldset label.show {
    display: inline;
}
.quote #theBox form fieldset input {
    border: 1px solid #DBDBDB;
    color: #444444;
    margin: 0 20px 25px 0;
    padding: 6px 4px;
    width: 204px;
}
.quote #theBox form fieldset input[type="checkbox"] {
    border: 0 none;
    margin: 0 8px 25px 0;
    padding: 0;
    width: auto;
}
.quote #theBox form fieldset input[type="image"] {
    border: 0 none;
    margin: 0;
    padding: 0;
    width: auto;
}
.quote #theBox form fieldset textarea {
    border: 1px solid #DBDBDB;
    clear: both;
    color: #444444;
    margin: 0 0 25px;
    padding: 6px 4px;
    width: 438px;
}
.quote #theBox form fieldset select {
    color: #444444;
    margin: 0 0 25px 12px;
}
.quote #footerCopy {
    border-top: 1px solid #E6E6E6;
    clear: both;
    color: #858585;
    display: block;
    padding: 5px 35px;
}
.quote #footerCopy p{
	font-size: 0.8em;
    line-height: 15px;
}
.quote p {line-height: 21px;}
/* contactus.html */
.feedback-form{
	margin:16px 2px 0 -2px;
	padding:24px 27px 27px 31px;
	font-size:12px;
	background:#fff;
	border:1px solid #ddd;
}
.feedback-form .row{padding:0 0 27px;}
.feedback-form .description{
	float:left;
	width:130px;
	font-size:11px;
	line-height:14px;
}
.feedback-form .description strong{
	display:block;
	font-weight:bold;
	font-size:15px;
	line-height:21px;
	color:#332927;
}
.feedback-form .field{
	float:right;
	width:273px;
}
.feedback-form .field select{
	display:block;
	width:100%;
	font-size:13px;
	padding:7px 12px;
}
.feedback-form input{
	display:block;
	width:246px;
	margin:0;
	padding:7px 12px; 
	font-size:13px;
	line-height:15px;
	background:#fff;
	border:1px solid #ddd;
}
.feedback-form label{
	display:block;
	font-weight:bold;
	font-size:15px;
	line-height:21px;
	color:#332927;
}
.feedback-form .field-holder{
	width:270px;
	border:1px solid #ddd;
}
.feedback-form textarea{
	display:block;
	width:263px;
	height:95px;
	min-width:260px;
	max-width:260px;
	overflow:auto;
	margin:0;
	padding:5px 0 0 5px;
	font-size:13px;
	line-height:15px;
	background:#fff;
	border:0;
}
.feedback-form .submit-row{
	width:100%;
	overflow:hidden;
}
.feedback-form .question{
	float:left;
	width:120px;
	padding:8px 6px 7px 12px;
	font-weight:normal;
	font-size:13px;
	line-height:15px;
	background:#fff;
	border:1px solid #ddd;
}
.feedback-form .submit{
	float:right;
	width:99px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	background:url(../images/btn-submit.png) no-repeat;
	border:0;
	cursor:pointer;
}
.contact-block{
	font-size:14px;
	line-height:21px;
}
.contact-block h2{padding:10px 0 30px;}
.contact-block strong{
	display:block;
	padding:0 0 3px;
	font-weight:bold;
	color:#332927;
}
.contact-block .row{padding:6px 0 17px;}
.contact-block .col1{
	float:left;
	width:165px;
}
.contact-block .col2{
	float:right;
	width:96px;
}
.contact-block address{font-style:normal;}
.ico-skype,
#main .ico-facebook,
#main .ico-twitter{
	display:block;
	width:92px;
	height:42px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/ico-contact.png) no-repeat 0 -50px;
}
#main .ico-facebook{
	width:122px;
	height:39px;
	background-position:0 0;
}
#main .ico-twitter{
	width:65px;
	height:46px;
	margin: -4px 0 0;
	background-position:0 -100px;
}

/* services.html */
.services-block{
	padding:24px 0;
	font-size:13px;
	line-height:21px;
}
.services-block .devider{
	margin: 0 0 9px;
	padding:0 0 46px;
	background:url(../images/bg-shaddow4.png) no-repeat 50% 100%;
}
.services-block .col1{
	float:left;
	width:380px;
	padding:0 3px 0 8px;
	text-align:justify;
}
.services-block .col1 p{
		padding-bottom:15px;}
#main .services-block .heading{margin-left:-4px;}
.services-block .visual{
	width:367px;
	height:157px;
	margin:10px -3px 13px -8px;
	padding:10px;
	background:url(../images/bg-visual2.png) no-repeat;
}
.services-block .visual img{display:block;}
.services-block .col2{
	float:right;
	width:443px;
	padding:36px 9px 0 0;
}
.services-block .benefits-block ul li{padding-bottom:15px;}
/*.services-block .benefits-block ul strong{font-size:15px;}*/
.btn-row{
	width:100%;
	overflow:hidden;
	margin:-4px 0 0;
}
.btn-enquiry,
.btn-portfolio2,
.btn-logo{
	float:right;
	display:inline;
	width:109px;
	height:24px;
	margin:0 0 0 5px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-more.png) no-repeat -603px 0;
}
.btn-portfolio2{
	width:164px;
	background-position:-715px 0;
}
.btn-logo{
	width:145px;
	background-position:-884px 0;
}
.testimonialBlock { width:600px;}
.testimonialBlock p { font-size:1.1em; line-height:22px; padding:0 15px; text-align:justify;}
.testimonialBlock p.byWhom {padding-top:10px; font-size:1.1em; font-weight:bold; font-style:italic;}

.error-block{
	width:100%;
	overflow:hidden;
	height:300px;
	min-height:300px;
	text-align:center;
}
.error-block p{
	line-height:22px;
}
.heading#error {
	text-align:center;
	margin: 20px 0 10px 2px;
}