body {
    margin:0px;
    padding:0px;
    background:#000;
    font:8pt tahoma;
    color:#fff;
}
a {
    font:8pt tahoma;
    color:#fff;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
#firestHead {
    background:url('image/firstHead.PNG');
    height:10px;
    width:100%;
}
#header1 {
     background:url('image/headerBack.PNG');
    height:100px;
    width:100%;
}
#logo {
    width:250px;
    float:right;
    height:100px;
}
#search {
    width:307px;
    float:left;
    height:40px;
}
#topMenu {
    width:700px;
    height:59px;
    float:left;
}




.boxheader {
    width: 364px; 
    padding-bottom:10px;
    padding-top:10px;
    background:#dddbd7;
    border:1px solid #d3d1cc;
    margin:10px;
    font-weight:bold;
    color:#343028;
}



a.details 
{
    color:Yellow;
    font-weight:bold;
       
}
a.details:hover
{
    text-decoration:underline;
}



/*** Menu ***/


ul.topnav {
	list-style: none;
	padding: 0 0px;	
	margin: 0;
	float: right;
	width: 600px;
	background: #222;
	font-size: 1.2em;
	background: url(image/topnav_bg.png) repeat-x;

}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(image/subnav_btn.gif) no-repeat center top;
		z-index:250;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
		z-index:250;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(image/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(image/dropdown_linkbg.gif) no-repeat 10px center; 
}
	
	
	
	
	






#searchBox {
    background:url('image/firstHead.PNG');
    height:40px;
    width:491px;
    float:left;
    margin-left:50px;
}
.serachTextBox {
    width:171px;
    background:#2F2F2F;
    border:0px;
    font:15pt arial;
    color:white;
    padding:1px;
}
#jqueryDiv {
    background:url('image/firstHead.PNG');
    height:340px;
    width:100%;
}









#demonstration {
    background:url('image/firstHead.PNG');
    height: 259px;
}

#slider {
    width: 820px; /* important to be same as image width */
    height: 250px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
    top: 0px;
    left: 0px;
    margin-left:5px;
    padding-top:10px;
}



.sliderImage, .slider1Image, .slider2Image {
    float: left;
    position: relative;
	display: none;
}

.sliderImage span {
    position: absolute;
	font: 8pt tahoma;
    padding: 10px 13px;
    width: 795px;
    background-color: #000;
    filter: alpha(opacity=90);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
#sliderContent {
    list-style:none;
    height: 255px;
}
#sliderContent li img {
    border:10px solid black;
}
.slider1Image span, .slider2Image span {
    position: absolute;
	font: 8pt tahoma;
    padding: 10px 13px;
    width: 684px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong, .slider2Image span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
	font:8pt tahoma;
	text-align:right;
}
.bottom {
	bottom: 0;
    left: 0;
    	font:8pt tahoma;
	text-align:right;
}










#contactFormContainer
            {
               position:absolute;
          
               float:right;
               z-index:2;
               top:10px;
               
            }
            #contactForm
            {
               height:277px;
               width:351px;
               background-image:url('image/bkg.jpg');
               display:none;
            }
 
     
  
            #contactForm input[type=submit]
            {
               background-color:#4d3a24;
               border:solid 1px #23150c;
               color:#fecd28;
               padding:5px;
            }                
            #contactLink
            {
               height:40px;
               width:351px;
               background-image:url('image/slidein_button.png');
               display:block;
               cursor:pointer;
            }
            #messageSent
            {
               color:#ff9933;
               display:none;
            }

.extBox {
    border:1px solid white;
    font:8pt tahoma;
    height:16px;
}
#pakage {

     border-bottom:1px solid #070707;
     width:100%;
     background:#000;
     height:auto;
     overflow:visible;
     width:888px;
}



.Mline {
  width : 2px; 
   float : right;
  height: 528px;
   margin-top: 20px;
   border-right: 1px solid #272729;
}

.newsTitle {
    float: right; 
    font-weight: bold; 
    color: #D78A03; 
    font: 13pt arial; 
    font-weight: bold;
    width: 292px; 
    text-align: right; 
    clear: both; 
    margin-bottom: 10px; 
    padding-top: 10px;
                            border-top: 2px solid #4B4A28
}

.btopLeft {
    float:left;
    width:19px;
    height:19px;
}

.btopMid {
float:left;height:22px;
width:418px; 
background:url('image/btopMid.png') repeat-x;
}

.bdownLeft {
    height:20px;
}
.bMid {
    width:824px; 
    background:url(image/bBack.png);
    float:left;
    height:auto;
    overflow:auto;
}
.bLeftMid {
    float:left;
    width:19px;
    height:auto;
    overflow:auto;
    background:url('image/bLeftMid.png') repeat-y;
}
.bdownMid {
width:786px; 
background:url('image/bdownMid.png') repeat-x;
}





a.newsH {
    font:8pt tahoma;
    text-decoration:none;
    color:#FBF667;
    float:right;
}
a.newsH:hover {
    text-decoration:underline;
}





















#selection {
    width: 200px;
    margin: 0 auto;
    position: relative;
    margin-top:30px;
}

.scroll {
	overflow: hidden;
	width: 200px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 150px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/rightshadow.png) repeat-y;
}

.inside {
    height: 168px;
}

.inside img {
	display: block;
	border: 4px solid #f0d792;
	margin: 0 0 0px 0;
	width: 130px;
	height:130px;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 2px 0;
}




.scrollButtons {
    position: absolute;
    top: 57px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}
a.STitle 
{
    font:8pt tahoma;
    color:#deded7;
    text-decoration:none;   
}
a.STitle:hover
{
    text-decoration:underline;
}







.chbox {
    float:left;
    font:8pt tahoma;
    margin:5px;
}



.WhoTable {
    background:#000;
    table-layout:auto;
    color:#B2B2B2;    
    font:8pt tahoma;
}

.WhoHeader {
    height:40px;
    text-align:center;
    background:url('image/topnav_bg.PNG') repeat-x;

    font-weight:bold;
}
.WhoCell1 {
    background:#343434;
    height:30px;
    text-align:center;
    
}
 .WhoCell2 {
    background:#1C1D1C;
    height:30px;
    text-align:center;
    
} 

.shortNew
 {
    color: #DFDFD5; 
    text-align: right; 
    clear: both; 
    padding: 7px;
    float:right;
 }
.smallBox {
    border: 1px solid #333333; 
    height: 215px; 
    background-image: url('image/boxback.PNG');
}
.textbox {
    background:url('image/text.png');
    border:1px solid #2B2929;
    font:8pt tahoma;
    height:17px;
}



* 
{
 margin:0px;padding:0px;
 
}
#MainContent 
{
    list-style:none;
    width:812px;
    clear:both; 
}
#MainContent li 
{
    width:100%;  
}

.HeaderBox 
{
    list-style:none;
}
.HeaderBox  li
{
    float:left;
    height:28px;
}



.boxfooter 
{
    list-style:none;
    width:812px;
    float:left;
    height:20px;
}
.boxfooter li 
{
    float:left;  
    height:20px;
}

/* hide container until all is ready */
.test, .test2,.test3,.test4{
	display: none;
}
/*Main Container*/
.container {
	width:100%;	
	margin:0px;
	padding:0px;
	overflow:visible;
}
.container ul{
	list-style-type: none;
	margin: 0;
	padding:0;	
}
.container li{
	display: inline;
	margin: 0px;
	padding:0px;
}
/*Content Container*/
.contentContainer {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 310px;	
	overflow:hidden;
}
.contentWrapper{	
}
.contentInnerWrapper{
	text-align: justify;
	padding: 10px;
}
/* Handle*/
.handle{
	float: left;
	width: 38px;
	height: 310px;
	margin: 1px;
	margin-right: -10px;
	background:  url(image/box/blade.png) no-repeat;
}
.handleOver{	
	background: url(image/box/blade_sel.png) no-repeat;
}
.handleSelected{	
	background: url(image/box/blade_sel.png) no-repeat;
}
.container3 {
	width:100%;
}
.container3 ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;	
}
.container3 li{
	display: inline; 
	margin: 0px;
	padding:0px;
}
/*Handle*/
.handle3 {
	float: left;
	width: 62px;
	height: 314px;
	text-align:center;

	background: #666;
	border: 1px solid #2b3e59;
}
.handle3 img{
	margin-top:2px;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}
.handleOver3{
	
	background: #1e2e45;
	border: 1px solid #1e2e45;
}
.handleOver3 img{
	margin-top:2px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}
.handleSelected3{
	
	background: #000;
	border: 1px solid #per3{
;
}
/*Content Container*/
.contentWrapper3{
	text-align: justify;
	
}
.contentInnerWrapper3{
	padding: 10px;
}
.contentWrapper3 h3{
	border-bottom: 1px solid silver;
	color: #1E90FF;
}
.contentContainer3 {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 310px;	
	overflow:hidden;
}










#NewsContent 
{
    list-style:none; 
    direction:rtl;  
    width:300px;
    text-align:right;
}
#NewsContent li 
{
    text-align:right;
    width:100%;
    list-style:none;
}
#NewsContent li  a 
{
    text-decoration:none;
    color:White;
    font:8pt tahoma;   
    text-align:right;
}
#NewsContent li  a:hover 
{
    text-decoration:underline;
}   





/* Overlay */
#osx-overlay {background-color:#000; cursor:wait;}

/* Container */
#osx-container {background-color:#eee; color:#000; font: 16px/24px "Lucida Grande",Arial,sans-serif; padding-bottom:4px; width:700px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
#osx-container a {color:#ddd;}
#osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close {display:none; position:absolute; right:0; top:0;}
#osx-container .close a {display:block; color:#777; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {font-size:12px; padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px;}
#osx-container p {margin-bottom:10px;}
#osx-container span {color:#777;}