/***** Site Titles *****/
.case_study
{
    background-image:url('images/titles/case_study.jpg');
    background-repeat:no-repeat;
    width:940px; height:48px;
    margin-top:20px;
    text-indent:-9999px;
}

.upcoming_projects
{
    background-image:url('images/titles/upcoming_projects.jpg');
    background-repeat:no-repeat;
    width:940px; height:62px;
    text-indent:-9999px;
}

.how_we_do_it
{
    background-image:url('images/titles/how_we_do_it.jpg');
    background-repeat:no-repeat;
    width:940px; height:48px;
    margin-top:20px;
    text-indent:-9999px;
}

.who_we_are
{
    background-image:url('images/titles/who_we_are.jpg');
    background-repeat:no-repeat;
    width:940px; height:48px;
    margin-top:20px;
   text-indent:-9999px;
    text-indent:-9999px;
}

.careers
{
    background-image:url('images/titles/career_title.jpg');
    background-repeat:no-repeat;
    width:940px; height:40px;
    margin-top:20px;
    text-indent:-9999px;
}

.what_we_do
{
    background-image:url('images/titles/what_we_do.jpg');
    background-repeat:no-repeat;
    width:940px; height:48px;
    margin-top:20px;
    text-indent:-9999px;
}

.our_technology
{
    background-image:url('images/titles/our_technology.jpg');
    background-repeat:no-repeat;
    width:940px; height:48px;
    margin-top:20px;
    text-indent:-9999px;
}

.the_team
{
    background-image:url('images/titles/the_team.jpg');
    background-repeat:no-repeat;
    width:940px; height:53px;
    text-indent:-9999px;
}

.contacts
{
    background-image:url('images/titles/contacts.jpg');
    background-repeat:no-repeat;
    width:940px; height:60px;
    margin-top:20px;
    text-indent:-9999px;
}

.blog_title
{
    background-image:url('images/titles/blog.jpg');
    background-repeat:no-repeat;
    width:940px; height:48px;
    margin-top:20px;
    text-indent:-9999px;
}

.cms_big
{
	background-image:url('images/titles/cms_big.jpg');
    background-repeat:no-repeat;
    width:940px; height:69px;
    margin-top:20px;
}

.crm_big
{
	background-image:url('images/titles/crm_big.jpg');
    background-repeat:no-repeat;
    width:940px; height:69px;
    margin-top:20px;
    text-indent:-9999px;
}

.design_branding_big
{
	background-image:url('images/titles/design_branding_big.jpg');
    background-repeat:no-repeat;
    width:940px; height:69px;
    margin-top:20px;
    text-indent:-9999px;
}

.digital_marketing_big
{
	background-image:url('images/titles/digital_marketing_big.jpg');
    background-repeat:no-repeat;
    width:940px; height:69px;
    margin-top:20px;
    text-indent:-9999px;
}

.ecommerce_big
{
	background-image:url('images/titles/ecommerce_big.jpg');
    background-repeat:no-repeat;
    width:940px; height:69px;
    margin-top:20px;
    text-indent:-9999px;
}

.outsourcing_big
{
	background-image:url('images/titles/e-eoutsourcing_big.jpg');
    background-repeat:no-repeat;
    width:940px; height:69px;
    margin-top:20px;
    text-indent:-9999px;
}

h1 span
{
	visibility:hidden;
}
h2 span
{
    visibility:hidden;
}
/***** Site Titles End *****/

#casestudy_container
{
    width:940px;
    font-family:Georgia;
	padding-bottom:20px;
	overflow:hidden;    
}

#casestudy_container #left
{
    float:left;
    width:480px;
    margin-top:28px;
}

#casestudy_container #left .title
{
    width:460px;
    height:93px;
    line-height:25px;
    border-bottom:solid 1px #3e3e3e;
}

#casestudy_container #left .title span
{
    font-size:14px;
    font-weight:normal;
    color:#00a6eb;
}

#casestudy_container #left .title h2
{
    font-size:32px;
    font-weight:normal;
    color:#fff;
    line-height:35px;
}

#casestudy_container #left .title h3
{
    font-size:17px;
    font-weight:normal;    
    color:#fff;
}

#casestudy_container #left .title a
{
    font-size:11px;
    font-weight:normal;
    color:#00a6eb;
    float:right;
    margin-top:-22px;
}
#casestudy_container #left .title a:hover
{
    color:#fff;
}

#casestudy_container #left h2.title_keyfeatures
{
    background-image:url('images/titles/key_features.jpg');
    background-repeat:no-repeat;
    width:460px; height:59px;
    margin-top:50px;
}

#casestudy_container #left h2.title_keyfeatures span
{
    visibility:hidden;
}

#casestudy_container #left ul#features
{
    width:460px;
    padding-top:18px;
    padding-left:10px;
}

#casestudy_container #left ul#features li
{
    background-image:url('images/circle.jpg');
    background-repeat:no-repeat;
    background-position:left;
    width:400px; height:22px;
    padding-left:15px;
    padding-top:4px;
    font-size:12px;
    font-weight:normal;
}
.casestudies-link
{
   font-size:11px;
}
#casestudy_container .feature-title
{
   color:#fff;
   font-size:16px;
   margin-bottom:15px;
}

#casestudy_container #left ul#features li a
{
   color:#fff;
   cursor:pointer;
}

#casestudy_container #left ul#features li a:hover
{
    color:#067dbc;
}

#casestudy_container #left .leftcontent
{
    width:460px;
    margin-top:11px;
}

#casestudy_container #left .leftcontent p
{
    font-size:12px;
    font-weight:normal;
    line-height:19px;
    margin-top:5px;
}

#casestudy_container #right
{
    float:right;
    width:460px;
}

#casestudy_container #right .likebutton
{
    margin-top:70px;
    margin-left:200px;
}

#casestudy_bottom #right
{
    float:right;
    width:460px;
}

#casestudy_bottom #right h2.title_team
{
    background-image:url('images/titles/notes_by_the_team.jpg');
    background-repeat:no-repeat;
    width:460px; height:59px;
}


#casestudy_bottom #right .memberbox .member p
{
    font-size:11px;
    font-weight:normal;
    line-height:16px;
    margin-top:7px;
}


#casestudies_top
{
    width:940px;
    height:130px;
    font-family:Georgia;
}

#casestudies_top .left
{
    float:left;
    width:460px;
}

#casestudies_top .left p
{
    font-size:24px;
    font-weight:normal;
    color:#fff;
    line-height:28px;
    margin-top:18px;
}

#casestudies_top .right
{
    width:460px;
    float:right;
}

#casestudies_top .right p.gray
{
    color:#707070;
    font-size:14px;    
    line-height:18px;
    margin-top:17px;    
}

#casestudies_top .right p.blue
{
    color:#00a6eb;
    font-size:14px;        
    margin-top:17px;
}

#casestudies_bottom
{
    width:940px; /*height:450px;*/
    clear:both;
}

#casestudies_bottom img
{
    float:left;
    width:220px;
    height:131px;
    margin-top:18px;
    margin-right:20px;
}

#casestudies_bottom img.last
{
    margin-right:0px;
}

#casestudies_bottom img:hover
{
    opacity:0.4;
    filter:alpha(opacity=60);
}

/***** How We Do It *****/
#howwedo_content
{
    width:940px;
    padding-top:25px;    
    /*padding-bottom:40px;*/
}

#howwedo_content .left
{
    float:left;
    width:460px;
}

#howwedo_content .left p
{
    font-size:24px;
    font-weight:normal;
    font-family:Georgia;
    color:#fff;
    line-height:28px;
}

#howwedo_content .left p.gray
{
    font-size:14px;
    font-weight:normal;
    font-family:Georgia;
    color:#707070;
    line-height:19px;
}

#howwedo_content .left p.blue
{
    font-size:14px;
    font-weight:normal;
    font-family:Georgia;
    color:#009bdb;
    line-height:19px;
}

#howwedo_content .right
{
    float:right;
    width:460px;
    margin-top:-12px;
}

#howwedo_content .right h2
{
    font-family:Georgia;
    font-size:18px;
    font-weight:normal;
    color:#009bdb;
    margin-top:22px;
}

#howwedo_content .right p.italicblue
{
    font-family:Georgia;
    font-size:16px;
    font-weight:normal;
    font-style:italic;
    color:#00a1e4;
    line-height:21px;
}

#howwedo_content .right p
{
    font-family:Georgia;
    font-size:14px;
    font-weight:normal;
    color:#707070;
    margin-top:12px;
    line-height:17px;
}

#howwedo_content .right span
{
    font-size:12px;
    font-style:italic
}

#howwedo_content .right ul#technology
{
    width:460px;
}

#howwedo_content .right ul#technology li
{
    background-image:url('images/white_circle.jpg');
    background-repeat:no-repeat;
    background-position:left;
    width:400px; height:18px;
    padding-left:15px;
    padding-top:2px;
    font-size:14px;
    font-weight:normal;
    color:#009bdb;
}

#howwedo_content .memberbox
{
    width:460px;
    margin-top:20px;
    position:relative;
    overflow:hidden;
}

#team_member
{
    width:940px;
    margin-top:10px;
}

#team_member .memberbox
{
    float:left;
    width:460px;
    margin-top:20px;
}

#team_member .memberbox img
{
    float:left
}
#team_member .memberbox .member
{
    width: 380px;
    float:right;
}
/* Twitter Icon */
#team_member .memberbox .member .twitter_icon
{
    height: 17px;
    width: 17px;
    background-image: url('images/team_twitter.jpg');
    background-repeat:no-repeat;
    float:left;
    margin-right:5px;
}
#team_member .memberbox .member .twitter_icon:hover
{
    background-position: 0 -17px;
}

/* LinkIn Icon */
#team_member .memberbox .member .linkin_icon
{
    height: 17px;
    width: 17px;
    background-image: url('images/team_linkin.jpg');
    background-repeat:no-repeat;
    float:left;
}
#team_member .memberbox .member .linkin_icon:hover
{
    background-position: 0 -17px;
}


#team_member .memberbox .member span.personal
{
    margin-right:10px;
    font-size:12px;
}
#team_member .memberbox .member p
{
    font-size:11px;
    font-weight:normal;
    line-height:16px;
    margin-top:7px;
}

#team_focus
{
    width:940px;
    margin-top:20px;
}

#team_focus p
{
    width:460px;
    font-size:14px;
    font-weight:normal;
    margin-left:240px;
    line-height:18px;
}

/***** Blogs *****/

#blog_content
{
    width:940px;
}

#blog_content .left
{
    float:left;
    width:220px;
    padding-top:63px;
}

#blog_content .left .title_archive
{
    background-image:url('images/titles/archive.jpg');
    background-repeat:no-repeat;
    width:220px; height:47px;
}

#blog_content .left ul#calander
{
    margin-left:60px;
 }

#blog_content .left ul#calander li a.normal
{
    font-size:12px;
    font-weight:normal;
    color:#535353;
}

#blog_content .left ul#calander li a.selected
{
    font-size:12px;
    font-weight:bold;
    color:#00a6eb;
}

#blog_content .left ul#calander li.year
{
    font-size:16px;
    font-weight:bold;
    color:#fff;
    margin-top:4px;
    margin-bottom:4px;
}

#blog_content .right
{
    float:right;
    width:700px;
}

#blog_content .right p.general
{
    font-family:Georgia;
    font-size:12px;
    font-weight:normal;
    line-height:17px;
    color:#fff;
    width:460px;
    margin-top:20px;    
}

#blog_content .right .blogcontainer
{
}

#blog_content .right .blogcontainer .blogbox
{
    background-repeat:no-repeat;    
    width:700px; height:197px;
    position:relative;
    margin-top:20px;
}
#blog_content .right .blogcontainer .blogbox .bgpost
{   
    position:absolute;
}
#blog_content .right .blogcontainer .blogbox .date
{
    font-family:Georgia;
    font-size:11px;
    font-weight:normal;
    color:#00a6eb;
    position:absolute;
    top:32px; left:0px;
}

#blog_content .right .blogcontainer .blogbox .date2
{
    font-family:Georgia;
    font-size:11px;
    font-weight:normal;
    color:#00a6eb;
    position:absolute;
    top:116px; left:0px;
}

#blog_content .right .blogcontainer .blogbox .title
{
    font-family:Georgia;
    font-size:22px;
    font-weight:normal;
    color:#fff;
    position:absolute;
    top:54px; left:0px;
    line-height:28px;
}

#blog_content .right .blogcontainer .blogbox .title2
{
    font-family:Georgia;
    font-size:22px;
    font-weight:normal;
    color:#fff;
    position:absolute;
    top:137px; left:0px;
    line-height:28px;
}

#blog_content .right .blogcontainer .blogbox p
{
    font-family:Georgia;
    font-size:11px;
    font-weight:normal;
    width:433px;
    color:#535353;
    position:absolute;
    top:85px; left:0px;
    line-height:17px;
}

#blog_content .right .blogcontainer .readmore
{
    background-image:url('images/readmore.jpg'); 
    background-repeat:no-repeat;
    width:78px; height:23px;
    display:block;
    position:absolute;
    top:138px;
    left:362px;
}

#blog_content .right .blogcontainer .readmore span
{
	visibility:hidden;
}

#blog_content .right .blogcontainer .back
{
    background-image:url('images/back.jpg'); 
    background-repeat:no-repeat;
    width:55px; height:23px;
    display:block;
    position:absolute;
    top:-23px;
    right:0px;
}

#blog_content .right .blogcontainer .blogdescription
{
    margin-top:20px;
}

#blog_content .right .blogcontainer .blogdescription p
{
    font-family:Georgia;
    font-size:12px;
    font-weight:normal;
    color:#989898;
    line-height:18px;
}

/***** What We Do *****/

#whatwedo_content
{
    width:940px;
    margin-top:35px;
}

#whatwedo_content #left
{
    float:left;
    width:460px;
    padding-bottom:40px;
}

#whatwedo_content #left h2
{
	font-size:18px;
	font-weight:normal;
	color:#009BDB;
}

#whatwedo_content #left h2.unique_website
{
    background-image:url(images/titles/unique_websites.jpg);
    background-repeat:no-repeat;
    width:460px; height:37px;
}

#whatwedo_content #left h2 span
{
    visibility:hidden;
}

#whatwedo_content #left p
{
	font-size:14px;
	font-weight:normal;
	color:#707070;
	line-height:19px;
	margin-top:10px;
}

#whatwedo_content #left p.general
{
	font-size:24px;
	font-weight:normal;
	color:#fff;
	line-height:30px;
}

#whatwedo_content #left #whatwedo_option
{
}

#whatwedo_content #left #whatwedo_option .option_content
{
	float:left;
	width:220px;
	height:170px;
	position:relative;
	margin-top:20px;
	}
#whatwedo_content #left #whatwedo_option .option_content h3
{
    text-indent:-9999px;
}
#whatwedo_content #left #whatwedo_option .option_content h3.design_branding
{
    background-image:url(images/titles/design_branding.jpg);
    background-repeat:no-repeat;
    width:220px; height:28px;
}

#whatwedo_content #left #whatwedo_option .option_content h3.digital_marketing
{
    background-image:url(images/titles/digital_marketing.jpg);
    background-repeat:no-repeat;
    width:220px; height:44px;
}

#whatwedo_content #left #whatwedo_option .option_content h3.cms
{
    background-image:url(images/titles/cms.jpg);
    background-repeat:no-repeat;
    width:220px; height:44px;
}

#whatwedo_content #left #whatwedo_option .option_content h3.crm
{
    background-image:url(images/titles/crm.jpg);
    background-repeat:no-repeat;
    width:220px; height:44px;
}

#whatwedo_content #left #whatwedo_option .option_content h3.ecommerce
{
    background-image:url(images/titles/ecommerce.jpg);
    background-repeat:no-repeat;
    width:220px; height:25px;
}

#whatwedo_content #left #whatwedo_option .option_content h3.outsourcing
{
    background-image:url(images/titles/e-outsourcing.jpg);
    background-repeat:no-repeat;
    width:220px; height:29px;
}

#whatwedo_content #left #whatwedo_option .option_content p
{
	font-size:14px;
	font-weight:normal;
	color:#707070;
	line-height:19px;
	margin-top:5px;
}

#whatwedo_content #left #whatwedo_option .option_content .readmore
{
	background-image:url(images/readmore2.jpg);
    background-repeat:no-repeat;
    width:75px; height:20px;
    position:absolute;
    right:0px; bottom:0px;
}

#whatwedo_content #left #whatwedo_option .option_content .readmore:hover
{
    background-position: 0 -20px;
}

#whatwedo_content #right
{
    float:right;
    width:460px;
}

#whatwedo_content #right img.baloon
{
    background-image:url(images/baloon.jpg);
    background-repeat:no-repeat;
    width:79px; height:87px;
}

#whatwedo_content #right img.baloon:hover
{
    background-image:url(images/baloon_rollover.jpg);
}

#whatwedo_content #right h2
{
	font-size:18px;
	font-weight:normal;
	color:#009BDB;
}

#whatwedo_content #right .addressdetail
{
	font-size:14px;
	font-weight:normal;
	color:#707070;
	line-height:20px;
	margin-top:10px;
}

#whatwedo_content #right p.bigtext
{
	font-size:24px;
	font-weight:normal;
	text-align:center;
	color:#00A6EB;
	width:280px;
	line-height:30px;
	margin-left:95px;
}

#whatwedo_content #right .curious
{
	font-size:18px;
	font-weight:normal;
	color:#fff;
	text-align:center;
	line-height:24px;
	margin-left:20px;
}

#whatwedo_content #right .curious .clickhere
{
    color:#0584C4;
}

#whatwedo_content #right .curious .clickhere:hover
{
    text-decoration:underline;
}

#whatwedo_content ul#contents_points
{
}

#whatwedo_content ul#contents_points li
{
	font-size:14px;
	color:#0584C4;
	background-image:url(images/white_circle.jpg);
	background-repeat:no-repeat;
	padding-left:15px;
	margin-top:18px;
}

#whatwedo_content ul#contents_points li span
{
	position:relative;
	top:-7px;
}

.clear
{
    clear:both;
    height:30px;
}
.avatar
{
    width: 60px;
}

.whatwedo-examples h2
{
    color:White !important;
    margin-bottom:15px;
}
.whatwedo-examples table
{
    width:100%;
    font-family:Tahoma;
    font-size:11px;
}
.whatwedo-examples td
{
    vertical-align:top;
    padding-right:10px;
    padding-bottom:10px;
}
.whatwedo-examples a.title
{
    font-weight:bold;
}
.whatwedo-examples .subtitle
{
    display:block;
    color:#686868;
}
.whatwedo-examples a.website
{
    display:block;
    color:#ccc;
}