/***************************/
/**** GLOBAL STRUCTURES ****/
/***************************/
 
#MainContainer{ 
	padding-top:0px; 
}
#thirdTierRight{ 
	width:557px; 
	margin-top:7px; 
	float:right; 
} 
.callouts_right{ 
	width:202px; 
	float:right; 
	margin-left:20px; 
	margin-right:4px; 
	margin-bottom:25px; 
} 
.callouts_right img{ 
	margin-top:2px; 
	margin-bottom:5px; 
} 

/* Left Menu */ 
.leftMenu{ 
	width:88px; 
	font-size:75%; 
	float:left;
	margin-left:10px; 
	margin-right:20px; 
	margin-top:22px; 
	padding:0px; 
} 
.leftMenu .middle{
	background:url(/images/publicface/leftmenu_bg.png) repeat-y top left;  
} 
.leftMenu ul{ 
	margin:0px; 
	padding:0px; 
	list-style-type:none; 
} 
.leftMenu li{ 
	margin: 0px 2px 0px 2px; 
	padding:1px 1px 11px 1px; 
} 
.leftMenu li.head{ 
	font-weight:bold; 
} 
.leftMenu li.selected{ 
	background-color:#D7BC8B;
} 


.callToActionWider{ 
	width:648px; 
	margin: 25px auto 0 auto; 	
} 
.callToActionWide{ 
	width:510px; 
	clear:both;
} 
.callToActionLeft{ 
	width:88px; 
	margin: 25px auto 0 auto; 
	
} 

.servicesBox ul,
#WorkSamples .column ul{
	margin:0px; 
	padding:0px; 
	list-style-type:none; 
} 
.servicesBox li,
#WorkSamples .column li{
	font-size:75%; 
	padding:3px 0px 3px 2px; 
	margin-top:0px; 
}
.servicesBox li.head,
#WorkSamples .column li.head{
	font-weight:bold; 
	border-bottom:1px solid #5b2815; 
	margin-bottom:3px; 
} 
.servicesBox li.alt,
#WorkSamples .column li.alt{ 
	background-color:#CFB07A;
	padding:2px 0px 2px 2px; 
} 


/**************/
/**** MAST ****/ 
/**************/

#Mast{
	position:relative; 
	width:666px; 
	height:180px; 
	margin:0 auto 0 auto;  
	background:url(/images/publicface/tier2mastbg_v2.png) no-repeat left top; 
	z-index:1; 
} 
#BlogMast{
	position:relative; 
	width:666px; 
	height:180px; 
	margin:0 auto 0 auto;  
	background:url(/images/publicface/tier2mastbg_v2_blog.png) no-repeat left top; 
	z-index:1; 
} 
#LogoOverlay{ 
	display:block; 
	position:absolute;
	top:9px; 
} 
#Navigation { 
	font-size:90%; 
	position:absolute; 
	top:138px; 
	left:104px; 
	width:555px; 
	height:36px; 
	z-index:10; 
} 
#Navigation a{ 
	padding-right:15px; 
} 
#Navigation a.selected{ 
	font-weight:bold; 
} 

/* Titles */ 
#TitleAbout{ 
	width:213px;
	height:44px; 
	position:absolute; 
	top: 60px; 
	left: 230px; 
} 
#TitleJeof{ 
	width:213px;
	height:44px; 
	position:absolute; 
	top: 60px; 
	left: 230px; 
} 
#TitleServices{ 
	width:330px;
	height:44px; 
	position:absolute; 
	top: 60px; 
	left: 210px; 
} 
#TitleYouOnline{ 
	width:450px;
	height:44px; 
	position:absolute; 
	top: 60px; 
	left: 172px; 
} 
#TitleOnCall{ 
	width:450px;
	height:44px; 
	position:absolute; 
	top: 60px; 
	left: 210px; 
} 
#TitleWebProgramming{ 
	width:530px;
	height:44px; 
	position:absolute; 
	top: 60px; 
	left: 170px; 
} 
#TitleRecruiters,
#TitlePortfolio{ 
	width:225px;
	height:44px; 
	position:absolute; 
	top: 60px; 
	left: 230px; 
} 
#TitleBlog{ 
	width:330px;
	height:44px; 
	position:absolute; 
	top: 65px; 
	left: 210px; 
	display:none; 
} 
#TitleContact{ 
	width:330px;
	height:44px; 
	position:absolute; 
	top: 60px; 
	left: 210px; 
} 
#TitleClients{ 
	width:330px;
	height:44px; 
	position:absolute; 
	top: 60px; 
	left: 210px; 
} 
 
/* Pointers */ 
#PointerJeof{ 
	display:none; 
} 
#PointerAbout{ 
	width:11px; 
	height:6px; 
	position:absolute; 
	top:168px; 
	left:218px;
	z-index:11; 
} 
#PointerServices{ 
	width:11px; 
	height:6px; 
	position:absolute; 
	top:168px; 
	left:308px; 
	z-index:11; 
} 
#PointerPortfolio{ 
	width:11px; 
	height:6px; 
	position:absolute; 
	top:168px; 
	left:405px; 
	z-index:11; 
} 
#PointerBlog{ 
	width:11px; 
	height:6px; 
	position:absolute; 
	top:168px; 
	left:507px; 
	display:none; 
	z-index:11; 
} 
#PointerContact{ 
	width:11px; 
	height:6px; 
	position:absolute; 
	top:168px; 
	left:604px; 
	z-index:11; 
} 
#PointerRecruiters{ 
	display:none; 
} 



/***********************/
/**** ABOUT SECTION ****/
/***********************/ 


#AboutJeofContainer,
#AboutContainer{ 
	width:443px; 
	float:left; 
	background:url(/images/publicface/contact_formbg.png) repeat-y top left; 
	margin:25px 0px 0px 10px;
}  
#AboutJeofContainer h1,
#AboutContainer h1{ 
	margin:0px; 
	padding:0px; 
} 
#JeofDetailsContainer,
#OurPeopleContainer{ 
	width:203px; 
	float:right;
	background:url(/images/publicface/contact_findusbg.png) repeat-y top left; 
	margin:25px 14px 0px 0px; 
} 
#JeofDetailsContainer .middle,
#OurPeopleContainer .middle{ 
	padding:5px; 
}
#JeofDetailsContainer h2,
#OurPeopleContainer h2{ 
	margin:0px 0px 0px 10px; 
} 
#JeofDetailsContainer p,
#OurPeopleContainer p{ 
	margin-top:2px;
} 
#JeofDetailsContainer ul{ 
	font-size:90%; 
	padding-left:15px;
	padding-bottom:0px;  
} 






/******************/
/**** SERVICES ****/ 
/******************/

/* Main Page */ 
#ServicesBoxes{
	position:relative;  
	width:666px; 
	margin:20px auto 0 auto; 
	clear:both; 
} 
.servicesBox{ 
	position:relative; 
	width:203px; 
	background:url(/images/publicface/services_boxbg.png) repeat-y left top; 
} 
#ServicesCol1,
#ServicesCol2,
#ServicesCol3{ 
	float:left; 
	margin:9px; 
} 
.servicesBox p{ 
	position:relative; 
	margin-top:47px; 
} 
.servicesBox .boxheader{ 
	position:absolute; 
	top:0px; 
} 
.servicesBox .boxfooter{ 
	position:absolute; 
	bottom:0px; 
} 

/*******************/
/**** PORTFOLIO ****/
/*******************/
 
/* Main */ 
#FeaturedProjects, 
#WorkSamples{ 
	width:648px; 
	margin: 25px auto 0 auto; 
	background:url(/images/publicface/port_bg.png) repeat-y top left; 
	position:relative; 
	padding:0px;
} 
#FeaturedProjects .middle{
	padding:5px; 
} 
#WorkSamples .column{ 
	width:30%; 
	margin:0px 10px; 
	float:left; 
} 

/* Services-Used List */
table.services_used{ 
	border:0px; 
	height:17px; 
	position:relative; 
} 
table.profile_services{ 
	margin-left:10px; 
	margin-bottom:10px; 
} 
table.services_used td{ 
	border:0px; 
	height:17px;
	vertical-align:middle; 
} 
table.services_used td.head{ 
	background:url(/images/publicface/port_servused_leftbg.png) repeat-x top left; 
	color:#FFFFFF;
	font-size:10px;
	letter-spacing:0.2em;
} 
table.services_used td.item{ 
	background:url(/images/publicface/port_servused_itembg.png) repeat-x top left; 
	font-size:10px;
} 

/* Featured Item Box on Main */
.featured_item {
	margin-bottom:45px; 
} 
.featured_item .thumbnail{ 
	float:left; 
}
.featured_item h1{ 
	margin-bottom:0.5em;
} 
.featured_item p{ 
	line-height:1.4em; 
}
.work_list_item { 
	clear:both;
	padding-top:10px; 
}
.work_list_item div{ 
	width:390px;
	margin-right:5px;  
	font-size:80%; 
	float:right; 
} 

/* Portfolio pictures pop-up */
#tcc_lightboxLoader .hd,
#tcc_showImgPanel .hd{
	background:none; 
	border:none; 
	color:#FFF; 
	font-weight:normal; 
	letter-spacing:0.1em;
	font-family:tahoma;
	background-color:#1F0D06;
}
#tcc_lightboxLoader .bd, 
#tcc_showImgPanel .bd{ 
	background-color:#1F0D06;
	border-right:none; 
	border-left:none;
	border-bottom:10px solid #1F0D06; 
} 

	
/**************/
/**** BLOG ****/
/**************/
/* Google mods */
#b-navbar{ 
	display:none !important; 
} 
#navbar-iframe{
display:none !important;
}
/* Layout */
#MainBlogArea{ 
	width:648px; 
	margin: 25px auto 0 auto; 
	background:url(/images/publicface/port_bg.png) repeat-y top left; 
	position:relative; 
	padding:0px;
} 
#MainBlogArea .middle{ 
	margin:0px 10px 0px 10px; 
} 
#MainBlogArea h3{ 
	font-weight:normal; 
	font-size:120%;  
	margin:1.05em 10px 0.2em 10px; 
} 
#MainBlogArea .entry-content{ 
	font-size:80%; 
	line-height:1.3em; 
	letter-spacing:0.05em; 
	margin-left:10px; 
	margin-right:10px; 
	margin-top:0.5em; 
} 
#MainBlogArea .post-footer{ 
	font-size:70%; 
	margin-left:10px; 
	padding-bottom:20px; 
	margin-top:8px; 
	border-bottom:1px solid #CFB07A; 
} 
#MainBlogArea .post-footer a.timestamp-link{ 
	text-decoration:none; 
} 
#MainBlogArea .post-footer a.comment-link{ 
	text-decoration:underline;
	margin-left:10px; 
	margin-right:10px; 
} 
#MainBlogArea .blog-feeds{ 
	display:none; 
} 

/*****************/
/**** CONTACT ****/
/*****************/
 
#ContactContainer{ 
	width:443px; 
	float:left; 
	background:url(/images/publicface/contact_formbg.png) repeat-y top left; 
	margin:25px 0px 0px 10px;
}  
#SocialNetworksContainer{ 
	width:203px; 
	font-size:80%;
	float:right;
	background:url(/images/publicface/contact_findusbg.png) repeat-y top left; 
	margin:25px 14px 0px 0px; 
} 
#SocialNetworksContainer .middle{ 
	width:100px; 
	margin: 0 auto 0 auto; 
}
#SocialNetworksContainer .middle img{ 
	margin-bottom:3px; 
}
#ContactForm{ 
	width:440px; 
	margin:0 auto 0 auto; 
} 
#ContactForm label{ 
	display:block; 
	width:150px; 
	text-align:right; 
	float:left; 
	margin-bottom:5px; 
	font-size:85%; 
} 
#ContactForm input{ 
	width:250px; 
	border:1px solid #5b2e1e; 
	background-color:#dbc494; 
	margin-bottom:5px; 
	margin-left:5px; 
	padding:2px; 
	font-family:arial; 
	color:#5b2e1e;	
	font-size:16px; 
	height:20px; 
}
#ContactForm br{ 
	clear:both; 
} 
#ContactForm textarea{ 
	position:relative; 
	width:255px; 
	height:125px; 
	border:1px solid #5b2e1e; 
	background-color:#dbc494; 
	margin-bottom:5px; 
	margin-left:5px; 
	font-family:arial; 
	color:#5b2e1e;	
	font-size:14px; 
} 
#ContactForm .extra{ 
	font-size:65%; 
	padding-top:0px; 
	padding-left:155px; 
	padding-bottom:15px; 
} 
#ContactForm .right{ 
	clear:both; 
	text-align:right;
	padding-right:10px; 
} 
 
/**********************/
/**** CLIENT LOGIN ****/ 
/**********************/

#ClientLogin{ 
	width:443px; 
	background:url(/images/publicface/contact_formbg.png) repeat-y top left; 
	margin:20px auto 0 auto; 
}


#ClientLogin label{ 
	display:block; 
	width:150px; 
	text-align:right; 
	float:left; 
	margin-bottom:5px; 
	font-size:85%; 
} 
#ClientLogin input.text{ 
	width:250px; 
	border:1px solid #5b2e1e; 
	background-color:#dbc494; 
	margin-bottom:5px; 
	margin-left:5px; 
	padding:2px; 
	font-family:arial; 
	color:#5b2e1e;	
	font-size:16px; 
	height:20px; 
}