/*-----------------------------------------------------------------------------------------------
  banner and top menu
-----------------------------------------------------------------------------------------------*/
body {
	margin-left: 0px;
	margin-top: 150px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Georgia;
	font-style: italic;
	color: #333;
	font-size:12px;
}
div.banner {
	height:70px;
	left:0;
	top:0px;
	right:0;
	padding:25px 25px 0;
	position:fixed;
	z-index:1000;
	background:url(http://www.totushi.com/imgs/bg.png);
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

div#mylinks {
width: 700px;
}
div#mylinks a {
	color:#333;
	background-color:#FF0;
}
div#mylinks a:hover {
	color: #333;
	text-decoration: none;
	background-color: white;
}
div#mylinks a:visited {
	text-decoration:line-through;
	background-color: white;
	color: #333;
}
/*-----------------------------------------------------------------------------------------------
  content and side bar
-----------------------------------------------------------------------------------------------*/
div#conteiner {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
	padding-bottom:220px;
}
div#sidebar {
    width: 200px;
    padding: 0px;
    float: right;
}
div#main {
    margin-right: 240px;
    padding: 0px;
}
/*-----------------------------------------------------------------------------------------------
  navigation Items
-----------------------------------------------------------------------------------------------*/
#slider{
margin: 0 !important;
padding: 0 !important;
width: 685px;
overflow: hidden;
}

#navigation{
	padding-left:6px;
	padding-right:0px;
	margin:0;
	width: 690px;
}

/*-----------------------------------------------------------------------------------------------
  sidebar conents and stuff
-----------------------------------------------------------------------------------------------*/
#flickr_badge_wrapper {
	margin-top: 10px;
	margin: 1 0 0 -1.2em;
	overflow: hidden;
	clear: both;
}

.flickr_badge_image {
	margin-top: 4px;
	margin-left: 4px;
	float: left;
}

.flickr_badge_image img { 
	width: 55px;
	height: 55px;
}
.flickr_badge_image a {
	display: block;
}
#footer table tr td {
	font-style: italic;
	color:#333;
	font-size: 12px;
}
div#twitter_tittle{
	padding-top:15px;
	font-family:Georgia, Serif;
	font-size:12px;
	font-style:italic;
	color:#333;
	font-weight: bold;
}
div#work_tittle{
	padding-top:0px;
	font-family:Georgia, Serif;
	font-size:12px;
	font-style:italic;
	color:#333;
	font-weight: bold;
}
div#twitter_update_list  {
	width: 200px;
	font-family:Georgia, Serif;
	font-size:11px;
	font-style:italic;
	color: #333;
	padding-bottom: 20px;
}
div#twitter_update_list a  {
	color:#333;
	background-color:#FF0;
}
div#twitter_update_list li {
	padding-bottom:5px;
	padding-top:5px;
	color:#333;
}
div#recent_work {
	padding-bottom:20px;
	padding-top:5px;
	border-bottom:dotted thin;
	font-family:Georgia;
	font-size:11px;
	font-style:italic;
	color:#333;
	
}
div#recent_work a {
	color:#333;
	background-color:#FF0;
}
div#tm {
	padding-top:15px;
	font-family:Georgia;
	font-size:11px;
	font-style:italic;
	color:#333;
	
}
div#line {
	border-top:dotted thin;
}

/*-----------------------------------------------------------------------------------------------
  mootooltips 
-----------------------------------------------------------------------------------------------*/
.ToolTips { 
display:block; 
position:absolute; 
width:192px; 
}

.ToolTips .message { 
display:block; 
position:relative; 
background:url(../imgs/bg_tool_tip.png) repeat-y;
padding:0px 10px; 
}

.ToolTips .dockTopFooter { 
background:url(../imgs/dockTopFooter.png) no-repeat bottom; 
height:30px; 
}

.ToolTips .dockTopHeader { 
background:url(../imgs/dockTopHeader.png) bottom center no-repeat; 
height:20px; 
line-height:20px; 
font-size:0px; 
}

.ToolTips .message { 
font-size:12px; 
text-align:justify; 
font-family:Georgia; 
font-style:italic; 
color:#333; 
}


/*-----------------------------------------------------------------------------------------------
  gallery style
-----------------------------------------------------------------------------------------------*/
a img {
	border: 0;
}
table {
	empty-cells: show;
}
ul, ol, li, dl, dt, dd, blockquote, code, pre {
	margin: 0; 
	padding: 0; 
	background-repeat: no-repeat; 
	list-style-type: none; 
	color: #333;
}
li h2{
	font-family:Georgia;
	font-size:12px;
	color:#333;
	font-style:italic;
	font-weight:normal;
}
.opt {
	width: 701px; 
	margin: 0px auto 0px;
}
.gallery {
	width: 701px; 
	margin: 0 auto;
}
.gallery li {
	opacity: 0; 
	filter: alpha(opacity = 0); 
	float: left; 
	width: 225px; 
	padding: 0px 4px 0px;
}
.gallery li.clear {
	clear: left;
}
.gallery li img {
	width: 225px;
}
/*-----------------------------------------------------------------------------------------------
  contact form style
-----------------------------------------------------------------------------------------------*/
div.contactform {
	width: 700px;
	border-bottom: dotted thin;
	color: #333;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.message {
color:#ee5e5;
display:none;
width:700px;
padding:10px; 
font-family: Georgia;
font-size: 12px;
font-style: italic;
}



.contact {
text-align:left;
}

/* change style for input */
.contact input {
width:211px;
margin-bottom: 4px;
margin-top: 5px;
color:#333;
font-family: Georgia;
font-style: italic;
border: transparent;
background-color: #e5e5e5; 
padding: 7px; 
outline: none; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px; 
}


.contact textarea {
width:668px;
margin-bottom: 0px;
margin-top: 0px;
color:#333;
font-family: Georgia;
font-style: italic;
border: transparent;
background-color: #e5e5e5; 
padding: 7px; 
outline: none; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px; 
}

input:focus, textarea:focus {  
background-color:#FF0;
}

/*-----------------------------------------------------------------------------------------------
  footer
-----------------------------------------------------------------------------------------------*/

#footer table tr td {
	padding-top:5px;
	font-style: italic;
	color:#333;
	font-size: 12px;
}
#footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both; 
	border-top:dotted thin;
}


/* CLEAR FIX*/
.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 */