@font-face {
	font-family: 'Museo300';
	src: url('../font/Museo-300/Museo300-Regular.eot');
}

@font-face {
	font-family: 'Museo300';
	src: url(../font/Museo-300//:) format('no404'), url('../font/Museo-300/Museo300-Regular.woff') format('woff'), url('../font/Museo-300/Museo300-Regular.ttf') format('truetype');
}



body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#666666;
	background:#F6F5EF url(../images/bg_header.jpg) top repeat-x;
}
body.work {
	background:#F6F5EF url(../images/bg_header_work.jpg) top repeat-x;
}
body.about,
body.articles {
	background:#F6F5EF url(../images/bg_header_large.jpg) top repeat-x;
}
body.reel {
	background:#F6F5EF url(../images/bg_header_reel.jpg) top repeat-x;
}

.clearbox {
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	margin:0;
	padding:0;
	visibility:hidden;
}
.fleft {
	display:inline;
	float:left;
}
.fright {
	display:inline;
	float:right;
}
.hidden {
	display:none;
}

input.short_input {
	height:14px;
	color:#CCCCCC;
	padding:2px;
}
input.short_input,
textarea {
	border:1px solid #999999;
	background:#333333;
	color:#CCCCCC;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
textarea {
	padding:5px 2px 5px 2px;
}

a {
	font-style:italic;
	color:#FF39A4;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

strong {
	font-weight:700;
}

.col_1,
.col_2,
.col_3 {
	display:inline;
	float:left;
	width:319px;
	margin-right:20px;
	padding-right:20px;
}
.col_3 {
	margin:0px;
	padding:0px;
	border:none;
}


#wrap {
	margin:0 auto 0 auto;
	width:1040px;
	padding:32px 35px 0px 35px;
}

#header {
	 height:140px;
}

h1 {
	display:inline;
	position:relative;
	float:left;
	width:204px;
	height:104px;
	padding-left:2px;
	margin-right:165px;
	font-size:16px;
}
h1 img {
	top:0;
	left:0;
	position:absolute;
}

h3 {
	color:#000000;
	font-style:italic;
	font-weight:normal;
	font-size:18px;
}

#header ul {
	display:inline;
	float:left;
	height:43px;
	font-family:Museo300;
	color:#FFFFFF;
	font-weight:300;
}
#header ul li {
	display:inline;
	float:left;
	text-align:center;
	margin:27px 5px 0px 0px;
	line-height:30px;
}
#header ul li span {
	display:block;
	height:43px;
}
#header ul li a {
	font-style:normal;
	display:block;
	text-decoration:none;
	color:#999999;
}
#header ul li a:hover {
	color:#666666;
}
#header ul li.mn_home {
	width:67px;
}
#header ul li.mn_home span {
	background:url(../images/bg_a_home.jpg) no-repeat;
}
#header ul li.mn_about {
	width:89px;
}
#header ul li.mn_about span {
	background:url(../images/bg_a_about.jpg) no-repeat;
}
#header ul li.mn_work {
	width:63px;
}
#header ul li.mn_work span {
	background:url(../images/bg_a_work.jpg) no-repeat;
}
#header ul li.mn_articles {
	width:77px;
}
#header ul li.mn_articles span {
	background:url(../images/bg_a_articles.jpg) no-repeat;
}
#header ul li.mn_reel {
	width:56px;
}
#header ul li.mn_reel span {
	background:url(../images/bg_a_reel.jpg) no-repeat;
}
#header ul li.mn_contact {
	width:78px;
}
#header ul li.mn_contact span {
	background:url(../images/bg_a_contact.jpg) no-repeat;
}

h2 {
	display:inline;
	float:right;
	margin:20px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#CCCCCC;
}


#highlight {
	height:185px;
}
#highlight.home {
	height:105px;
	margin-top:-15px;
}
#highlight.home .intro_text {
	font-family:Museo300;
	font-size:23px;
	line-height:130%;
	color:#CCCCCC;
	font-weight:300;
	text-align:center;
}
#highlight.home .intro_text strong {
	font-weight:500;
	color:#999999;
}
#highlight.home .intro_text a {
	font-style:normal;
}
#highlight.home img {
	display:none;
	float:right;
	margin-top:5px;
}


#content {
	padding:15px 0px 0px 0px;
}
#content a {
	font-size:12px;
}
#content ul {
	display:inline;
	float:left;
	margin:20px 0px 0px 0px;
}
#content ul li {
	display:inline;
	float:left;
	width:320px;
	margin:0px 40px 0px 0px;
}
#content ul li.last_column,
#content ul li.last_column {
	margin-right:0px;
}
#content ul li img {
	margin-bottom:10px;
}
#content ul li p {
	margin-bottom:3px;
}
#content ul li p small{
	color:#999999;
	font-size:11px;
}
#content ul li p strong {
	color:#666666;
}
#content .btns_frame,
#highlight .btns_frame  {
	border-top:#E8C5C1 dotted 1px;
	margin: 10px 57px 0px 0px;
	padding-top:5px;
	color:#FF39A4;
}

#content.home {
	position:relative;
}
#content .work_slider {
	position:relative;
	display:inline;
	float:left;
	height:276px;
	width:1060px;
	overflow:hidden;
}
#content .work_slider ul {
	width:999em;
}
#content ul.navigation {
	position:relative;
	margin:0px 0px 0px 0px;
	width:100%;
}

#content ul.navigation li.home_next_btn,
#content ul.navigation li.home_prev_btn,
#content ul.navigation li.next_btn,
#content ul.navigation li.prev_btn {
	display:inline;
	float:left;
	cursor:pointer;
	margin:-140px 0px 0px -20px;
	width:15px;
	height:20px;
	background:url(../images/img_prev_btn.gif) no-repeat;
}
#content ul.navigation li.next_btn,
#content ul.navigation li.home_next_btn {
	display:inline;
	float:right;
	margin-top:-140px;
	background:url(../images/img_next_btn.gif) no-repeat;
}
#content ul.navigation li.next_btn.disabled,
#content ul.navigation li.home_next_btn.disabled {
	cursor:default;
	background:url(../images/img_next_no_btn.gif) no-repeat;
}
#content ul.navigation li.prev_btn.disabled,
#content ul.navigation li.home_prev_btn.disabled {
	cursor:default;
	background:url(../images/img_prev_no_btn.gif) no-repeat;
}
#wrap_footer {
	width:100%;
	margin:30px auto 0px auto;
	background:#666666;
}
#footer {
	width:1040px;
	margin:0px auto 0px auto;
	color:#F6F4EE;
	padding-top:30px;
	font-size:12px;
	color:#F6F4EE;
	line-height:17px;
}

#footer a {
	color:#FFFFFF;
	text-decoration:underline;
}
#footer a:hover {
	text-decoration:none;
}
#footer h3 {
	color:#FFFFFF;
	margin-bottom:25px;
}
#footer h3.down {
	margin-top:50px;
}

#footer .col_1,
#footer .col_2,
#footer .col_3 {
	border-right:solid 1px #6B6B6B;
}
#footer .col_1 a {
	display:block;
	font-weight:bold;
	margin-top:5px;
}
#footer .col_1 .services_list {
	height:115px;
}
#footer .col_1 .services_list dt {
	margin-top:5px;
}
#footer .col_1 h3.down {
	margin-top:20px;
}

#footer .col_2 {
	padding-right:15px;
	width:324px;
}
#footer .col_2 ul.articles_list li {
	height:24px;
	line-height:18px;
	margin-bottom:5px;
	border-bottom:1px dashed #838381;
}

#footer .col_2 ul.social_list {
	margin-top:6px;
}
#footer .col_2 ul.social_list,
#footer .col_2 ul.social_list li {
	display:inline;
	float:left;
}
#footer .col_2 ul.social_list li {
	margin-right:25px;
	height:68px;
	width:60px;
}
#footer .col_2 ul.social_list li a {
	display:block;
	padding-top:50px;
	text-align:center;
}

#footer .col_2 ul.social_list li.a_delicious {
	background:url(../images/img_delicious.jpg) no-repeat top;
}
#footer .col_2 ul.social_list li.a_facebook {
	background:url(../images/img_facebook.jpg) no-repeat top;
}
#footer .col_2 ul.social_list li.a_flickr{
	background:url(../images/img_flickr.jpg) no-repeat top;
}
#footer .col_2 ul.social_list li.a_linkedin {
	margin:0px;
	background:url(../images/img_linkedin.jpg) no-repeat top;
}

#footer .col_3 {
	border:none;
}
#footer .col_3 ul {
	margin-bottom:15px;
}
#footer .col_3 ul li {
	line-height:22px;
}
#footer .col_3 ul li strong {
	display:inline;
	float:left;
	width:95px;
}
#footer .col_3 p {
	margin-bottom:15px;
}
#footer .col_3 label {
	display:inline;
	float:left;
}
#footer .col_3 label span,
#footer .col_3 label input {
	display:block;
}
#footer .col_3 label span {
	padding-bottom:1px;
	font-weight:bold;
}
#footer .col_3 label.name {
	margin-right:8px;
}
#footer .col_3 label.name input {
	width:120px;
}
#footer .col_3 label.mail input {
	width:180px;
}
#footer .col_3 label textarea {
	width:314px;
	height:37px;
	margin:5px 0px;
}
#footer .col_3 label.submit_btn {
	float:right;
}
#footer .col_3 label.submit_btn a {
	display:block;
	width:48px;
	height:20px;
	text-align:center;
	text-decoration:none;
	line-height:20px;
	background:url(../images/bg_submit_btn.jpg) no-repeat;
}
#footer form {
	position:relative;
}
#footer #contact_wrap p {
	font-size:18px;
	line-height:25px;
	color:#333333;
}
#footer #msg_warning,
#footer #email_warning,
#footer #name_warning {
	position:absolute;
	top:50px;
	left:10px;
	margin:-48px 0px 0px 0px;
}
#footer #name_warning {
	top:25px;
} 
#footer #email_warning {
	top:25px;
	left:145px;
} 

#footer .warning {
	border:1px solid #F60;
}

#wrap_bottom_footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background:#333333;
	color:#F6F5EF;
	height:18px;
	line-height:17px;
}
#bottom_footer {
	margin:40px auto 0px auto;
	width:1040px;
}
#bottom_footer a {
	font-style:normal;
	color:#F6F5EF;
}
#bottom_footer span {
	font-weight:bold;
	color:#FFF;
}
#bottom_footer ul,
#bottom_footer ul li {
	display:inline;
	float:left;
}
#bottom_footer ul li {
	margin-right:3px;
}
#bottom_footer p {
	display:inline;
	float:right;
	margin-right:165px;
}



/* WORK */

.work #content ul {
	margin-bottom:-35px;
}
.work #content ul li {
	height: 220px;
	margin-bottom:45px;
}


/* ABOUT */

.about #header {
	height:130px;
}
.about #highlight .col_1 p {
	line-height:20px;
	margin-bottom:5px;
}
.about #highlight .col_1 p small {
	line-height:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#999999;
}
.about #highlight .col_1 p a {
	display:block;
	margin-top:10px;
}

.about #highlight .col_2 img,
.about #highlight .col_3 img {
	margin-top:5px;
}

.about #highlight .col_2 small,
.about #highlight .col_3 small {
	display:block;
	font-family:'Museo300';
	font-size:11px;
	color:#999999;
	font-style:normal;
	font-weight:500;
}

.about #content {
	margin:10px 0px 0px 0px;
	padding-bottom:10px;
}
.about #content h3 {
	margin-bottom:5px;
}
.about #content .col_1,
.about #content .col_2,
.about #content .col_3 {
	padding:0px;
	width:340px;
}
.about #content .col_1 .btns_frame {
	display:inline;
	float:left;
	width:320px;
	margin-top:0px;
}
.about #content .col_1 ul li {
	width:100px;
	margin-right:10px;
	margin-bottom:10px;
	line-height:0px;
}
.about #content .col_1 ul li.last_column {
	margin:0px;
}
.about #content .col_1 ul li a {
	display:inline;
	float:left;	
	width:100px;
	height:75px;
	overflow:hidden;
}

.about #content .col_2 ul.navigation li {
	margin-top:-135px;
	margin-left:-10px;
}
.about #content .col_2 ul.navigation li.next_btn {
	margin-right:3px;
}
.about #content .useless_slider {
	display:inline;
	float:left;
	width:320px;
	overflow:hidden;
}
.about #content .col_2 .useless_slider ul {
	width:999em;
	height:200px;
	text-align:center;
	font-family:'Museo300';
}
.about #content .col_2 .useless_slider ul li img {
	display:block;
	margin:0 auto 10px 0;
}
.about #content .col_2 .useless_slider h4 {
	font-size:14px;
	font-weight:600;
}
.about #content .col_2 .useless_slider small {
	display:block;
	font-size:11px;
	color:#999999;
	font-weight:normal;
}
.about #content .col_2 .useless_slider div {
	height:170px;
}
.about #content .col_2 .useless_slider .word-cloud {
	width:200px;
	margin:0 auto;
}
.about #content .col_2 .useless_slider #chart4_div {
	height:160px!important;
	width:300px!important;
	margin:0px auto 10px auto;
}

.about #content .col_3 {
	padding-right:0px;
	width:320px;
}
.about #content .col_3 ul li {
	height:45px;
}
.about #content .col_3 ul li small{
	display:block;
	color:#999999;
}

/* ARTICLES */

.articles #header {
	height:130px;
}

.articles #highlight,
.articles #content {
	line-height:20px;
}

.articles #highlight h3 {
	margin-bottom:10px;
}
.articles #highlight h3 small {
	display:block;
	font-size:12px;
	color:#CCCCCC;
	font-weight:bold;
	font-style:normal;
}
.articles #highlight p {
	width:500px;
}
.articles #highlight .btns_frame  {
	width:100%;
	display:inline;
	float:left;
	margin-top:7px;
}

.articles #content h3 {
	height:40px;
	margin-bottom:20px;
	line-height:22px;
}


/* REEL */

.reel #wrap_footer {
	margin-top:0px;
}

.reel #highlight {
	height:398px;
}


/* PROJECTS DETAIL OVERLAY */

#project_detail {
	top:0;
	left:0;
	position:absolute;
	width:100%;
	height:100%;
	color: #FFFFFF;
	background:#000000;
	
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
#content_overlay {
	top:0;
	left:50%;
	position:absolute;
	margin:100px 0 0 -25%;
	width:600px;
}
#content_overlay h3 {
	color:#FFFFFF;
	display:inline;
	float:left;
	width:520px;
	line-height:20px;
}
#content_overlay h3 small {
	display:block;
	font-size:11px;
	font-weight:normal;
}
#content_overlay .a_site {
	display:inline;	
	float:right;
	margin-top:10px;
	width:90px;
	height:20px;
}
#content_overlay .a_close {
	background:url(../images/img_close_btn.jpg) right center no-repeat;
	float:right;
	display:inline;
	width:20px;
	height:20px;
	padding-right:40px;
	margin:23px 0px 0px 0px;
	color:#FFFFFF;
}
#content_overlay .navigation {
	margin:0;
	position:relative;
	width:100%;
}

#content_overlay .navigation li {
	display:inline;
	float:left;
	height:30px;
	width:20px;
	margin:200px 0 0 -20px;
	cursor:pointer;
}
#content_overlay .navigation li.prev_btn {
	background:url(../images/img_prev_btn.gif) #FFFFFF center center no-repeat;
}
#content_overlay .navigation li.next_btn {
	float:right;
	margin-right:-20px;
	margin-left:0px;
	background:url(../images/img_next_btn.gif) #FFFFFF center center no-repeat;
}

#content_overlay .slider_wrap {
	margin-top:10px;
	border:5px solid #FFFFFF;
	width:590px;
	overflow:hidden;
}
#content_overlay .slider_wrap ul{
	width:999em;
	display:inline;
	float:left;
}
#content_overlay .slider_wrap ul li {
	display:inline;
	float:left;
	line-height:0px;
}
#content_overlay ul.navigation li.next_btn.disabled {
	cursor:default;
	background:url(../images/img_next_no_btn.gif) #FFFFFF center center no-repeat;
}
#content_overlay ul.navigation li.prev_btn.disabled {
	cursor:default;
	background:url(../images/img_prev_no_btn.gif) #FFFFFF center center no-repeat;
}

#content_overlay p {
	color:#FFFFFF;
	margin-top:5px;
}