#sectional {
	width: 932px;

}
#sectional .section {
	float: left;
	position: relative;
	background: url(../images/sectional/bg_sectional-stripes.gif) repeat-y left;
}

#sectional .section .wrap {
	padding: 65px 70px 0;
}


.clear {
	width: 100%;
	clear: both;
}


#header h2 {
	display: block;
	width: 524px;
	height: 78px;
	text-indent: -999em;
	background: url(../images/bg_h2-home.gif) no-repeat left top;
	margin: 0 0 1.2em -2px;
}

#sectional .section h3 {
	position: relative;
	width: 63px;
	margin: 0;
	z-index: 100;
	text-indent: -999em;
}

#sectional #projects.section h3 {
	background: url(../images/route.jpg) no-repeat left top;
}

#sectional #services.section h3 {
	background: url(../images/word-tab.jpg) no-repeat left top;
}

#sectional #clients.section h3 {
	background: url(../images/mon.jpg) no-repeat left top;
}

#sectional #about.section h3 {
	background: url(../images/ser.jpg) no-repeat left top;
}

#projects h4,
#services h4,
#clients h4,
#about h4 {
	position: absolute;
	z-index: 0;
	display: block;
	text-indent: -999em;
	width: 610px;
	height: 23px;
	top: 20px;
	left: 20px;
	margin: 0;
}

#projects h4 {background: url(../images/bg_h4-projects.gif); }
#services h4 {background: url(../images/bg_h4-services.gif); }
#clients h4 {background: url(../images/bg_h4-clients.gif); }
#about h4 {background: url(../images/bg_h4-about.gif); }

/* @end */

/* @group Content */

#header.intro p {
	font-size: 1.4em;
}

/* @group Sectional */

#sectional #services.section {
}

#sectional #clients.section {
}

#sectional #about.section {
	
}

/* @end */

/* @group Portfolio */

img.screenshot {
	margin-left: 30px;
	padding: 29px 5px 5px;
	width: 400px;
	height: 271px;
	background: url(../images/bg_portfolio-browser.png);
}

.portfolio .description {
	width: 370px;
	padding: 10px 50px;
	background: url(../images/bg_portfolio-description.png) repeat-y left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	position: absolute;
	float: left;
	bottom: 40px;
	left: 52px;
	z-index: 1000;
}

.portfolio .description h5 span {
	font-weight: normal;
	text-transform: uppercase;
	color: #666;
}

.portfolio .description p.delivery {
	text-transform: uppercase;
	margin-bottom: 0;
}

.portfolio .description p.delivery strong {
	font-weight: normal;
	color: #666;
	min-width: 3em;
}

.portfolio .description p.actions {
	float: right;
	margin-bottom: 0;
}

.portfolio .description p.actions a {
	padding-right: 1.2em;
	background: url(../images/arrow_right-current.gif) no-repeat right center;
	text-decoration: none;
}

/* @end */


/* @group Clearfix */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* @end */