body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	background-color: #000;
	margin: 0px;
	line-height: 22px;
	background: url( '../images/bg.jpg' ) repeat-x #000;
	min-width: 960px;
}

.wrapper
{
	background: url( '../images/wrapper.jpg' ) no-repeat top center;
}

.header
{
	width: 960px;
	height: 140px;
	margin: 0px auto;
}

.header .logo
{
	padding-top: 25px;
	float: left;
}

.header .logo a
{
	width: 259px;
	height: 89px;
	display: block;
	background: url( '../images/logo.jpg' ) no-repeat top left;
}

.header .logo a span
{
	display: none;
}

.header .navigation
{
	float: right;
}

.header .navigation .menu
{
	padding: 52px 0px 0px 0px;
	margin: 0px;
	list-style-type: none;
}

.header .navigation .menu li
{
	display: inline;
	float: left;
	padding-left: 50px;
}

.header .navigation .menu li a
{
	display: block;
	height: 28px;
	background-repeat: no-repeat;
	background-position: top left;
}

.header .navigation .menu li.home a
{
	width: 44px; background-image: url( '../images/nav-home.gif' );
}

.header .navigation .menu li.about a
{
	width: 52px; background-image: url( '../images/nav-about.gif' );
}

.header .navigation .menu li.portfolio a
{
	width: 87px; background-image: url( '../images/nav-portfolio.gif' );
}

.header .navigation .menu li.contact a
{
	width: 73px; background-image: url( '../images/nav-contact.gif' );
}

.header .navigation .menu li a span
{
	display: none;
}

.page-caption span
{
	display: none;
}

.page-caption
{
	width: 960px;
	margin: 0px auto;
	margin-bottom: 24px;
	height: 101px;
	background: url( '../images/pagecaption-inside.jpg' ) no-repeat top left;
}

body.home .page-caption
{
	height: 173px;
	background: url( '../images/pagecaption-home.jpg' ) no-repeat top left;
}

.caption-text-home
{
	padding-top: 38px;
	padding-left: 25px;
	background: url( '../images/caption-home.jpg' ) no-repeat 25px 38px;
	height: 85px;
}

.caption-text-about
{
	padding-top: 32px;
	padding-left: 20px;
	background: url( '../images/caption-about.jpg' ) no-repeat 20px 32px;
	height: 39px;
}

.caption-text-portfolio
{
	padding-top: 32px;
	padding-left: 20px;
	background: url( '../images/caption-portfolio.jpg' ) no-repeat 20px 32px;
	height: 44px;
}

.caption-text-contact
{
	padding-top: 32px;
	padding-left: 20px;
	background: url( '../images/caption-contact.jpg' ) no-repeat 20px 32px;
	height: 44px;
}

.content-wrapper
{
	width: 960px;
	margin: 0px auto;
	background: url( '../images/contentwrapper-inside.jpg' ) no-repeat top left;
}

body.home .content-wrapper
{
	background: url( '../images/contentwrapper-home.jpg' ) no-repeat top left;
}

.content
{
	padding: 20px;
}

.content h2,
.content h3
{
	float: left;
	width: 200px;
	margin-top: 0px;
	font-weight: normal;
}

.content p
{
	margin-left: 200px;
}

.content ul.recent-work,
ul.portfolio-items
{
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 10px 200px;
	height: 140px;
}

.content ul.recent-work li,
ul.portfolio-items li
{
	float: left;
	display: inline;
	padding-right: 10px;
	padding-bottom: 10px;
}

.content ul.recent-work li a,
ul.portfolio-items li a
{
	width: 220px;
	height: 130px;
	background: #014a59;
	display: block;
}


.portfolio-work
{
	margin: 0px 0px 25px 200px;
}

ul.portfolio-items,
div.portfolio-images
{
	margin: 0px;
	background: url( '../images/portfolio-cat-bg.jpg' ) no-repeat;
	padding: 14px;
}

div.portfolio-images
{
	padding: 10px;
}

a img
{
	border: 0px none;
}

.portfolio-work p
{
	margin-left: 0px;
}

p
{
	margin-top: 0px;
}

a
{
	color: #91cae4;
}

a:hover
{
	color: #1f88a2;
}

h2 span
{
	display: none;
}

h2.recent-work
{
	width: 122px;
	height: 18px;
	background:  url( '../images/title-recent-work.gif' ) no-repeat top left;
}

h2.about-me
{
	width: 100px;
	height: 18px;
	background:  url( '../images/title-about-me.gif' ) no-repeat top left;
}	

h2.portfolio
{
	width: 116px;
	height: 18px;
	background:  url( '../images/title-portfolio.gif' ) no-repeat top left;
}	

h2.contact
{
	width: 116px;
	height: 18px;
	background:  url( '../images/title-contact-me.gif' ) no-repeat top left;
}

h3
{
	color: #91cae4;
}

ul.portfolio-image-nav
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	float: right;
	padding-right: 20px;
	font-size: 12px;
}

ul.portfolio-image-nav li
{
	float: left;
	display: inline;
	padding-right: 5px;
	color: #2e2e2e;
}

ul.portfolio-image-nav li a
{
	text-decoration: none;
}

.portfolio-work h2
{
	float: none;
	width: auto;
}

ul.tech
{
	margin-left: 200px;
	padding-left: 20px;
}

#form-status 
{ 
	display: none;
}

.contact-details
{
	float: right;
	width: 315px;
}

.contact-details h3
{
	float: none;
	width: auto;
}

.contact-details address
{
	display: block;
	padding-bottom: 20px;
	font-style: normal;
}

.contact-details .title
{
	color: #91cae4;
}

.contact-details a
{
	text-decoration: none;
	color: #fff;
}

.contact-form
{
	margin-left: 200px;
}

.contact-form h3
{
	color: #fff;
}

.contact-form h3,
.contact-details h3
{
	margin-bottom: 0px;
	padding-bottom: 10px;
}

.contact-form .field,
#form-status
{
	clear: left;
	padding-bottom: 10px;
}

.contact-form .field input,
.contact-form .field textarea
{
	width: 340px;
	color: #fff;
	background: #001218;
	border: 1px solid #005463;
	padding: 5px;
}

.contact-form .field textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 150px;
}

a#clear-message
{
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	line-height: 16px;
}

a#submit-message
{
	font-size: 16px;
	text-decoration: none;
	padding-right: 10px;
}

.success
{
	color: #65c865;
	background: url( '../images/icon-success.gif' ) 0px 4px no-repeat;
	padding-left: 20px
}

.loading
{
	background: url( '../images/icon-loading.gif' ) 0px 3px no-repeat;
	padding-left: 20px
}

.error
{
	color: #ff714f;
	background: url( '../images/icon-error.gif' ) 0px 4px no-repeat;
	padding-left: 20px
}

a.linkedin
{
	padding-top: 20px;
	display: block;
}