/* Nichiai Creative - main css */

/* Resets */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img {  
    border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
} 
ol,ul { 
    list-style:none; 
} 
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 
q:before,q:after { 
    content:''; 
} 
abbr,acronym { 
	border:0; 
} 

/* General */
body {
	font-family: Verdana,  Arial, times new roman, sans-serif;
	font-size: 12px;  	
	color: #3b3b3b;
	text-align:center;  
	background-color: #ededed;
} 

.jptext-fontfamily {
	
	/*font-family: "MS PGothic","Osaka",Arial,sans-serif;	
	line-height:1.4;
	font-variant:normal;
	font-size-adjust:none;	*/
}

a {
	color: #6ca3fe;  
	cursor: pointer;
	text-decoration:none;
}

h1 {
	font-size: 45px;
	font-family: Georgia, Garamond, serif;
	padding-bottom: 20px;
}

.jptext-h1 {
	font-size: 38px;	
}


h2 {
	font-size: 18px;
	padding-bottom: 10px;
}
p {
	padding-top: 5px;
	padding-bottom: 5px;
}
a {
	color:	#38929B;
}
a:hover { 
	text-decoration:underline;
}
.clear-both { 
	clear: both; 
}
#pagewidth { 
	width:984px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
	margin-bottom: 0px;
	padding-bottom: 0px;
	background: url('images/background_gradient.png') repeat-y ;	
} 

#pagewidth { 
	width:984px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
	margin-bottom: 0px;
	padding-bottom: 0px;
	background: url('images/background_gradient.png') repeat-y ;	
} 



#header {
	position:relative; 
	height:152px;  
	width:100%;
	background: url('images/background_header_3.png') no-repeat top left ;	
} 
#wideheader {
	position:relative; 
	height:200px;  
	width:100%;
	background: url('images/background_header_3.png') no-repeat top left ;	
} 

#creativelightheader {
	position:relative; 
	height:430px;  
	width:100%;
	background: url('images/background_creative_light.jpg') no-repeat top left ;	
	margin-left:17px;
	
}

.light-col
{
	color: #808080;
}
 
 #logo-shift
 {
 margin-left:-17px;
 }


#wideheader-works {
	position:relative; 
	height:230px;  
	width:100%;
	background: url('images/background_header_3.png') no-repeat top left ;	
}
#wrapper {
	position: relative; 
	width:984px;
}
#wrapper2 {
	position: relative; 
	width:950px;
	background: url('images/background_stripes.png') center center; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 7px;
	margin-bottom:20px;
}
#maincol {
	padding-left: 230px ;
}
#maincol-front {
	padding-left: 210px ;
}
.tooltip  {
	color:#898989;
	line-height:18px;
	padding:10px 13px;
	position:absolute;
	text-align:center;
	z-index:2;
	display:none;
	width: 150px;
	font-size:10px;
}

/* Float containers fix -  http://www.csscreator.com/attributes/containedfloat.php */ 
.clearfix:after 
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
} 
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */  

#logo {
	width: 188px;
	height: 96px;	
	float:left;
	padding-left: 40px;
	padding-top:12px;
}

#logo-light {
	width: 188px;
	height: 96px;	
	float:left;
	padding-left: 40px;
	padding-top:12px;
}

/* Main Menu */
#nav-main, #nav-main-light {	
	float:left;		
	width: 708px;		
	padding-top: 63px;	
	overflow: hidden;
	background: transparent url(images/menu_bar.png) bottom left repeat-x;
}

#nav-main-light
{
	background: transparent url(images/menu-light_bar.png) bottom left repeat-x;
}


#nav-main  ul li , #nav-main-light ul li {
    display: inline;		
}


#nav-main  ul li span, #nav-main-light  ul li span  {
    float:left;	
    margin-right: 0px;
    text-decoration: none;
    padding-bottom: 15px;    
    width: 83px;
    color: #898989;
    font-size: 14px;
	text-align:center;
    text-transform: uppercase;	
	font-weight:bold;			
}

.jp-text ul li a
{
	width: 103px !important;
}

.jp-text ul li span
{
	width: 103px;
}




#nav-main-light  ul li span
{
	width: 130px;
}

#nav-main  ul li a, #nav-main-light ul li a  {
    float:left;	
    margin-right: 0px;
    text-decoration: none;
    padding-bottom: 15px;    
    width: 83px;
    color: #000;
    font-size: 14px;
	text-align:center;
    text-transform: uppercase;	
	font-weight:bold;	
}

#nav-main-light ul li a 
{
	width: 130px;
}


#nav-main-light  ul li a
{
	color: #f1f4f6;
}


#nav-main ul li a:hover {
    background: transparent url(images/menu_hover.gif) bottom left repeat-x;		
}
#nav-main  ul li a.on {
   background: transparent url(images/menu_active.png) bottom center repeat-x;
}




#nav-main-light ul li a:hover {
    background: transparent url(images/menu-light_hover.gif) bottom left repeat-x;		
}

#nav-main-light ul li a.on {
   background: transparent url(images/menu-light_active.png) bottom center repeat-x;
}




.contacttext {
	width: 110px !important;
}
.contacttext a {
	width: 110px !important;
}

.spacer1 {	
    width: 67px !important;
}
.spacer2 {
	width: 67px !important;
}
.spacer3 {
	width: 66px !important;
}
.spacer4 {
    width: 66px !important;	
}

.spacerjp1 {	
    width: 51px !important;
}
.spacerjp2 {
	width: 57px !important;
}
.spacerjp3 {
	width: 40px !important;
}
.spacerjp4 {
    width: 45px !important;	
}

.spacer1-light {	
    width: 157px !important;
}
.spacer2-light {
	width: 181px !important;
}



/* Secondary Menu */
#nav-sub {
	background: transparent url(images/submenu.gif) repeat-x;
	width:708px;
	display:inline;
	float:right;
	margin-right: 48px;
	height:98px;	
}
#nav-sub ul  {
	margin-top: 66px;
}
#nav-sub li a {
	line-height: 30px;
}
#nav-sub  ul li {
    display: inline;	
}
#nav-sub  ul li a {	
    float:left;		    
    text-decoration: none;
    width: 148px;
    color: #000;
    font-size: 12px;
    text-align:center;
    text-transform: uppercase;	
	font-weight:bold;		
}
#nav-sub  ul li div {
    float:left;		    
    text-decoration: none;
    width: 180px;
    color: #000;
    font-size: 12px;
    text-align:center;
    text-transform: uppercase;	
	font-weight:bold;	
	padding-top:8px;
	color: #898989;
}
#nav-sub  ul li span {
    float:left;		    
    text-decoration: none;
    width: 150px;
	padding-top:7px;
    color: #898989;
    font-size: 12px;
    text-align:center;
    text-transform: uppercase;	
	font-weight:bold;
}
.sub_spacer1 {
    width: 85px !important;
}
.sub_spacer2 {
	width: 145px !important;
}
.sub_listing_spacer1 {
    width: 40px !important;
}
.sub_listing_spacer2 {
    width: 40px !important;
}
#nav-sub ul li a:hover {
	 border-bottom: solid 2px #e99448;   
}
#nav-sub  ul li a.sub_on {
	border-bottom: solid 2px #e99448;   
}
.prevproject {
	width: 180px !important;
}
.nextproject {
	width: 148px !important;
}

/* Sidebar */
.sideareacontainer-front {
	float: left;
	width: 215px;
	margin-top: 94px;
}

.sideareacontainer-about-jp
{
	top: 660px !important;
}

.sideareacontainer-about {
	position:absolute;
	width: 215px;
	top: 745px;
}
.sideareacontainer-contact {
	float: left;
	width: 215px;
	margin-top: 32px;
}
.sideareacontainer-works-listing {
	float: left;
	width: 215px;
	margin-top: 20px;
}
.sideareacontainer-works {
	float: left;
	width: 215px;
	margin-top: 35px;
}

.sideareacontainer-blog {
	float: left;
	width: 215px;
	
}

.sidearea-blog {
	margin-left: 50px;
	margin-right: 20px;

	text-align: left;
	color: #6a6a6a;
	font-family: Georgia, Garamond, serif;
}

.sidearea {
	margin-left: 50px;
	margin-right: 20px;
	border-top: solid 1px;
	border-bottom: solid 1px;
	text-align: center;
	color: #6a6a6a;
	font-family: Georgia, Garamond, serif;
}
.sidearea-header {
	color: #262626;
	padding: 15px 0px 0px 0px;
	font-size: 14px;  
}
.sidearea-text {
	padding: 15px 0px 15px 0px;
}

#sidearea-menu
{
	width: 145px;
}

#sidearea-menu li
{
margin-bottom: 20px;
}

#sidearea-menu li a
{		
	padding: 4px 20px 5px 20px;
	font-size: 14px;
	color: #525252;
	text-decoration:none;
	display:block;	
	
}

#sidearea-menu li a.selected
{
/*	background-color: #968880;
	color: #fff;*/	
	background:url('images/sidemenu.gif') repeat-x bottom;
}


#sidearea-menu li a:hover
{	
	background:url('images/sidemenu.gif') repeat-x bottom;
}




/* Footer */
#footerfront {
	height:265px; 
	background:url('images/background_footer.jpg') no-repeat center bottom;
	clear:both;
	width:986px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;   
} 
.footerarea {	
	border-top: solid 3px;	
	margin-left: 230px;	
	margin-top:80px;
	width: 706px;
	height: 100px;
	padding-top: 30px;	
}
.footerareafrontbottom {		
	border-top: solid 3px;	
	margin-left: 230px;		
	width: 706px;
	height: 100px;
	padding-top: 20px;	
}

/* Frontpage*/
.frontarea {
	padding-left: 230px;
	padding-bottom:60px;
	padding-top: 0px;		
}

.frontarea-light {
	padding-left: 230px;	
	padding-top: 125px;		
	color: #fff;
}

.frontarea-light  a{
	color: #ffa800;
}



.frontarea-front {
	padding-left: 230px;	
	padding-top: 25px;		
}

.seehowwedoit {
	padding-top: 0px !important;	
}


.front-featured {
	display:inline;
	float:left;
	width:200px;
	padding-top: 20px;
	padding-bottom: 50px;
	padding-left: -40px;
}

.front-blogs {
	display:inline;
	float:left;
	width:400px;
	padding-top: 20px;
	padding-bottom: 50px;
	padding-left: -40px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 5px;
	color: #525252;
}

.front-blogs h2
{
color: #202020;
margin-bottom: 35px;
}

.front-blogs h3
{
color: #202020;
}

.front-blogs-date
{
color: #6a6a6a;
font-size: 10px;
}

.front-blogs-body
{
margin-bottom: 20px;
}

.front-tweets {
	display:inline;
	float:left;
	width:314px;
	padding-top: 10px;
	padding-bottom: 50px;
}

.tweet-posted
{
margin-top: 8px;
margin-bottom: 20px;
}

.front-tweets-top
{
background: url('images/front_twitter_top.png') no-repeat top left;
height: 69px;
}

.front-tweets-title
{
margin-left: 80px; 

}

.front-tweets-body
{
margin-left: 80px;
width: 190px;
/* CS3 style */
word-wrap: break-word;
_white-space: pre; 

}



.front-tweets-body a
{
	color: #fff;
}

.front-tweets-middle
{
background: url('images/front_twitter_middle.png') repeat-y;
}

.front-tweets-bottom
{
background: url('images/front_twitter_bottom.png') no-repeat top left;
height: 38px;
}




.front-featured h2 {
	font-weight: bold;
	margin: 15px 0px 15px 0px;	
}
.front-featured-cover {
	height: 94px;
}

.front-featured-cover img
{
	border: solid 1px #6a6a6a;
}


.front-featured-link
{
	background-color: #fff;
	width: 110px;
	padding: 5px;
	margin: 10px 0px 15px 0px;	
	position:absolute;
	bottom: 0px;
}
.front-featured-gap {
	display:inline;
	float:left;
	width:48px;
}

.featured_design {
	position:absolute;
	margin-top:-25px;
	margin-left:-25px;
	width: 94px;
	height: 93px;
	background: url('images/front_featured_design_orange.png') no-repeat top left;
}
.featured_picture {
	border-top: solid 3px black;			
}



.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 984px; /*width of featured content slider*/
height: 350px;
}


.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.pagination{
width: 698px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
height: 33px;
/*margin-left: 190px;
padding-top: -58px;*/

margin-top: 354px;
margin-left: 0px;
position:absolute;
z-index:999;
/*background: transparent url(images/background_slider.png) repeat scroll center center;*/
padding-top: 6px;
padding-left: 6px;
}

.pagination div
{
float:left;
margin-right: 5px;
}

.pagination a{
margin-right:2px;

}


.pagination img
{

}

.pagination img:hover, .pagination a.selected img{
border-bottom: 2px solid #000;
}



.contentslider {
	padding-top:50px;
	height:  308px;
}




/* Works Listing Page */
.works-listing {
	display: inline;
	float: left;
	width: 350px;
	padding-top: 35px;
	padding-bottom: 5px;
	overflow: hidden;
	height: 120px;
	font-size: 10.5px;
}
.works-listing p {
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}
.works-listing-cover {
	float: left;
	padding-right: 10px;
	width: 114px;
	height: 114px;
}
.works-listing-cover img {
	border: solid 1px #888c8b;
}
.works-listing-featured1 {
	position:absolute;	
	margin-top:-35px;
	margin-left:-35px;
	background: url('images/works_featured_design1.png') no-repeat top left;
	width: 74px;
	height: 74px;
}
.works-listing-featured2 {
	position:absolute;	
	margin-top:-35px;
	margin-left:-35px;
	background: url('images/works_featured_design2.png') no-repeat top left;
	width: 79px;
	height: 80px;
}
.works-listing-featured3 {
	position:absolute;	
	margin-top:-35px;
	margin-left:-35px;
	background: url('images/works_featured_design3.png') no-repeat top left;
	width: 78px;
	height: 78px;
}
.works-listing-title {	
	font-size: 14px;	
	font-weight:bold;
	padding-bottom: 5px;
}
.works-listing-date {
	margin-top: 10px;
}
.works-listing-link {
	margin-top: 15px;
}
/* Works - Individual Page */
.tiny_badge {
	padding-right: 5px;
}
.works-individual-title {
	margin-top: 10px;
}
.works-individual-pictures {
	float: left;
	width: 280px;	
	padding-top: 30px;
}
.works-individual-content {
	float: left;
	width: 425px;	
	padding-top: 26px;
	padding-bottom:30px;
}
.works-individual-content-title {
	font-size: 14px;	
	border-bottom: solid 2px;
	margin-bottom: 20px;
}
.works-individual-content-title h3 {
	margin-bottom: 2px;
}
.works-individual-content-type {
	text-transform: uppercase;	
}
.works-individual-picture {
	width: 114px;
	height: 114px;
	float: left;
	padding-right: 25px;
	padding-bottom: 25px;
}
.works-individual-picture img {
	border: solid 1px #888c8b;
}
.works-individual-picture img:hover, /*.featured_picture:hover, */.front-featured img:hover, .works-listing-cover img:hover {
	border-bottom: solid 3px #000;
}
.jFlowSlideContainer img {
	border: solid 1px #888c8b;
}
.jFlowPrev:hover {
	background: url('images/left_arrow_over.png') no-repeat;
}
.jFlowNext:hover {
	background: url('images/right_arrow_over.png') no-repeat;
}
.jFlowPrev {	
	width: 40px;
	height: 40px;
	background: url('images/left_arrow.png') no-repeat;
	z-index: 100;
	position:absolute;
	margin-top:-50px;
	left: 250px;
	text-decoration:none;
}
.jFlowNext {
	width: 40px;
	height: 40px;
	background: url('images/right_arrow.png') no-repeat;		
	z-index: 100;
	position:absolute;
	margin-top:-50px;	
	right: 50px;
	text-decoration:none;
}
/* Contact Form */
.new_portfolio {
	width: 92px;
	height:86px;
	background-color:red;
	position:absolute;
	margin-top:-120px;
	margin-left:-40px;
	background: url('images/new_portfolio.png')  no-repeat top left;	
}
#contact_form_table {
	border-top: solid 2px black;
	background: url('images/background_stripes.png');	
	margin-right: 60px;
}
/*weird hack for the contact page since for some reason extra <p> were being added*/
#wpcf7-f1-p8-o1 p {
	padding-top: 0px;
	padding-bottom: 0px;
}
#contact_form_table textarea {
	width: 263px;
}
.shaded {
	height: 38px;
}
.unshaded-left {	
	background: transparent url('images/form_padding.png') top left repeat-y;	
	height: 32px;
	width:698px;
}
.unshaded-right {	
	background: transparent url('images/form_padding.png') top right repeat-y;	
	height: 32px;
	width:698px;
}
.required {
	color: red;
}
.contact_form_left_col {
	text-align:right;
	padding-right:40px;
}
.contact_form_your_message {
	vertical-align: top;
}
.contact_form_your_message p {	
	margin-top: 10px;
}
.contact_form_message {
	padding-top: 10px;
	padding-bottom: 10px;
}
#contact_form_bottom {
	padding-top: 10px;
}
.contact_form_bottom_text {
	padding-right:160px;
	padding-bottom: 20px;
	padding-top: 0px;
}
.wpcf7-list-item-input {
	z-index:100;
}
.contact_form_submit {
	background: url('images/form_padding.png') top right repeat-y;
	height: 40px;		
}
.contactformsubmit {
	margin-top: 10px;
	margin-left: 10px;
}

/* About page */
.about-inline-link {
	text-decoration: none;
	color: #000;
}
.about-inline-link h2 {
	padding-bottom:5px;
}
.about-inline-link a:hover {
	text-decoration: none;
}
#post-3 h3 {
	font-size: 14px;
	font-weight: bold;
}
.highlight {
	color: #38929b;
}

.highlight-desc {

color: #38929b;
}

.about-description2 {
	padding-top: 5px;
	width: 430px;
	padding-bottom: 15px;	
}
.about-description {
	width: 430px;
	padding-bottom: 40px;			
}
.col-3 {
	float:left;
	width: 242px;
}
.col-3 p {
	padding-right: 20px;
}
.heading_space {
	padding-bottom: 10px;
}
.image_description {
	width: 430px;
	padding-bottom: 50px;
	color: #38929b;
}

/* Access Page */
#map_canvas {
	margin-bottom: 60px;
}


/* Journal */
.blog-entry-text
{
width: 430px;
float:left;
margin-bottom: 30px;
}

.blog-entry-text u
{
text-decoration:underline;
}

.blog-entry-text em
{
font-style:italic;
}

.blog-entry-text h3
{
font-size: 10px;
margin-bottom: 10px;
}



.blog-entry-text strong
{
font-weight:bold;
}

.blog-entry-text img
{

border: solid 1px #d3d3d3;
padding:10px;

}

.blog-entry-title
{
margin-bottom: 10px;
}

.blog-entry-title, .blog-entry-date
{
font-size: 18px;
border-bottom: solid 1px #3b3b3b;
padding-bottom: 5px;
}

.blog-entry-date
{

width: 200px;
}

.blog-entry-title a
{
	text-decoration:none;
	color: #3b3b3b;
}

.blog-entry-title a:hover
{
	color: #988a82;
}


.blog-entry-info
{
width: 200px;
float:left;
margin-left: 70px;
margin-bottom: 30px;
}

.blog-entry-top
{
	/*padding-top: 100px;
	display: block;*/
	margin-left: 500px;
	margin-top: -20px;
	position:absolute;
	width: 150px;
}



.author_picture
{
margin-left: 105px;
}

.blog-bg-bottom
{
width: 708px;
height: 22px;
background: url('images/blog_bg.gif');
margin-bottom: 20px;
}

.blog-bg-top
{
border-top: solid 3px #3b3b3b;
width: 708px;
height: 22px;
background: url('images/blog_bg.gif');
margin-bottom: 20px;
}

.alignleft
{

float:left;
}

.alignright
{
float:right;
margin-right: 50px;
}



/* Creative Light*/

/*contact field*/

.creativelight-name input
{
width: 150px;
margin-right: 10px;
}

.creativelight-email input
{
width: 150px;
margin-right: 10px;
margin-left: 3px;
}

.creativelight-submit
{
margin-left: 35px;
margin-bottom: 30px;
}

.creativelight-section
{
	width: 685px;
	margin-top: 30px;
}

.creativelight-section p
{
	margin-bottom: 20px;
}

.creativelight-section h2
{	
	border-bottom: solid 1px #202020;
	margin-bottom: 10px;	
	color: #000;
}

.creativelight-section h3
{
	font-weight: bold;	
	color: #000;
}

.product_rem
{
	color: green;
}

.product_add
{
	color: red;
}

.creativelight-field
{
	width: 685px;
	margin-bottom: 30px;
}

.creativelight-subfield
{		
	margin-top: 15px;
}

.creativelight-field h3
{
	margin-top: 10px;
	margin-bottom: 10px;	
}

.creativelight-image img
{
	border: none !important;
	
}



.creativelight-image input
{
	float:left;
	margin-top: 5px;
	width: 40px;
}

.creativelight-gap
{
	width: 40px;
	float:left;
	margin-top: 5px;		
	height: 50px;	
}

.creativelight-image img
{
	float:left;
	width: 52px;
	margin-right: 15px;
}

.glossary
{
	margin-left: 22px;
}

.glossary img
{
	margin-right: 30px;
}


.creativelight-title
{	
	font-weight: bold;	
	margin-right: 5px;
	width: 500px;
	color: #000;
}

.creativelight-header
{
	border-bottom: solid 1px #000;
	margin-left: 105px;
	margin-bottom: 20px;
	margin-right: 30px;
}

.creativelight-header p
{
	margin-bottom: 10px;
	margin-left: 3px;
	margin-right: 100px;
}

.creativelight-header h2
{
	font-weight: bold;
	color: #000;
}

.creativelight-description
{	
	float:left;
	margin-top: 5px;	
	width: 530px;
	margin-bottom: 10px;
}

.creativelight-subfield-description
{	
	float:left;
	margin-top: 5px;	
	width: 410px;
}

.creativelight-theme
{
	float: left;
	width: 130px;
	text-align: center;
}

.creativelight-theme:hover, .creativelight-theme-selected
{
	background-color: #DFEDFF;
}

.creativelight-theme img
{
	border: solid 1px #c4c4c4;
	margin-top: 10px;
	margin-bottom: 10px;		
}

.creativelight-theme  input
{
	margin-bottom: 10px;		
}

.creativelight-subtotal
{
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #000;
}

.creativelight-leftbutton
{
	padding-right: 10px;
	padding-left: 10px;
	float: left;	
}

.creativelight-submitbutton
{
	width: 75px !important;
	
}

.creativelight-rightbutton
{
	padding-right: 10px;
	padding-left: 10px;
	float: right;	
	margin-right: 120px;
}

.creativelight-contacttable
{
	color: #000;
}

.creativelight-contacttable td
{
	vertical-align: top;	
}

.creativelight-contacttable input
{
	width: 300px;
	margin-bottom: 10px;
}

.creativelight-contacttable textarea
{
	width: 300px;
}


area
{
	
}


.nextstep
{
	margin-top: 20px;
	margin-bottom: 20px;
}

.translationlightflag
{
	position: absolute;
	width: 65px;
	height: 44px;
	top: 109px;
	left: -65px;
}

.translationflag
{
	position: absolute;
	width: 65px;
	height: 44px;
	top: 109px;
	left: -48px;
}