body {	
	margin:					0px;	
	width:					100%;		
	font-family:			cambria,'book antiqua',garamond,'times new roman',serif;
	font-size:				0px;
	text-align:				center;	   							  
	background:				#6c8583 url('img/bg.jpg') top left repeat-x;
}	

#middle {
	width:					802px;
	background:				#6c8583;
	margin-top: 			0px;
	margin-left:			auto;
	margin-right:			auto;
	padding:				0px;
	border-collapse:		collapse;
	border:					0px;
	border-spacing:			0px;
}

#header {
	background:				#0d1e1d	url('img/header-bg.jpg') top left no-repeat;
	height:					240px;
	width:					800px;
	margin:					0px;
	padding:				0px;
	border-top:				0px;
	border-right:			1px solid #000000;
	border-bottom:			0px;
	border-left:			1px solid #000000;
	border-collapse:		collapse;
	border-spacing:			0px;
}

#menu {
	width:					390px;
	padding-left:			400px;
	padding-top:			200px;
	margin:					0px;
	height:					30px;
	text-align:				left;
	border-collapse:		collapse;
	border-spacing:			0px;
}

.menu-list {
	list-style:				none;
	padding:				0px;
	margin:					0px;
	text-align:				left;
	border:					0px;
	border-collapse:		collapse;
	border-spacing:			0px;
}

.menu ul li {
	display:				block;
	border:					0px;
	border-collapse:		collapse;
	border-spacing:			0px;	
	padding:				0px;	
	margin:					0px;
	float:					left;
}

.menu-home {
	float:					left;
	width:					65px;
	height:					30px;
	background:				transparent url('img/home-bg.jpg') top left no-repeat;
	border:					0px;	
	border-spacing:			0px;
	border-collapse:		collapse;
	padding:				0px;	
	margin:					0px;
}

.menu-home:hover, .menu-home-selected {
	float:					left;
	width:					65px;
	height:					30px;
	background:				transparent url('img/home-bg.jpg') bottom left no-repeat;
	cursor:					pointer;
}

.menu-link {
	display:				none;	
}

.menu-services {
	float:					left;
	width:					75px;
	height:					30px;
	background:				transparent url('img/services-bg.jpg') top left no-repeat;
	border:					0px;
	border-spacing:			0px;
	border-collapse:		collapse;	
	padding:				0px;	
	margin:					0px;
}

.menu-services:hover, .menu-services-selected {
	float:					left;
	width:					75px;
	height:					30px;
	background:				transparent url('img/services-bg.jpg') bottom left no-repeat;
	cursor:					pointer;
}

.menu-portfolio {
	float:					left;
	width:					75px;
	height:					30px;
	background:				transparent url('img/portfolio-bg.jpg') top left no-repeat;
	border:					0px;
	border-spacing:			0px;
	border-collapse:		collapse;
	padding:				0px;	
	margin:					0px;
}

.menu-portfolio:hover, .menu-portfolio-selected {
	float:					left;
	width:					75px;
	height:					30px;
	background:				transparent url('img/portfolio-bg.jpg') bottom left no-repeat;
	cursor:					pointer;
}

.menu-about {
	float:					left;
	width:					85px;
	height:					30px;
	background:				transparent url('img/about-bg.jpg') top left no-repeat;
	border:					0px;
	border-spacing:			0px;
	border-collapse:		collapse;	
	padding:				0px;	
	margin:					0px;
}

.menu-about:hover, .menu-about-selected {
	float:					left;
	width:					85px;
	height:					30px;
	background:				transparent url('img/about-bg.jpg') bottom left no-repeat;
	cursor:					pointer;
}

.menu-contact {
	float:					left;
	width:					90px;
	height:					30px;
	background:				transparent url('img/contact-bg.jpg') top left no-repeat;
	border:					0px;
	border-spacing:			0px;
	border-collapse:		collapse;	
	padding:				0px;	
	margin:					0px;
}

.menu-contact:hover, .menu-contact-selected {
	float:					left;
	width:					90px;
	height:					30px;
	background:				transparent url('img/contact-bg.jpg') bottom left no-repeat;
	cursor:					pointer;
}

#content {
	width:					800px;
	min-height:				300px;
	background:				#0d1e1d url('img/contents-bg.jpg') top left no-repeat;
	border-top:				0px;
	border-right:			1px solid #000000;
	border-bottom:			0px;
	border-left:			1px solid #000000;
	margin-left:			auto;
	margin-right:			auto;
	margin-top:				0px;
	padding:				0px;
	float:					left;
}

.featuredwork {
	position:				relative;
	width:					400px;
	height:					410px;
	padding:				0px;
	margin:					0px;
	border:					0px;
	border-collapse:		collapse;
	border-spacing:			0px;
}

.featuredwork1 {
	width:					350px;
	height:					314px;
	border:					0px;
	padding:				0px;
	position:				absolute;
	top:					20px;
	left:					18px;
	margin:					0px;
	z-index:				1;

}

.featuredwork2 {
	width:					350px;
	height:					251px;
	border:					0px;
	padding:				0px;	
	margin:					0px;
	position:				absolute;
	top:					102px;
	left:					34px;
	z-index:				2;
}

.featuredwork {
	position:				relative;
	width:					400px;
	height:					410px;
	padding:				0px;
	margin:					0px;
	border:					0px;
	border-collapse:		collapse;
	border-spacing:			0px;
}

.viewportfolio {
	background:				transparent url('img/viewportfolio.jpg') top left no-repeat;
	width:					186px;
	height:					47px;
	border:					0px;	
	padding:				0px;	
	margin:					0px;
	position:				relative;
	left:					200px;
	top:					360px;
}

.viewportfolio a {
	display:				none;
	width:					186px;
	height:					47px;
}

.viewportfolio:hover {
	width:					186px;
	height:					47px;
	background:				transparent url('img/viewportfolio.jpg') bottom left no-repeat;
}

.homepage {
	float:					right;
	position:				relative;
	width:					400px;
	padding:				0px;
	margin:					0px;
	border:					0px;
	border-collapse:		collapse;
	border-spacing:			0px;
}

.homepage-title {
	border:					0px;
	padding:				0px;
	position:				absolute;
	top:					8px;
	right:					14px;
}

.welcome {
	font-size:				12px;
	font-family:			cambria,'book antiqua',garamond,'times new roman',serif;
	color:					#ffffff;
	line-height:			16px;
	text-align:				left;
	width:					375px;
	background:				transparent url('img/hello.jpg') top left no-repeat;
	padding:				15px 0 0 16px;
	float:					right;
	margin:					50px 10px 0 0;
}

.indent {
	text-indent:			55px;
	margin:					0px;
	padding:				0px;
}

h1 {
	font-size:				14px;
	font-family:			cambria,'book antiqua',garamond,'times new roman',serif;
	color:					#d2f1cf;
	font-style:				italic;
	font-weight:			normal;
	margin:					0px;
	padding-bottom:			10px;
	text-indent:			20px;
}

.services-list {
	list-style:				none;
	padding-left:			40px;
	margin:					0px;
	text-align:				left;
	border:					0px;
	border-collapse:		collapse;
	border-spacing:			0px;
	width:					360px;
	float:					left;
	list-style-type:		circle;
	color:					#6c8583;	
}

.services-list li {
	width:					180px;
	float:					left;
}

.white {
	color:					#ffffff;
}

.moreservices {
	background:				transparent url('img/moreservices.jpg') top left no-repeat;
	width:					121px;
	height:					39px;
	border:					0px;	
	padding:				0px;	
	margin:					0px;
	float:					right;
	font-size:				0px;
}

.moreservices a {
	display:				 none;
	width:					121px;
	height:					39px;
}

.moreservices:hover {
	width:					121px;
	height:					39px;
	background:				transparent url('img/moreservices.jpg') bottom left no-repeat;
}

#footer {
	width:					800px;
	margin-left:			auto;
	margin-right:			auto;
	margin-top:				0px;
	padding:				0px;
	text-align:				left;
	clear:					both;
	border:					0px;
	border-collapse:		collapse;
	border-spacing:			0px;
	position:				relative;
	left:					-1px;
}

.footer-contact {
	width:					800px;
	height:					83px;
	background:				#0d1e1d url('img/footer-bg.jpg') top left no-repeat;
	border-top:				0px;
	border-right:			1px solid #000000;
	border-bottom:			1px solid #000000;
	border-left:			1px solid #000000;
	border-collapse:		collapse;
	border-spacing:			0px;
	margin:					0px;
	padding:				0px;
	position:				relative;	
}

.helenlambert {
	float:					left;
	width:					125px;
	height:					35px;
	border:					0px;
	padding:				0px;	
	margin:					0px;
	border-collapse:		collapse;
	border-spacing:			0px;
	position:				relative;
	top:					42px;
	left:					15px;
}

.email {
	float:					left;
	width:					221px;
	height:					35px;
	background:				transparent url('img/email.jpg') top left no-repeat;
	border:					0px;
	padding:				0px;	
	margin:					0px;
	border-collapse:		collapse;
	border-spacing:			0px;
	font-size:				0px;
	position:				relative;
	top:					41px;
}

.email a {
	display:				none;
	width:					221px;
	height:					35px;	
}

.email:hover {
	width:					221px;
	height:					35px;
	background:				transparent url('img/email.jpg') bottom left no-repeat;
}

.phone {
	float:					left;
	width:					185px;
	height:					35px;
	border:					0px;
	padding:				0px;	
	margin:					0px;
	border-collapse:		collapse;
	border-spacing:			0px;
	position:				relative;
	top:					41px;
}

.copyright {
	font-size:				12px;
	color:					#000000;
	position:				relative;
	top:					5px;
	left:					15px;
}

.info {	
	font-size:				12px;
	color:					#000000;
	float:					right;
	background:				transparent url('img/esd-small.gif') top right no-repeat;
	height:					30px;
	position:				relative;	
	top:					-20px;
	right:					2px;
	margin:					0px;
	padding:				12px 35px 0 0;
}

.info a {
	color:					#030707;
	text-decoration:		none;
}

.info a:hover {
	color:					#030707;
	text-decoration:		underline;
}


.page {
	font-size:				12px;
	color:					#ffffff;
	padding:				10px;
	text-align:				left;
}

a {
	color:					#d2f0cf;
}

.form {
	width:					300px;
	height:					400px;	
}

.portfoliocontents {
	margin:					0 0 0 10px;
	padding:				0px;
	border:					none;
	border-collapse:		collapse;
	border-spacing:			0px;	
	background:				transparent url('img/portfoliocontents.jpg') top left no-repeat;
	width:					760px;
	float:					left;
}

.portfoliocontents2 {
	margin:					0 0 0 10px;
	padding:				0px;
	border:					none;
	border-collapse:		collapse;
	border-spacing:			0px;	
	background:				transparent url('img/portfoliocontents2.jpg') top left no-repeat;
	width:					760px;
	float:					left;
}

.portfolio-list {
	list-style:				none;
	padding:				12px 0 0 187px;
	margin:					0px;
	text-align:				left;
	border:					0px;
	border-collapse:		collapse;
	border-spacing:			0px;
	width:					440px;
	float:					left;
	list-style-type:		circle;
	color:					#6c8583;	
	line-height:			18px;	
}

.portfolio-list li {
	width:					220px;
	float:					left;
}

.portfolio-list li:hover {
	color:					#d2f1cf;
}

.portfolio-list a {
	color:					#ffffff;
	text-decoration:		none;
}

.portfolio-list a:hover {
	color:					#ffffff;
	text-decoration:		none;
}

.portfolio {
	margin:					0px;
	padding:				18px 10px 30px 20px;
	border:					none;
	border-collapse:		collapse;
	border-spacing:			0px;
	clear:					both;
}

.portfolio-item-left {
	float:					left;
	width:					356px;
	padding:				8px 0 10px 0;
	margin:					0 0 5px 0;
	border-top:				1px solid #495d5c;
	border-collapse:		collapse;
	border-spacing:			0px;
	font-family:			arial;
	font-size:				11px;
	min-height:				410px;
}

.portfolio-item-right {
	width:					356px;
	float:					left;
	margin:					0 0 5px 30px;
	padding:				8px 0 10px 0;
	border-top:				1px solid #495d5c;
	border-collapse:		collapse;
	border-spacing:			0px;
	font-family:			arial;
	font-size:				11px;
	min-height:				410px;
}

h2 {
	font-family:			'trajan pro';
	font-size:				14px;
	color:					#ffffff;
	margin:					0px;
	padding:				0px;
	text-align:				right;
	font-weight:			normal;
}

h3 {
	font-family:			cambria,'book antiqua',garamond,'times new roman',serif;
	font-size:				12px;
	color:					#d2f0cf;
	margin:					0px;
	padding:				0 0 10px 0;
	text-align:				right;
	font-weight:			normal;
}

.portfolio-thumb {
	margin:					0 0 5px 0;
	padding:				0px;
	width:					354px;
	height:					190px;
}

.thumblink img {
	border:					1px solid #495d5c;
}

.thumblink:hover img {
	border:					1px solid #d2f1cf;
}

.visitwebsite {
	background:				transparent url('img/visitwebsite.jpg') top left no-repeat;
	width:					116px;
	height:					34px;
	border:					0px;
	border-collapse:		collapse;
	border-spacing:			0px;	
	padding:				0px;		
	margin:					5px 0 0 0;
	font-size:				0px;
	float:					right;
}

.visitwebsite a {
	display:				none;
	width:					116px;
	height:					34px;
}

.visitwebsite:hover {
	width:					116px;
	height:					34px;
	background:				transparent url('img/visitwebsite.jpg') bottom left no-repeat;
}

.involvement {
	margin:					0px;
	padding:				0 0 5px 0;
	border:					none;
	border-collapse:		collapse;
	border-spacing:			0px;
	color:					#6c8582;
}

.text {
	font-size:				12px;
	font-family:			arial;
	color:					#ffffff;
	margin:					0px;
	padding:				30px 20px 30px 20px;
	border:					none;
	border-collapse:		collapse;
	border-spacing:			0px;
	float:					left;
	text-align:				left;
}

.text h1 {
	color:					#d2f1cf;
	font-size:				16px;
	font-family:			cambria,'book antiqua',garamond,'times new roman',serif;
	font-style:				normal;
	font-weight:			normal;
	margin:					0px;
	padding-bottom:			10px;
	text-indent:			0px;
}

.text-left {
	font-size:				12px;
	color:					#ffffff;
	padding:				0px;
	margin:					0px;
	text-align:				left;
	float:					left;
	width:					230px;
	line-height:			18px;
	height:					400px;
}

.portrait-left {
	font-size:				12px;
	color:					#ffffff;
	padding:				0px;
	margin:					0px;
	text-align:				left;
	float:					left;
	width:					230px;
}

.text-right {
	font-size:				12px;
	color:					#ffffff;
	padding:				0 0 0 30px;
	margin:					0px;
	text-align:				left;
	float:					right;
	width:					230px;
}


.portrait {
	width:					210px;
	height:					250px;
	border:					1px solid #495d5c;
	margin:					0 20px 20px 0;
	padding:				0px;
}

.creativeservices {
	width:					164px;
	height:					36px;
	border:					none;
}

.services {
	text-align:				left;
	float:					left;
	padding:				10px 0 0 15px;
	font-size:				12px;
	font-family:			arial;
	color:					#ffffff;
}

.services h2 {
	padding:				0 20px 10px 0;
}

.services h1 {
	padding:				0 0 5px 0;
	text-indent:			0px;
}

.about {
	text-align:				left;
	float:					left;
	padding:				20px;
	font-size:				12px;
	font-family:			arial;
	color:					#ffffff;
}

.about h1 {
	margin:					0px;
	padding:				0 0 10px 0;
	text-indent:			0px;
}

.creativeservices-list {
	padding:				0 20px 0 40px;
	margin:					0px;
	text-align:				left;
	border:					0px;
	border-collapse:		collapse;
	border-spacing:			0px;
	float:					left;
	line-height:			18px;	
	list-style-type:		circle;
	color:					#6c8583;
	width:					200px;
}

.creativeservices-list li {
}

.creativeservices-list li:hover {
	color:					#d2f1cf;
}

.creativeservices-list a {
	color:					#6c8583;
	text-decoration:		underline;
}

.creativeservices-list a:hover {
	color:					#d2f1cf;
	text-decoration:		underline;
}

.creativeservices-left {
	padding:			20px 0 0 0;	
	float:				left;
	min-height:			200px;
}

.form-left {
	padding:			0px;
	float:				left;
	display:			block;
	width:				200px;		
}

.input-short {
	width:				200px;
	color:				#ffffff;
	padding:			3px;
	font-family:		arial;
	font-size:			11px;	
}

.form-message {
	width:				400px;
	height:				100px;
	padding:			3px;
	color:				#ffffff;
	font-family:		arial;
	font-size:			11px;
}

.contactform {
	padding:			0 0 0 50px;
	color:				#ffffff;
}

.contactform input {	
	background:				#000000;
	border:					1px solid #495d5c;
}

.form-submit {
	border:					1px solid #495d5c;
	padding:				3px 5px 3px 5px;
	color:					#6c8583;	
	float:					left;
}

.form-submit:hover {
	border:					1px solid #d2f1cf;
	color:					#ffffff;
}

.form {
	margin:					0px;
	padding:				0px;
	border:					0px;
}