/* ============================ common ============================== */

body { 
	color: #cccccc; background: #141213 url(../img/bg-body.png) repeat-x 0 0;
	font: normal 72% Arial, Helvetica, sans-serif;
}

a:link, a:visited {
	color: #66CCFF;
	text-decoration: none;
}
a:link:hover, a:visited:hover{ color: #FFFFFF; }
a:active, a:focus { color: #ffffff; background: #66ccff; text-decoration: none; }

img { display: block; }
a img { border: none; }

.clear {
	clear:both;
	height:0;
}

.left {
	float:left;
}

.right {
	float:right;
}

.right img {
	display:inline;
}

.alignleft {
	float:left;
	width:250px;
}

.alignright {
	float:right;
	width:250px;
	text-align:right;
}

.hideme { display: none; }

/* ========================== common end ============================ */

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

#mailing-list {
	padding-top: 5px;
}

#logo-link {
	position: absolute; top:86px; left:12px;
	width: 66px; height: 66px; display: block; z-index: 99999;
	font-size: 30px; text-align: center;
}
#logo-link:active, #logo-link:focus{
	background:none;
}

#bg {
	background: url(../img/bg.png) no-repeat 0 0;
	position: relative; width:633px; height:641px;
}

.holder{ 
	border-left:1px solid #66ccff;
	position: relative; z-index: 10;
	padding: 0 0 40px 50px;
	width: 840px;
}

.swf-line {
	position:relative; z-index:2;
	margin:0 auto;
	margin-top:13px;
	width:828px;
	height:1px;
	line-height: 1px;
	border-bottom: 1px solid #666666;
}

#visit {
	position: relative;
}

#visit-flash {
	background: url(../img/visit-flash.gif) no-repeat 0 0;
	width: 55px; height: 58px; display: block;
	position: absolute; right:50px; top:-45px;
	z-index: 3;
}


#visit-blog {
	background: url(../img/visit-blog.gif) no-repeat 0 0;
	width: 50px; height: 58px; display: block;
	position: absolute; right:0px; top:-45px;
	z-index: 3;
}

/* ========================== Headers ============================ */

h1, h2, h3, h4, h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
}

h2 {
	font-family: Arial Black, Arial;
	margin-top:10px;
	margin-bottom:10px;
	font-size:16px;
	letter-spacing: -0.5px;
	color:#999999;
}

h2 img {
	float: none;
	display: block;
}

h3 a {
	text-decoration:none;
}

h3 a:hover {
	text-decoration:none;
}

.wide-content h3 {
	float:left;
	color:#999999;
	font-size:18px;
	display:inline;
	letter-spacing: -1px;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
}

.wide-content h3 a {
	text-decoration:none;
	color:#999999;
}

.wide-content h3 a:hover {
	text-decoration:none;
}

.wide-content #client-name {
	margin-top: 28px;
	margin-bottom: 25px;
}

.wide-content .client, .wide-content .brief, .wide-content .outcomes {
	margin: 0;
	margin-bottom: 5px;
}

.desc {
	color: #ffffff;
	padding-bottom: 8px;
}

.post h3 {
	float:left;
	color:#FFFFFF;
	font-size:16px;
	display:inline;
	margin-top:5px;
	font-family: Arial, Helvetica, sans-serif;
}

.post h3 a {
	text-decoration:none;
}

.wide-content h4 {
	color:#FFFFFF;
	font-size:18px;
}

h4 {
	font-family: Arial Black, Arial, Geneva;
	letter-spacing:0.1px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:12px;
	text-transform: uppercase;
	color:#CCCCCC;
}

h5 {
	letter-spacing:0px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:18px;
	color:#ffffff;
}


#join-our-team {
	background: url(../img/join-our-team.gif) no-repeat 0 0;
	width: 548px; height: 183px;
	text-indent: -2008%;
}

.apply-here {
	background: url(../img/apply-here.gif) no-repeat;
	width: 58px; height: 58px; display: block;
	float: left;
}
.apply-now {
	text-transform: uppercase;
	float: right;
}


#why-work-for-us {
	background: url(../img/why-work-for-us.gif) no-repeat;
	width: 125px; height: 10px;
	float: none; margin: 15px 0 10px -10px;
	text-indent: -2010px; display: block;
	
}
.job-post {
	margin: 20px 0 20px 0;
	width: 555px;
}
.job-title {
	margin-bottom: 10px;
}
.job-post h3 {
	font-family: "Arial Black";
	color: #FFFFFF; font-size: 13px;
	text-transform: uppercase;
	margin: 8px 0;
	width: 485px; float: right;
	
}
.job-post h3 span {
	font-family: "Arial Black";
	color: #ccc; display: block;
	margin-top: -3px;
}
.job-post ul {
	list-style: disc;
	margin-left: 15px;
}


#portfolio-header {
	float: left;
	width: 567px;
}

#design-with-brains {
	background: url(../img/design-with-brains.gif) no-repeat 0 0;
	width: 567px; height: 178px;
	text-indent: -2008%;
}

#creative-focused {
	background: url(../img/creative-focused.gif) no-repeat 0 0;
	width: 572px; height: 146px;
	text-indent: -2008%;
}

#more-info {
	width: 225px; float: right;
}

.more-item {
	background: url(../img/more-info-bg.png) no-repeat 0 0;
	width: 223px; height: 66px;
	margin-bottom: 10px;
}

.more-item span {
	padding-left: 7px;
	padding-top: 3px;
	display: block;
	text-transform: uppercase;
	font-size: 11px;
}

.more-item p {
	padding-left: 7px;
	padding-top: 3px;
	line-height: 120%;
	font-size: 11px;
}

#portfolio-content h5 a { 
	text-decoration:none;
	border-bottom: 1px solid #66ccff;
}

#portfolio-content h5 a:hover {
	text-decoration:none;
}

.work-done {
	font-family: Arial;
	display: block;
	margin-bottom: 15px;
	margin-top: 20px;	
}

.work-done a {
	color:#66ccff;
	font-size: 15px;
	font-weight: lighter;
	font-family: Arial;
	text-transform: uppercase;
}

#branding-offer {
	background: url(../img/branding-offer.gif) no-repeat 0 0;
	width: 568px; height: 187px;
	text-indent: -2008%;
	margin-top: 30px;
	margin-bottom: 10px;
}

#hello-title {
	background: url(../img/Hello.gif) no-repeat 0 0;
	width: 573px; height: 183px;
	text-indent: -2008%;
	margin-top: 30px;
	margin-bottom: 10px;
}

#salesy-sales-pitch {
	background: url(../img/salesy-sales-pitch.gif) no-repeat 0 0;
	width: 197px; height: 10px; text-indent: -2008%;
	margin-bottom: 10px;
	margin-top: 20px;
}

#our-work {
	background: url(../img/our-work.gif) no-repeat 0 0;
	width: 68px; height: 10px; text-indent: -2008%;
	margin-bottom: 10px;
	margin-top: 30px;
}

#awards-title {
	background: url(../img/awards-title.gif) no-repeat 0 0;
	width: 54px; height: 10px; text-indent: -2008%;
	margin-bottom: 10px;
	margin-top: 30px;
}

#our-clients {
	background: url(../img/our-clients.gif) no-repeat 0 0;
	width: 83px; height: 10px; text-indent: -2008%;
	margin-bottom: 20px;
	margin-top: 20px;
}

#what-they-say {
	background: url(../img/what-they-say.gif) no-repeat 0 0;
	width: 165px; height: 10px; text-indent: -2008%;
	margin-bottom: 20px;
	margin-top: 35px;
}

#join-us {
	background: url(../img/join-us.gif) no-repeat 0 0;
	width: 50px; height: 10px; text-indent: -2008%;
	margin-bottom: 10px;
	margin-top: 10px;
}

#said {
	width: 230px; height: 218px;
	margin-top: -20px;
}

.said {
	margin: 20px 25px 15px 2px;
	display: block; font-size: 12px;
	padding-bottom: 10px;
	color: #cccccc;
	top: 0; left: 0;
	width: 200px; height: 218px;
}
.said .ldquo {
	background: url(../img/ldquo.gif) no-repeat;
	width: 29px; height: 20px; float: left;
	margin: 0 6px; 
}
.said .rdquo {
	background: url(../img/rdquo.gif) no-repeat;
	width: 40px; height: 27px; float: right;
	margin-top: -2px;
}
.said img {
	margin-top: 8px;
}


#route-plan {
	background: url(../img/plan-a-route.gif) no-repeat 0 0;
	width: 89px; height: 10px; text-indent: -2008%;
	margin-bottom: 20px;
	margin-top: 15px;
}



#strategy-identity {
	background: url(../img/strategy-identity.gif) no-repeat 0 0;
	width: 139px; height: 10px; text-indent: -2008%;
	margin-bottom: 10px;
	margin-top: 15px;
}

#advertsing-engagement {
	background:url(../img/advertising-engagement.gif) no-repeat 0 0;
	width: 203px; height: 10px; text-indent: -2008%;
	margin-bottom: 10px;
	margin-top: 15px;
}

#webdesign-development {
	background: url(../img/webdesign-development.gif) no-repeat 0 0;
	width: 186px; height: 10px; text-indent: -2008%;
	margin-bottom: 10px;
	margin-top: 15px;
}

#cms {
	background: url(../img/contentmanagementsystems.gif) no-repeat 0 0;
	width: 211px; height: 10px; text-indent: -2008%;
	margin-bottom: 10px;
	margin-top: 25px;
}

#iphones {
	background: url(../img/iphones.gif) no-repeat 0 0;
	width: 211px; height: 10px; text-indent: -2008%;
	margin-bottom: 10px;
	margin-top: 25px;
}

#ecommerce {
	background: url(../img/ecommerce.gif) no-repeat 0 0;
	width: 82px; height: 10px; text-indent: -2008%;
	margin-bottom: 10px;
	margin-top: 25px;
}

#threedvisual {
	background: url(../img/3dvisual.gif) no-repeat 0 0;
	width: 111px; height: 10px; text-indent: -2008%;
	margin-bottom: 10px;
	margin-top: 25px;
}

#project-management {
	background: url(../img/project-management.gif) no-repeat 0 0;
	width: 148px; height: 10px; text-indent: -2008%;
	margin-bottom: 10px;
	margin-top: 25px;
}

#sample-products {
	background: url(../img/sample-products.gif) no-repeat 0 0;
	width: 117px; height: 10px; text-indent: -2008%;
	margin-bottom: 10px;
	margin-top: 25px;
}

.services-title {
	font-family: Arial Black;
	font-size: 11px;
	display: block;
	color: #999999;
	text-transform: uppercase;
	margin-bottom: 8px;
	margin-top: 20px;
}

/* ========================== Headers end =========================== */

/* ========================== layout end ============================ */

/* ============================ header ============================== */


#header {
	position:relative;
}

#logo {
	width:368px; height:313px;
	position:absolute;
	z-index:0;
}

#flash {
	position:absolute;
	top:-10px;
	left:1px;
	z-index:-110;
}


#nav {
	position: relative; z-index: 999;
	width: 425px; float: left;
	margin: 197px 0 10px 7px;
}
#nav li {
	background-repeat: no-repeat;
	float: left; height: 10px;
	margin-top: 13px; display: block;
}
#nav li a {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 10px;
	padding: 0; margin: 0;
	line-height: 0;
	text-indent: -2008%;
}




#nav #portfolio {
	background: url(../img/nav-portfolio.gif) no-repeat;
	width: 72px;
}
#nav li #portfolio-all {
	background: url(../img/nav-portfolio-all.gif); width: 32px; height: 10px;
}
#nav li #portfolio-web {
	background: url(../img/nav-portfolio-web.gif); width: 36px;
}
#nav li #portfolio-iphone {
	background: url(../img/nav-portfolio-iphone.gif) no-repeat; width: 56px;
}
#nav li #portfolio-branding {
	background: url(../img/nav-portfolio-branding.gif); width: 73px;
}
#nav li #portfolio-print {
	background: url(../img/nav-portfolio-print.gif); width: 45px;
}
#nav li #portfolio-interior {
	background: url(../img/nav-portfolio-interior.gif); width: 65px;
}
#nav li #portfolio-fun {
	background: url(../img/nav-portfolio-fun.gif); width: 31px;
}


#nav #about {
	background: url(../img/nav-about.gif) no-repeat;
	width: 46px;
}
#nav li #about-profile {
	background: url(../img/nav-about-profile.gif); width: 59px;
}
#nav li #about-case-studies {
	background: url(../img/nav-about-case-studies.gif); width: 97px;
}
#nav li #about-what-we-offer {
	background: url(../img/nav-about-what-we-offer.gif); width: 110px;
}
#nav li #about-jobs {
	background: url(../img/nav-about-jobs.gif); width: 39px; margin-left: 2px;
}


#nav #stay-in-touch {
	background: url(../img/nav-in-touch.gif) no-repeat;
	width: 96px;
}
#nav li #in-touch-contact {
	background: url(../img/nav-in-touch-contact.gif); width: 67px;
}
#nav li #in-touch-mailing {
	background: url(../img/nav-in-touch-mailing.gif); width: 89px;
}
#nav li #in-touch-blog {
	background: url(../img/nav-in-touch-blog.gif); width: 40px;
}


#nav li #portfolio-iphone:hover, #nav li #portfolio-fun:hover,
#nav li #portfolio-all:hover, #nav li #portfolio-web:hover, #nav li #portfolio-branding:hover, 
#nav li #portfolio-print:hover, #nav li #portfolio-illustration:hover, #nav li #portfolio-interior:hover,
#nav li #about-profile:hover, #nav li #about-case-studies:hover, #nav li #about-what-we-offer:hover, #nav li #about-jobs:hover, 
#nav li #in-touch-contact:hover, #nav li #in-touch-mailing:hover, #nav li #in-touch-blog:hover {
	background-position: 0 100%;
}

#nav li a.active {
	background-position: 0 100%;
}

#header-right {
	clear: right;
	float:right;
	width:215px;
}

#header-right #login {	
	float:right;
	margin-top:6px;
}

#header-right #hello {
	float:right;
	margin-top:45px;
}



#header-search {
	float: right;
	padding-top: 1px;
	padding-right: 1px;
}
#header-search span {
	background:url(../img/header-search.gif) no-repeat 0 0;
	margin-bottom:6px;
	width:168px;
	height:19px;
	float:left;
}

#header-search span input{
	display: block;
	width: 200px;
	margin: 0 5px;
	padding-top:4px;
	background: none; border: none;
	color: #999; font: normal 10px Arial, sans-serif;
}
#header-search .submit-btn {
	background:url(../img/header-search-arrows.gif) no-repeat 0 0;
	margin-left:3px;
	cursor:pointer;
	border:0;
	width:10px;
	height:11px;
	float:left;
}


/* ========================== header end ============================ */

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

/* ============================ homepage ============================ */

#thanks {
	width: 565px;
	position:relative; z-index:3;
	margin-left:10px;
	float:left;
}

#thanks h2 {
	background: url(../img/h2-welcome.gif) no-repeat 0 0;
	width: 79px; height: 14px;
	margin-top:10px;
	margin-bottom:20px;
	text-indent: -2008%;
}

#message {
	background: url(../img/thanks.gif) no-repeat 0 0;
	width: 572px; height: 178px;
}

#message p {
	text-indent: -2008px;
}

#thanks-contact {
	background: url(../img/thanks-contact.gif) no-repeat 0 0;
	width: 575px; height: 181px; margin-top: 15px;
}

#recent-news {
	position:relative;
	float:right;
	width:230px;
}

#recent-news h2 {
	background: url(../img/h2-recent-news.gif) no-repeat 0 0;
	width: 111px; height: 14px;
	text-indent: -2008%;
}

#recent-news span {
	display:block;
	padding-top:5px;
	margin-left:8px;
}

#recent-news p {
	display:block;
	margin-left:8px;
	margin-right:8px;
	color: #CCCCCC;
}

#recent-news span a:link, #recent-news span a:link {
	color: #66CCFF;
	text-decoration: none;
	font-size: 11px;
}

#recent-news span a:hover, #recent-news span a:active {
	color: #FFFFFF;
}

#container {
	position:relative;
	width: 235px;
	height: 200px;
	left:-12px;
	background: none;
	overflow: hidden;
}

#content {
	position:relative;
	width:235px;
}
#content p {
	margin-bottom: 15px;
	line-height: 150%;
}

#scrollArea {
	position:absolute;
	left:223px;
	margin-left:5px;
	top:33px;
	height: 200px;
	width: 4px;
	overflow: hidden;
	background: #8d8d8d;
}

#scroller {
	cursor:pointer;
	float: left;
	position: relative;
	top: -5px;
	width: 4px;
	background: #333333;
}

.item {
	background:url(../img/item.png) no-repeat 0 0;
	width:223px; position: relative;
	margin-bottom: 5px; z-index: 800;
}

.item span {
	text-transform: uppercase;
}

.item .excerpt {
	margin-top:4px;
}

.item-footer {
	background:url(../img/item-footer.gif) no-repeat 0 0;
	width:223px; height:7px; display: block;
	position: absolute; bottom: 0px; left: 0px;
	z-index: 900;
}

.wide-content {
	position:relative; z-index:9999;
	line-height:150%;
	font-size:12px;
	margin-left:5px;
	margin-right:5px;
	color:#CCCCCC;
}

.wide-content #featured-work {
	background: url(../img/h2-featured-work.gif) no-repeat 0 0;
	width: 121px; height: 14px;
	text-indent: -2008%;
	margin-left: 1px;
}

.wide-content .nav {
	float:right;
	font-size:11px;
	margin-top: 30px;
	font-family: Arial Black;
	font-weight: bold;
	text-transform: uppercase;
	color: #CCCCCC;
}

.wide-content .nav a {
	text-decoration:none;
	color: #FFF;
	
}

.wide-content .nav a:hover {
	text-decoration:none;
	color: #66CCFF;
}

.wide-content .desc {
	color: #ffffff;
	font-size: 12px;
}

.wide-content p {
	margin-bottom:15px;
	line-height: 150%;
}

.wide-content a {
}

.wide-content .large {
	display:block;
	color:#FFFFFF;
	font-size:36px;
	font-weight:bold;
	letter-spacing:-3px;
	padding-top:20px;
	margin-bottom:30px;
}

.wide-content img {
	margin-left:15px;
	float:right;
	margin-bottom:5px;
}

.wide-content strong {
	color:#FFFFFF;
	font-weight:normal;
}

.wide-content em strong {
	display:block;
	font-size:24px;
	font-weight:bold;
	font-style:normal;
	margin-top:10px;
	margin-bottom:10px;
	letter-spacing:-2px;
	line-height:80%;
}

#portfolio-content {
	margin-left:7px;
}

.portfoio-cats {
	font-size:14px;
	margin-bottom:30px;
}

.wide-content .portfoio-cats a {
	text-decoration:none;
}

.wide-content .portfoio-cats a:hover {
	text-decoration:none;
}


.project {
	width: 185px;
	margin-right: 20px;
	margin-bottom: 25px;
	float: left;
}

.project a {
	width:189px;
	margin-right:8px;
}
.project a span {
	font-size:12px;
	display: block;
	padding-bottom:10px;
	text-transform: uppercase;
}

.project-thumb {
	background: url(../img/project.gif) no-repeat 0 0;
	width: 185px; height: 93px;
	position: relative;
}

.project-thumb img {
	position: absolute;
	left: 8px; top: 8px;
	z-index: 13;
}


.project-thumb .description {
	background: url(../img/thumb-description.gif) no-repeat 0 0;
	width: 169px; height: 75px;
	position: absolute;
	left: 8px; top: 8px;
	z-index: 10;
}

.project-thumb .description p {
	padding: 8px;
	font-size: 11px;
	text-transform: none;
	line-height: 140%;
	letter-spacing: 0.2px;
}


/*
.client h5 {
	font-size:14px;
	margin-bottom:5px;
}

.clientinfo {
	background-color:#313435;
	width:200px;
	height:120px;
}

.clientinfo img {
	float:none;
	margin:0;
}

.clientinfo p {
	padding:6px 5px 0 5px;
}
*/









#contact {
	line-height:120%;
	margin-left:10px;
	width:250px;
	float:left;
}

#contact #h4-contact-us {
	background: url(../img/h4-contact-us.gif) no-repeat 0 0;
	width: 94px; height: 15px;
	text-indent: -2008%;
}

#thumbs ul {
	float:left;
	margin-bottom:10px;
}

#thumbs li {
	float:left;
	margin-left:10px;
}

#thumbs li span {
	display:block;
	background: url(../img/gallery-nav.gif) no-repeat 0 0;
	width:15px;
	height:14px;
}

#thumbs li a:active span {
	background: url(../img/gallery-nav-active.gif) no-repeat 0 0;
}

#gal-nav a {
	background: url(../img/gal-inactive.gif) no-repeat 0 0;
	width: 16px; height: 17px; float: left;
	text-indent: -2008%; margin: 0 6px 5px 0;
	display: block;
}

#gal-nav .activeSlide {
	background: url(../img/gal-active.gif) no-repeat 0 0;
}

#slideshow {
	margin-top: 5px;
}
#slideshow img {
	cursor: pointer;
}

/* ============================ end homepage ============================= */

/* ============================ blog specific ============================ */

#content {
	position:relative;
	z-index:4;
	margin-left:10px;
	width:580px;
	float:left;
}

.post {
	margin-top:10px;
	margin-right:10px;
	width: 555px;
}

.post img {
	margin-top:5px;
	margin-bottom:5px;
}

.post a {
}

.post a:hover{
	text-decoration:none;
}

.post .date {
	background: url(../img/item.png) no-repeat -10px -5px;
	margin-bottom:25px;
	margin-right:10px;
	text-align:center;
	font-size:10px;
	font-weight: bold;
	color:#FFF;
	width:55px;
	height:56px;
	float:left;
}

.post .date strong {
	display:block;
	font-size:32px;
	margin-bottom: 2px;
}

.post span {	
	display:block;
	margin-top:10px;
}

.post_meta span { display: inline; }
.post_meta .comment_count {
	display: block;
	float: left;
	height: 18px;
	width: 35px;
	padding: 3px 0 0 2px;
	margin-right: 10px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background: url(../img/comment-bubble.gif) no-repeat;
}
.post_meta .comment_count:link, .post_meta .comment_count:visited { color: #FFF; }
.post_meta .comment_count:hover, .post_meta .comment_count:active { color: #FF0099; }

.post span a:link, .post span a:visited {
	color:#66CCFF;
	font-size:12px;
	display:inline;
}

.post span a:hover, .post span a:active {
	color:#FFFFFF;
}

.post p {
	margin-bottom:15px;
	line-height:170%;
	font-size:12px;
}

.post-line {
	background-color: #666666;
	position:relative; z-index:2;
	margin:10px 0 25px -4px;
	width:555px;
	height:1px;
	line-height: 0;
}

#sidebar {
	letter-spacing:0.4px;
	line-height:120%;
	font-size:12px;
	width:220px;
	float:right;
}

#sidebar p {
	line-height: 130%;
	margin-bottom: 10px;
}

#sidebar a {
}

#sidebar a:hover{
	text-decoration:none;
}

.sidebar-line {
	background-color: #666666;
	width:210px; height:1px;
	margin: 15px 0 0 0;
}

.recent-posts {
	width:210px; min-height:59px;
	font-size:11px;
	margin-bottom:10px;
}

.recent-posts span {
	display:block;
	padding-top:6px;
}

.recent-posts p {
	padding-top:5px;
	padding-right:10px;
	line-height:140%;
	color: #cccccc;
}

#tag-cloud p {
	line-height: 21px;
}

#tag-cloud a:link, #tag-cloud a:visited {
	color: #999999;
}
#tag-cloud a:hover, #tag-cloud a:active {
	color: #66CCFF;
}

#sidebar ul {
}

#sidebar li {
	line-height:160%;
	font-size:12px;
}

#sidebar #last-fm ul {
}

#sidebar #last-fm li {
	background: url(../img/plus.gif) no-repeat 0 5px;
	padding-left: 13px;
	line-height:160%;
	font-size:12px;
	margin-bottom: 8px;
}

#sidebar #left {
	float:left;
	width:100px;
}

#sidebar #right {
	float:right;
		width:100px;
}

/* ============================ portfolio ============================ */

/** control the appearance of the image switcher **/

#full {
	display:block; width:831px; height:640px;
	margin-top: 20px;
}

#small {
	display:block; width:565px; height:530px;
	float: left;
}

.gallery img {
	margin: 0;
	padding: 0;
	height: 600px;
}

#testimonial {
	width: 240px;
	float: right;
	margin-top: 235px;
}

#testimonial p.cite,
#testimonial blockquote,
#testimonial em{
	display: block;
	padding: 0 0 10px 20px;
	background: url(../img/ldquo.gif) no-repeat 0 0;
	width: 180px;
}
#testimonial p.cite strong,
#testimonial p.cite q,
#testimonial blockquote strong,
#testimonial em strong{
	display: block;
	padding: 10px 20px 1px 20px;
	background: url(../img/rdquo.gif) no-repeat 100% 100%;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 130%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 12px;
	width: 180px;
	color: #cccccc;
}



/* ========================== portfolio end ========================== */

/* ============================ case studies ============================ */


.case {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 10px;
}

.case p {
	margin-bottom: 10px;
}

.case h4 {
	margin-top:0;
	margin-bottom:7px;
}

.case .project-thumb {
	margin: 0;
	float: left;
}

.case .challenges {
	float: left;
	margin-left: 10px;
	width: 400px;
}

.case .right {
	float: left;
	width: 180px;
	margin-left: 15px;
}

.case .see-more {
	float: right;
	width: 180px;
	text-align: right;
}

/* ========================== case studies end ========================== */

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

/* ============================ form ============================== */

.row label {
	width: 100%;
	display: block;
}

.input-text {
	background:url(../img/input-text.gif) no-repeat 0 0;
	margin-bottom:6px;
	width:209px;
	height:19px;
	float:left;
}

.input-text input{
	display: block;
	width: 200px;
	margin: 0 5px;
	padding-top:4px;
	background: none; border: none;
	color: #999; font: normal 10px Arial, sans-serif;
}

.input-text2 {
	background:url(../img/input-text.gif) no-repeat 0 0;
	margin-bottom:6px;
	margin-top: 2px;
	width:182px;
	height:19px;
	float:left;
}

.input-text2 input{
	display: block;
	width: 175px;
	margin: 0 5px;
	padding-top:4px;
	background: none; border: none;
	color: #999; font: normal 10px Arial, sans-serif;
}


.input-textarea{
	float:left;
	position: relative;
	width: 209px; height: 64px;
	border:0;
	background:url(../img/input-textarea.gif) no-repeat 0 0;
	color: #999; font: normal 10px Arial, sans-serif;
}

.input-textarea textarea{
	display: block; position: absolute;
	color: #999; font: normal 10px Arial, sans-serif;
	top: 5px; left: 5px;
	width: 200px; height: 55px;
	max-width:200px; max-height:55px;
	background: none;
	border: 0;
	overflow: auto;
}

.submit-btn {
	background:url(../img/btn-submit.gif) no-repeat 0 0;
	margin-left:4px;
	cursor:pointer;
	border:0;
	width:10px;
	height:11px;
	float:left;
}

.submit-text {
	float:right;
	background:none;
	margin-right:21px;
	cursor:pointer;
	color:#FFFFFF;
	padding:0;
	border:0;
	border-bottom: 1px solid #66ccff;
}

.submit-text:hover {
	border-bottom: 1px solid #ffffff;
}

.contact-form {
	width:230px;
}

.contact-form .submit-btn {
	margin-top:50px;
}

.search-form {
	margin-top:30px;
}

.search-form .submit-btn {
	margin-top:5px
}

.mail-form .submit-btn {
	margin-top:5px
}

.mail-form .submit-text {
	background: url(../img/icon-mail.gif) no-repeat 0 0;
	padding-left:15px;
}

.right img {
	display:inline;
}


/* ========================== form end ============================ */


/* ============================ side-bar ============================ */



/* ========================== side-bar end ========================== */


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

#footer {
	margin-top:20px;
	font-size:13px;
	font-size: 11px;
}

#footer a {
	text-decoration:none;
	margin-left:10px;
}

#footer a:hover {
	text-decoration:none;
}

#footer .left {
	float:left;
	margin-left:10px;
}

#footer .right {
	float:right;
	margin-right:10px;
}

#address {
	line-height:120%;
	margin-left:10px;
	width:310px;
	float:left;
}

#address #h4-address {
	background: url(../img/h4-address.gif) no-repeat 0 0;
	width: 70px; height: 14px;
	text-indent: -2008%;
}

#address a {
}

#address a:hover {
	text-decoration:none;
}

#address .left {
	width:150px;
	float:left;
	margin-bottom:40px;
}

#address .left2 {
	width:180px;
	float:left;
	margin-bottom:40px;
}

#address #buttons a {
	color:#666666;
}

#address #buttons #email {
	display:inline;
	vertical-align:middle;
	padding-right:5px;
}

#h4-awards {
	background: url(../img/h4-awards.gif) no-repeat 0 0;
	width: 196px; height: 17px;
	text-indent: -2008%;
}

#foot-forms {
	line-height:120%;
	margin-left:10px;
	width:230px;
	float:right;
}

#h4-search {
	background: url(../img/h4-search.gif) no-repeat 0 0;
	width: 59px; height: 14px;
	text-indent: -2008%;
}

#h4-stay-in-touch {
	background: url(../img/h4-stay-in-touch.gif) no-repeat 0 0;
	width: 107px; height: 18px;
	text-indent: -2008%;
}

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

.commentlist {
	list-style: none;
	margin-top: 10px;
}
.commentlist li {
	list-style: none;
	padding-bottom: 7px;
	padding-top: 7px;
}

.job {
	font-size: 15px;
	text-transform: uppercase;
	color: #66ccff;
}

.recent-com {
	font-size: 11px;
	line-height: 140%;
}

.categories {
	margin-bottom: 15px;
	display: block;
}
.categories a {
	color: #ffffff;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	color: #ffffff;
	border: 1px solid #ccc;
	background-color: #000;
	padding: 5px;
	opacity: 0.85;
	text-transform: uppercase;
}
#tooltip h3, #tooltip div { margin: 0; font-family: Arial; font-size: 8px; }

#feedburner {
	background: url(../img/feedburner.gif) no-repeat;
	width: 15px; height: 14px; display: block;
	float: right;
	margin-top: 10px; margin-right: 10px;
}

#tooltip {
	background-color: #000000;
	border: 1px solid #cccccc;
	position: absolute;
	font-size: 10px;
	color: #FFF;
	display: none;

}

#tooltip span {
	display: block;
}

#services {
	background: url(../img/services.gif) no-repeat 0 0;
	width: 61px; height: 10px; text-indent: -2008%;
	margin-bottom: 15px;
	margin-top: 25px;
	margin-left: -10px;
}

#services-list {
	font-family: Arial Black;
	margin-left: -10px;
	text-transform: uppercase;
}

#services-list li {
	background: url(../img/jump-tick.gif) no-repeat 0 3px;
	padding-left: 30px; padding-bottom: 3px; height: 13px; margin-bottom: 10px;
	color: #999999; letter-spacing: -0.5px; font-size: 11px;
}

#services-list li a {
	color: #999999;
}
#services-list li a:hover {
	background: none;
}

a.search-title {
	font-family: Arial Black, Arial, Geneva;
	letter-spacing:0.1px;
	margin-top:10px;
	font-size:11px;
	text-transform: uppercase;
	color:#CCCCCC;
}

#comments, #respond {
	font-family: Arial Black, Arial;
	padding-top: 25px;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0; padding: 0;
	margin-top: -10px;
	clear: both;
}