h1, h2, h3, h4, p, ul, li {
	margin: 0;
	padding: 0;
	}
	
a {
	outline: none;
	}
	
a:link, a:visited {
	text-decoration: none;
	}

body {
	background-color: #525252;
	margin: 0;
	padding: 0;
	}

#wrapper {
	width: 800px;
	margin: 15px auto;
	}

#top {
	text-align: right;
	color: #fff;
	font-size: 12px;
	font-family: "Myriad Pro", helvetica, serif;
	}
	
#top ul {
	list-style: none;
	margin-bottom: 3px;
	}
	
#top ul li {
	display: inline;
	margin-right: 15px;
	}

#header {
	background: #f0f0f0 url(images/curve_top.jpg) no-repeat 427px 0;
	position: relative;
	width: 800px;
	height: 97px;
	}
	
#header h1 {
	background: transparent url(images/logo.jpg) no-repeat 32px 22px;
	display: block;
	width: 326px;
	height: 51px;
	font-size: 0.01em;
	text-indent: -999999em;
	}
	
#header ul li a {
	display: block;
	}
	
#header ul {
	list-style: none;
	}
	
#header ul li {
	display: inline;
	}
	
.home {
	background: transparent url(images/btn_home.jpg) no-repeat 0 0;
	position: absolute;
	display: block;
	width: 62px;
	height: 27px;
	top: 70px;
	left: 29px;
	}
	
#header .home a {
	width: 62px;
	height: 27px;
	}
	
.home:hover {
	background-position: 0 -27px
	}
	
.home_on {
	background: transparent url(images/btn_home.jpg) no-repeat 0 -27px;
	position: absolute;
	display: block;
	width: 62px;
	height: 27px;
	top: 70px;
	left: 29px;
	}

.about {
	background: transparent url(images/btn_about.jpg) no-repeat 0 0;
	position: absolute;
	display: block;
	width: 68px;
	height: 27px;
	top: 70px;
	left: 93px;
	}

#header .about a {
	width: 68px;
	height: 27px;
	}

.about:hover {
	background-position: 0 -27px
	}
	
.about_on {
	background: transparent url(images/btn_about.jpg) no-repeat 0 -27px;
	position: absolute;
	display: block;
	width: 68px;
	height: 27px;
	top: 70px;
	left: 93px;
	}
	
.portfolio {
	background: transparent url(images/btn_portfolio.jpg) no-repeat 0 0;
	position: absolute;
	display: block;
	width: 97px;
	height: 27px;
	top: 70px;
	left: 164px;
	}
	
#header .portfolio a {
	width: 97px;
	height: 27px;
	}
	
.portfolio:hover {
	background-position: 0 -27px
	}
	
.portfolio_on {
	background: transparent url(images/btn_portfolio.jpg) no-repeat 0 -27px;
	position: absolute;
	display: block;
	width: 97px;
	height: 27px;
	top: 70px;
	left: 164px;
	}

.contact {
	background: transparent url(images/btn_contact.jpg) no-repeat 0 0;
	position: absolute;
	display: block;
	width: 90px;
	height: 27px;
	top: 70px;
	left: 265px;
	}
	
#header .contact a {
	width: 90px;
	height: 27px;
	}
	
.contact_on {
	background: transparent url(images/btn_contact.jpg) no-repeat 0 -27px;
	position: absolute;
	display: block;
	width: 90px;
	height: 27px;
	top: 70px;
	left: 265px;
	}

.contact:hover {
	background-position: 0 -27px
	}
	
#content {
	background: #fff url(images/line.jpg) repeat-x 0 0;
	width: 800px;
	font-size: 12px;
	font-family: "Myriad Pro", helvetica, serif;
	color: #333;
	float: left;
	}
	
#indexleft {
	position: absolute;
	width: 310px;
	margin-left: 32px;
	margin-top: 22px;
	position: absolute;
	line-height: 20px;
	}

	
#column1 {
	width: 400px;
	float: left;
	}
	
#column2 {
	width: 400px;
	float: left;
	}
	
#type1_left {
	width: 230px;
	float: left;
	}
	
#type1_left a, a:visited {
	color: #333;
	}
	
#type1_center {
	width: 100px;
	float: left;
	}
	
#type2_center {
	width: 570px;
	padding-top: 63px;
	float: left;
	}
	


h2.expertise {
	background: transparent url(images/about_expertise.jpg) no-repeat 26px 18px;
	display: block;
	width: 326px;
	height: 51px;
	font-size: 0.01em;
	text-indent: -999999em;
	padding-bottom: 10px;
	}
	
h2.studio {
	background: transparent url(images/about_studio.jpg) no-repeat 0 18px;
	display: block;
	width: 326px;
	height: 51px;
	font-size: 0.01em;
	text-indent: -999999em;
	padding-bottom: 10px;
	}
	
h2.partner {
	background: transparent url(images/about_partner.jpg) no-repeat 0 18px;
	display: block;
	width: 326px;
	height: 51px;
	font-size: 0.01em;
	text-indent: -999999em;
	padding-bottom: 10px;
	}
	
h2.portfolios {
	background: transparent url(images/portfolio.jpg) no-repeat 26px 18px;
	display: block;
	width: 260px;
	height: 51px;
	font-size: 0.01em;
	text-indent: -999999em;
	padding-bottom: 10px;
	}
	
h2.contactus {
	background: transparent url(images/contact_contactus.jpg) no-repeat 26px 18px;
	display: block;
	width: 260px;
	height: 51px;
	font-size: 0.01em;
	text-indent: -999999em;
	padding-bottom: 10px;
	}
	
ul.aboutpage {
	list-style-type: square;
	display: block;
	margin-left: 45px;
	}
	
ul.aboutpage2 {
	list-style-type: square;
	display: block;
	margin-left: 28px;
	}
	
ul.aboutpage li {
	text-indent: 10px;
	line-height: 20px;
	color: #333;
	}
	
ul.aboutpage2 li {
	text-indent: 10px;
	line-height: 12px;
	}
	
p.aboutpage {
	margin-left: 15px;
	margin-right: 20px;
	}
	
ul.portfolio_type1 {
	list-style-type: square;
	display: block;
	margin-left: 45px;
	}
	
ul.portfolio_type1 li {
	text-indent: 10px;
	line-height: 20px;
	color: #333;
	}
	
ul.portfolio_type1 li a span {
	display: none;
	}
	
ul.portfolio_type1 li a:hover span {
	display: block;
	margin-top: -20px;
	margin-left: 120px;
	font-weight: bold;
	color: #dc5c1e;
	}
	
ul.portfolio_type1 li span {
	display: block;
	margin-top: -20px;
	margin-left: 120px;
	font-weight: bold;
	}
	
ul.contactpage {
	list-style: none;
	display: block;
	margin-left: 28px;
	padding-bottom: 20px;
	}
	
ul.contactpage li {
	text-indent: 10px;
	line-height: 20px;
	}
	
p.contactpage {
	margin-top: 61px;
	margin-left: 15px;
	padding-bottom: 20px;
	}
	
p.contactform {
	margin-left: 7px;
	line-height: 20px;
	vertical-align: top;
	}
	
input.text {
	background: #f0f0f0;
	border: 1px solid #333;
	color: #333;
	height: 13px;
	font-family: "Myriad Pro", helvetica, serif;
	font-size: 12px;
	width: 150px;
	}
	
textarea.inquiries {
	width: 230px;
	resize: none;
	}
	
input.button {
	background: #fff;
	border: 1px solid #333;
	color: #333;
	height: 15px;
	font-family: "Myriad Pro", helvetica, serif;
	font-size: 12px;
	margin-left: 66px;
	}
	
textarea {
	background: #f0f0f0;
	border: 1px solid #333;
	color: #333;
	font-family: "Myriad Pro", helvetica, serif;
	font-size: 12px;
	}
	
span.alert {
	margin-left: 3px;
	color: #dc5c1e;
	font-size: 80%;
	}
	
	
	
#footer {
	background: transparent url(images/curve_bottom.jpg) no-repeat 0 0;
	clear: both;
	padding-top: 2px;
	position: relative;
	width: 800px;
	height: 99px;
	font-size: 12px;
	font-family: "Myriad Pro", helvetica, serif;
	color: #fff;
	position: relative;
	}
	
#footer a:link, a:visited {
	color: #fff;
	}
	
#footer a:hover {
	text-decoration: underline;
	}
	
#footer ul {
	position: absolute;
	list-style: none;
	margin-top: 103px;
	margin-left: 15px;
	}
	
#footer ul li {
	display: inline;
	}
	
.sitemap {
	margin-left: 285px;
	}
	
.whitespace {
	display: block;
	height: 500px;
	}


#portfolio-disclaimer {
	position: absolute;
	bottom: 7px;
	left: 15px;
}
.popup-window {
	background-image: url(images/popup-background-01.gif);
	background-repeat: no-repeat;
}
.popup-content {
	width:	260px;
	padding: 100px 60px 40px 80px;	
}
.popup-content h1 {
	font-size: 16px;
	font-family: "Myriad Pro", helvetica, serif;
	color: #000000;
	line-height: 26px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 14px 0px;
}
.popup-content p {
	font-size: 13px;
	font-family: "Myriad Pro", helvetica, serif;
	color: #333;
	line-height: 22px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 18px 0px;	
}