/* CSS Document */


body {
margin:0;
font-size:12px;
color:#000000;
font-family: times;

}

a {
color:#121212;
font-weight:bold;
text-decoration:none;
}



p {
letter-spacing: 1px;
line-height: 14px;
}


/* CSS for main page layout */



.container{
width: 960px;
margin: auto;
margin-bottom:0px;
background-repeat:repeat;
background-color:#FFFFFF;
}


.content {
float:left;
width: 960px;
margin-left:0px;
}

/* CSS end */

/* CSS for header */



/* CSS to show glowing backgroung on rollover of main navigational links */

.navigation {
float: right;
width: 700px;
margin-top: 0px;
margin-bottom: 10px;
}


.navigation a {
width: 100px;
font-size: 100%;
color:#000000;
font-weight:bold;
text-decoration:none;
float: right;
clear: none;
margin-left: 8px;
border: 1px solid;
border-color: #dddddd;
padding: 4px;
background: #FFFFFF;
}
.navigation a:hover {
color:#FFFFFF;
border-color: #bbbbbb;
background: #000000;

}

/* CSS end */


.homeright1
{
float:right;
clear:none;
width: 400px;
margin-right: 40px;
}

.homeright1 img
{
border: 1px;
}



.col12 {
float:left;
width: 360px;
margin-left: 10px;
}

.col3 {
float:right;
clear:none;
width: 340px;
margin-right: 10px;
}


.col12cont {
float:left;
width: 550px;
margin-left: 10px;
}


.colflow {
float:right;
clear:none;
width: 500px;
margin-right: 10px;
}

.nohome {
float:right;
clear:none;
width: 600px;
margin-right: 10px;
}


.numimg {
font-size:150%;
letter-spacing:1px;
color:#666666;
}


.movie {
float:right;
clear:none;
margin-right: 200px;
width: 650px;
}


.galleryfl {
float:right;
margin-right: 240px;
margin-top: -200px;
z-index: 2;
}

 .galleryfl img {
padding:4px;
background-color:#212121;
}



.galleries {
float:left;
margin: 0px 0;
padding: 0;
width: 200px;
}
.galleries a {
width: 200px;
letter-spacing:1px;
padding-left:16px;
float:left;
clear: left;

}

.htmllink {
float:left;
clear: left;
margin-top: 10px;
padding: 0;
font-size: 150%;

}








.footer {
clear: both;
width: 600px;
margin: auto;
font-size: 90%;
}


.menu    {
float: right;
width: 700px;
margin-top: 170px;
}
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
width:120px;
list-style-type:none;
float:left;
position:relative;
z-index:100;
margin-right:8px;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size: 10px;
color:#EEEEEE;
text-decoration:none;
background:#000000;
text-align:center;
font-family: Verdana;
border: 1px solid;
border-color: #eeeeee;
padding: 4px;
z-index:81;
}
/* style the links hover */
.menu :hover{
color:#444;
background:#d4d8bd;

}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
background:#000000;
z-index:81;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
background:#000000;
background-color: #000000;
z-index:81;
}



#gallery {width:900px; height:480px; padding:10px; border:1px solid #ededed; background: #ffffff; position:relative; margin-left: 0px; }

#gallery b.default {position:absolute; left:10px; top:10px; width:480px; height:380px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#ffffff #ddd #eee #333;}
#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000000; border-color:#ffffff; color: #FFFFFF;}
#gallery ul li a span {display:none; }
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#ffffff; background:#333333; color: #000000;}

#gallery ul li a:hover b {position:absolute; left:-720px; top:0; width:600px; height:480px; text-align:center;  z-index:20;}

#gallery ul li a:hover span {display:block; color:#FFFFFF; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:12px; width:480px; margin:0 auto;}

#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#ffffff;}

.imgsite {
border: 8px #333333 solid
}