body {
	margin: auto;
}
/* start portfolio */
#photo {
	padding: 0px 10px 0 100px;
}

#topic {
	width: 100%;
	overflow: hidden;
}

#topic ul {
	margin: -22px 0 0;
	padding: 0;
	width: 850px;
	float: left;
	
} 
#topic li {
	margin: 22px 27px 0 0;
	list-style: none;
	float: left;
	background:url(layout/thumb_li.png) no-repeat;
	width: 249px;
	height: 225px;
	overflow: hidden;
}



#topic a {
	padding: 0 0 0 4px;
	float: left;
	color: #fff;
	text-decoration: none;
	font-family: 'Trebuchet Ms';
	font-weight: bold;
	font-size: 14px;
	display: block;
}


.thumb {
	border: 5px solid #2e2e2e;
	background-color: #2e2e2e;
	background-repeat: no-repeat;
	width: 235px;
	height: 181px;
	overflow: hidden;
	float: left;
	clear: both;
	position: relative;
	top: 0;
	left: 0;
}

#your_project .thumb {
	text-indent: -3000px;
	background: #c8c8c8 url(layout/your_project.gif) no-repeat;
}

.thumb img {
	border: 0;
	cursor: pointer;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 235px;
	height: 181px;
	
}

.thumb img:hover {
	top: -181px;
}





.thumb_title {
	display: block;
	background: #0c0c0c url(layout/thumb_title_middle.png) repeat-x;
	float: left;
	white-space: nowrap;
	height: 27px;
	line-height: 27px;
	position: relative;
	top: 0;
	left: 0;
	padding: 0 0 0 6px;
	margin: 0 34px 0 0;
	
}

.thumb_txt {
	display: block;
	float: left;
}

.tmb_extra {
	background:url(layout/thumb_tile_right.png) no-repeat;
	width: 34px;
	height: 27px;
	overflow: hidden;
	position: absolute;
	right: -34px;
	top: 0;
}

.section {
	width: 100%;
	overflow: hidden;
	padding: 0 0 17px;
	position: relative;
	top: 0;
	left: 0;
}

.section_extra {
	display: block;
	background:url(layout/h2_left.png) no-repeat;
	width: 4px;
	height: 63px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}



.thumb_title {
	background-color: #3c3d3d;
	background-image:url(layout/black-theme/thumb_title_middle.png);
}
.tmb_extra {
	background-image:url(layout/black-theme/thumb_title_right.png);
	
}
#topic li {
	background-image:url(layout/black-theme/thumb_li.png);
}

/*## Gallery ##*/

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}

/* slides styling */

.user_img {width:635px; text-align:left; position: relative; margin:0 auto;}

.user_img ul.user_topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.user_img ul.user_topic li {display:block; width:125px; height:31px; float:left;}
.user_img ul.user_topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.user_img ul.user_topic li a ul, 
.user_img ul.user_topic li ul 
{display:block; position:absolute; left:0; top:11px; list-style:none; padding:0; margin:0; height:175px;  width:564px; padding:40px 30px;  z-index:1;}

.user_img ul.user_topic li.active a
{color:#000; background:#bbb;}

.user_img ul.user_topic li a:hover,
.user_img ul.user_topic li:hover a
{color:#fff; background:#aaa;}

.user_img ul.user_topic li.active ul
{display:block; position:absolute; left:0; top:11px; list-style:none; padding:0; margin:0; height:175px;  width:564px; padding:40px 30px;  z-index:1;}

.user_img ul.user_topic li a:hover ul, 
.user_img ul.user_topic li:hover ul
{display:block; position:absolute; left:0; top:11px; list-style:none; padding:0; margin:0; height:175px;  width:564px; padding:40px 30px;  z-index:100;}

.user_img ul.user_topic li ul li
{display:inline; width:137px; height:112px; float:left; border:1px solid #fff; margin:1px;}

.user_img ul.user_topic li ul li a
{display:block; width:135px; height:110px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.user_img ul.user_topic li ul li a img
{display:block; width:125px; height:100px; border:5px solid #eee;}

.user_img ul.user_topic li a:hover ul li a:hover, 
.user_img ul.user_topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.user_img ul.user_topic li a:hover ul li a:hover img, 
.user_img ul.user_topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

/*########### Add Style of detail*/
.detail_user {
	width:1100px;
	margin:0;
	padding:0;
	height:480px;
	position:relative;
}
.detail_top {
	width:804px;
	height:129px;
	background:url(../images/theam/red/inside_01.png) top no-repeat;
	position:absolute;
	padding:0 150px 0 150px;
}
.detail_left {
	width:159px;
	height:337px;
	/*background:url(../images/theam/red/inside_01.png) top no-repeat;*/
	position:absolute;
	margin: 129px 0 0 0;
}
.left_l {
	width:19px;
	height:160px;
	background: url(../images/theam/red/inside_02.png) left no-repeat;
	position:absolute;
	margin:0;
}
.left_ll {
	width:108px;
	height:90px;
	background: url(../images/theam/red/inside_10.png) left no-repeat;
	position:absolute;
	margin:160px 0 0 0;
	cursor:hand;
}
.left_lr {
	width:57px;
	height:177px;
	background: url(../images/theam/red/inside_11.png) left no-repeat;
	position:absolute;
	margin:160px 0 0 108px;
}
.left_lb {
	width:108px;
	height:114px;
	background: url(../images/theam/red/inside_12.png) left no-repeat;
	position:absolute;
	margin:250px 0 0 0;
}
.left_c {
	width:73px;
	height:59px;
	background:url(../images/theam/red/inside_07.png) no-repeat;
	position:absolute;
	margin:39px 0 0 19px;
}
.left_c_t1 {
	width:73px;
	height:30px;
	background:#333333;
	position:absolute;
	margin:0 0 0 19px;
	padding:10px 0 0 0;
	color: #FAB32D;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: large;
}
.left_c_t2 {
	width:73px;
	height:30px;
	background:#333333;
	position:absolute;
	margin:98px 0 0 19px;
	padding:10px 0 0 0;
	color: #FAB32D;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: large;
}
.left_r {
	width:67px;
	height:160px;
	background: url(../images/theam/red/inside_04.png) right no-repeat;
	position:absolute;
	margin:0 0 0 92px;
}
.left_b {
	width:73px;
	height:26px;
	background:url(../images/theam/red/inside_09.png) bottom no-repeat;
	position:absolute;
	margin:134px 0 0 19px;
}
.detail_pic {
	width:400px;
	height:300px;
	/*background: url(../images/image_665762011.jpg) no-repeat;*/
	position:absolute;
	margin: 129px 0 0 159px;
}
.detail_right {
	width:245px;
	height:337px;
	background:url(../images/theam/red/inside_06.png) right no-repeat;
	float:right;
	margin: 129px 0 0 0;
}
.detail_bottom {
	width:400px;
	height:37px;
	background:url(../images/theam/red/inside_13.png) bottom no-repeat;
	position:absolute;
	margin: 429px 0 0 159px;
}
.link_user{
	background:url(../images/theam/red/btn_allimage.png) bottom no-repeat;
	width:100px;
	height:58px;
	position:absolute;
	margin: 200px 0 0 669px;
}

.shareTwitter{
	background:url(../images/theam/red/btn_twitter.png) bottom no-repeat;
	width:35px;
	height:35px;
	position:absolute;
	margin:400px 0 0 690px;
	cursor:hand;
}
.shareFacebook{
	background:url(../images/theam/red/btn_facebook.png) bottom no-repeat;
	width:26px;
	height:25px;
	position:absolute;
	margin:405px 0 0 720px;
	cursor:hand;
}
/*############# Detail each user ##############*/
.main_search {
	width:687px;
	margin:auto;
	padding:50px 0 0 0;
}
.searchLeft {
	width:401px;
	float:left;
	position:relative;
	
}
.searchleft1{
	width:401px;
	height:78px;
	background: url(../images/user/kodak2.png) top no-repeat;
	position:absolute;
}
.searchleft2{
	width:401px;
	height:167px;
	background:url(../images/user/kodak4.png)  no-repeat;
	position:absolute;
	margin:78px 0 0 0;
}
.searchleft3{
	width:401px;
	height:68px;
	background:url(../images/user/kodak34.png) bottom no-repeat;
	position:absolute;
	margin:245px 0 0 0;
}
.searchleft4{
	width:230px;
	height:173px;
	background:#252525;
	position:absolute;
	margin:82px 0 0 31px;
}
.searchleft5{
	position:absolute;
	margin:247px 0 0 310px;
}
.searchleft5 a{
	color:#FFF;
}
.searchRight {
	width:286px;
	height:100%;
	float:right;
	position: relative;
	background:#252525;
	
}

.searchRight1 {
	width:286px;
	height:78px;
	background: url(../images/user/kodak3.png) top no-repeat;
	position:absolute;
}
.searchRight2 {
	width:43px;
	height:181px;
	background: url(../images/user/kodak13.png) repeat-y;
	position:absolute;
	margin:78px 0 0 243px;
}
.searchRight3 {
	width:243px;
	height:181px;
	background: #252525;
	position:absolute;
	margin:78px 0 0 0px;
	padding:0 0 0 10px;
}
DIV.show_searchuser {
	Z-INDEX: 3; OVERFLOW: hidden; WIDTH: 195px; POSITION: absolute; HEIGHT: 181px; margin-left:5px;
}
DIV.show_searchuser UL {
	DISPLAY: inline-block; Z-INDEX: 5; MARGIN: auto; WIDTH: 195px; POSITION: absolute
}
DIV.show_searchuser UL LI {
	MARGIN-TOP: 2px; FLOAT: left; WIDTH: 195px; HEIGHT: 181px; MARGIN-LEFT:35px;
}
DIV.thumbsearch {
	PADDING-RIGHT: 10px; PADDING-LEFT: 5px; FLOAT: left; BACKGROUND:#0c0c0c url(thumb_title_middle.png) repeat-x; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; WIDTH: 45px; MARGIN-RIGHT: 5px; PADDING-TOP: 5px; HEIGHT: 46px
}
DIV.thumbsearch IMG {
	Z-INDEX: 1; POSITION: absolute;
}
BUTTON.prevsearch {
	MARGIN-TOP: 70px; Z-INDEX: 5; BACKGROUND: url(../images/user/kodak23.png) no-repeat; FLOAT: left; MARGIN-LEFT: 233px; WIDTH: 43px; CURSOR: pointer; POSITION: absolute; HEIGHT: 46px
}
BUTTON.nextsearch {
	MARGIN-TOP: 70px; Z-INDEX: 5; BACKGROUND: url(../images/user/kodak15.png) no-repeat; MARGIN-LEFT: -16px; WIDTH: 41px; CURSOR: pointer; POSITION: absolute; HEIGHT: 46px
}

.searchRight4 {
	width:286px;
	height:68px;
	background: url(../images/user/kodak1.png) top no-repeat;
	position:absolute;
	margin:245px 0 0 0;
}