/* @override 
	http://localhost/jp10/css/screen.css
	http://j.n:8888/css/screen.css
*/

@charset "UTF-8";
/* CSS Document */

pre class="brush: css;"
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
display: block;
}

html
{
	height: 100%;
	background-color: #000;
}

body {
 font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 13px; line-height: 120%; color: #555; zoom:1;

}

a
{
	text-decoration: none;
	cursor: default;
}

#introduction h3 {
	color: #333;
	font-size: 20px;
	line-height: 125%;
}
.sans_serif
{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#container  h4, #portfolio_cloud dt {
	margin: 20px 0 0;

letter-spacing: 1px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	
}



 .info, .col4 {
	
	float: left;
	width: 220px;
	margin: 10px;

	
}
#index .col4
{
	height: 205px;
}
.info_2 {
	
	float: left;
	width: 460px;
	margin: 10px;
	
}

#work .item img {
	float: left;
	padding:10px

}

#work  .info h2 {
	color: #161616;
	text-transform: uppercase;
	font: bold 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: -1px;
	line-height: 100%;;
}

#work .info .links a
{
	
	color: #E32B22;
	
	padding: 2px 6px;
	font: bold 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
}

.link_offline {

display: none;}



.info, .info_half  {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	line-height: 130%;

}

#contact_blurb {
border-right: 1px solid #ddd;;
font-family: Georgia, "Times New Roman", Times, serif;
}
#contact_blurb p{
	
font-size: 12px;
}

.info dl
{
	margin-bottom: 10px;
}
.info dt, .info_half dt
{
	font-weight: bold;	
	margin-bottom: 5px;
}

.info dd
{
	color: #333;
}

#bio a.link_download {
	padding: 3px 9px;
	background:  #0099ff;
	color: #eee;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}
#bio a.link_download:hover
{
	background-color: #44bbff;
}

#footer_contents dd {
	color: #eee;
}

#copyright {
	text-align: right;
	float: right;

	font-size: 10px;
	color: #ddd;
	margin-right: 0px;
}

#logo_inverse {
	
	float: right;
	text-align: right;
	margin-bottom: 20px;
	margin-top: 20px;
}

#bottom_nav a {
	color: #999;
	margin:0 10px 0 10px
	;
	padding: 2px 5px;
	font-weight: lighter;
	letter-spacing: 1px;
	text-transform: 
uppercase;
font-size: 9px;;
}
#bottom_nav a:hover {
	text-decoration:underline;
	
}

/* @group Portfolio Cloud */

.portfolio_cloud a:hover
{
	background-color: #ff6;
}

#showcase div.item div.col4 dl.portfolio_cloud dd a:hover {
	background-color: #ff6;
}
#work .info a:hover
{
	background-color: #ff6;

}

span.nmore {
	padding: 0px 5px;
	float: left;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-weight: bold;margin-top: 0;;;
}

.portfolio_cloud
{
	

	width: 100%;

	
}

#work .portfolio_cloud
{
		position: absolute;bottom: 0;
		left: 0;
}

div.top_portfolio_cloud_hoder {
	position: relative;
	height: 80px;
	margin-bottom: 40px;
}

.portfolio_cloud dt {
	text-transform: uppercase;
	border-bottom: 1px solid #ddd;
	margin-bottom: 7px;
}
#index .portfolio_cloud dt {
	display: none;
}
.portfolio_cloud dd,.gallery_shots dd  {
	float: left;
		margin: 5px 5PX;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.portfolio_cloud a, #showcase a, .gallery_shots dd  a
{
	color: #333;
	padding: 3px 5px;
	background-color: #eee;
}

/* @end */
#container .info h3{
	font-size: 15px;
	margin-bottom: 5px;
	color: #333;
	font-family: Times, serif;
}

#container,#header_contents, #footer_contents
{		margin: auto;	}
#container
{
	width: 960px;
	overflow: hidden;
	padding-bottom: 40px;
}



footer
{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

	position: relative;
	
	float: left;
	width: 100%;
	background-color: #161616; font-size: 12px;

	
}

#footer_anchor {
	
	width: 100%;
	bottom: 0;
	background-color: #000; border: none;
	margin: 0;
padding: 0; float: left;}


#anchor
{

		height: 0px;
	position: absolute;
	top: 0;
	width: 100%;
	background-color:#161616;
}

.description {
	float: left;
	width:  220px;
	margin: 10px;
	
}
.info_half
{
	width: 140px;float: left;

	margin: 10px;
	margin-right: 0;

	clear: right;
	border-right: 1px solid #ddd;;
}

span.emp_foreign {
	font-size: 12px;
	font-weight: bold;}

#contact_blurb {
border-right: 1px solid #ddd;;
}

span.comingsoon {
	position: absolute;
	left: -12px;
	background-color: #E32B22;;
	padding: 2px 15px;
	top: 12px;
	font: italic bold 11px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	
	/* for firefox, safari, chrome, etc. */
-webkit-transform: rotate(7deg);
-moz-transform: rotate(7deg);
/* for ie */

	
	
}

span.cmbold {
	font-size: 14px;
}

.info p, .info_2 p
{
	margin-bottom: 10px;
	font-size: 13px
;
line-height: 120%;
color: #333;
}


h5.indevelopment {
	float: left;
	padding: 3px 6px;
	background-color:#98c525 ;
	color: #fff;
	font: bold 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* @group about typography */

span.emp_italic {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
}

span.emp_typography {
	font-weight: bold;
	font-style: italic;color: #000;
}

span.emp_grid {
	border: 1px dotted #333;
	padding: 0px 2px;color: #000;
}

/* @end */
.contents {
	float: left;
margin-top: 50px;	
width: 100%;


}

#showcase.contents
{
	margin-top: 10px;
}
#logo_inv {
	text-align: right;
}


.item {
float: left;

border-top: 1px solid #ddd;	overflow: hidden;
width: 100%;

position: relative;

}

#work .item
{
	margin-bottom: 50px;
}
#work.body .item {
	height: 850px;
}

a.toTop{
	background-color: #333;
	color: #fff;
	padding: 4px 8px;
float: right;
font-size: 11px;
	text-transform: uppercase;
	position: absolute;

	font-weight: bold;
	bottom: 55px;
	right: 0px;
}
a.toTop:hover
{
	background-color: #ff6;
	color: #000;
}
#container h1 {
	font: 52px/100% Georgia, "Times New Roman", Times, serif;
	margin-bottom: 0;
	letter-spacing: -1px;
}

.col3 {
	width: 700px;	
}


header, section{
	float: left;
	
	clear: both;
}

#portfolio_cloud .desc {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	border: 1px dashed #ddd;
	padding: 1px 3px;
}



#introduction {
	padding: 10px;
	margin-bottom: 0;
}

#container h2 {
	font-size: 34px;
	color: #666;
	margin: 5px 0;
}

/* @group Contact */

#contactform input{
	float: left;
	clear: both;

}

#contactform form {
	border-right: 1px solid #ddd; 
	margin:10px;
	width: 100%;
}

#general_info {
	float: left;
	border-right: 1px solid #ddd; padding-right:100px ;
	width: 210px;
}

#general_info textarea {
	padding: 4px 1px;
	margin: 0;
	
	
}

#contactform form fieldset {
	margin-right: 100px;
}

#contact input, #contact textarea
{
	float: left;
		font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		border: 1px solid #999;
	overflow: hidden;
	width:300px;margin: 0 10px 10px 10px;
	
	clear: left;

}



#contact .checkbox_label {
clear: none;	
margin-left: 3px;
font-weight: normal;

}


#contact fieldset label
{
	float: left;
	margin-left: 10px;font-weight: bold;margin-bottom: 2px;
clear: both;

}






#contact fieldset {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
}
#name
{
	margin-top: 0;
}
#contact div.item form.info_2 fieldset {
	float: left;
}

#contact  #submit{
		width: auto;
background-color: #fff;
}
#contact .checkbox
{
	clear: none;
	width: auto;
	margin-right: 0;
	border: 0;
}
#contact #label_inquiry
{
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 8px;
}

#contact #contactform_r fieldset .error {
color: #f00;	float: left;
clear: none;
margin: 7px 0 0 0;
}

#email, #name, #phone
{
	height: 16px;
	padding: 3px;
	
}
#message
{
	height: 100px;
	padding: 3px;
}

span.ier {
	display: none;
}

/* @end */

/* @group top navigation */

#index #link_index, #work #link_work, #about #link_about, #contactpage #link_contact {
	color: #98c525
}

nav a:hover
{
		color: #E32B22;

}

nav ul
{
	float: left;
}
nav .subtitle {
	font: italic  12px Georgia, "Times New Roman", Times, serif;
color: #666;
}

nav .link, nav .subtitle, nav .number {
	float: left;
	clear: both;
}
nav a
{
	color: #161616;
}

nav .number
{
	font-size: 12px;
}

nav ul li
{	position: relative;
	display: inline;
	float: left;
	margin-left: 10px;margin-right: 9px;
	width: 140px;
	border-right: 1px solid #ddd;
}
nav
{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	float: left;
	width: 100%;
	margin-top: 50px;

	
	
}

#logo {
	float: right;
	margin: 4px 0 0 29px;
		background-image: url(../images/logo.jpg); width: 121px;
	height: 33px;
	border: none;
	text-indent: -9999px;
}

/* @end */

/* @group footer
 */

#footer
{


}
.footer_contents {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #ccc;
	font-size: 12px;
	margin-top: 10px;width: 960px;
	overflow: hidden;margin: auto;}

#footer_contents dt {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
#footer_contents dd {
	font-size: 13px;
	color: #eee;
margin: 3px ;
	}

#footer_contents div.info {
	color: #eee;
}

#bottom_nav {
width: 960px;	line-height: 30px;margin: auto;
padding-top: 2px;
text-align: right;

}

/* @end */

/* @group twitter list */

#twitter_update_list li a {
	margin: 0;padding: 0;
	margin-left: 5px;
	color: #fff;
	line-height: 150%;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps; letter-spacing: 1px;
	
}

#twitter_update_list li span a {
	margin: 0;
	
}


#twitter_update_list 
{
	float: left;
	border:1px solid #444;
	padding: 5px 8px ;
	padding-left: 55px;
	color: #ddd;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #111 url(../images/tweet_bird.png) no-repeat 4px 7px;
	height: 46px;
	clear: both;
}

#twitter-link {
	float: left;clear: both;
	width: 300px;
	color: #aaa;
	margin-left: 10px;
	margin-top: 5px;
}



#twitter_div h2.sidebar-title {
	text-align: right;
	margin-right: 10px;
}

#twitter_div img {
	float: left;
}
#twitter_update_list li span {
	float: left; clear: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

/* @end */
.footer_contents #twitter_update_list a
{
		color: #c32B22;
}


.emp_green {


	letter-spacing: -1px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	
}