﻿body 
{
    font-family:Arial, helvetica, Sans-Serif;
    font-size:14px;
    background-color:#00315e;   /*background-color:#2e3739;*/
    color:#ffffff;
}

#main
{
    margin:0 auto;
    width:984px;    
    /*min-height:750px;*/
}

#topbar
{
    width:100%;
    height:200px;   /* height:224px;  */
}

a{ outline:none;}

#logo
{
    width:574px;    /* width:484px; */
    height:204px;
    /*background:url(../images/logo.png) no-repeat;*/
    float:left;
}

#facebook
{
    margin-top:100px;
    margin-right:50px;
    width:48px;
    height:49px;
    /*background:url(../images/facebook-logo.png) no-repeat;*/
    float:right;
}

#twitter
{
    margin-top:100px;
    margin-right:20px;
    width:48px;
    height:49px;
    /*background:url(../images/facebook-logo.png) no-repeat;*/
    float:right;
}

#twitter img
{
    border:0;
}

#menubar
{
    width:100%;
    height:86px;
    background:url(../images/menubar.png) no-repeat;
}

#menubar ul
{
    margin:0;
    padding:0;
}

#menubar li
{
    margin:25px 10px 0;
    /*padding-top:3px;*/
    width:120px;
    height:26px;
    list-style-type:none;
    display:block;
    color:#00315E;
    text-align:center;
    font-size:13.5px;
    font-weight:bold;
    float:left;
}

#menubar li a
{
    padding-top:3px;
    background:none;
    display:block;
    height:26px;
    color:#31007B;  /*color:#0000cc;*/
    text-decoration:none;
}

#menubar li a:hover
{
    background:url(../images/menu-act.png) no-repeat;
    color:#000033;
    text-decoration:none;
}

#menubar li a.active
{
    background:url(../images/menu-act.png) no-repeat;
    color:#000033;
}

#menubar li.fright
{
    margin-right:10px;
    font-size:10.5px;
    float:right;
}

#content
{
    width:100%;
    /*min-height:351px;
    height:auto;*/
}

#content .home-col1
{
    margin-top:30px;
    padding:60px 20px;
    width:445px;
   /* min-height:351px;
    height:auto;*/
    float:left;
}

#content .home-col2
{
    padding-left:58px;
    width:458px;
    /*min-height:351px;
    height:auto;*/
    float:left;
}

#footer
{
    margin-top:5px;
    padding-left:10px;
    padding-right:10px;
    padding-top:30px;
    width:964px;
    height:50px;
    font-size:12px;
    text-align:center;
    background:url(../images/footer.png) no-repeat;
}

#footer a
{
    color:#ffffff;
    text-decoration:underline;
}

#footer a:hover
{
    text-decoration:none;
}

.clear
{
    clear:both;
}

.artworks ul
{
    margin:0;
    padding:0;
}

.artworks li
{
    margin-bottom:20px;
    width:408px;
    height:54px;
    list-style-type:none;
    display:block;
}

.box
{
    background-color:#034d91;
}

.tl
{
    background:url(../images/tl.jpg) no-repeat;
    background-position: left top; 
}


.tr
{
    background:url(../images/tr.jpg) no-repeat;
    background-position: right top;
}

.bl
{
    background:url(../images/bl.jpg) no-repeat;    
    background-position:left bottom;
}


.br
{
    background:url(../images/br.jpg) no-repeat;
    background-position: right bottom;
}

.box-content
{
    padding:20px;
}

.box-text-col1
{
    margin-top:10px;
    height:196px;
    overflow-y:scroll;
    scrollbar-face-color:#00315e;
    scrollbar-darkshadow-color:#034d91;
    scrollbar-lightshadow-color:#034d91;
    scrollbar-arrow-color:#ffffff;
    scrollbar-base-color:#00315e;
}

.box-text-col2 {
    height:196px;
    margin-top:10px;
    overflow-y:scroll;
    scrollbar-face-color:#00315e;
    scrollbar-darkshadow-color:#034d91;
    scrollbar-lightshadow-color:#034d91;
    scrollbar-arrow-color:#ffffff;
    scrollbar-base-color:#00315e;
}

.box-text-col3 {
    height:97px;
    margin-top:10px;
    overflow-y:scroll;
    scrollbar-face-color:#00315e;
    scrollbar-darkshadow-color:#034d91;
    scrollbar-lightshadow-color:#034d91;
    scrollbar-arrow-color:#ffffff;
    scrollbar-base-color:#00315e;
}

.box-text
{
    height:250px;
    overflow-y:scroll;
    scrollbar-face-color:#00315e;
    scrollbar-darkshadow-color:#034d91;
    scrollbar-lightshadow-color:#034d91;
    scrollbar-arrow-color:#ffffff;
    scrollbar-base-color:#00315e;
}

.exhibitors-box-text-col1
{
    margin-top:10px;
    padding-right:10px;
    height:278px;   /*height:264px;*/
    overflow-y:scroll;
    scrollbar-face-color:#00315e;
    scrollbar-darkshadow-color:#034d91;
    scrollbar-lightshadow-color:#034d91;
    scrollbar-arrow-color:#ffffff;
    scrollbar-base-color:#00315e;
}

.exhibitors-box-text-col2
{
    overflow-y:scroll;
    width:284px;
    height:288px;
    scrollbar-face-color:#00315e;
    scrollbar-darkshadow-color:#034d91;
    scrollbar-lightshadow-color:#034d91;
    scrollbar-arrow-color:#ffffff;
    scrollbar-base-color:#00315e;
}

ul.exworks
{
    margin:0;
    padding:0;
}

ul.exworks li
{
    margin:15px 0;
    width:250px;
    list-style-type:none;
}

.contact-box-text-col1
{
    margin-top:10px;
    height:170px;
    overflow-y:scroll;
    scrollbar-face-color:#00315e;
    scrollbar-darkshadow-color:#034d91;
    scrollbar-lightshadow-color:#034d91;
    scrollbar-arrow-color:#ffffff;
    scrollbar-base-color:#00315e;
}


.abt-col1
{
    width:318px;
    float:left;
}

.abt-col2
{
    margin:0 10px;
    width:318px;
    float:left;
}

.abt-bar
{
    width:278px;
    height:44px;
    background:url(../images/abt-bar.png) no-repeat;
}

.abt-bar-title
{
    padding-top:11px;
    font-size:14px;
    font-weight:bold;
    color:#000033;
    text-transform:uppercase;
    text-align:center;
}

.abt-bar-2cols
{
    width:596px;
    height:44px;
    background:url(../images/orange-bar-large.png) no-repeat;
}

.abt-bar-2cols-title
{
    padding-left:11px;
    padding-right:11px;
    padding-top:11px;
    font-size:14px;
    font-weight:bold;
    color:#000033;
    text-transform:uppercase;
}

.fleft
{
    float:left;
}

.fright
{
    float:right;
}

.center-align
{
    text-align:center;
}

ul.list1 
{
    margin:0;
    padding:0;
}

ul.list1 li
{
    margin-left:18px;
    margin-bottom:5px;
    list-style-type:none;
    list-style-image:url(../images/marker1.gif);
}


.exhibitors-col1
{
    width:636px;
    float:left;
}

.exhibitors-col2
{
    margin-left:10px;
    width:328px;
    float:left;
}    


.contact-col1
{
    width:318px;
    float:left;
}

.contact-col2
{
    margin:0 10px;
    width:318px;
    float:left;
}

#contact-form{width:100%;height:314px;}
#contact-form input{margin-bottom:10px;padding:2px;width:271px;height:18px;border:solid 1px #125da2;background-color:#125da2;font-size:12px;color:#ffffff;display:block;}
#contact-form textarea
{
    margin-bottom:10px;
    padding:2px;
    width:271px;
    height:130px;
    border:solid 1px #125da2;
    background-color:#125da2;
    font-family:Arial,Helvetica,Sans-Serif;
    font-size:12px;
    color:#ffffff;
    display:block;
    scrollbar-face-color:#00315e;
    scrollbar-darkshadow-color:#034d91;
    scrollbar-lightshadow-color:#034d91;
    scrollbar-arrow-color:#ffffff;
    scrollbar-base-color:#00315e;
}
#contact-form input.btn{margin-left:10px;width:100px;height:25px;background-color:#125da2;color:#ffffff;font-size:12px;display:inline-block;cursor:pointer;float:right;}
#contact-form input.btn:hover{background-color:#ff7d19;}

.img-border{padding:2px; border:solid 1px #c3c3c3;}

a.white-link{color:#ffffff;text-decoration:underline;}
a.white-link:hover{text-decoration:none;}


.topGap{margin-top:10px!important;}




/******************* gallery class ********************/
.large-img{margin:0 auto;text-align:center;}
.tnail{margin-right:14px;margin-bottom:15px;width:150px;height:96px;float:left;}


/* hack code style is begin */
.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
}
.clearfix {
	display:inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
*+html .clearfix {
	display: inline-block;
}
/* table style is begin */
