/* 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 left top;
  color: #636360;
  font: normal .75em Verdana, Arial, Helvetica, sans-serif;
  margin: 50px auto 0;
  width: 900px;
} 

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

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

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

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

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

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



#header 
{
  height: 130px;
  width: 100%;
}

#mainContent 
{
   
  width: 100%;
}

#footer 
{
  clear: both;
  font-size: .75em;
  padding: 60px 0 25px;
  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 h1 
  { 
      text-align: right;
   }
  

#header div#bname 
{
   /* background: url(../Images/MaysunInCLTBCF.png) no-repeat 0 0;*/
    height: 60px;
    width: 340px;
  /*  height: 80px;*/
  /*  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 */     
   /* width: 346px;*/
}
  
       
 


/* mainContent */


ul 
{
  float: left;
  padding-top: 195px;
  width: 140px;
}

li {
  padding-top: 2px;
}

.pl1 {
  padding-left: 20px;
}
.pl2 {
  padding-left: 30px;
}
.pl3 {
  padding-left: 40px;
}
.pl4 {
  padding-left: 50px;
}

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 */
}

#content 
{
    float: right;
    margin-top: -30px;
    width: 500px;
}



/* content */


#content h2 
{
    margin-bottom: 10px;
    text-align: center;
}


#content ul 
{
    float: none;
    list-style-type: disc; 
    /*list-style-image: url(../Images/Maysunbutterflys.jpg);*/
    margin-left: 30px;
    padding: 8px 0 0;
    width: 470px;
 }

#content ul li {
  margin-bottom: 7px;
  padding-left: 10px;
}
 

#content p 
{
  margin: 10px 0;
   /* font-size: .75em;*/
    line-height: 1.75; 
   /* text-indent: 10px; */
  width: 500px;
}


#content h4 
{
    margin: 30px 0 10px;
}

#content > img, #content p > img {
  float: right;
  padding: 5px 0 0 5px;
}

/*#content > img 
{
    float: right;
    padding-top: 80px;
}*/

.afterImg 
{
    clear: both;
}

.nextLine {
   clear: left;
   padding-top: 20px;
}

h3 {
font-size: 1.1em;
}


a.navLink: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 */
}

/* 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;
}