@font-face {
 font-family: MyriadPro;
 src: url("MyriadPro-Bold.eot"); /* EOT file for IE */
 src: url("MyriadPro-Bold.otf") ;/* TTF file for CSS3 browsers */
}
 

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#header {
	background: #000;
	height: 60px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index:9999;
}
#header-inner {
	position: relative;
	width: 960px;
	margin: 0 auto;
	}
	
.container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}
#logo {
	position: absolute;
	top: 0;
	left: 40px;
	width: 200px;
	height: 200px;
	z-index: 9;
}
#status {
	position: absolute;
	right: 30px;
	top: 12px;
	width: 700px;
	text-align:left;
	color: #FFF;
}
	
.titleContainer {
	position: absolute;
	left: 400px;
	top: 100px;
}
.subtitleContainer {
	padding: 0;
	margin: -10px 0 0 0;
	width: 530px;
	height: 500px;
}
.subtitleContainer ul{
	margin: 0;
	padding:0;
}
.subtitleContainer li{
	margin: 0;
	padding:0;
	height: 184px;
}
.comment {
	padding: 10px 0 0 20px;
	width:405px;
	position: relative;
}
	
h2{
	margin: 0;
	padding:0;
	font-family: MyriadPro;
	font-size: 22pt;
	line-height: 22pt;
}
h4{
	margin: 0;
	padding:0;
	font-family: MyriadPro;
	font-weight: 500;
}
h3{
	margin: 0;
	padding:0;
	font-family: MyriadPro;
	font-size: 42pt;
	line-height: 40pt;
}
h1 {
	font-family: MyriadPro;
	font-weight: 900;
	font-size: 42pt;
	line-height: 40pt;
	margin: 0;
	padding:0;
}

#banner {
	height: 336px;
	background: url(../images/witty.jpg) no-repeat;
	position: relative;
	margin-top: 60px;
}
#prev {
	position: absolute;
	top:240px;
	left: 20px;
	width: 27px;
	height: 27px;
	background: url(../images/prev.png);
	cursor: pointer;
}
#next {
	position: absolute;
	top:240px;
	right: 10px;
	width: 27px;
	height: 27px;
	background:url(../images/next.png);
	cursor: pointer;
}
#portfolio {
	width: 900px;
	height: 550px;
	margin: 0 auto;
	padding: 50px 0 0 0;
	position: relative;
	border-top: 1px solid #000;
}
#portfolio #portfolioPhoto {
	width: 550px;
	height: 450px;
	position: absolute;
	top: 70px;
	right: 10px;
	background: url(../images/display.jpg) no-repeat;
}
#portfolio #portfolioBody {
	padding-right: 600px;
	padding-top: 40px;
}
.project {
	background: #000;
	color: #FFF;
	padding: 5px;
	margin: 5px;
	cursor: pointer;
}
#projectDisplay {
	position: absolute;
	right: 58px;
	top: 110px;
	width: 450px;
	height: 284px;
	background: url(../images/projects/flow.jpg) no-repeat;
}
#services {
	width: 900px;
	height: 300px;
	margin: 0 auto;
	padding: 80px 0 60px 0;
	position: relative;
	border-top: 1px solid #000;
}
#services #servicesBody {
	padding-left: 325px;
}
#services #servicesPhoto {
	height: 311px;
	width: 338px;
	position: absolute;
	top: 30px;
	left: -40px;
	background: url(../images/healthy.jpg) no-repeat;
}
#services .title {
	font-weight: 900;
	padding: 20px 0 5px 0;
}
#services ul {
	margin: 0;
	padding: 10px 0;
	list-style: none;
}
#services ul li {
	font-size: 10pt;
}
#services .column {
	float: left;
	padding-right: 40px;
}
#footer {
	color: #FFF;
	background: #000;
	padding: 0;
}
#footer #footerBody {
	width: 900px;
	height: 250px;
	margin: 0 auto;
	padding: 40px 0;
	position: relative;
}
#footer #footerBody .wideColumn {
	width: 600px;
	float: left;
	padding: 10px 10px 10px 30px;
}
#footer #footerBody .shortColumn {
	width: 200px;
	float: left;
	padding: 10px;
	text-align: right;
}
#footer #footerBody ul {
	margin: 0 0 0 10px;
	padding:0;
}
.contact {
	padding-top: 20px;
}

a {
	color: #F00;
}