body {
    margin: 0px;
    padding: 0;
    background: #898989 url(images/bg.gif);
    font-family: verdana,arial,sans-serif;
    font-size:1em;
    }
    
    #outer {
    width: 60.2em;
    margin: 0;
    margin-top: 3.5em;
    margin-left:3em;
	height:45em;
    }
	
	
	#main {
	position:relative;
    margin: 0;
	clear:none;
	float:left;
    }
   
    #main h1 {
	margin:2.8em 0 0 0;
    padding-top:0.9em;
    padding-bottom:0.8em;
    background: #ffffff;
    font-size:1.3em;
    font-weight: normal;
    letter-spacing: -0.1em;
	width:26.6em;
    }
   
    #content2 {
	position:absolute;
	margin:1.6em 0 0 1.4em;
    font-size:0.7em;
    color: #fff;
    font-weight: normal;
    text-align:justify;
    line-height: 1.3em;
    background: #898989;
	width:48em;
    }
   
    #nav {
    position:relative;
	float:left;
    padding-bottom: 0.5em;
    background: #ffffff;
    width: 15em;
	clear:none;
    }
   
#nav h4 {
font-size: 1em;
font-weight: bold;
margin-top: 1em;
 margin: 1em 0.5em 0 0.5em;
padding: 0;
text-align:center;
background: #7533a4;
color: #fff;
height:2em;
padding-top:1.2em;
width: 14em;
border-left: 1px #fff dotted;
border-right: 1px #fff dotted;
border-top: 1px #fff dotted;
}
#nav h1 {
font-size: 0.85em;
margin-top: 1em;
 margin: 0em 0.5em 0 0.6em;
padding: 0;
text-align:center;
background: #7533a4;
color: #fff;
height:3em;
width: 16.45em;
border-left: 1px #fff dotted;
border-right: 1px #fff dotted;
}
   
#navlist li
{
display: inline;
/* for IE5 and IE6 */
}

#navlist
{
text-transform: lowercase;
width: 14em;
/* to display the list horizontaly */
 margin: 0 0 0 0.5em;
padding: 0;
border-top: 1px #fff dotted;

border-left: 1px #fff dotted;

border-right: 1px #fff dotted;
 
font-family:verdana,arial,sans-serif;
background-color: #7533a4;
 }

#navlist .active
{
width: 99.99%;
/* extend the sensible area to the maximum with IE5 */
display: block;
background-color: #4B2770;
border-bottom: 1px #fff dotted;
text-align: center;
text-decoration: none;
 color: #fff;
font-size: 0.8em;
font-weight: bold;
padding-top:1.3em;
padding-bottom:1.3em;
}
#navlist a
{
width: 99.99%;
/* extend the sensible area to the maximum with IE5 */
display: block;
background-color: #7C6396;
border-bottom: 1px #fff dotted;
text-align: center;
text-decoration: none;
color: #fff;
letter-spacing: 0.1em;
font-size: 0.65em;
padding-top:0.3em;
padding-bottom:0.3em;
}
 
#navlist a:hover { background-color: #FFCC00; color: #fff;font-weight:bold; }
#navlist a:visited { color: #fff; }


.nobo {
font-size: 1.0em;
}

.footer {
background: #ffffff;
color: #000000;
text-align:center;
padding-top:2em;
padding-bottom:2em;
}

#content a {
color: #FFCC00;
text-decoration: none;
padding: 0 0.1em;
font-weight: bold;
}

#content a:hover {
color: #4B2770;
background: #ffffff;
text-decoration: none;
}

a img{ 
border:0; 
}

span {
color: #4B2770;
font-weight: bold;
letter-spacing:0.1em;
padding-left: 0.3em
}

code {
font-size: 1.2em;
font-family:courier,courier new,monospace;
background: #666666;
padding-left:0.3em;
padding-right:0.3em;
border-top: 0.03em solid #000;
border-right: 0.03em solid #000;
border-bottom: 0.03em solid #ccc;
border-left: 0.03em solid #ccc;
margin-left:0.3em;
margin-right:0.3em;
}

blockquote {
border: 0.03em solid #ccc;
padding: 0.3em;
background: #666666;
}

/* GLIDER */

    div.scroller {
        width:inherit;
        height: 900px;
        overflow: hidden;
    }
    div.scroller div.section {  
        width:inherit;
        height:900px;
        overflow:hidden;
        }
		
/* styles for sub scrollers    */   
    div.subControls {
        width:inherit;
		height:20px;
        background:#898989;   
    }
    div.subScroller {        
        width:inherit;
        height: 850px;
        overflow: hidden;
    }
    div.subSection {       
        width:inherit;
        height:850px;
        overflow:hidden;
        float:left;
        font-family: verdana,arial,sans-serif;   
        color:#fff;
    }
    #ss1{
        text-decoration:none;
        font-family: verdana,arial,sans-serif;
    	font-size:1em;
        font-weight:bold;
        color: #fff;
    }
/* styles for sub scrollers for Portfolio    */ 	
    div.subControlsPort {
        width:inherit;
		height:20px;
        background:#898989;   
    }
    div.subScrollerPort {        
        width:inherit;
        height: 850px;
        overflow: hidden;
    }
    div.subSectionPort {       
        width:inherit;
        height:850px;
        overflow:hidden;
        float:left;
        font-family: verdana,arial,sans-serif;   
        color:#fff;
    }

/* styles for sub scrollers for Homepage    */ 	
    div.subControlsBlog {
        width:inherit;
		height:20px;
        background:#898989;   
    }
    div.subScrollerBlog {        
        width:inherit;
        height: 850px;
        overflow: hidden;
    }
    div.subSectionBlog {       
        width:inherit;
        height:850px;
        overflow:hidden;
        float:left;
        font-family: verdana,arial,sans-serif;   
        color:#fff;
    }