﻿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;
    margin-right:50px;
}
#search {
    width:307px;
    float:left;
    height:40px;
}
#topMenu {
    width:700px;
    height:59px;
    float:left;
}
/*** 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:300px;
    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: 930px; /* important to be same as image width */
    height: 250px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	padding-left:21px;
    top: 0px;
    left: 0px;
}



.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: 2px solid #000;
	margin: 0 0 0px 0;
	width: 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-weight:bold;
    color:#EFE788;
    margin-top:15px;
}
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;
}









