@import  "reset.css";

body{

	margin:0;
	padding:0;
	height:100%;
	height:100%!important;
	min-height:100%;
	min-height:100%!important;
}

img {border: none;}

ol, ul{
	list-style:none;
	list-style-image:none;
	list-style-position:outside;
}
li.style1{list-style:circle;}
ul.list_organizer{list-style:circle; line-height:1.5em; margin-left:30px;}


a, a:hover{text-decoration:none;}
.yor_nha{text-indent:20px; line-height:1.5em;}
h3.title{font:14px bold Arial, Helvetica, sans-serif; color:#FFF;}
h4.title-footer {font-size: 15px;color: #ffa657;margin: 0; margin-bottom:10px;}

div.primary{width:710px; float:left; display:inline;}
div.sidebar{width:280px; float:left; display:inline; background:#000; margin-left:10px; }
div.container{position:relative;}
div.wrap{ margin:0 auto; width:1000px;}
div.wrap_bg{margin:0 auto; width:1000px;font-size:16px; color:#000;}
div.inner{padding:10px;}
div.clear{ font-size:0px; line-height:0px; display:block; height:0; text-indent:-9999px; clear:both!important;}

div.height{ padding:20px 0;}
div.height15{padding-bottom:15px;}
.send{width:100px; padding:5px;}

div#intro_page{
	background:url(../images/bg.jpg)  top center no-repeat;
	margin:0;
	padding:0;
	height:100%;
	height:100%!important;
	min-height:100%;
	min-height:100%!important;
}

div#top{ height:22px; min-height:22px; background:#201600; border-bottom:1px solid #666;}

div#head{ background:url(../images/bg.png) top right no-repeat; width:1000px; margin:0 auto; height:689px; min-height:689px; padding-bottom:20px;}
div#head div.container {}
div#head div.container h1.logo a{position:absolute; top:0px; left:0 px; background:url(../images/kevinorganizer.png) 0 0 no-repeat;  width:246px; height:104px; text-indent:-9999px; }

div#content{ width:943px; height:370px; margin:0 auto; background:url(../images/bg_box.png) 0 0 repeat-x; min-height:370px;}
div#content div.inner_content{padding:20px;}
div#content div.inner_content div.content_left{float:left; display:inline; width:687px; background:#000;}
div#content div.inner_content div.content_right{float:left; display:inline; width:210px; background:#FFF;}
div#content div.inner_content ul,
div#content div.inner_content ul li,
div#content div.inner_content ul li a{float:left; display:inline; margin-top:3px; margin-left:3px;}
{float:left; display:inline;}
div#shadow_content{background:url(../images/shadow_box.png) top center no-repeat; width:1000px; height:69px; display:block; margin:0 auto;}

div#bottom-site{
	background:#450d00 url(../images/bg-footer.png) 0 0 repeat-x;
	margin:0 auto;
	padding:0;
	
}
div#bottom-site h4 a{
	background:url(../images/logo-bottom.png) 0 0 no-repeat;
	float:right;
	text-indent:-9999px;
	display:block;
	width:144px;
	height:70px;
}
div#bottom-site div.wrap{
	min-height:100px;
	margin:0 auto;
/**	padding:20px 0 0 0 ;   **/
	padding-top:20px;

}
div#bottom-site div.wrap div.cpry{
	width:500px;
	float:left;
	display:inline;
	font-size:0.9em;
	color:#AB7903;
}
div#bottom-site div.wrap div.foot-left{
	width:222px;
	float:left;
	display:inline;
}
div#bottom-site div.wrap div.foot-left ul{
	list-style:none;
}
div#bottom-site ul{
	list-style:none;
	margin-left:10px;
	font-size:14px;
}
div#bottom-site ul li{
	background:url(../images/arrow.png) 0 5px no-repeat;
	padding-left:20px;
	line-height:1.3em;
}
div#bottom-site ul li a{
	color:#990;
}
div#bottom-site ul li a:hover{
	background:url(../images/arrow-h.png) 0 5px no-repeat;
	color:#F30;
}

div#footer{height:30px; min-height:30px; background:#201600;}
div#footer div.desc_cry{float:left; display:inline; width:300px;}
div#footer div.desc_cry p.desc_cry_text{font-size:11px; color:#FFF; padding-top:10px;}
div#footer div.icon_shr{float:left; display:inline; width:700px;}


.navigation{
    margin: 0px auto;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1.4px;
}
.navigation .item{
    position:absolute;
}
.user{
    top:155px;
    left:35px;
}
.home{
   top:195px;
   left:215px;
}
.shop{
   top:345px;
   left:235px;
}
.camera{
   top:495px;
   left:195px;
}
.fav{
   top:585px;
   left:50px;
}
a.icon{
    width:52px;
    height:52px;
    position:absolute;
    top:0px;
    left:0px;
    cursor:pointer;
}
.user a.icon{
    background:transparent url(../images/user.png) no-repeat 0px 0px;
}
.home a.icon{
    background:transparent url(../images/home.png) no-repeat 0px 0px;
}
.shop a.icon{
    background:transparent url(../images/shop.png) no-repeat 0px 0px;
}
.camera a.icon{
    background:transparent url(../images/camera.png) no-repeat 0px 0px;
}
.fav a.icon{
    background:transparent url(../images/fav.png) no-repeat 0px 0px;
}
.navigation .item a.active{
    background-position:0px -52px;
}
.item img.circle{
    position:absolute;
    top:0px;
    left:0px;
    width:52px;
    height:52px;
    opacity:0.1;
}
.item h2{
    position:absolute;
    width:147px;
    height:52px;
    color:#222;
    font-size:18px;
    top:0px;
    left:52px;
    text-indent:10px;
    line-height:52px;
    text-shadow:1px 1px 1px #fff;
    text-transform:uppercase;
}
.item h2.active{
    color:#fff;
    text-shadow:1px 0px 1px #555;
}
.item ul{
    list-style:none;
    position:absolute;
    top:60px;
    left:25px;
    display:none;
}
.item ul li a{
    font-size:15px;
    text-decoration:none;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:#222;
    padding:3px;
    float:left;
    clear:both;
    width:100px;
    text-shadow:1px 1px 1px #fff;
}
.item ul li a:hover{
    background-color:#fff;
    color:#444;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:1px 1px 4px #666;
    -webkit-box-shadow:1px 1px 4px #666;
    box-shadow:1px 1px 4px #666;
}


/***********   Organizer    *************/

div#organizer{
	background:url(../images/bg1.jpg)  top center no-repeat #f3660c;
	margin:0;
	padding:0;

}


div#logo h1 a{background:url(../images/kevinorganizer.png) 0 0 no-repeat; width:246px; height:102px; line-height:102px; text-indent:-9999px; display:block;}

div#menu{width:1000px; height:54px; background:url(../images/menu_bg.png) 0 0 no-repeat; margin-top:30px; margin-bottom:10px;}
div#menu ul{}
div#menu ul li{float:left; display:inline; list-style:none;}
div#menu ul li a{font:14px Arial, Helvetica, sans-serif; color:#666; line-height:54px; padding-left:30px;}
div#menu ul li a:hover{ color:#FFF;}

div#box_organizer{}
div#box_organizer p.desc_organizer{font-size:12px; color:#CCC; margin-top:5px;}
div#box_organizer img.show{border:5px solid #333; margin-top:7px;}
div#box_organizer div.box_left{background:url(../images/box_left.png) 0 0 no-repeat; width:5px; height:248px; float:left; display:inline;}
div#box_organizer div.box_bg{background:url(../images/box_bg.png) 0 0 repeat-x; height:202px; width:956px; float:left; display:inline; padding:23px 17px;}
div#box_organizer div.box_right{background:url(../images/box_right.png) 0 0 no-repeat; width:5px; height:248px; float:left; display:inline;}
div#box_organizer div.shadow_box{background:url(../images/shadow_box.png) 0 0 no-repeat; width:1000px; height:58px;}

div#box_organizer div.exibition{width:280px; float:left; display:inline;}
div#box_organizer div.stage{width:280px; float:left; display:inline; margin-left:53px;}
div#box_organizer div.booth{width:280px; float:left; display:inline; margin-left:53px;}

div#gallery{position:relative; display:block;}
.gallery_container {
	height: 360px;
	width: 1000px;

}

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;
	width: 110px;
	height: 72px;
}
ul.thumb li img {
	width: 100px; height: 62px;
	border: 1px solid #ddd;
	padding: 5px;
	background: #000;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic; 
}
ul.thumb li img.hover {
	background:url(../images/thumb_bg.png) no-repeat center center;
	border: none;
}
#main_view {
	float: left;
	padding: 9px 0;
}
#main_view img{border:1px solid #000;}

#main_view div.content_view{width:600px; margin-top:10px;}
ul#topnav {
	margin: 0 auto; padding: 0;
	float: left;
	list-style: none;
	position: relative;
	font-size: 14px;
	background:url(../images/bg_nav.jpg) 0 0 repeat-x;
	height:40px;
	width:1000px;
	margin-top:15px;
/*	margin-bottom:50px; */
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}

ul#topnav li span {
	float: left;
	padding: 5px 0;
	position: absolute;
	left: 0; top:35px;
	display: none;
	width: 1000px;
	background: #000;
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}

div#submenu{margin:0 auto; height:25px; background:#000;}
div#submenu ul li{float:left; display:inline;}
div#submenu ul li a{font-size:14px; color:#CCC; padding:0 15px; line-height:25px;}
div#submenu ul li a:hover{color:#FFF;}


div#website{font-family:Arial, Helvetica, sans-serif}
div#website ul{ margin-left:20px;}
div#website ul a{color:#000;}
div#website ul a:hover{text-decoration:underline;}
div#website ul li.show_site{float:left; display:inline; background:url(../images/shadow.png) 0 178px no-repeat; width:310px; height:270px; text-align:center;	}
div#website p.desc_show_site{text-align:left; font-size:12px; margin-left:20px; margin-top:20px;}



div#artwork{}

div#artwork div.artwork_left{float:left; display:inline; width:424px;margin-right:9px;}
div#artwork div.artwork_right{float:left; display:inline;  width:567px; background:#F93;}
div#artwork div.artwork_right img{border:1px solid #000;}
div#artwork div.artwork_left ul li{margin-bottom:5px;}
div#artwork div.artwork_left ul li img.show_artwork{border:1px solid #000;}



div#contact{height:420px;}
div#contact p.desc_contact{font-size:15px; line-height:18px; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;}
div#contact label.desc_contact_form{font-size:15px; line-height:18px; font-family:Arial, Helvetica, sans-serif;  color:#000;}
div#contact div.contact_row{width:520px;}
div#contact div.contact_pad{height:30px;}
div#contact div.contact_row_left{float:left; display:inline; width:70px;}
div#contact div.contact_row_right{float:left; display:inline; width:450px;}
div#contact .form_style1{width:200px; border:1px solid #000; background:#333;  color:#FFF; padding:3px; }
div#contact .txtarea{width:400px; height:150px; border:1px solid #000; background:#333;  color:#FFF; padding:3px; font-size:18px; }
div#contact div.contact_left{float:left; display:inline; width:330px; margin-left:45px; margin-top:40px;}
div#contact div.contact_right{float:left; display:inline; width:520px; margin-top:40px; margin-left:45px}

div#organizer_desc{line-height:1.5em;}

 .pagination {
                text-align: right;
                padding: 20px 0 5px 0;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 10px;
                }
.pagination a {
                margin: 0 5px 0 0;
                padding: 3px 6px;
                }

.pagination a.number {
				border: 1px solid #ddd;
                }

.pagination a.current {
                background: #469400 url('../images/bg-button-green.gif') top left repeat-x    !important;
                border-color: #459300 !important;
                color: #fff !important;
                }
				
.pagination a.current:hover {
				text-decoration: underline;
                }