/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote { 
    margin:0;
    padding:0;
}
img { 
    border:0;
}
address,caption,cite,code,dfn,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}

input, button, textarea
{
    font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
}

a{
    text-decoration: none;
    color: blue;
}
a:visited{
    text-decoration:line-through;
}

/* ************************
    DEFAULT 
************************ */

body
{
    margin:0;
    padding: 0;
    color:#252331;
    font-size:12px;
    background: #FFFFFF;
    font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
}
#body
{
    width: 940px;
    margin: 0px auto;
}

/**
* header styles 
*/
#header
{
    float: left;
    display: inline;
    width: 100%;
}
    #logo
    {
        float: left;
        display: inline;
        width: 157px; 
        height: 40px;  
        margin: 24px 0px 24px 0px;
    }
    #logoSpry
    {
        float: right;
        display: inline;
        width: 140px;
        height: 40px;
        margin: 24px 0px 24px 0px;
    }
    #headMenu
    {
        float: left;
        display: inline;
        width: 100%;   
        height: 29px;
        background: url(../images/menubg.jpg) repeat-x top left #242120;
    }
        #headMenu h1
        {
            float: left;
            width: 40%;
            padding: 6px 0px 0px 10px;
            color: #FFFFFF;
            font-size: 14px;
            font-weight: bold;
        }
        #headMenu ul
        {
            float: right;
            display: inline;
        }
        #headMenu ul li
        {
            float: left;
            display: inline;
        }
        #headMenu ul li a
        {
            float: left;
            display: inline;
            height: 20px;
            padding: 6px 15px 3px 15px;
            margin: 0px 0px 0px 2px;
            text-decoration: none;
            color: #FFFFFF;
            font-size: 13px;
            font-weight: bold;
            
        }
        #headMenu ul li a:hover
        {
            background: #b0152f; 
        }
        .active
        {
            background: #b0152f; 
        }
        
        #headMenu ul li a:hover
        {
            float: left;
            color: #FFFFFF;
        }


/**
* center content styles
*/
#center
{
    width: 100%;
    float: left;
    display: inline;
}

    #centerLeft
    {
        width: 600px;
        float: left;
        display: inline;   
    }

        #centerLeft h2
        {
            width: 100%;
            float: left;
            display: inline;
            font-size: 28px;
            font-weight: normal;
            margin: 20px 0px 20px 0px;
        }
        #centerLeft h2 span
        {
            color: #b0152f;
        }
        
        #centerLeft p
        {
            width: 96%;
            float: left;
            display: inline;
            margin: 0px 0px 20px 0px;
            line-height: 18px;
        }

        #centerForm
        {
            width: 590px;
            float: left;
            display: inline; 
            background: #ebe4da;
            padding: 10px 0px 10px 10px;
        }
        
        #centerForm strong
        {
            width: 100%;
            float: left;
            display: inline;
        }
        #centerForm input
        {
            width: 425px;
            float: left;
            display: inline;
            border: 2px solid #a6a6a6;
            margin: 10px 0px 10px 0px;
            padding: 5px 0px 5px 5px;
            font-size: 11px;
        }
        
        #createURLbutton
        {
            width: 130px;
            float: right;
            display: inline;
            color: #FFFFFF;
            background: #b0152f;
            border: none;
            font-size: 15px;
            font-weight: bold;
            padding: 4px 0px 3px 0px;
            margin: 10px 15px 0px 0px;
            text-transform: uppercase;
            cursor: pointer;
            text-align: center;
            
        }
        
        
        
        #customAlias
        {
            width: 580px;
            float: left;
            display: inline;
            margin: 20px 0px 10px 0px;
            border-top: 2px solid #242120;
        }
        #customAlias span
        {
            color: #a6a6a6;
        }
        
        
        #shortURL
        {
            float: left;
            display: inline;
            width: 100%;
            font-size: 22px;
            margin: 10px 0px 0px 0px;
            text-align: center;
        }
    
    
    #centerRight
    {
        width: 320px;
        float: right;
        display: inline;
        margin: 20px 0px 10px 0px;
    }
        .bannerRight
        {
            width: 100%;
            float: left;
            display: inline;
            margin: 0px 0px 10px 0px;
        }
        
        #centerRight h4
        {
            float: left;
            display: inline;
            width: 310px;
            height: 22px;
            background: url(../images/menubg.jpg) repeat-x top left #242120;
            margin: 0px 0px 0px 0px;
            color: #FFFFFF;
            font-size: 13px;
            font-weight: bold;
            padding: 7px 0px 0px 10px;
        }
        #centerRight p
        {
            width: 300px;
            float: left;
            display: inline;
            background: #ebe4da;   
            padding: 20px 0px 20px 20px;
        }
        #centerRight p span
        {
            color: #b0152f;
        }
        #centerRight p a
        {
            color: #b0152f;
            text-decoration: none;
        }
        #centerRight p a:hover
        {
            color: #b0152f;
            text-decoration: underline;
        }
    
    
    #centerUnique
    {
        width: 100%;
        float: left;
        display: inline;   
    }
    
    #centerUnique h2
    {
        width: 100%;
        float: left;
        display: inline;
        font-size: 28px;
        font-weight: normal;
        margin: 20px 0px 20px 0px;
    }
    
    #centerUnique h2 span
    {
        color: #b0152f;
    }
    
    
/**
* footer styles
*/
#footer
{
    width: 100%;
    float: left;
    display: inline;
    height: 29px;
    background: url(../images/menubg.jpg) repeat-x top left #242120;
    margin: 20px 0px 20px 0px;
}
#footer span
{
    float: left;
    color: #FFFFFF;
    font-size: 11px;
    padding: 8px 0px 0px 5px;
}