* { 
font-family:verdana, arial, helvetica, sans-serif;
font-size:100.01%;
}
body {button_right
color:#ccc;
background-color:#000;
font-size:0.8em;
line-height:1.4em;
margin:0;
}
a {
color:#fff;
}
h1 {
font-size:2.2em;
text-align:center;
margin:0.4em 0 1.3em 0;
margin-bottom: 0px !important;
display: block;
}
#containshow {
background-color:#000;
border: 1px solid #213c51;
/*border-top: 4px solid #490200;*/
border-top: 4px solid #213c51;
border-bottom: 1px solid #213c51;    
border-top-left-radius: 5px;
border-top-right-radius: 5px;    
overflow: hidden;
height: 600px !important;
}
.imageflow{
/**/overflow:hidden; 
position:relative; 
text-align:left; 
visibility:hidden; 
/*width: 100%;*/
width: 1450px;
}
.imageflow img{
border:none; 
position:absolute; 
top:0px; 
visibility:hidden; 
-ms-interpolation-mode:bicubic
}
.imageflow p{
margin:0 auto; 
text-align:center
}
.imageflow .loading{
border:1px solid white; 
height:15px; 
left:50%; 
margin-left:-106px; 
padding:5px; 
position:relative; 
visibility:visible; 
width:200px
}
.imageflow .loading_bar{
background:#fff; 
height:15px; 
visibility:visible;
 width:1%
 }
.imageflow .navigation{z-index:10000}
.imageflow .caption{font-weight:bold; 
position:relative; 
text-align:center; 
z-index:10001
}
.imageflow .scrollbar{border-bottom:1px solid #b3b3b3; 
position:relative; 
visibility:hidden; 
z-index:10002; 
height:1px
}
.imageflow .slider{
background:url(../images/slider.png) no-repeat; 
height:14px; 
margin:-6px 0 0 -7px; 
position:absolute; 
width:14px; 
z-index:10003
}
* html .imageflow .slider{
background:url(../images/slider.gif) no-repeat; 
}
.imageflow .slideshow{
cursor:pointer; 
height:14px; 
margin:20px 0 0 20px;
 position:absolute; 
 width:14px; 
 z-index:10003
 }
.imageflow .slideshow.pause{background:url(../images/button_pause.png) no-repeat}
.imageflow .slideshow.play{background:url(../images/button_play.png) no-repeat}

* html .imageflow .slideshow.pause{background:url(../images/button_pause.gif) no-repeat}
* html .imageflow .slideshow.play{background:url(../images/button_play.gif) no-repeat}

.imageflow .images{
overflow:hidden; 
white-space:nowrap
}
.imageflow .button{
cursor:pointer; 
height:17px; 
position:relative; 
width:17px
}
.imageflow .previous{
background:url(../images/button_left.png) top left no-repeat; 
float:left; 
margin:-7px 0 0 -30px;
width: 100px;
height: 100px;
}
.imageflow .next{
background:url(../images/button_right.png) top no-repeat; 
float:right; 
clear: none;
margin-top: -7px;
margin-right: -30px;
}
* html .imageflow .previous{
background:url(../images/button_left.gif) top left no-repeat; 
float:left; 
margin:-7px 0 0 -30px;
}
* html .imageflow .next{
background:url(../images/button_right.gif) top left no-repeat; 
float:right; 
}

/*****************************************************************************/

#containnav {
float: left;
clear: both;
border-top: 0px solid #ccc;
overflow: hidden;
width: 100%;
/*background-color: #620709;*/
}
#menu {
width: 100%;
width: 950px;
clear: both;
text-align: center;
margin: auto;
overflow:hidden;
/*border: 1px solid #ccc;
background-image: url(images/grey-fd5.gif);
background-repeat: repeat-x; */
}
* html #menu {
}
#navMenu {
width: 100%;
margin:0; 
padding:0;
list-style:none;	
font-family:arial;
text-align:center;
line-height:20px;
}
#navMenu li {
float:left;	
background:url(../images/default.jpg) repeat-x center center;	/* default background image	*/
width:131.33px;							/* width and height of the menu item */
width: 98px;
height:26px;							/* simulate pixel perfect using border */
border-right:1px solid #999;
/*border-top:2px solid #600f0e;
border-left:1px solid #fff;	*/	
border-bottom:1px solid #fff;
position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
}

#navMenu li a {
z-index:20;		/* z-index must be higher than .hover class */
display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
height:25px;
position:relative;
color: #999999 !important;
}
* html #navMenu li{width: 98px;}
#navMenu li a:hover {
background:url(../images/over.jpg) no-repeat center center;		/* mouseover image	*/
position:absolute;	/* must be postion absolute 	*/
width:131.335px;	/*	width, height, left and top to fill the whole LI item	*/
width: 98px;
height:25px;
left:0; 
top:0;
color: #ffffff !important;
z-index:0;		/* display under the Anchor tag	*/
/* display:none;	hide it by default	*/
}	
#navMenu li.selected {background:url(../imagesselected.jpg) no-repeat center center;	/* selected image	*/}
#navMenu li.back{
color: red !important;
}
#navMenu li.back a{
border-left: 1px solid #999;
}

#menu ul li.last a, #menu ul li.last {}
#menu-bottom {
float: left;
overflow: hidden;
width: 800px;
height: 20px;
background-image:url(../images/bar2.png);
background-repeat: repeat;
}
#menu-bottom2 {
float: left;
overflow: hidden;
width: 1200px;
height: 20px;
/*background-image:url(../images/bar3.png);   
background-image:url(../images/bar2b.png);*/
background-repeat: repeat;
}
#footer {
float: left;
display: block;
width: 100%;
height: 25px;
height: 35px;
clear: both;
text-align: center;
border: 1px solid #ccc;
background-image: url(images/grey-fd5.gif);
background-repeat: repeat-x;
overflow: hidden;
}
#footer span {
font-weight: bold;
}
#footer img {
}
#contain-address {
margin-left: auto;
width: 500px;
display: block;
overflow: hidden;
text-align: center;
border-left: 1px solid #fff;
padding-top: 3px;
}
.address1, .address2, .address3, .address4,.address1 a, .address2 a, .address3 a, .address4 a{
color: #cccccc !important;
font-weight: bold;
}
.address1 {
float: left;
display: inline;
padding-left: 2px;
}
.address2 {
float: left;
display: inline;
padding: 3px;
}
.address3 {
float: left;
display: inline;
}
.address4 {
float: left;
display: inline;
padding: 3px;
border-right: 1px solid #fff;
}
.address5 {
float: right;
display: inline;
padding: 3px;
border: 1px solid #fff;
color: #ccc;
}
#footer2{
margin: 0 auto;
float: left;
display: block;
width: 100%;
height: 35px;
clear: both;
text-align: center;
/*border-top: 1px solid #ccc;*/
/*background-image: url(images/grey-fd5.gif);
background-repeat: repeat-x;*/
}
#contain-address2{
margin-left: auto;
width: 700px;
display: block;
overflow: hidden;
text-align: center;
border-left: 1px solid #fff;
color: #333;
}
/**************************************/
img {
padding: 0px;
margin: 0px;
display: block;
}
a {
color:#333 !important;
}
a:hover {
color: #1C0232 !important;
color: #ccc !important;
}
h1 {
float: left;
}
h2 {
display: block;
background-image: url(images/bullet2.gif);
background-repeat: no-repeat;
padding-left: 20px;
margin-top: 25px;
}
body {
padding: 0px !important;
margin: 0 !important;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;color:#999999;
background-image: url(images/grey-fd8.gif);
background-repeat: repeat-x;
background-color: #fff !important;
}
@-moz-document url-prefix() {
#page-effect {display:none;}
}
* html #page-effect {display:none; }
* + html #page-effect {display:none; }
@media screen and (-webkit-min-device-pixel-ratio:0){
#page-effect {display:block !important;}}
* html #page-effect.mm {display:block;}
* + html #page-effect.mm {display:block;}

@media screen and (max-device-width: 480px) {
#page-effect {display:block !important;}
}

#outer-wrapper {
margin: 0px auto !important;
width: 800px;
text-align: left;
}
#outer-wrapper2 {
/*margin: 0px auto;*/
width: 1200px;
text-align: left;
}
#wrapper {
float: left;
width: 800px;
border: 1px solid #ccc;
}
#wrapper2 {
float: left;
width: 1200px;
border: 0px solid #ccc;
}
* html #wrapper  {
width: 798px;
}
#header {
width: 100%;
display: block;
background-image: url(images/grey-fd5.gif) !important;
background-repeat: repeat-x;
background-color: #F2F2F2 !important;
border: 0px solid #ccc;
border-bottom: 0px;
}
#header2 {
width: 100%;
display: block;
}
#header-top {
width: 100%;
}
#maincontact {
float: left;
width: 398px;
width: 300px;
width: 265px;
}

a img {
border: 0 none;
}
a.noborder{
}
.bold {
font-weight: bold;
}
.right {
float: right !important;
margin-right: 5px;
}
.Text{
font-family: Verdana, Arial, Sans-serif;
font-size: 8pt;
font-weight: normal;
font-style: normal;
color: #333333;
text-decoration: none;
}
.toolTip {
font-family: Verdana, Arial, Sans-serif;
font-size: 8pt;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
#container {
width: 100%;
height: 560px;
display: block;
float: left;
clear: both;
overflow: hidden;
/*background-image:url(images/bg-fade3.gif);*/
background-image:url(images/lamp4.jpg);
background-repeat: no-repeat;
background-position: top left;
border-bottom: 1px solid #9999cc;
}
#content2 {
float: right;
width: 635px;
width: 500px !important;
height: 540px;
overflow: hidden;
}


a {
text-decoration: none;
color: #999;
}
.grey {
color: #333;
}
.grey2 {
color: #ccc;
}
.bold {
font-weight: bold;
}
.example {
float: right;
height: 40px;
margin-bottom: 20px;
margin-right: 1px;
}
img .example {
margin-top: 0px;
padding-top: 0px;
margin-bottom: 10px;
padding-bottom: 0px;
}
.example2 {
float: left;
clear: both;
width: 500px;
width: 470px;
height: 50px;
margin-bottom: 20px;
margin-right: 1px;
overflow: hidden;
font-size: 12px;
color: #333;
}
.example2 a {
color: #333;
}
/*.example2 img{
float: left !important;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 10px;
padding-bottom: 0px;
} */
.exampleA {
margin-top: 10px;
float: left;
margin-left: 30px;
}
.exampleB {
float: right;
margin-right: 75px;
}
.example4 {
width: 490px;
height: 200px;
/*overflow: scroll;
overflow-x: hidden !important;*/
color: #333;
}
* html .exampleB {
float: right;
margin-right: 5px;
}
.down {
margin-top: 25px !important;
}
.down2 {
padding-top: 35px !important;
}
.down3 {
margin-top: 100px;
}
.adjust {
height: 240px !important;
}
.adjust2 {
height: 130px !important;
}
.adjust3 {
height: 430px !important;
}
.block {
display: block;
}
.clear {
clear: both;
}
.clearnone {
clear: none;
}
.purple {
color: #1C0232 !important;
}
.big {
font-size: 16px;
}
.bold {
font-weight: bold;
}
.down {
height: 30px;
margin-top: 50px;
}
.nomargin {
padding: 0px; 
margin:0px;
}
.mm{
margin-top: 40px !important;
overflow: visible;
}

.banner {
background-color: #000 !important;
background-image: none !important;
}
.banner2 {
margin: 0px !important;
}
/*h2 img {
display: inline;
margin-right: 3px;
} */
.botpad {
padding-bottom: 10px !important;
margin-bottom: 10px !important;
}
.no-scroll {
/*overflow-y: hidden; */
}
.left {
float: left;
}
.left2 {
margin-left: 10px;
}
.arrow {
color: #1C0232;
color: #fff;
font-size: 8px;
font-weight: bold;
background-color: #1C0232;
}
.link {
color: #1C0232;
font-size: 8px;
font-weight: bold;
}
#containbutton {
width: 500px;
overflow: hidden;
padding-top: 30px;
padding-bottom: 10px;
float: left;
clear: both;
}
.mm {
margin-top: 0px !important;
}
.projects-title {
margin-left: 130px !important;
margin-top: 10px !important;
}
.example-title {
margin-left: 60px !important;
margin-bottom: 40px !important;
}
.technologies-title {
margin-left: 80px !important;
}
.urls-title {
margin-left: 80px !important;
}
.multimedia-title {
margin-left: 65px !important;
margin-top: 60px !important;
}
.qualifications-title {
margin-left: 85px !important;
margin-top: 30px !important;
}
.flash-title {
margin-left: 85px !important;
}
* html .projects-title {
margin-left: 70px !important;
margin-top: 10px !important;
}
* html .example-title {
margin-left: 35px !important;
margin-bottom: 40px !important;
}
* html .technologies-title {
margin-left: 40px !important;
}
* html .urls-title {
margin-left: 40px !important;
}
* html .multimedia-title {
margin-left: 35px !important;
margin-top: 60px !important;
}
* html .qualifications-title {
margin-left: 45px !important;
margin-top: 30px !important;
}
* html .flash-title {
margin-left: 45px !important;
}