h4 { font-size:18px; color:#2b2e3b; padding-bottom:15px; }
h2#selected_title a { text-align:left; color:#2b2e3b; font-size:24px; font-weight:bold; }
	h2#selected_title a:hover { color:#D92E2E; }

body#welcome { background:url(../../img/v3/bg.gif) #fff repeat-x; overflow-x: hidden; }
body { background:url(../../img/v3/bg-interior.gif) #fff repeat-x; overflow-x: hidden; }
#wrap { margin:0 auto; overflow:hidden; background-position:0 0; width:100%; height:auto; }
#content_wrap { width:950px; margin:0 auto; overflow:hidden; }
#header { margin-top:30px; overflow:hidden; position:relative; }
#header ul { overflow:hidden; margin: 0px; padding: 0 0 10 0; list-style-type: none; text-align: left; }
#header ul li { float:left; color:#000; font-size:14px;}
	#header ul li#location { position:absolute; right:0; top:16px; }
#header ul li a { text-decoration:none; font-size:18px; float:left; margin:0; height:auto; width:auto; color:#000; font-weight:bold; padding:12px 15px 0 10px; }
	#header ul li a:hover, #news_bg ul li a:hover, #header ul li a.selected { color:#d92e2e; }
#header ul#tagline { margin-top:10px; padding:15px 0; clear:both; width:100%; float:left; overflow:hidden; border-top:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9; }
	#header ul#tagline li { font-size:24px; color:#5f5f5f; }
	#header ul#tagline li span { color:#2687ff; }
#header ul li a#logo { background:url(../../img/v3/image-bgds.gif) no-repeat 0 0; width:195px; height:25px; float:left; }

/* Links */
#services a, #about a { color:#197EF0; }
	#services a:hover, #about a:hover { color:#D92E2E; }

p a { color:#2687FF; }

.column-left, .column-right { width:440px; overflow:hidden; }
.column-left { float:left; }
.column-right { float:right; }

#portfolio { margin-bottom:30px; height:420px; width:100%; overflow:hidden; position:relative; }
#portfolio a#arrow-left, #portfolio a#arrow-right { background:url(../../img/v3/image-bgds.gif) no-repeat; display:block; height:44px; position:absolute; top:140px; width:20px; }
#portfolio a#arrow-left { background-position:0 -36px; left:0px; }
#portfolio a#arrow-left:hover { background-position:-20px -36px; }
#portfolio a#arrow-right { background-position:-62px -36px; right:0px; }
#portfolio a#arrow-right:hover { background-position:-42px -36px; }

#portfolio #container_outer { height:340px; left:30px; margin-left:8px; overflow:hidden; position:absolute; top:10px; width:874px; }
#portfolio #container_outer #container_inner { height:300px; margin-top:15px; overflow:hidden; padding-top:20px; width:2300px; }
#portfolio #container_outer a#item1, 
	#portfolio #container_outer a#item2,
		#portfolio #container_outer a#item3, 
			#portfolio #container_outer a#item4,
				#portfolio #container_outer a#item5 { display:block; float:left; overflow:hidden; text-align:center; width:292px; }
#portfolio #container_outer a#item1,
	#portfolio #container_outer a#item3 { height:283px; }
#portfolio #container_outer a#item2,
	#portfolio #container_outer a#item4,
		#portfolio #container_outer a#item5 { height:262px; margin-top:15px; }
#portfolio #container_outer a#item1 { background-position:0 0; }
#portfolio #container_outer #container_inner a img { position:relative; }

#portfolio #bar { float:left; background:url(../../img/v3/image-bgds.gif) no-repeat; background-position:0 -81px; width:920px; height:70px; padding:25px 15px 0; position:absolute; bottom:0; left:0; }
#portfolio h3 { padding-top:10px; }

#casestudies, #services, #about, #contact, #iphone, #case-studies { margin-top:20px; }
#casestudies .round-cornered, #services .round-cornered, #about .round-cornered, #contact .round-cornered, #service .round-cornered, #case-studies .round-cornered { margin-top:20px; }
#casestudies .round-cornered .c1, #services .round-cornered .c1, #about .round-cornered .c1, #service .round-cornered .c1, #contact .round-cornered .c1, #case-studies .round-cornered .c1 { height:18px; background:url(../../img/v3/top-left-corner.gif); }
#casestudies .round-cornered .c2, #services .round-cornered .c2, #about .round-cornered .c2, #service .round-cornered .c2, #contact .round-cornered .c2, #case-studies .round-cornered .c2 { margin-top:-20px; height:18px; background:url(../../img/v3/top-right-corner.gif) right no-repeat; }
#casestudies .round-cornered .c3, #services .round-cornered .c3, #about .round-cornered .c3, #service .round-cornered .c3, #contact .round-cornered .c3, #case-studies .round-cornered .c3 { height:18px; background:url(../../img/v3/bottom-left-corner.gif); }
#casestudies .round-cornered .c4, #services .round-cornered .c4, #about .round-cornered .c4, #service .round-cornered .c4, #contact .round-cornered .c4, #case-studies .round-cornered .c4 { margin-top:-18px; height:18px; background:url(../../img/v3/bottom-right-corner.gif) right no-repeat; }
#casestudies .round-cornered .in, #services .round-cornered .in, #about .round-cornered .in, #service .round-cornered .in, #contact .round-cornered .in, #case-studies .round-cornered .in { margin-top:-10px; overflow:hidden; padding:0px 10px; background: url(../../img/v3/middle.gif) #f3f3f3 repeat-y; }
#casestudies h1 { font-size:24px; margin-bottom:5px; }
#casestudies #description, #service #description { overflow:hidden; border:1px solid #e5e5e5; clear:both; font-size:13px; color:#2b2e3b; min-height:330px; padding:30px 15px; background-color:#fff; }
#services #description, #about #description, #contact #description, #case-studies #description { overflow:hidden; clear:both; border:1px solid #e5e5e5; font-size:11px; color:#2b2e3b; padding:30px 15px 10px; background-color:#fff; }
#services #description p, #about #description p, #contact #description p, #service #description p, #case-studies #description p { font-size:14px; padding-bottom:25px; }
	#case-studies #description p { padding-bottom:0; }
#casestudies #description .column-border, #services #description .column-border { float:left; padding-right:10px; border-right:1px solid #e5e5e5; height:100%; width:278px; }
#casestudies #description .column-two, #casestudies #description .column-three { width:288px; float:left; }
#casestudies #description h2 { font-size:14px; margin-bottom:20px; }
#casestudies #description p,
	#casestudies #description ul { margin-bottom:20px; }
#casestudies #description .testimonial { background-color:#efefef; color:#000; font-size:16px; padding:5px; width:270px; }	
#casestudies ul li { list-style-type:none; }
#casestudies a img { margin:10px 0; }
#casestudies p span.date, #casestudies p span { padding-top:20px; padding-bottom:20px; font-weight:bold; font-size:14px; clear:both; display:block; }
#casestudies .twitter-feed { display:block; margin-bottom:38px; }
#casestudies span { clear:both; display:block; font-size:14px; font-weight:bold; }
#casestudies .testimonial,
	#casestudies .mefertil { padding:20px 0; }
#casestudies .column-three .mefertil { color:#000; }
#casestudies .mefertil span { color:#197EF0; }
#casestudies .more { display:block; margin-top:20px; }
#casestudies #description h2.related,
	#description #casestudies ul.related { margin:0; }
.clear { clear:both; }

/* Case Studies */
#case-studies #cs_intrakt, #case-studies #cs_repoweramericawall, #case-studies #cs_mefertil, #case-studies #cs_creople, #case-studies #cs_clubheads, #case-studies #cs_mercy, #case-studies #cs_urgentcareer, #case-studies #cs_medidata, #case-studies #cs_ehire { background: url(../../img/v3/case-studies-bg.jpg) no-repeat 0 0; border:1px solid #ccc; float:left; height:170px; margin-bottom:0px; width:438px; }
#case-studies #cs_intrakt { background-position:0 0; }
#case-studies #cs_repoweramericawall { background-position:0 -179px; }
#case-studies #cs_mefertil { background-position:0 -360px; }
#case-studies #cs_creople { background-position:0 -543px; }
#case-studies #cs_clubheads { background-position:0 -720px; }
#case-studies #cs_mercy { background-position:0 -903px; }
#case-studies #cs_urgentcareer { background-position:0 -1110px; }
#case-studies #cs_medidata { background-position:0 -1282px; }
#case-studies #cs_ehire { background-position:0 -1477px; }

#case-studies .cs_description { width:428px; background-color:#FCB6B3; padding:5px; clear:both; float:left; border:1px solid #999; height:20px; margin-bottom:15px; text-align:center; }

#case-studies .yellow { background:#f7fb94; }
#case-studies .green { background:#8ffba3; }
#case-studies .grey { background:#e3e3e3; }
#case-studies .cs_description p { font-size:14px; }
#casestudies a, #casestudies a:visited { color:#197EF0; }
	#casestudies a:hover { color:#D92E2E; }

/* Services */
#services .icon { margin-top:20px; padding-right:10px; width:128px; float:left; overflow:hidden; }
#services .service { margin-top:20px; float:left; width:290px; overflow:hidden; height:260px; }
#services .right { padding-right:0; }

#services #xp, #services #iphone, #services #strategic, #services #iphone-fb, #services #fb, #services #sys-arc, #services #web-app, #services #ent-app  { background:url(../../img/v3/image-bgds.gif) no-repeat -525px -755px; width:122px; height:122px; }
#services #xp { background-position:0 -755px; }
#services #web-app { background-position:-650px -775px; }
#services #ent-app { background-position:-785px -790px; }
#services #iphone { background-position:-130px -755px; }
#services #strategic { background-position:-930px -775px; }
#services #iphone-fb { float:left; clear:both; background-position:-250px -755px; }
#services #fb { background-position:-385px -755px; }
#services #sys-arc { float:left; clear:both; background-position:-525px -755px; }
#services #photo { background: url('../../img/v3/photography/camera_icon.jpg') no-repeat 30px 13px ; height: 122px; width: 122px;  }


/* Photography */
#service.photography a:link, #photo_page_wrapper a:link,
#service.photography a:hover, #photo_page_wrapper a:hover,
#service.photography a:active, #photo_page_wrapper a:active,
#service.photography a:visited, #photo_page_wrapper a:visited { color: blue; }
#service.photography ul li a { font-size: 14px; }

#client_list li { float: left; padding: 10px; margin: 10px 10px 0 0;
border: solid 1px #aaa; background: #eee; width: 190px; min-height: 140px; }
#client_list img { clear:right; float: none; max-width: 190px; }
#client_list span { color: #666; clear: left; float: right; }

#service.photography #col1 { float: left; width: 650px; }
#service.photography #col2 { float: left; width: 220px; }

#photo_page_wrapper { min-height: 400px; color: #fff   }
#photo_page_wrapper h4 { color: #fff  }
.thumb { opacity: 0.6; }
.first { opacity: 1; }
#left { padding: 10px 0 10px 10px; background: #000; float: left; height: 560px; overflow: none; width: 220px; margin: 10px 0 0 0;  }
#center { padding: 50px 0 0 0; background: #000; float: left; height: 530px; overflow: none; width: 520px; margin: 10px 0 0 0;  }
#right { background: #000; float: left; height: 555px; overflow: none; width: 200px; margin: 10px 0 0 0; padding: 25px 0 0 0; }
#right p { margin: 0 0 4px 0; }

#row1 { clear: both;  }
#row2 { clear: both;}
#photog_list { clear: both; }

#large_photo { min-width:100px; min-height: 300px; background:  url('../../img/v3/photography/ajax-loader.gif') no-repeat 250px 200px; }
#photo_description { color: #fff;  padding:  20px 20px 20px 0px; font-size: 12px;  }
#photographer_details  { padding: 10px 0 0 0; color: #333;  }
#photographer_details p { font-size: 15px; }

.photography #photo { float:left; xwidth:650px; min-height: 333px; overflow:hidden; background:url('../../img/v3/photography/loader.gif') no-repeat 210px 130px; }
.photography #desc { xwidth: 350px; float: left; margin: 34px 0 0 20px; }
.photography #client_list ul { overflow: auto; }
/* Service */
#service #intro { float:right; width:560px; overflow:hidden; }
#service #picture { float:left; width:300px; overflow:hidden; }

/* Services - UX */
#service ul { margin-bottom:10px; }
#service ul li { margin-bottom:5px; }

/* About */
#about ul li { display:inline; float:left; }
#about .heads { float:left; margin-bottom:25px; width:100%; }
#about .head { float:left; width:33%; }
#about #description .heads .head p { margin-top:5px; padding-bottom:0; padding-right:90px; }
#about ul li a#twitter, #about ul li a#vimeo, #about ul li a#linkedin, #about ul li a#facebook, #about ul li a#younoodle, #about ul li a#pipio { background:transparent url(../../img/v3/about-bgds.gif) no-repeat 0 0; display:block; height:40px; margin-right:10px; }
#about ul li a#twitter { background-position:0 0; width:173px; }
#about ul li a#vimeo { background-position:-185px 0; width:120px; }
#about ul li a#linkedin { background-position:-320px 0; width:150px; }
#about ul li a#facebook { background-position:-490px 0; width:105px; }
#about ul li a#younoodle { background-position:-618px 0; width:122px; }
#about ul li a#pipio { background-position:-755px 0; width:90px; }

/* Contact */
#contact #labs_map{ float:left;  }
#labs_map object { width:430px; height:355px; border: none; overflow: none; margin:0; padding:0; }
#contact #contact_form { float:right; width:430px; }
#contact #contact_form span { clear:both; display:block; float:left; }
#contact #contact_form input { border:1px solid gray; float:left; padding:3px 4px; width:190px; height:15px; margin:10px; }
	#contact #contact_form input.button { width:50px; border:0 solid #fff; padding:3px 6px; height:25px; background-color:gray; color:white; font-weight:bold; }
	#contact #contact_form input.button:hover { cursor:pointer; background-color:#D92E2E; }
#contact #contact_form label { font-size:14px; width:120px; float:left; padding-right:10px; margin:10px; }
#contact #contact_form label#tell_us { width:130px; }
#contact #contact_form textarea { margin-top:10px; float:left; border:1px solid gray; width:190px; padding:5px; color:#2B2E3B; font-size:12px; font-family:"Droid Sans", Arial, Helvetica, sans-serif; }
#contact #how_to_contact { float:right; width:430px; }
#contact #how_to_contact li { font-size:14px; padding-bottom:10px; }

#clients { text-align:center; padding:10px 15px 0; float:left; background:url(../../img/v3/image-bgds.gif) no-repeat 0 -452px; width:930px; height:85px; float:left; overflow:hidden; margin-top:30px; }

.featured a.featured-project { margin-top:-3px; float:left; color:#fff; font-size:14px; font-weight:bold; }
#portfolio a.read-more { background:url(../../img/v3/image-bgds.gif) no-repeat; background-position:-210px -1px; width:80px; height:20px; position:absolute; right:15px; top:70px; padding-left:35px; }
	#portfolio a.read-more:hover, .featured a.read-more:hover, #footer ul li a:hover, .featured a.featured-project:hover { color:#D92E2E; }
	
.featured { padding:10px 15px 0;float:left; background:url(../../img/v3/image-bgds.gif) no-repeat; background-position:0 -180px; width:430px; height:254px;  position:relative; }
	.featured img { border:1px solid #7791bd; }
.featured a.read-more { background:url(../../img/v3/arrows-small.gif) no-repeat; width:75px; height:16px; position:absolute; right:0; color:#fff; bottom:3px; padding-left:20px; }
#news_bg { padding:5px; float:left; background:url(../../img/v3/image-bgds.gif) no-repeat; background-position:-470px -192px; width:420px; height:189px; }
#news_bg ul li { padding-bottom:10px; }
#news_bg ul li a { color:#197ef0; font-size:14px; line-height:1.4em; }
#news_bg ul li span { clear:both; color:#3e4044; font-size:13px; display:block; }

#footer { background:url(../../img/v3/image-bgds.gif); background-position:0 -547px; width:100%; height:100px; background-repeat:repeat-x; }
#footer ul { padding-top:10px; width:950px; text-align:center; margin:0 auto; }
#footer ul li { color:#2f3a3b; display:inline;}
#footer ul li a { color:#2f3a3b; padding:0 5px; font-size:14px; }
.copyright { display: block;  clear:both; margin: 30px 0 5px 0; text-align: center; font-size: 10px; color: #999}
.copyright a:link, 
	.copyright a:visited, 
	.copyright a:hover, 
	.copyright a:active { color: #999; } 
.address { display: block;  clear:both; margin: 10px auto; text-align: center; font-size: 10px; color: #666}
.address a:link, 
	.address a:visited, 
	.address a:hover, 
	.address a:active { color: #666; }

.google-img { border:1px solid #A9A9A9; margin:5px 0; padding:20px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }

#casestudy-popstay-main, #casestudy-intrakt-main, #casestudy-repower-main, #casestudy-urgentcareer-main, #casestudy-medidata-main, #casestudy-ehire-main { border:1px solid #ccc; border-bottom:0px solid #000; background:transparent url(../../img/v3/case_studies.jpg) no-repeat 0 0; width:719px; height:201px; float:left;  }
#casestudy-popstay-main { background-position:0 0; }
#casestudy-intrakt-main { background-position:0 -340px; }
#casestudy-urgentcareer-main { background-position:0 -1430px; }
#casestudy-medidata-main { background-position:0 -1860px; }
#casestudy-ehire-main { background-position:0 -2260px; }
#casestudy-repower-main { background-color:#000; background-image:none; height:360px; }
#casestudy-repower-main object { display:block; margin:10px 0 0 79px; }

#casestudy-mefertil-main { border-bottom:0 solid #fff; background:url(../../img/v3/case_studies.jpg); background-position:0px -554px; width:719px; height:201px; float:left;  }
.mefertil-col3 h5 { color:#000; font-size:14px; font-weight:bold; margin-bottom:20px; }
.mefertil-col3 .social-media-list li { font-weight:bold; margin-bottom:40px; }
.mefertil-col3 .social-media-list li a { color:#197EF0; font-size:14px; font-weight:bold; }
.mefertil-col3 .social-media-list li a:hover { color:#D92E2E; }

#casestudy-clubheadsradio-main { border-bottom:0 solid #fff; background:url(../../img/v3/case_studies.jpg) 0 -760px; width:719px; height:201px; float:left;  }
#casestudy-mercy-main { border-bottom:0px solid #fff; background:url(../../img/v3/case_studies.jpg) 0 -1050px; width:719px; height:201px; float:left; }

#casestudy-subhead { border-top:0 solid #fff; width:709px; border:1px solid #caa57c; background-color:#fcb6b3; padding:5px; margin-bottom:10px; clear:both; float:left; }
#casestudy-description-head { float:right; width:200px; /*height:200px;*/ overflow:hidden; font-size:14px; }

a#case-one, a#case-two, a#case-three, a#case-four, a#case-five { background:transparent url(../../img/v3/case_studies.jpg) no-repeat 0 0; border:1px solid #999; display:block; float:left; height:130px; position:relative; width:278px; }
a#case-one, a#case-two, a#case-four { margin-right:45px; }
a#case-one { background-position:0 -206px; }
a#case-two { background-position:-280px -206px; }
a#case-three { background-position:-565px -206px; }
a#case-four {  background-position:-865px -204px; }
a#case-five { background-position:-1185px -206px; }

.case-study-thumb span { background-color:#b2ccfe; color:#fff; font-size:24px; width:258px; height:26px; padding:10px; position:absolute; bottom:0; left:0; }

/* Jobs Page */
.job { overflow:none; float:left; width:397px; min-height:350px; padding:20px; margin:12px 10px 0 0; }
.job .img_wrapper { float:right; width:150px; padding:10px; border:solid 2px #ddd; background:#fff; text-align:center;}
.job img { border:none; }
.jobdetails label { width:200px; }
.job input { font-size:15px; border:none; padding:0; margin:10px 0 10px 0; width:auto; color:red; background:none; height:auto; }
.job input:hover { background:none }
.jobtype { overflow:none; clear:both; }
span.offsite, span.freelance { font-size:10px; font-weight:bold; padding:0 10px 0 0; margin:0 0 5px 0; }
span.jobname { color:#1069A8; font-weight:bold; }
.jobdetails { width:495px; }
div.sig5description { background:#cfebff; border:solid 2px #3287f0; }
div.bizdev { background-color:#fbff8c; border:solid 2px #f0ca32; }
div.frontend, div.iphone { background-color:#ffbd77; border:solid 2px #f07932;  }
ul.applicationinstructions li { list-style-type:square; margin:0 0 0 25px; font-size:12px; }
div.job h2 { margin:0; padding:0; }
div.job p { width:220px; font-size:11px; margin:10px 0 0 0; }
.job p.left { float:left; }
.job form { clear:both; }
input.file { height:29px; margin:5px 4px 4px 0; padding:7px 3px; width: 255px; }
input.apply-resume { height:20px; }

.jobdetails input { border:1px solid gray; float:left; padding:3px 4px; width:190px; height:15px; margin:10px; }
	.jobdetails input.button { width:50px; border:0 solid #fff; padding:3px 6px; height:25px; background-color:gray; color:#fff; font-weight:bold; }
	.jobdetails input.button:hover { cursor:pointer; background-color:#D92E2E; }
.jobdetails label { font-size:14px; width:120px; float:left; padding-right:10px; margin:10px; }
.jobdetails label#tell_us { width:130px; }
.jobdetails textarea { margin-top:10px; float:left; border:1px solid gray; width:190px; padding:5px; color:#2B2E3B; font-size:12px; font-family:"Droid Sans", Arial, Helvetica, sans-serif; }

/* About */
.the-guys { width:100%; clear:both; float:left; }
.the-guys .guy { float:left; width:50%; }
.the-guys .guy img { float:left; margin-right:10px; }
.the-guys .guy span { display:block; }
.the-guys h3 { color:#2B2E3B; font-size:18px; margin-bottom:20px; }
#twitter { clear:both; }
#twitter h2 { width:400px; padding-left:10px; float:left; }
.retaggr { float:right; }
.about-img { float:left; margin-bottom:15px; }
#about #twitter { font-size:14px; }
#twitter_update_list { clear:both; }
#about .job p { margin: 0 0 5px 0; float:right; }
#about .info p { float:left; }
#about li span { font-size:14px; }

/* About Shameel */
.aboutshameel li, #about li { background-color:#efefef; font-size:11px; list-style-type:none; margin:10px 0 0 0; padding:10px; }
.aboutshameel li.firstTweet { font-size:15px; font-weight:bold; }
.aboutshameel .job h2 { font-size:15px; }
.aboutshameel .job img { float:left; margin:0 10px 10px 0; }
.aboutshameel .job p { margin: 0 0 5px 0; float:right;  }
.aboutshameel .widescreen { float:left; margin-top:12px; }