@charset "UTF-8";
/* 
Here is the place where a strategic arrangement of letters numbers and special characters define how the nzime pages look.
*/

/*********************************************
*** reset layout styles
*********************************************/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, img{
	margin:					0;
	padding:				0;
	border:					0;
}

/*********************************************
*** core structure layout styles
*********************************************/
body{
	position:				relative;
}

#wrapper{
	margin:					0 auto;
	padding:				65px 85px 0 45px;
	position:				relative;
	width:					840px;
	z-index:				1;
}

#header{
	height:					55px;
	position:				relative;
}

/*********************************************
*** logo layout styles
*********************************************/

#logo{
	height:					40px;
	position:				absolute;
	right:					0;
	top:					0;
	width:					148px;
}

/*********************************************
*** Naivgation layout styles
*********************************************/

#navigation{
	padding-top:				19px;
}

#navigation li{
	float:					left;
}

#navigation li a{
	display:				block;
	margin-right:			10px;
}

	#navigation .our-home a{
		height:				21px;
		width:				87px;
	}
	
	#navigation .our-services a{
		height:				21px;
		width:				109px;
	}
	
	#navigation .our-projects a{
		height:				21px;
		width:				107px;
	}
	
	#navigation .our-results a{
		height:				21px;
		width:				95px;
	}
	
	#navigation .our-blog a{
		height:				21px;
		width:				75px;
	}
	
	#navigation .our-number a{
		height:				21px;
		width:				104px;
	}

/*********************************************
*** Footer layout styles
*********************************************/

#footer{
	margin-top:				62px;
	padding:				8px 0 0 0;
	position:				relative;
	width:					836px;
}

#footer dl{
	padding:				4px 0 4px 0;
}

#footer dl dt{

}

#footer dl dd{

}

#footer p{
	float:					left;
	margin:					8px 0 0 0;
	position:				relative;
}

#footer .file{
	
}

#footer p.date{
	margin-left:			45px;
}

#footer .copyright{
	margin-left:			55px;
}

.social{
	float:					right;
	padding:				0 0 10px 0;
	margin-right:			108px;
}

.social li{
	float:					left;
}

.social li a{
	display:				block;
	margin:					0 0 0 10px;
	position:				relative;
}

.social .logo-rss a{
	height:					17px;
	width:					18px;
}

.social .logo-facebook a{
	height:					17px;
	width:					17px;
}

.social .logo-twitter a{
	height:					17px;
	width:					17px;
}

.social .logo-digg a{
	height:					17px;
	width:					17px;
}

.social .logo-delicious a{
	height:					17px;
	width:					18px;
}

.social .logo-flickr a{
	height:					17px;
	width:					47px;
}

#footerBg{
	bottom:					0;
	height:					260px;
	position:				absolute;
	width:					100%;
	z-index:				0;
}

/*********************************************
*** Home page layout styles
*********************************************/

#home-image{
	margin:					38px 0 29px 0;
}

/*********************************************
*** Services page layout styles
*********************************************/

.servicesList{
	float:					left;
	width:					470px;
}

.servicesList li{
	position:				relative;
}

.servicesGraphic{
	width:					370px;
	margin-top:				93px;
	float:					right;	
}

.servicesList a{
	padding:				0 0 2px 0;
}

.services{
	float:					left;
	margin-top:				10px;
	width:					400px;
}

.services h2{
	margin-top:				22px;
}

.services p{
	margin-top:				22px;
}

.servicesSubNav{
	float:					right;
	margin-top:				32px;
	width:					320px;
}

.servicesSubNav a{
	display:				block;
	padding:				0 0 1px 3px;
	margin:					0 0 1px 0;
}


/*********************************************
*** Portfolio layout styles
*********************************************/
#portfolio{
	margin:					35px 0 0 0;
}

#portfolio .no-margin-right{
	margin-right:			0;
}

.portfolio li{
	display:				block;
	float:					left;
	height:					121px;
	margin:					0 7px 7px 0;
	position:				relative;
	width:					274px;
}

.portfolioCol .portfolio{
	margin-top:				2px;
	width:					160px;
}

.portfolioCol .portfolio li{
	height:					22px;
	margin:					0 4px 4px 0;
	position:				relative;
	width:					50px;
}

.portfolio img{
	position:				absolute;
}

.portfolioCol{
	float:					left;
	width:					221px;
}

.portfolioCol li{
	float:					left;
	margin:					10px 5px 0 0;
}

.portfolioCol h2{
	padding-bottom:			5px;
}

.portfolioCol h3{
	padding:				18px 0 15px;
	margin:					0 0 9px 0;
}

.portfolioCol p{
	width:					181px;
}

.portfolioMain{
	float:					left;
	width:					619px;
}

.portfolioMain h2{
	
}

.portfolioImgNav{
	float:					right;
}

.portfolioImgNav li{
	float:					right;
	padding-left:			4px;
}

.portfolioImgNav li a{
	padding:				0 0;
}

.portfolioMain .description{
	float:					left;
	width:					417px;
}

.portfolioMain h3{
	margin-top:				3px;
}

.portfolioMain p{
	margin-top:				26px;
}

.portfolioMain .quote{
	float:					right;
	margin:					71px 0 0 0;
	padding:				8px 0 0 25px;
	width:					145px;
}

.portfolioMain .quote blockquote{
	margin:					0 0 25px 0;
}

.portfolioMain .quote blockquote{
	position:				relative;
}

.portfolioMain .quote blockquote span{
	position:				absolute;
	bottom:					-33px;
	right:					0;
}

.portfolioMain .quote .name, .portfolioMain .quote .name{
	display:				block;
}

/*********************************************
*** Contact layout styles
*********************************************/

.contact{
	float:					left;
	width:					270px;
}

.contact address{
	margin-bottom:			20px;
	margin-top:				21px;
}

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

#map{
	float:					left;
	height:					483px;
	margin-top:				16px;
	width:					568px;
	overflow:				hidden;
}

/*********************************************
*** Blog layout styles
*********************************************/
#blog{
	float:					left;
	padding:				28px 10px 5px 0;
	width:					500px;
}

#blog h2{
	padding-bottom:			6px;
	padding-top:			12px;
	margin:					0 0 4px 0;
}

#blog .post .entry p{
	padding-top:			10px;
}

#blog .post .entry{
	margin-bottom:			8px;
}

#blog .post{
	margin-bottom:			18px;
}

#blog .post .postmetadata{
	margin-bottom:			8px;
}

#blog .bottomNavigation{
	clear:					both;
}

#blog .bottomNavigation .alignleft{
	float:					left;
}

#blog .bottomNavigation .alignright{
	float:					right;
	text-align:				right;
}

#sidebars{
	float:					left;
	margin-left:			50px;
	position:				relative;
	width:					280px;
}

#sidebars #t-sidebar{
	
}

#sidebars #l-sidebar{
	float:					left;
	margin-top:				39px;
	width:					280px;
}

#sidebars #r-sidebar{
	float:					left;
	margin-top:				39px;
	width:					150px;
}

#sidebars #l-sidebar h2{
	padding-bottom:			6px;
	margin:					0 0 8px 0;
}

#sidebars #l-sidebar ul{
	padding-bottom:			10px;
}

.widget_nzime_twitter_feed li{
	padding:				3px 0 15px 0px;
	margin:					3px 0 3px;
	min-height:				30px;
}

.widget_categories li, .widget_recent_entries li, .widget_archive li{
	padding:				3px 0 3px 5px;
	margin:					0 0 0 14px;
}


/*********************************************
*** Results layout styles
*********************************************/
#results{
	margin-top:				30px;
}

/*********************************************
*** Generic layout styles
*********************************************/

.hidden{
	display:				none;
}

.col1{
	float:					left;
	margin-right:			36px;
	margin-top:				6px;
	width:					235px;
}

.col1blog{
	float:					left;
	width:					284px;
	padding:				6px;
	margin-top:				9px;
}

.col1a{
	float:					left;
	margin:					0 0 15px 0;
	width:					271px;	
}

.col2{
	float:					left;
	width:					135px;
}

h1.blog{
	margin-bottom:			6px;
}

.width400{
	width:					400px;
}
	
.width580{
	width:					580px;
}

.width700{
	width:					700px;
}

.space1{
	padding-left:			54px;
	padding-right:			66px;
}

.bottom10{
	margin-bottom:			22px;
}
	
.clear{
	clear:					both;
}