/* Reset defaults */

* {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

a {
  text-decoration: none;
}

ul 
{
    list-style: none;
}
 

/* Main containers */


html {
  background: #fff;
   overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
}

body {
   background: #fff no-repeat top right;
  color: #636360;
  font: normal .75em/1.75 Verdana, Arial, Helvetica, sans-serif;
  height: 605px;
  margin: 50px auto;
  width: 900px;
}

body#siteContent {
  background-image: url(../Images/SiteBg2.jpg);
}

#header {
  height: 90px;
  text-align: left;
  width: 100%;   
}

#mainContent {
  margin-top: 30px;
  width: 100%;
}

#footer {
  clear: both;
  font-size: .75em;
  padding: 60px 0;
  text-align: right;
  width: 100%;
}

/*  General  */

a {
  font-weight: bolder;
}

a:link
{
  color: #8095d2;
}

a:visited {
   color: #c485c1;
}


a:hover, a:active 
{
    color: #000;
}

/* header */


#header a 
{
    background: url(../Images/Logo.jpg) no-repeat;
    display: block;
    float: left;
    height: 50px; 
    margin: 20px 20px 0 0;
    width: 50px;
}

#header h1 
{
    background: url(../Images/MaysunInc3.jpg) no-repeat;
    height: 80px;
     left: 100px;
    position: relative;
    text-indent: -999px;
    width: 346px;
 }
 
 
#header h2
 {
    position: relative ;
    text-align: right;
    top: -20px;
 }
 
  #header h2 img {
   filter: alpha(opacity=50);                                                /* IE6 */
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);              /* IE7 */
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";        /* IE8 */
    opacity: 0.5;                                                            /* W3C */
}


/* mainContent */

#content {
    float: left;
    margin-left: 5px;
    width: 674px;    
}


#mainNavigationPanel 
{
    float: right;
    height: 475px;
    width: 130px;
}


/* content */

p {
   line-height: 1.6;
   margin-bottom: 15px;
}

h4 {
   margin-bottom: 15px;
}


#content ul {
  margin-bottom: 20px;
}

#content ul li {
  margin-top: 4px;
}

#content img {
   float: right;
}

#content p img {
   float: none;
}

/* mainNavigationPanel */

div#mainNavigationPanel ul {
  padding-top: 200px;
  width: 120px;
}

li a:hover img {
   filter: alpha(opacity=60);                                                 /* IE6 */
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);               /* IE7 */
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";         /* IE8 */
   -moz-opacity: 0.6;                                                         /* FF2 */ 
   -khtml-opacity:0.6;                                                        /* Konqueror extension (Safari 1.1)*/
    opacity: 0.6;                                                             /* CSS3 */
}

li a.selected:hover img {
   filter: alpha(opacity=100);                                                 /* IE6 */
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);               /* IE7 */
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";         /* IE8 */
   -moz-opacity: 1;                                                         /* FF2 */ 
   -khtml-opacity: 1;                                                        /* Konqueror extension (Safari 1.1)*/
    opacity: 1;                                                             /* CSS3 */
}

li {
  padding-top: 2px;
}

.pl1 {
    padding-left: 10px;
}

.pl2 {
    padding-left: 20px;
}

.pl3 {
    padding-left: 40px;
}

.pl4 {
    padding-left: 30px;
}


/* footer */

#copyrightNotice {
   float: left;
   width: 390px;
}


ul#copyrightPolicy {
    float: right;
    padding: 0;
    width: 180px;
}    
  
  
ul#copyrightPolicy li {  
    display: inline;
    border-left: 1px solid #000;  
    padding: 0 8px;
    margin: 0;
}