﻿        body
        {
            font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;
            font-size: 80%;
            background: #ffffff url('/Userfiles/Image/body-background.png') repeat-x;
            color: #4A3C31;
            margin: 0px auto;
        }
        img
        {
            border:none;
        }
        a:link, a:visited
        {
            color: #21B1C4;
            text-decoration: none;
        }
        a:hover
        {
            color: #F779A5;
        }
        div.clear
        {
            clear: both;
            height: 0px;
            width: 0px;
        }
        .standard-list
        {
            padding-bottom: 0px; 
            list-style-type: none; 
            margin: 0px; 
            padding-left: 0px; 
            padding-right: 0px; 
            font-size: 85%; 
            padding-top: 0px;
        }
        .standard-list LI
        {
            margin-bottom: 6px;
        }

        #top-menu
        {
            font-size: 9px;
            color: #6a6a6a;
            background-color: #dbdbdb;
            padding: 6px 11px 7px 11px;
        }
        #top-menu A
        {
            color: #6a6a6a;
        }
        #top-menu A:hover
        {
            color: #21B1C4;
        }
        #hdr-main-menu
        {
            padding-top: 17px;
            padding-left: 18px;
        }
        #main-content h2
        {
            border-bottom: 1px solid #cccccc; 
            padding-bottom: 9px;
            font-size: 15px;
            color: #4A3C31;
        }
        #lhs-sub-menu
        {
            font-size: 11px;
        }
        #lhs-sub-menu UL
        {
             list-style: none; 
             margin: 0px; 
             padding: 16px 0px 2px 0px;
        }   
        #lhs-sub-menu UL LI
        {
            font-weight: bold;
            color: #80766E;
            padding-bottom: 8px;
        }  
        #lhs-sub-menu UL UL
        {
            list-style: none; 
            margin: 0px; 
            padding: 0px;
        }   
        #lhs-sub-menu UL UL LI
        {
            padding-bottom: 6px; 
            font-weight: normal;
            padding-top: 0px;
        }  
        #lhs-sub-menu UL UL LI A:link, #lhs-sub-menu UL UL LI A:visited
        {
            color: #80766E;
            text-decoration: none;
        }  
        #lhs-sub-menu UL UL LI A:hover
        {
            color: #F779A5;
        } 
        .list-point
        {
            border-bottom: 1px solid #cccccc; 
            padding-bottom: 9px; 
            padding-top: 9px; 
            padding-left: 6px; 
            position: relative;
        }
        UL#web-common-questions
        {
            margin-left: 6px; 
            line-height: 165%; 
            list-style-image: url('/Userfiles/Image/double-arrow-brown.png');
        }
        UL#web-common-questions LI
        {
            padding-left: 8px; 
        }
        #content-container h1
        {
            font-size: 10px;
            margin: 10px 0px 20px 0px;
            color: #bbbbbb;
            font-weight: normal;
        }
        #content-container h2
        {
            font-size: 26px;
            margin: 12px 0px 0px 0px;
            line-height: 140%;
            font-weight: normal;
        }
        #the-content p { line-height: 165%; color: #4A3C31; }	
        #the-content h3 { font-family: Cambria, Times New Roman, serif; color: #4A3C31; font-size: 16px; margin-top: 30px; margin-bottom: 6px; }
        #the-content li { line-height: 165% }
        

        UL.rhs-menu-topics
        {
            margin: 0px;
            padding: 0px;
        }
        .rhs-menu-topics li
        {
            list-style: none;
            width: 200px;
            padding: 0px 30px 8px 0px;
            margin: 0px;
            font-size: 90%;
        }       

/* INSIDE PAGES */

        .inside-title {
            margin-top: 40px; 
            margin-bottom: 0px; 
            font-size: 26px;
        }
        .inside-title-tagline {
            font-size: 120%;
        }
        UL.header-menu-main-topic {
            margin: 0px;
            padding: 0px;
        }
        .header-menu-main-topic li {
            display: inline-block;
            width: 580px;
            padding: 0px 30px 8px 0px;
            font-size: 85%;
        }
        UL.header-menu-other-topics {
            margin: 0px;
            padding: 0px;
        }
        .header-menu-other-topics li {
            color: #21B1C4;
            display: inline-block;
            width: 170px;
            padding: 0px 30px 4px 0px;
            font-size: 80%;
        }
        .yellow-highlight 
        {
            border: #ffcc66 1px solid; 
            position: relative; 
            padding: 10px 20px; 
            background-color: #ffffdd; 
        }
        .yellow-highlight h3
        {
            margin-top: 10px !important; 
            font-size: 18px !important;
        }
        
/* PIKOS TIPS */

    #piko-tip-text
    {
        width: 300px; 
        padding: 2px 0px 0px 148px;
    }
    #piko-tip-text P 
    {
        margin: 0px;
        line-height: 165%;
        font-size: 11px;
    }        
    #piko-tip-text P.tip-title 
    {
        font-weight: bold; 
        color: #cc0000;
        margin: 10px 0px 6px 0px;
    } 

/* MINI PORTFOLIO */
        
        #mini-portfolio
        {
            border-bottom: #cccccc 1px solid; 
            background: url(/Userfiles/Image/latest-websites-background.png) #efefef repeat-x; 
            overflow: hidden; 
            border-top: #cccccc 1px solid;
        }
        
        #mini-portfolio div.portfolio-item
        {
            text-align: center; 
            margin: 18px 10px; 
            width: 201px; 
            float: left;
        }

        #mini-portfolio div.portfolio-item img
        {
                border: #999999 1px solid; 
                padding: 1px; 
        }

        #mini-portfolio div.seo-item
        {
            text-align: left; 
            margin: 18px 10px; 
            width: 191px; 
            float: left;
        }

        #mini-portfolio div.seo-item p
        {
                margin: 4px 0px 4px 0px;
        }
/* FOOTER MENU */
        #footer-menu
        {
            font-size: 10px;
            color:#80766E;
        }
        #footer-menu A:link, #footer-menu A:visited
        {
            color:#80766E;
        }
        #footer-menu A:hover
        {
            color:#F779A5;
        }
        #footer-menu UL
        {
            margin: 0px;
            padding: 0px;
            list-style: none;
        }
        #footer-menu UL UL
        {
            margin: 0px;
        }
        #footer-menu UL LI
        {
            margin-right: 6px;
            margin-bottom: 10px
        }

        #footer-menu .footer-menu-title
        {
            font-weight: bold;
        }


        
/* HOME PAGE ONLY */

        a.top-ad-miner
        {
            position: absolute; 
            top: 0px; 
            left: 330px;
            display: block;
            width: 86px;
            height: 62px;
            background: url('/Userfiles/Image/miner-anim.gif') -0px 0px no-repeat;
        }
        a.top-ad-text
        {
            position: absolute; 
            top: 8px; 
            left: 420px;
            display: block;
            width: 86px;
            height: 62px;
            overflow: hidden;
            font-size: 10px;
            color: #000000;
        }
        a.top-ad-text:hover
        {
            color: #21B1C4;
        }
        a.btn-resellers
        {
            display: block;
            width: 135px;
            height: 55px;
            background: url('/Userfiles/Image/btn-resellers-wanted.png') 0px 0px no-repeat;
        }
        a.btn-resellers:hover
        {
            background: url('/Userfiles/Image/btn-resellers-wanted.png') 0px -60px no-repeat;
        }
        .caption-section
        {
            margin-bottom: 0px; 
            overflow: hidden; 
            border-bottom: #cccccc 1px solid;
        }
        .caption-section div
        {
            float: left; 
            margin: 30px 10px 22px 10px; 
            width: 201px;
        }
        .caption-section div p
        {
             margin-left: 22px; 
             color: #80766e; 
             line-height: 165%; 
             margin-right: 22px;
        }

/* ### RHS-CONTENT ### */

#rhs-content 
{
    float:left; 
    width: 609px; 
    padding: 14px 20px 0px 40px; 
    border-left: #d4d4d4 1px dotted;
}

#rhs-content P
{
    line-height: 175%;
    text-align: justify;
}
#rhs-content UL LI
{
    line-height: 175%;
    text-align: justify;
}

#no-menu P
{
    line-height: 175%;
    text-align: justify;
}
#no-menu UL LI
{
    line-height: 175%;
    text-align: justify;
}

/* ### DESIGN EXAMPLES ### */

.design-img 
{
    margin-right: 10px;
    margin-bottom: 20px;
}

/* ### SERVER SUPPORT PACKAGES ### */

#server-packages 
{
    margin: 0px;
    padding: 0px;
    border: none;
    text-align: center; 
    vertical-align: top;
}

#server-packages TR.on
{
    background-color: #f4f4f4;
}

#server-packages TH
{
    height: 26px;
    padding: 4px 4px 16px 4px;
    vertical-align: top;
    border-bottom: #d8d8d8 1px dotted;
}

#server-packages TD
{
    height: 26px;
    width: 100px;
    padding: 4px;
    vertical-align: middle;
}

#server-packages .service
{
    text-align: left;
    width: 300px
}

#server-packages TD SPAN
{
    background: url('/Userfiles/Image/check.png') no-repeat;
    display: block;
    margin: auto;
    width: 16px;
    height: 16px;

}


    
    UL#rhs-context-menu
    {
	    list-style: none;
	    margin: 0;
	    padding: 0;
    }
    UL#rhs-context-menu LI
    {
	    margin: 0;
    }    
    UL#rhs-context-menu LI SPAN
    {
	    display: block;
	    width: 229px;
	    height: 32px;
	    padding-top: 8px;
	    padding-left: 14px;
	    background: url('/Userfiles/Image/rhs-context-menu-header.jpg') no-repeat;
    }   
    UL#rhs-context-menu LI UL
    {
	    list-style: none;
	    padding-left: 14px;
	    margin-bottom: 20px;
    }
    UL#rhs-context-menu LI UL LI
    {
	    padding-top: 3px;
	    padding-bottom: 3px;
	    font-size: 11px;
	    margin: 0;
    }    

