/****************************************************************************************************/
/* BASIC STYLES */
/****************************************************************************************************/

/* CONTAINERS */

body
    {
    color: #222222;
    background: #4a4a4a url('./bg-right.png') repeat-x top left;
    font-family: Verdana, Tahoma, Helvetica, sans-serif; font-weight: normal; font-size: .7em;
    margin: 0px; padding: 0px;
    text-align: center; 
    }
table
    {
    font-size: 1em;
    }

div, p, form
	{
	padding: 0px; margin:0px;
	}
    
h1
    {
    padding: 0px; margin: 0px; margin-bottom: 10px;
    font-size: 1.3em; line-height: 1.1em;
    text-transform: uppercase;
    }

h2
/*    {
    padding: 0px; margin: 0px; margin-top: 10px; margin-bottom: 4px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.3em; line-height: 1.1em;
    }
*/  
h3
/*    {
    padding: 0px; margin: 0px; margin-top: 10px; margin-bottom: 4px;
    font-weight: bold; font-size: 1.1em; 
    color: #404040;
    }
*/    
h4
    {
    }
     
/* links */

a:link
    { 
    color: #0b709a;
    text-decoration: underline;  
    }
a:visited 
    { 
    color: #0b709a;
    text-decoration: underline; 
    }
a:hover 
    { 
    color: #0b709a;
    text-decoration: none; 
    }

/* images */

img 
    { 
    border: none; 
    }

/* clearing float experience */
br.clear 
    {
    clear: both;
    height: 0px;
    line-height: 0;
    font-size: 0px; /*for IE*/
    } 

    

/*************************************************************************/    
/*************************************************************************/    
/* BACKGROUND */
/*************************************************************************/ 
/*************************************************************************/    
   
#background
    {
    background: url('./bg-left-error.png') no-repeat top right; 
    position: absolute; top: 0px; left: 0px; 
    height: 478px; width:50%; 
    }
    
#header-logo
{
    position:absolute;
    top:20px;
    right:10px;
    width:196px;
    height:37px;
    background:url(./error-page-vc-logo.jpg) no-repeat center center;
}    


/*************************************************************************/    
/*************************************************************************/    
/* HEADER */
/*************************************************************************/ 
/*************************************************************************/    
   
#logo
    {
    height: 80px; width: 1000px; margin: 0px; padding: 0px; margin-top: 11px;
    text-align: right; 
    display: block;  
    }


/*************************************************************************/    
/*************************************************************************/    
/* CONTENT BETWEEN HEADER AND FOOTER */
/*************************************************************************/    
/*************************************************************************/    

#main
    {
    margin: auto; padding: 0px; 
    text-align:center;   	   	
    }  
    
    
    #content-wrapper
    {
        position:relative;
        padding:45px;
        width: 561px;
        margin:175px auto;			
    }
    
        #vc-bg-top-right
        {
            margin:22px 22px 0 0;
            width:46px;
            height:46px;
            position:absolute;
            top:0;
            right:0;
            background:url(./error-page-top-right-bg.png) no-repeat;
        }
   
   
        #vc-bg-bottom-left
        {            
            width:92px;
            height:92px;
            position:absolute;
            bottom:0;
            left:0;
            background:url(./error-page-bottom-left-bg.png) no-repeat;
        }
   
		#content
			{			
			    background:#525252;
			    opacity:0.8;			    			    
			    padding-top: 20px; padding-bottom: 20px; 
			    text-align: left; 
			    font-size: 1.1em; 
			    color:#fefefe;
			
			    -moz-box-shadow: inset 2px 2px 2px #111;
	            -webkit-box-shadow:inset 2px 2px 2px #111;
	            box-shadow:inset 2px 2px 2px #111;
	        
	        	-moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                -khtml-border-radius: 5px;
                border-radius: 5px;  
			
			}
			
        #content a
        {
            color:#EDA50F;
        }			
			
		#content div
			{
			padding-bottom: 10px; 
			padding-left: 40px; 
			padding-right: 30px; 
			opacity:1 !important;
			
			}