/*----------   RESET   -----------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, ul, ol, li, img	{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	line-height: 1em;
}

/*----------   BASIC STYLES   -----------*/
body	{
	background-color: #fff;
	color: #666;
	font-family: Proxima-Nova, Helvetica, Arial, sans-serif;
	font-size: 12px;
}
#container	{
	width: 1010px;
	margin: 0 auto;
	/*background: url('../images/grid.png') repeat-y left top;*/
}
a	{
	outline: none;
	color: #CC2381;
}
a:hover	{
	color: #CC2381;
	text-decoration:  underline;
}
/*----------   HEADER   -----------*/
#header	{
	padding: 36px 0 13px 0;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	margin-bottom: 36px
}
#logotype	{
	float: left;
}
h1	{
	font-size: 4em;
	margin-bottom: 0;
	color: #CC2381;
}
h1 a, h1 a:link, h1 a:visited, h1 a:hover	{
	color: #CC2381;
	text-decoration: none;
}
p.subtitle	{
	font-size: 1.5em;
	line-height: 1.5em;
	padding-bottom: 0.75em;
}
ul#nav	{
	list-style: none;
	float: right;
	margin-top: 54px;
}
ul#nav li	{
	float: left;
	margin-left: 18px;
	font-size: 1.17em;
	line-height: 1.28em;
	font-weight: 500;
}
ul#nav li a	{
	text-decoration: none;
	color: #666;
}
ul#nav li a:hover	{
	text-decoration: none;
}
ul#nav li a.current	{
	font-weight: 700;
	color: #CC2381;
}
/*----------   PORTFOLIO   ----------*/
#portfolio	{
	clear: both;
	overflow: hidden;
}
.portfolio-piece	{
	float: left;
	width: 310px;
	margin-right: 39px;
	margin-bottom: 18px;
}
.portfolio-img	{
	width: 310px;
	background-color: #f7f7f7;
	height: 306px;
	border: 1px solid #ccc;
}
.portfolio-piece ul	{
	list-style: none;
	overflow: hidden;
}
.portfolio-piece ul li	{
	float: left;
	margin-right: 10px;
	line-height: 1.5em;
	border-right: 1px solid #ccc;
	padding-right: 10px;
}
.portfolio-piece ul li.portfolio-original	{
	border: 0;
}
.portfolio-piece ul li a	{
	color: #666;
	text-decoration: none;
}
.portfolio-piece ul li a:hover	{
	color: #CC2381;
}
h4	{
	font-weight: 700;
	font-size: 1.17em;
	line-height: 1.28em;
	margin: 0.64em 0 0 0;
}
h4 a	{
	text-decoration: none;
	color: #CC2381;
}
h4 a:hover	{
	text-decoration: none;
}
/*----------   PORTFOLIO DETAIL   -----------*/
#portfolio-detail	{
	overflow: hidden;
	clear: both;
}
#portfolio-images	{
	width: 660px;
	margin-right: 40px;
	float: left;
	overflow: hidden;
}
#portfolio-content	{
	overflow: hidden;
	border-top: 1px solid #ccc;
}
ul.portfolio-links	{
	list-style: none;
	overflow: hidden;
	border-top: 1px solid #ccc;
	padding-top: 9px;
	margin-top: 18px;
}
ul.portfolio-links li	{
	float: left;
	margin-right: 10px;
	line-height: 1.5em;
	border-right: 1px solid #ccc;
	padding-right: 10px;
}
ul.portfolio-links li a	{
	color: #CC2381;
	text-decoration: none;
}
ul.portfolio-links li a:hover	{
	color: #CC2381;
	text-decoration: underline;
}
#portfolio-content h4	{
	margin-top: 0;
}
ul.responsibilities	{
	list-style: disc outside;
	margin-bottom: 21px;
	margin-left: 15px;
}
ul.responsibilities li	{
	font-size: 1.17em;
	line-height: 1.5em;
	margin-left: 2px;
}
.inactive	{
	color: #999;
	border-top: 1px solid #ccc;
	padding-top: 0.63em;
}
#portfolio-images img	{
	display: block;
	margin-bottom: 18px;
}
/*----------   CLIENT LIST   ---------*/
#clients	{
	clear: both;
	overflow: hidden;
	width: 890px;
	padding-bottom: 54px;
}
#clients div	{
	width: 190px;
	margin-right: 40px;
	float: left;
}
#clients ul	{
	list-style: none;
	margin-bottom: 1.5em;
}
#clients ul li	{
	font-size: 1.17em;
	line-height: 1.71em;
	
}
h2	{
	font-size: 3em;
	line-height: 1.5em;
	margin-bottom: 0.75em;
	color: #CC2381;
	font-weight: 500;
}
h2 span	{
	color: #999;
	border-left: 1px solid #999;
	padding-left: 10px;
	font-size: 1em;
	font-weight: 100;
}
h3	{
	font-size: 2em;
	line-height: 1.125em;
	margin-bottom: 0.75em;
	color: #CC2381;
	font-weight: 500;
	padding-top: 0.75em;
}
p	{
	font-size: 1.17em;
	line-height: 1.5em;
	padding-bottom: 1.5em;
}

/*----------   CONTENT   -----------*/
#content	{
	overflow: hidden;
	clear: both;
	padding-bottom: 36px;
	width: 660px;
}
/*----------   CONTACT US   ----------*/
#contactform table	{
	width: 700px;
	border: 0;
	border-collapse: collapse;
}
#contactform th, #contactform td	{
	font-size: 1.17em;
}
#contactform th	{
	width: 174px;
	padding: 9px 0;
	vertical-align: top;
	text-align: left;
	font-weight: 500;
}
#contactform td	{
	padding-bottom: 0.63em;
}
.textfield, textarea	{
	border: 1px solid #ccc;
	width: 300px;
}
.textfield	{
	line-height: 1.5em;
	padding: 5px;
}
input:focus, textarea:focus	{
	border: 1px solid #CC2381;
}
textarea	{
	padding: 5px;
}
input#btn_submit	{
	width: 135px;
	height: 36px;
	margin-top: 18px;
	margin-left: 350px;
	background: url('../images/btn_gradient.png') repeat-x left top;
	border: 1px solid #b02070;
	color: #fff;
	font-size: 1.17em;
	font-weight: 500;
	cursor: pointer;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	border-bottom-left-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
}
span.error	{
	display: block;
	font-size: 1em;
	color: #c00;
	padding-top: 0.25em;
}
input.error, textarea.error	{
	border: 1px solid #c00;
	background-color: #fffbbe;
}
/*---------   COMMON   ----------*/
.last	{
	margin-right: 0;
}
#container .noborder	{
	border: 0;
}


/*----------   FOOTER   ----------*/
#footer	{
	clear: both;
	padding: 18px 0;
	/*border-top: 1px solid #f7f7f7;*/
	border-top: 1px solid #ccc;
	margin-top: 18px;
}
#footer p	{
	font-size: 1em;
	line-height: 1.5em;
	margin: 0.75em 0;
}