body{
	margin:0;
	color:#454545;
	font:14px Arial, Helvetica, sans-serif;
	background:#fff url(images/bg-body.png) repeat-x 50% 0;
	min-width:1000px;
	position:relative;
}
img{border-style:none;}
h1
{
    background: url("images/bg-heading.gif") repeat-x scroll 0 100% transparent;
    color: #454545;
    font-size: 20px;
    font-weight: bold;
    padding: 15px;
    line-height: 22px;
    margin: 0 0 17px;
    padding: 0 0 20px 0;
}
a{
	text-decoration:none;
	color:#DE061C;
	outline: none;
}
a:hover{text-decoration:underline;}
input, textarea, select {
	font:100% arial,sans-serif;
	vertical-align:middle;
	color:#000;
	outline:none;
	resize: none;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper{
	width:974px;
	margin: 0 auto 48px;
	position:relative;
	z-index:8;
	overflow: hidden;
}
#header{padding:13px 0 0;}
.header-holder{height:1%;}
.header-holder:after, .navbar:after{
	clear:both;
	display:block;
	content:"";
}
.logo {
	margin:-10px 0 0 -37px;
	overflow:hidden;
	text-indent:-9999px;
	float:left;
	width:205px;
	height:114px;
	background:url(images/logo.gif) no-repeat;
	display:inline;
	padding:20px 0 0 35px;
}
.logo a {
	display:block;
	width:198px;
	height:78px;
}
#header .slogan{
	height:52px;
	width:419px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/text.gif) no-repeat;
	float:left;
	margin: 35px 0 0 47px;
}
.header-container{
	float:right;
	margin: 0 0 0 -110px;
	width: 400px;
}
.add-nav{
	margin:0 0 7px;
	padding:0;
	list-style:none;
	float:right;
	text-transform:uppercase;
	font-weight:bold;
	line-height:20px;
	white-space:nowrap;
}
.add-nav li{
	float:left;
	padding-left:18px;
}
.add-nav li a{
	float:left;
	color:#454545;
	padding-left:22px;
	background:url(images/ico.gif) no-repeat 0 6px;
}
.add-nav .login a{background-position:0 -20px;}
.add-nav .quote a{background-position:0 -47px;}
.add-nav .register a{background:url(images/register.png) no-repeat;}
#header .phone{
	float:right;
	font:bold 29px/31px Helvetica, Arial, sans-serif;
	padding-left:15px;
	background:url(images/ico.gif) no-repeat 0 -91px;
	clear:both;
	white-space:nowrap;
}
.navbar{
	height:1%;
	background:url(images/bg-navbar.gif) no-repeat;
	padding: 9px 10px 3px;
}
#nav,
.project-nav ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	font-size:14px;
	line-height:26px;
	text-transform:uppercase;
}

#nav span{
    padding-right:6px;    
    color:Red;
}
#nav li,
.project-nav ul li{
	float:left;
	cursor:pointer;
	margin-right:6px;
	padding: 0 !important;
}
#nav li.dropdown{
    background:url(images/arrow1.gif) no-repeat 100% 11px;
}
#nav a,
.project-nav a{
	float:left;
    padding: 0 8px;
    color:#454545;
}

#nav li:hover, #nav li.active {
	text-decoration:none;
	background:url(images/bg-nav-l.gif) no-repeat;
	color:#fff;
}
.project-nav li:hover, .project-nav li.active {
	text-decoration:none;
	background:url(images/bg-nav-pl.png) no-repeat;
	color:#fff;
}
#nav a:hover, #nav .active a {
	text-decoration:none;
	background:url(images/bg-nav-r.gif) no-repeat 100% 0;
	color:#fff;
}
.project-nav a:hover, .project-nav .active a {
	text-decoration:none;
	background:url(images/bg-nav-pr.png) no-repeat 100% 0;
	color:#fff;
}
#header .live-chat{
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	width:150px;
	height:65px;
	background:url(images/text.gif) no-repeat 0 -62px;
	margin:-36px 0 0;
	position:relative;
	cursor:pointer;
	position:static;
}
#main{
	padding: 15px 0;
	overflow:hidden;
	height:1%;
}
.tab-holder{
	width:978px;
	overflow:hidden;
	margin:0 -4px 30px 0;
	position:relative;
	height: 364px;
}
.tabset{
	margin:0 0 -4px;
	padding:0;
	list-style:none;
	float:left;
	width:257px;
	text-transform:uppercase;
	font-weight:bold;
	font:bold 17px/17px Arial, Helvetica, sans-serif;
	overflow:hidden;
	display: none; /* Hidden for new tab design */
}
.tabset a{
    cursor: pointer;
	float:left;
	color:#777;
	height: 1%;
	padding: 16px 16px 40px;
	background:#eee url(images/bg-tabset.gif) no-repeat 0 100%;
	border-bottom:2px solid #fff;
	position:relative;
	z-index:2;
	width:218px;
}
.tabset a.active,
.tabset a.active:hover{
	text-decoration:none;
	background:url(images/bg-tabset-h.png) no-repeat 0 100%;
	color:#fff;
	border:none;
	padding: 16px 26px 48px 16px;
	margin-bottom:-6px;
	z-index:4;
}
.tabset a:hover{
    background: #777 url(images/bg-tabset-a.gif) no-repeat 0 100%;
    color: #eee;
    text-decoration: none;
}
.tab-content{
	/*float:left;
	width:714px;*/
	position:relative;
	/*margin-left:-7px; - Taken out for new tab design*/
	z-index:1;
}
.tab-content img{display:block;}
.dn{display:none;}
#slider-holder{position: relative; background-color: #292728;}
#paging
{
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1001;
}
#paging a
{
    background: url(images/pager-bg.png) no-repeat;
    display: block;
    height: 12px;
    width: 12px;
    text-indent: -9999px;
    outline: 0;
    float: left;
    margin-right: 5px;
}
#paging a.activeSlide
{
    background: url(images/pager-bg-a.png) no-repeat;
}
.tab-content .link-holder{
	position:absolute;
	bottom:44px;
	left:30px;
	font-weight:bold;
	line-height:17px;
	margin:0;
	padding:0;
	list-style:none;
}
.tab-content .link-holder a{
	color:#fff;
	padding-left:16px;
	background:url(images/arrow2.png) no-repeat 0 2px;
	font-size: 14px;
}
.container{
	overflow:hidden;
	background:url(images/border-container-main.gif) repeat-x 0 100%;
	/*margin:0 -40px 30px 0;
	width: 994px;
	padding:0 0 34px 15px;*/
}
.container .side-block{
	float:left;
	width: 220px;
}
.container .block{
	margin:0;
	padding:0;
	list-style:none;
}
.container .block li,
.latest-block{
	float:left;
	margin:0 27px 0 24px;
	width: 204px;
}
.latest-block a
{
    font-size: 12px;
}
.container h2{
	margin:0 0 17px;
	color:#777;
	font-size:18px;
	line-height:22px;
	background:url(images/bg-heading.gif) repeat-x 0 100%;
	padding-bottom:20px;
}
.latest-work .side-block{
    margin-right: 15px;
}
.latest-slider{
    overflow: hidden;
    padding-left: 10px;
}
.latest-slider a,
.container .section a
{ 
    color: #b6b6b6;
}
.latest-slider ul{
    list-style: none;
    width: 4000px;
    padding: 0;
    margin: 0;
}
.latest-slider .first{
    margin-left: 0;
}
.latest-menu{
	margin:0;
	padding:0;
	list-style:none;
	font-size:14px;
	line-height:26px;
}
.latest-menu a{
	display:block;
	color:#afafaf;
	cursor: pointer;
	padding: 0 9px 0 22px;
}
.latest-menu a:hover,
.latest-menu a.active{
	text-decoration:none;
	color:#333;
	background:#efefef;
}
.latest-menu a.active{
    background-color: #2C292A;
    color: #eee;
    font-weight: bold;
}
.container .block img{
	display:block;
	margin:13px 0;
}
.container h3{
	margin:0 0 5px;
	text-transform:uppercase;
	font-size:14px;
}
.rely-heavily{
	display:block;
	width:230px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/text.gif) no-repeat 0 -140px;
	margin:0 0 -5px -15px;
	position:relative;
}
.side-block .text-holder strong{
	display:block;
	font-size:13px;
	line-height:20px;
}
.container .sign-up, .container .blog-heading, .container .twitter-heading{
	text-indent:-9999px;
	overflow:hidden;
	height:39px;
	width:95px;
	background:url(images/text.gif) no-repeat -159px -62px;
	display:block;
	margin-bottom: 8px;
}
.newsletter-li h2
{
    display: none;
}
.container .blog-heading {background-position:-286px -62px;}
.container .twitter-heading{
	position:relative;
	background:url(images/ico.gif) no-repeat 0 -128px;
}
.sign-form .box{
	background:#f0f0f0 url(images/bg-box-t.gif) no-repeat;
	margin:0 1px 5px 0;
}
.sign-form .holder{
	background:url(images/bg-box-b.gif) no-repeat 0 100%;
	padding: 14px 3px 16px 15px;
	overflow:hidden;
	height:1%;
}
.sign-form p{margin: 0 0 14px;}
.sign-form .text-bg{
	height:1%;
	background:url(images/btn.gif) no-repeat -97px 0;
	overflow:hidden;
	margin-bottom: 6px;
}
.sign-form .text{
	margin:0;
	padding:7px 10px;
	width:148px;
	border:none;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	outline:none;
	background:none;
	color:#454545;
	float:left;
}
.sign-form .submit{
	margin:0 1px 0 0;
	padding:0;
	float:right;
	cursor:pointer;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	border:none;
	background:url(images/btn.gif) no-repeat 0 -1px;
	width:81px;
	height:21px;
}
.container .blog-holder{
	overflow:hidden;
	height:1%;
	font-size:16px;
	line-height:17px;
	margin:0;
	padding:0;
	list-style:none;
}
.container .blog-holder li{
	background:url(images/border-blog.gif) repeat-x 0 100%;
	padding: 5px 0 18px;
	margin:1px 0 -1px;
}
.container .blog-holder li strong {
	display:block;
	margin-bottom:5px;
}
.container .blog-holder li strong a{color:#454545;}
.meta{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	height:1%;
	color:#ababab;
	font-size:10px;
	line-height:12px;
	text-transform:uppercase;
}
.container .meta li{
	float:left;
	background:url(images/separator1.gif) no-repeat 0 2px;
	padding:0 5px 0 3px;
	margin:0 1px 0 -1px;
	width:auto;
}
.date{
	color: #DE061C;
	font-weight: bold;
}
.commentNumber
{
	font-weight: bold;
	color: #525252;
	padding-left: 15px;
	background: url(images/comment.gif) no-repeat left center;
}
.commentNumber a
{
	color: #525252;
}
.container .meta .comments{
	padding-left:10px;
	background:url(images/ico.gif) no-repeat 0 -265px;
}

.social-box
{
    min-height: 330px;
}

.twitter-btn,
.twitter-btn-dark{
    display: inline-block;
    zoom: 1;
    *display: inline;
    height: 18px;
    cursor: pointer;
    padding-left: 36px;
}
.facebook-btn,
.facebook-btn-dark{
    display: inline-block;
    zoom: 1;
    *display: inline;
    height: 16px;
    margin-left: 5px;
    cursor: pointer;
    padding-left: 20px;
}
.twitter-btn{
    background: url(images/twitter.png) no-repeat left top;
    color: #454545;
}
.twitter-btn-dark{
    background: url(images/twitter.png) no-repeat left bottom;
    color: #b6b6b6;
}
.facebook-btn{
    background: url(images/facebook.png) no-repeat left top;
    color: #454545;
}
.facebook-btn-dark{
    background: url(images/facebook.png) no-repeat left bottom;
    color: #b6b6b6;
}
.facebook-btn:hover,
.facebook-btn-dark:hover,
.twitter-btn:hover,
.twitter-btn-dark:hover{
    text-decoration: none;
}
.tweet{
    width: 203px;
    margin: 0 auto;
}
.right .tweet{
    width: 245px;
    margin: 0 auto;
}
.right .tweet .tweet_list li 
{
    background: url("images/bg-twitter-box-t-245.gif") no-repeat #F0F0F0;
}

.right .tweet .tweet_list .holder
{
    background: url("images/bg-twitter-box-b-245.gif") 0 100% no-repeat transparent
}
.container .twitter-holder,
.container .tweet_list{
	overflow:hidden;
	height:1%;
	margin:0 0 7px;
	padding:0;
	list-style:none;
	font-size: 12px;
}
.container .twitter-holder li,
.container .tweet_list li{
	background:#f0f0f0 url(images/bg-twitter-box-t.gif) no-repeat;
	margin:1px 0 -1px;
}
.container .twitter-holder .holder,
.container .tweet_list .holder{
	background:url(images/bg-twitter-box-b.gif) no-repeat 0 100%;
	overflow:hidden;
	padding: 12px 5px 13px 10px;
	height:1%;
}
.container .twitter-holder img,
.container .tweet_list img{
	float:left;
	margin:0 10px 0 0;
}
.container .twitter-holder .text-holder{
	overflow:hidden;
	height:1%;
}
.container .twitter-holder p{margin:0;}
.container .twitter-holder a,
.container .tweet_list a
{
    color:#bf1a1a;
}
.container .twitter-holder .date{
	font:bold 10px/12px Arial, Helvetica, sans-serif;
	color:#aaa;
}
.container .item{
	overflow:hidden;
	height:1%;
	font:bold 10px/14px Arial, Helvetica, sans-serif;
	padding:0 2px;
}
.container .twitter-link{
	float:right;
	color:#454545;
	padding-left:17px;
	background:url(images/ico.gif) no-repeat 0 -189px;
	text-transform:uppercase;
}
.container .update-link{
	float:right;
	width:14px;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/ico.gif) no-repeat 0 -232px;
	margin:0 0 0 13px;
	cursor:pointer;
}
.side-block img{display:block;}
.container .blocks{
	float:left;
	width:755px;
	margin-right:-30px;
}
.container .would-describe{
	width:350px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/text.gif) no-repeat 33px -253px;
	margin-bottom:25px;
}
.container .link-sections{
	overflow:hidden;
	height:1%;
}
.container .section{
	float:left;
	padding:0 10px 0 25px;
}
.container .section ul{
	margin:0;
	padding:0;
	list-style:none;
	line-height:20px;
}
.container .section h3{margin-bottom:15px;}
.container .visual{
	margin:0 0 -32px -15px;
	display:block;
	position:relative;
}
.logo-holder{
	margin:0;
	list-style:none;
	padding: 20px 0 0;
}
.logo-holder li{
	float:left;
	padding:0 15px;
}
.logo-holder img{display:block;}
#footer{background:#2b2b2b url(images/bg-footer.gif) repeat-x;}
.footer-inner{
	margin: 0 auto;
	width: 974px;
	position:relative;
	color:#878787;
	padding-bottom:17px;
}
.copy{
	background:#fff;
	color:#878787;
}
.copy .holder{
	margin: 0 auto;
	width: 974px;
	padding:16px 0;
}
.copy p{margin:0;}
.live-chat{
	position:fixed;
	right:0;
	top:337px;
	width:45px;
	height:111px;
	z-index:11;
}
.live-chat a{
	background:url(images/btn-live-chat.png) no-repeat;
	cursor: pointer;
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -9999px;
}
#footer .live-chat{
	position:absolute;
	top:-2px;
	right:0;
	width:106px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/btn.gif) no-repeat 0 -43px;
	z-index:10;
	cursor: pointer;
}
.footer-holder{
	overflow:hidden;
	height:1%;
	padding:59px 0 48px;
	font-size: 12px;
}
#footer h4{
	margin:0 0 21px;
	font-size:14px;
	line-height:40px;
	color:#fff;
	background:url(images/border-footer-h4.gif) no-repeat 0 100%;
	text-transform:uppercase;
	padding:6px 0 0;
}
.footer-container{
	float:left;
	width:669px;
}
.footer-blocks{
	overflow:hidden;
	height:1%;
	margin-bottom:40px;
}
.footer-blocks .block{
	float:left;
	margin-right: 29px;
	width: 136px;
}
.footer-blocks ul a{color:#fff;}
#footer .footer-logo{
	text-indent:-9999px;
	overflow:hidden;
	height:46px;
	background:url(images/footer-logo.gif) no-repeat;
	padding:0;
}
.footer-logo a{
	display:block;
	height:1%;
}
.footer-blocks ul{
	margin:0;
	padding:0;
	list-style:none;
	line-height:18px;
}
.activity-block{
	overflow:hidden;
	height:1%;
}
.footer-section{
	overflow:hidden;
	height:1%;
	position:relative;
}
.footer-section .phone{
	background: url("images/ico.gif") no-repeat scroll 0 -290px transparent;
	display:block;
	font: bold 26px/31px Helvetica,Arial,sans-serif;
	padding:0 0 9px 16px;
	color:#fff;
}
.footer-nav{
	margin:0 0 18px;
	padding:0;
	list-style:none;
	overflow:hidden;
	height:1%;
	text-transform:uppercase;
	font-weight:bold;
	line-height:20px;
}
.footer-nav li{
	float:left;
	padding-right:19px;
}
.footer-nav li a{
	float:left;
	color:#f6f6f6;
	padding-left:20px;
	background:url(images/ico.gif) no-repeat 0 -329px;
}
.footer-nav .quote a{background-position:0 -374px;}
.footer-nav .contact a{background-position:0 -423px;}
.email-form{margin-bottom:14px;}
.email-form{
	background:url(images/btn.gif) no-repeat 0 -103px;
	width:291px;
	display:block;
	overflow:hidden;
	padding: 7px 8px 6px 10px;
}
.email-form .text{
	float:left;
	width:190px;
	padding: 3px 0;
	margin:0;
	background:none;
	color:#666;
	font-size:14px;
	line-height:16px;
	border:none;
}
.email-form .submit{
	text-indent:-9999px;
	overflow:hidden;
	height:24px;
	width:82px;
	float:right;
	background:url(images/btn.gif) no-repeat -219px -110px;
	border:none;
	cursor:pointer;
	line-height:0;
	font-size:0;
}
.social-networks{
	margin:0;
	padding:0;
	list-style:none;
	line-height:23px;
}
.social-networks li{
	overflow:hidden;
	height:1%;
}
.social-networks a{
	color:#fff;
	float:left;
	padding-left:27px;
	background:url(images/ico.gif) no-repeat 0 -456px;
}
.social-networks .facebook a{background-position:0 -480px;}
.your-inbox{
	position:absolute;
	right:138px;
	top:31px;
	width:189px;
	height:75px;
	background:url(images/text.gif) no-repeat 0 -300px;
	text-indent:-9999px;
	overflow:hidden;
}
.section-holder{
	margin:0;
	padding:0;
	list-style:none;
	font-size:14px;
	line-height:16px;
	color:#fff;
}
.section-holder li{
	padding: 0 0 0 23px;
	background:url(images/ico.gif) no-repeat -40px -558px;
}
.section-holder .twit-section{background-position:-21px -632px;}
.section-holder .blog-section{background-position:0 -693px;}
.footer-inner p{margin:0 0 5px;}
.activity-block .section-holder a{
	color:#fff;
	font-weight:bold;
}
.activity-block .meta{color:#888;}
.activity-block .meta li{
	background:url(images/separator2.gif) no-repeat 0 1px;
	padding:0 3px;
	float:left;
	margin:0 1px 0 -1px;
}
.activity-block .meta a{
	color:#888;
	text-decoration:underline;
}
.activity-block .meta a:hover{text-decoration:none;}

/***************************************************
**** KN CSS starts here
***************************************************/
.bold{font-weight:bold;}
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.italic{font-style:italic;}
/***** Registration Form *****/
.registration fieldset
{
    padding: 0 20px 20px;
    margin-bottom: 20px;
    border: 1px solid #e5e5e5;
    width: 50%;
}

.registration legend
{
    color: #BF1A1A;
    font-weight: bold;
}

.registration .editor-label
{
    height: 1%;
    overflow: hidden;
    margin-bottom: 10px;
}

.registration label
{
    clear: left;
    display: block;
    float: left;
    width: 150px;
}

.registration input[type=text],
.registration input[type=password]
{
    float: left;
    width: 225px;
}

.register-btn
{
    border: 0;
    background: url(images/register-btn.png) no-repeat;
    width: 74px;
    display: block;
    height: 21px;
    text-indent: -9999px;
    cursor: pointer;
}

.videoPlaceholder
{
    float: right;
    height: 300px;
    width: 400px;
    background-color: Gray;
}

.carbon-copy
{
    text-align: right;
    padding-right: 20px;
}

#howWeDoIt .left li
{
    color: #7A7A7A;
}

#geek-fact
{
    margin: 20px 0;
    padding-left: 50px;
    background: url(images/icon37.png) no-repeat left center;
}

#error-page
{
    background: url(images/404-bg.png) no-repeat center bottom;
    min-height: 450px;
}

#error-page p
{
    font-size: 14px;
}

.left h3 a,
#recentwork h4 a
{
    color: #454545;
}

.left h3 a:hover,
#recentwork h4 a:hover
{
    text-decoration: none;
}

.project-wrap
{
    overflow: hidden;
}

.project-wrap h3,
#howWeDoIt .text h3
{
    position: static !important;
}

.project-wrap .project-carousel
{
    width: 4935px;
    height: 1%;
    overflow: hidden;
}


/* RSS Feed
-------------*/
.rssFeed .rssHeader {
    display:none;    
}
.rssFeed .rssBody ul, .rssFeed .rssBody li{
   padding:0;
}
.rssFeed .rssBody ul li {
    list-style:none;
border-bottom:1px dotted #E1E1E1;
}

.rssFeed .rssBody ul li div
{
    color: #ababab;
    font-size: 12px;
    margin-bottom: 5px;
}

.rssFeed .rssBody ul li h4
{
    font-size: 14px;
    margin-bottom: 5px;
}

.rssFeed .rssBody ul li h4 a
{
    color: #454545;
}

#footerfeed .rssBody ul
{
    margin-left: 0;
    position: relative;
}

#footerfeed .rssBody ul li h4 a
{
    color: #FFF;
}

#footerfeed .rssBody ul li h4 a:hover
{
    text-decoration: none;
}
 
 .container .blog-holder
 {
    margin-top:-15px;    
 }
 
 .container .blog-holder .rssFeed .rssHeader
 {
     display: none;
 }
 
 #footerfeed .rssHeader
 {
     display: none;
 }
 
#footerfeed .rssBody ul li {
    list-style:none;
    background: url("images/ico.gif") no-repeat -40px -552px;
    border:none;
    padding-left:20px;
    font-size:12px;
    font-weight:normal;
}
 #footerfeed .rssBody .rssRow{
   
}
 #footerfeed .rssBody .rssRow h4{
line-height:normal;
background-image:none;
margin-bottom: 5px;
}

#recentwork h3
{
    background: url("images/bg-h2.png") repeat-x left bottom;
    font-size: 16px;
    margin: 30px 0 15px;
    padding-bottom: 8px;
    text-transform: uppercase;
    border: 0;
    padding: 0 0 8px 25px;
}

#recentwork h4
{
    text-transform:none;
    font-size:16px;    
    margin-bottom: 10px;
}

#accordian .web-development,
#accordian .web-design,
#accordian .mobile-apps,
#accordian .windows-apps
{
    border: 0;
    padding: 0;
}

.grey
{
    color: #B6B6B6;
}

.white
{
    color: #fff;
}

.newslettermessage
{
    font-weight: bold;
    color: #FFF;
    margin-bottom: 10px;
    display: block;
    width: 305px;
    text-align: right;
}

.small
{
    font-size: 12px;
}

.project-nav
{
    height: 1%;
    overflow: hidden;
    background: #f0f0f0;
    padding: 7px 7px 0 7px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.project-nav ul
{
    padding-left: 0;
}

.project-nav li
{
    list-style: none !important;
    margin: 0;
    color:#e23f39;
    padding: 0;
    font-size: 14px;
}

.project-nav li.no-bg
{
    cursor: default;
}

.project-nav li.no-bg:hover
{
    background: none;
    color: #E23F39;
}

.project-nav .no-bg a:hover
{
    color: #E23F39;
}

.tech-used 
{
    height: 1%;
    overflow: hidden;
}

.tech-used ul,
.relatedProjects ul
{
    padding: 0;
    margin: 0;
}

.tech-used li,
.relatedProjects li
{
    list-style: none !important;
    float: left;
    margin-right: 20px;
}

.tech-used img a,
.relatedProjects img a
{
    border: 0;
}

.serviceImg
{
    margin-bottom: 20px;
}

.testimonials
{
    background: url("images/border-container-main.gif") repeat-x scroll 0 100% transparent;
    padding: 0 0 20px;
    height: 1%;
    overflow: hidden;
}

.testimonials p
{
    line-height: 20px;
}

.testimonials strong
{
    color: #BF1A1A;
}

@media handheld
{
    .livechat,
    #LiveChat_1307625982,
    #QapTcha
    {
        display: none;
    }
}

/***************************************************
**** Common styles of sub pages
***************************************************/
.left
{
    width:685px;
    float:left;
    overflow: hidden;
    position: relative;
	padding: 16px 32px 0 0;
}

    .left h2,
    #error-page h2
    {
        background:url(images/bg-h2.png) repeat-x 0 100%;
        text-transform:uppercase;
        font-size:16px;
        color:#454545;
        margin:0 0 6px 0px;
	    padding-bottom:8px;
    }
    
    .left h2 span
    {
        font-style:italic;
        font-size:14px;
    }
    
    .left h3
    {
        text-transform:none;
        font-size:16px;    
    }

    .left p
    {
        line-height:18px;
        color:#7a7a7a;
        font-size:14px;   
        margin-top:6px;
    }
    
    .left ul
    {
        padding:0px 0px 7px 25px
    }
            
    .left li
    {
        padding:5px 0px;
        list-style-type:square;  
        color: #7A7A7A;
    }

.right
{
    width:245px;
    float:left;
    padding-top:16px;
    z-index: 1001;
}

    .right h2
    {
        background:url(images/bg-h2.png) repeat-x 0 100%;
        text-transform:uppercase;
        font-size:16px;
        color:#454545;
        margin:0 0 6px 0px;
	    padding-bottom:8px;
    }

.box
{
	margin:0 1px 5px 0;
	width:243px;
}

    .box .top
    {
        background:url(images/bg-box-t-243.png) no-repeat;
        height:9px;
    }
    
    .box .middle
    {
	    background:#f7f7f7;
	    padding: 14px 15px 0px;
	    overflow:hidden;
	    height:1%;
    }

    
    .box .bottom
    {
        background:url(images/bg-box-b-243.png) no-repeat 0 100%;
        height:10px;
    }
    
    .box .success
    {
        display: block;
        clear: both;
        font-weight: bold;
        font-size: 12px;
        padding-top: 10px;
    }

.build
{
    width:705px;
    height:132px;
    background:url(images/build.png) no-repeat;
    clear:both;
    margin-left:-5px;
}

.left .link
{
    background:url(images/arrow2.png) no-repeat right;
    text-transform:uppercase;
    font-weight:bold;
    text-align:right;
    padding-right:15px;    
    color:#454545;
}

.left .link a
{
    color:#454545;
}

h2.red
{
    background:url(images/bg-heading-red.png) repeat-x  0 100%;    
    color:#db0f21;
}

/***************************************************
**** column layouts
***************************************************/ 
.columns
{
    clear:both;
    padding:20px 0px;    
    height: 1%;
    overflow: hidden;
}
    /***************************************************
    **** three column layout
    ***************************************************/ 
    .threeColumn .column
    {
        display: inline-block;
		vertical-align: top;
		*display: inline;
        width:203px;
        margin-right:25px;
		zoom: 1;
    }

    .threeColumn .columnRight
    {
        margin-right:0px;    
    }

    .threeColumn .column h3
    {
        display:inline;
        position:relative;
    }

    .iconHeadings .column h3
    {
        display: inline;
        padding-left: 10px;
        position: relative;
        top: -20px;    
    }
    
    /***************************************************
    **** two column layout
    ***************************************************/ 
    .twoColumn .column
    {
        width:330px;
    }
/***************************************************
**** Page specific styles
***************************************************/ 

    /***************************************************
    **** Products
    ***************************************************/ 
    .imageCarousel
    {
        height:324px;
        background:#de061c;    
    }
    
    .products .col1
    {
        width:420px;
        padding-right:20px;
        float:left;
        padding-top:28px;
    }
   
    .products .col2
    {
        width:243px;
        float:left;
        padding-top:5px;
    }
   
    blockquote
    {
        font-style:italic;
        font-size:18px;
        color:#555555;
        line-height: 25px;
        margin: 0px;
        padding: 20px 0;
        clear:both;
    }
        
        .author
        {
            font-style:normal;
        }
            
    .quotemark
    {
        font-weight:bold;
        font-size:24px;
        color:#454545;
        font-style:normal;
    }
    
    .products .column
    {
        margin-top:5px;
    }
        .products .image
        {
            width:203px;
            height:136px;
            background:#de061c; 
        }
        
        .products .name
        {
            text-transform:uppercase;  
            font-weight:bold;           
        }
        
        .products .technologies
        {
            font-size: 11px;
            font-weight: normal;    
            color:#b6b6b6;
        }
        
    /***************************************************
    **** Service Pages
    ***************************************************/ 

    .services .red,
    #contact .red,
    #error-page .red
    {
        color:#de061c;    
        font-weight:bold;
        font-size:18px;
    }

    .services .intro
    {
        color:#737374;
        font-weight:bold;
        font-size:14px;
        line-height:18px;
    }


    .services .column
    {
        padding-bottom:20px;
    }

        .services .column h3
        {
            top: 5px;  
        }

        .services .column p
        {
            border-top:solid 1px #e7e7e7;
            padding-top:10px;    
            clear:both;
        }

        .services .column img
        {
            float:left;
            padding-right:10px;
            padding-bottom:5px;
            float:left;
        }

    .services .twoColumn
    {
        padding-top:35px;    
    }
    
    .services .twoColumn .column p
    {
        border:0px; 
        padding-top:0px;   
    }

    .services .twoColumn .columns
    {
        padding:0px;
    }
    
    .services .iconHeadings .column h3 
    {
        padding-left:0px;
    }

    /***************************************************
    **** About
    ***************************************************/ 
    .whoWeAre .column
    {
        margin-top:50px;  
    }
    
    .atlasteamImage
    {
        width:684px;
        height:220px;
        background:url(images/atlas-team.png) no-repeat;    
        padding-bottom:15px;
    }

    /***************************************************
    **** Technologies
    ***************************************************/ 
    .technologies .columns
    {
        border-bottom:2px solid #e7e7e7;    
    }
    
    .technologies .columns img
    {
        float:left; 
        padding-right:10px;
    }

    .technologies .columns p
    {
        text-align:justify;    
        padding-left: 117px;
    }

    .technologies .columns h3
    {
        border-bottom:solid 1px #e7e7e7;
        margin-left:115px;
        padding-bottom:10px;
        font-size:18px;    
        padding-top:10px;
        text-transform:uppercase;
    }
    
    .technologies .columns h3 a
    {
        color: #454545;
    }
    
    .technologies .columns h3 a:hover
    {
        text-decoration: none;
    }
    
    .flashHolder
    {
        width: 520px;
        margin: 0 auto;
    }
    
    /***************************************************
    **** Webdevelopment
    ***************************************************/       
    #webDevelopment ul
    {
        float:left;    
        padding-bottom:30px;
    }

    ul.rightlist
    {
        margin-left:100px;    
    }

    .microsoftLogo
    {
        border:solid 1px #e4e4e4;  
        padding:10px
    }

    .leftText
    {
        width:388px;    
        padding-right:11px;
    }

    .mainText
    {
        clear:both;    
    }

        .mainText p
        {
            margin-bottom:20px;    
        }

    /***************************************************
    **** blog
    ***************************************************/      
    #blog .top h2
    {
        background:url(images/bg-heading-red.png) repeat-x  0 100%;    
        text-transform:uppercase;
		padding-bottom: 20px;
		max-height: 42px;
    }
    
    #blog .top h2 a
    {
        color: #454545;
    }
	
	#blog .top h2 a:hover
	{
		text-decoration: none;
	}

    #blog .top h3
    {
        font-size:18px;
        line-height:22px;
    }

    #blog .bottom
    {
        clear:both;    
    }
	
	#blog .bottom .morePosts
	{
		background: url("images/bg-heading.gif") repeat-x scroll 0 100% transparent;
		color: #454545;
		font-size: 20px;
		font-weight: bold;
		padding: 15px;
		line-height: 22px;
		margin: 40px 0 17px;
		padding: 15px 0 20px 0;
	}
	
	.twoColumn .blogrollContent
	{
		height: 200px;
	}
	
	.threeColumn .blogrollContent
	{
		height: 350px;
	}

    #blog .video
    {
        width:331px;
        height:188px;
        background:#de061c;     
    }

    #blog .bottom .image
    {
        width:205px;
        height:106px;
        background:#de061c;           
    }
    
    #blog .columns
    {
        padding:0px;    
    }
    
    #blog .threeColumn .column
    {
		word-wrap: break-word;
        padding-bottom:50px;    
    }
    
    #blog #meta
    {
        margin-top: 30px;
    }
    
    #meta p
    {
        margin-bottom: 5px;
    }
    
    #commentDetails .commentMeta
    {
        font-size: 10px;
		margin-top: 0;
    }
	
	#commentText p
	{
		font-size: 12px;
	}
    
    .commentLabel
    {
        display: inline; 
        float: left; 
        width: 100px;
    }
	#comments{padding-top:20px;}
	.avatar{float: left;}
	#commentDetails{float:right;width:590px;}
	.prevPosts,
	.nextPosts {	height: 34px;	width: 129px;}
	.prevPosts{	float: left;}
	.nextPosts{float:right;}
	.prevPosts a,
	.nextPosts a{
		color: #b8b8b8;
		font-weight: bold;
		text-transform: uppercase;
		border: 1px solid #dedede;
		padding: 5px;}
	.prevPosts a:hover, .nextPosts a:hover{text-decoration: none;}
	.comment{padding: 10px;}
	#comments .even{background-color: #f0f0f0;}
	#comments .noComments{text-align:center;font-size:16px;font-weight:bold;margin-top:10px;}
	.sharePost{margin-top: 10px;}
	.twitter-share-button{height: 24px !important;}
	.aligncenter { display: block; margin: 0 auto; }

    /***************************************************
    **** our clients
    ***************************************************/    
    .client
    {
        position: relative;
        height: 215px;
    }
    
    .client .overlay
    {
        background: url(images/overlay-bg.png) repeat;
        position: absolute;
        bottom: 10px;
        right: 10px;
        left: 10px;
        height: 30px;
        padding-left: 20px;
        z-index: 1001;
    }
    
    .overlay a
    {
        font-weight: bold;
        font-size: 18px;
        color: #FFF !important;
        line-height: 30px;
    }
    
    .overlay a:hover
    {
        text-decoration: underline;
    }
    

    .divide
    {
        width:100%;
        height:1px;
        background:#e1e1e1;
        margin:15px 0px;    
    }

    #ourClients .left .image
    {
        width:683px;
        height:439px;    
    }

    #ourClients .left span
    {
        font-size:14px;
        font-weight:bold;
        margin-top:-33px;
        float:right;
        background: url(images/ico.gif) no-repeat -40px -538px;
        padding-left: 20px;
    }
    
    #ourClients .left span a
    {
        color: #454545;
    }
    
    #ourClients .left span a:hover
    {
        text-decoration: underline;
    }

    #ourClients .left .testimonial
    {
        margin-top: 30px;
    }
    
    .testimonial .name-holder
    {
        width: 164px;
        float: left;
        padding-bottom: 55px;
        background: url(images/large-quote.png) no-repeat 20px bottom;
    }
    
    .name-holder .name
    {
        font-weight: bold;
        font-size: 16px;
        line-height: 23px;
        padding-left: 30px;
        background: url(images/small-quote.png) no-repeat left top;
    }
    
    .testimonial .text
    {
        width: 500px;
        float: right;
    }
    
    .testimonial .text p
    {
        margin: 0;
    }
    
    .testimonial .text .top
    {
        background: url(images/testimonial-bg-t.png) no-repeat;
        height: 15px;
    }
    
    .testimonial .text .middle
    {
        position: relative;
        border-right: 1px solid #e1e1e1;
        border-left: 1px solid #e1e1e1;
        padding: 0 15px;
    }
    
    .testimonial .text .middle .arrow
    {
        height: 30px;
        width: 21px;
        background: url(images/testimonial-arrow.png) no-repeat;
        position: absolute;
        left: -20px;
    }
    
    .testimonial .text .bottom
    {
        background: url(images/testimonial-bg-b.png) no-repeat;
        height: 15px;
    }
    
    /***************************************************
    **** how we do it
    ***************************************************/     
    #howWeDoIt .imageContainer
    {
        overflow:hidden; 
    }

    #howWeDoIt .imageCarousel
    {
        height:358px;
        background:#fff;
        position: relative;
        width: 959px;
        overflow: hidden;
    }
        #howWeDoIt .imageCarousel #carousel
        {
            width: 4870px;
            height: 358px;
            list-style: none;
            margin: 0;
            padding: 0;
        }
        
        #howWeDoIt .imageCarousel #carousel li
        {
            height: 358px;
            width: 959px;
            float: left;
        }
        
        #howWeDoIt .imageCarousel .paging
        {
            position: absolute;
            bottom: 10px;
            left: 10px;
            z-index: 1001;
        }
        
        #howWeDoIt .imageCarousel .paging a
        {
            display: block;
            float: left;
            text-indent: -9999px;
            margin-right: 10px;
            outline: 0;
            cursor: pointer;
        }
        
        .imageCarousel .paging .discovery
        {
            height: 38px;
            width: 56px;
            background: url(images/discovery-bg.png) no-repeat left bottom;
        }
        
        .imageCarousel .paging .planning
        {
            height: 38px;
            width: 50px;
            background: url(images/planning-bg.png) no-repeat left bottom;
        }
        
        .imageCarousel .paging .design
        {
            height: 38px;
            width: 36px;
            background: url(images/design-bg.png) no-repeat left bottom;
        }
        
        .imageCarousel .paging .build
        {
            height: 38px;
            width: 28px;
            background: url(images/build-bg.png) no-repeat left bottom;
            clear: none;
            margin-left: 0;
        }
        
        .imageCarousel .paging .testing
        {
            height: 38px;
            width: 41px;
            background: url(images/testing-bg.png) no-repeat left bottom;
        }
        
        .imageCarousel .paging a.activeSlide
        {
            background-position: right bottom;
        }

    #howWeDoIt .tabs
    {
        width:688px;
        position:absolute;
        margin-top:10px;
    }

    #howWeDoIt .activeTabs
    {
        width:688px;
        position:absolute;
    }

        #howWeDoIt .tabs div
        {
            width:136px;
            height:84px;   
            float:left; 
            margin-right:2px;
            background-position:center;
        }

        #howWeDoIt .activeTabs div
        {
            width:146px;
            height:91px;   
            position:absolute;
        }

        #howWeDoIt .tabs .floatright,
        #howWeDoIt .activeTabs .floatright
        {
            float:right;  
            margin-right:0px;  
        }

        #howWeDoIt .tab1
        {
            background:url(images/tab-1.png) no-repeat;
        }

        #howWeDoIt .tab2
        {
            background:url(images/tab-2.png) no-repeat;
        }

        #howWeDoIt .tab3
        {
            background:url(images/tab-3.png) no-repeat;
        }

        #howWeDoIt .tab4
        {
            background:url(images/tab-4.png) no-repeat;
        }

        #howWeDoIt .tab5
        {
            background:url(images/tab-5.png) no-repeat;
        }

        #howWeDoIt .activeTabs .tab1
        {
            background:url(images/tab-1-black.png) no-repeat;
            top:3px;
            left:-1px;
        }

        #howWeDoIt .activeTabs .tab2
        {
            background:url(images/tab-2-black.png) no-repeat;
            top:3px;
            left:136px;
        }

        #howWeDoIt .activeTabs .tab3
        {
            background:url(images/tab-3-black.png) no-repeat;
            top:3px;
            left:273px;
        }

        #howWeDoIt .activeTabs .tab4
        {
            background:url(images/tab-4-black.png) no-repeat;
            top:3px;
            left:412px;
        }

        #howWeDoIt .activeTabs .tab5
        {
            background:url(images/tab-5-black.png) no-repeat;
            top:3px;
            left:549px;
        }

        #howWeDoIt .text,
        .project-wrap .text
        {
            float:left;
            width:687px;
            padding-right:30px;
        }

            #howWeDoIt .text h3
            {
                display:inline;
                position:relative;
                top: -10px;
                padding-left:10px;    
            }

            #howWeDoIt .text p
            {
                line-height:20px;   
            }

        #howWeDoIt .textCarousel
        {
            width:3585px; 
            margin-top:20px;
        }

        #howWeDoIt .textContainer
        {
            overflow:hidden; 
            width:687px;     
        }

    /***************************************************
    **** who we are
    ***************************************************/  
    .employee
    {
        float:left; 
        width:160px;
        margin-right:15px; 
        padding-bottom:35px;
    }

        .employee .photo
        {
            width:160px;
            height:195px;    
        }
        
        .employee #simon,
        .employee #dean,
        .employee #sue,
        .employee #tom,
        .employee #john,
        .employee #dave,
        .employee #kate,
        .employee #alec,
        .employee #steve
        {
            background-position: left center;
        }
        
        .employee #simon:hover,
        .employee #dean:hover,
        .employee #sue:hover,
        .employee #tom:hover,
        .employee #john:hover,
        .employee #dave:hover,
        .employee #kate:hover,
        .employee #alec:hover,
        .employee #steve:hover
        {
            background-position: right center;
        }
        
        .employee #simon
        {
            background: url(images/simon.png) no-repeat;
        }
        
        .employee #dean
        {
            background: url(images/dean.png) no-repeat;
        }
        
        .employee #sue
        {
            background: url(images/sue.png) no-repeat;
        }
        
        .employee #tom
        {
            background: url(images/tom.png) no-repeat;
        }
        
        .employee #john
        {
            background: url(images/john.png) no-repeat;
        }
        
        .employee #dave
        {
            background: url(images/dave.png) no-repeat;
        }
        
        .employee #kate
        {
            background: url(images/kate.png) no-repeat;
        }
        
        .employee #alec
        {
            background: url(images/alec.png) no-repeat;
        }
        
        .employee #steve
        {
            background: url(images/steve.png) no-repeat;
        }
        
        .employee p
        {
            color:#454545;
            font-weight:bold;
            font-size:16px;
            padding:0px;
            margin:10px 0px 0px 0px;
        }

        .employee span
        {
            font-style:italic;    
        }
        
        .employee .details 
        {
            width:60px;
            height:21px;
            background:url(images/btn-details.png);    
            float:right;
            margin-top:-14px;
        }        

    .staff
    {
        clear:both;
        padding-bottom:20px;
    }
    
        .staff .floatright
        {
            float:right;
            margin-right:0px;    
        }
        
        .staff a:hover
        {
            text-decoration: none;
        }

    .isThisYou
    {
        background:url(images/IsThisYou.jpg);
        width:160px;
        height:195px;   
    }

    .you
    {
        background:url(images/you.png);
        width:160px;
        height:195px;   
    }

/***************************************************
**** Recent Work
***************************************************/  
.recent-nav
{
    padding-left:1px;
    margin-bottom: 17px;
    overflow: hidden;
    height: 1%;
}

.recent-nav .wrap
{
    width: 595px;
    margin: 0 auto;
}

.recent-nav ul,
.recent-nav li
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.recent-nav li
{
    float: left;
}

.recent-nav a
{
    display: block;
    height: 102px;
    width: 138px;
    text-indent: -9999px;
    background: url(images/recentwork-nav-bg.png);
    margin-right: 10px;
    cursor: pointer;
}

.recent-nav a.last
{
    margin-right: 0;
}

.recent-nav .web-dev
{
    background-position: 414px center;
}
.recent-nav .web-dev:hover
{
    background-position: 414px bottom;
}
.recent-nav .active .web-dev
{
    background-position: 414px top;
}

.recent-nav .web-des
{
    background-position: left center;
}
.recent-nav .web-des:hover
{
    background-position: left bottom;
}
.recent-nav .active .web-des
{
    background-position: left top;
}

.recent-nav .mob-app
{
    background-position: 276px center;
}
.recent-nav .mob-app:hover
{
    background-position: 276px bottom;
}
.recent-nav .active .mob-app
{
    background-position: 276px top;
}

.recent-nav .win-app
{
    background-position: right center;
}
.recent-nav .win-app:hover
{
    background-position: right bottom;
}
.recent-nav .active .win-app
{
    background-position: right top;
}

/***************************************************
**** Sitemap
***************************************************/  
.sitemap a
{
    color: #454545;
}

.sitemap ul
{
    padding: 0 0 0 15px;
    margin: 0;
}

.sitemap li
{
    line-height: 22px;
    list-style-type: square;
}

.sitemap ul ul
{
    margin: 0;
    padding: 0;
}

.sitemap ul ul ul
{
    margin: 0;
    padding-left: 15px;
}


.textbox-editor-field{background:url(images/bg-form-textbox.png) no-repeat 0;height:1%;margin-bottom:6px;overflow:hidden;}
.textbox{background:none repeat scroll 0 0 transparent;border:medium none;color:#454545;float:left;font:bold 12px/14px Arial,Helvetica,sans-serif;margin:0;outline:medium none;padding:7px 10px;width:188px;}
.textarea-editor-field{background:url(images/bg-form-textarea.png) no-repeat 0;height:1%;margin-bottom:6px;overflow:hidden;}
.textarea{background:none repeat scroll 0 0 transparent;border:medium none;color:#454545;float:left;font:bold 12px/14px Arial,Helvetica,sans-serif;margin:0;outline:medium none;padding:7px 10px;width:188px;height:72px;overflow:auto;}
.send{margin:0 18px 0 0;padding:0;float:right;cursor:pointer;text-indent:-9999px;line-height:0;font-size:0;border:none;background:url(images/btn-send.png) no-repeat 0 -1px;width:44px;height:21px;}
.sendDisabled{background:url(images/btn-send-d.png) no-repeat 0 -1px;}
.recentWorks{padding:15px 0 35px 0px;}
.recentWork{clear:both;min-height:80px;}
.recentWork .image{width:80px;height:80px;float:left;}
.recentWork .info{float:left;margin-left:6px;width:155px;}
.container .recentWork .name{text-transform:uppercase;font-weight:bold;margin:0px;line-height:18px;}
.recentWork .technologies{font-size:10px;color:#b6b6b6;position:relative;top:-6px;}
.recentWork .intro{font-size:12px;}
.recentWork a{color:#de061c;text-decoration:underline;font-size:12px;}
.dot{width:100%;background:url(images/dot.png) repeat-x;height:1px;margin:15px 0;}
.subscribe{margin:0 5px 0 0;padding:0;float:right;cursor:pointer;text-indent:-9999px;line-height:0;font-size:0;border:none;background:url(images/btn-subscribe.png) no-repeat 0 -1px;width:81px;height:21px;}
.newsletter span{padding-bottom:10px;width:210px;display:block;font-size:12px;}
.newsletter .success{text-align:right;font-weight:bold;}
.categories{padding:0;margin:0 0 20px 0;}
.categories li a{line-height:27px;color:#8a8a8a;font-size:13px;font-weight:bold;padding:0px 0px 0px 20px;display:block;cursor:pointer;}
.categories li{list-style-type:none;}
.categories li a:hover{text-decoration:none;color:#333;background:#efefef;}
.categories li.active a{background-color:#2C292A;color:#FFF;font-weight:bold;}
.follow-us{position:relative;top:-4px;}
.popup{width:900px;height:394px;overflow:hidden;}
.popup a{cursor:pointer;}
.popup ul{list-style:none;margin:0;padding:0;width:3000px;}
.popup li{float:left;width:900px;position:relative;height:394px;}
.popup h2{font-style:italic;font-size:25px;font-weight:bolder;font-family:Myriad Pro;margin-top:-42px;margin-left:10px;}
.popup .step2 h2{padding-bottom:30px;}
.popup .button{clear:right;float:right;margin-right:10px;}
.popup .step2 .button{margin-top:108px;}
.popup .number{clear:both;float:right;margin-right:20px;font-weight:bold;font-style:italic;margin-top:5px;color:#5e5d5d;}
.popup .message{clear:left;padding-top:30px;font-weight:bold;}
.popup .columns{padding-top:60px;padding-left:10px;height:auto;}
.popup .column{width:287px;margin-right:0px;cursor:pointer;}
.popup .column h2{margin-top:-14px;color:#39373a;font-size:20px;margin-left:20px;padding-bottom:0px}
.popup .column h2.marginFix{margin-top:0;}
.popup .column p{width:255px;clear:both;color:#6a6969;padding-top:20px;font-size:13px;}
.popup .column .top{width:287px;height:13px;background:url(images/popup-t-box.png) no-repeat;}
.popup .column .middle{width:287px;height:13px;background:url(images/popup-m-box.png) repeat-y;min-height:150px;padding:10px;}
.popup .messageSent{min-height:300px;background:url(images/mailsent.png) no-repeat right bottom;}
.popup .messageSent p{padding-left:10px;}
.popup .icon1{float:right;margin:-42px 30px 0px 0px;}
.popup .icon2{float:right;margin:-47px 30px 0px 0px;}
.popup .icon3{float:right;margin:-78px 30px 0px 0px;}
.popup .btnUpload{margin-right:30px;margin-top:15px;float:right;}
.popup a{color:#dd0a1d;text-decoration:underline;}
.popup .tb{width:170px;height:25px;margin-top:-20px;margin-left:10px;line-height:25px;}
.popup .name .tb{margin-top:3px;}
.popup .column .bottom{width:287px;height:13px;background:url(images/popup-b-box.png) no-repeat;}
.step1-btn-c,
.step2-btn-c{position:absolute;bottom:0;right:0;}
.step2-btn-c{bottom:10px;}
#contact .twoColumn .columns .floatright h2{background:url(images/bg-heading-red.png) repeat-x 0 100%;}
.googleMapsBox{padding-top:15px;height:250px;width:480px;background-color:#f7f7f7;}
.googleMapsBox h3{padding-left:12px;margin-bottom:15px;}
.googleMapsBox h3 a{color:#454545;}
.googleMapsBox h3 a:hover{text-decoration:none;}
#essexSpanName{padding-left:300px;}
#contact .twoColumn .column{width:480px;}
.contactform{clear:both;}
.contactform h2{display:none;}
.contactform .box{width:480px;}
.contactform .top{background:url(images/bg-box-t-480.png) no-repeat;}
.contactform .bottom{background:url(images/bg-box-b-480.png) no-repeat;}
.contactform .textbox{width:430px;}
.contactform .textarea{width:430px;resize:none;}
.contactform .textbox-editor-field{background:url(images/bg-form-textbox-large.png) no-repeat;}
.contactform .textarea-editor-field{background:url(images/bg-form-textarea-large.png) no-repeat;}
.directions{float:right;margin-right:40px;padding-left:20px;background:url("images/ico.gif") no-repeat;background-position:0 -515px;line-height:20px;color:#333;font-weight:bold;}
#QapTcha{}
#QapTcha .clr{clear:both}
#QapTcha #bgSlider{width:202px;height:22px;background:transparent url('images/sprites.png') no-repeat 0 -22px;float:left}
#QapTcha .bgSliderSuccess{background:transparent url('images/sprites.png') no-repeat 0 -44px !important;}
#QapTcha #Slider{width:48px;height:22px;background:transparent url('images/sprites.png') no-repeat -32px 0;cursor:e-resize; position: absolute !important;}
#QapTcha #Icons{float:left;width:16px;height:16px;background:transparent url('images/sprites.png') no-repeat 0 0;margin-top:3px;margin-left:4px;}
#QapTcha #TxtStatus{width:202px;margin-top:7px;text-align:center;font-family:Verdana;font-size:10px;clear:both}
#QapTcha .dropSuccess{color:#568E2F}
#QapTcha .dropError{color:#bb2828}
#comments h2{ padding: 10px 0 2px;}
.popup .column H2.marginFix{margin-top:0;}
.more-link{ font-weight: bold; color: #454545;}
#sidebar, #sidebar li{margin: 0;padding:0;list-style-type:none;}
.widget{ margin-bottom: 20px !important;}
.logo-holder .first{padding-left: 0;}
.logo-holder .last{padding-right:0;}

/* This fixes some wierd scroll issue in Chrome/Safari */
#sidebar iframe
{
	width: 250px !important;
}