/*-------------------------------------------------
		    - GLOBAL -						
-------------------------------------------------*/

body {
    font-size: 12px;
    line-height: 1.5em;
    font-style: normal;
    font-weight: normal;
    font-family: arial, verdana, serif;
    background: #3a3a3a;
    color: #666;
    text-align: left;
}
    
body, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, input, form, fieldset, label {padding: 0;margin: 0}

#head {
    width:946px;
    margin: 0 auto;
    }
		
#container {
    width: 716px; 
    margin: 28px auto; 
    background: #fff; /* add image to replicate on y axes */
}
	
a {color: #c03000;
   text-decoration: none;}
   
a:hover { text-decoration: none;}

a img { border: none; }
p { margin: 0 0 1.5em 0; }
span { color: #6260ba; font-weight: bold; }

em { color: #d00303 }

.ghost { display : none; }

/*-------------------------------------------------
		- IMAGES -					
-------------------------------------------------*/

a img.raam { 
	background: #fff;
	border: 2px solid #a8a8a8;
	padding: 2px;
	float: left;
	margin-right: 8px;
	}
	
img.border { 
	background: #fff;
	border: 2px solid #a8a8a8;
	padding: 2px;
	}
a:hover img.raam {
	border: 2px solid #6260BA;
	}

div.gallery {
    margin: 10px 0;
}
    div.gallery img {
        margin: 0 5px 5px 0;
    }
	

/*-------------------------------------------------
		- H-TAGS -				
-------------------------------------------------*/

h2 {
    font-size: 150%;
    font-family: verdana, serif, arial;
    font-weight: normal;
    color: #d00303;
    margin: 10px 0 0 0; 
    padding: 10px 0 5px 0;        
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
}

h3 {
    font-size: 120%;
    font-family: verdana, serif, arial;
    font-weight: bold;
    color: #6260ba;
    margin: 0 0 0 0; padding: 5px 0 0 0;        
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
}


h4 {
    font-size: 120%;
    font-family: verdana, serif, arial;
    font-weight: bold;
    color: #6260ba;
    margin: 0 0 0 0; padding: 15px 0 0 5px;
    text-transform: uppercase;
}

/*-------------------------------------------------
		- HEADERS -					
-------------------------------------------------*/

#header_01 { 
	clear: both;
        background: url('../images/header/header_01.jpg'); 
	height: 34px;
        color: #fff;
	}
	
#header_02 { 
	clear: both;
	background: url('../images/header/header_02.jpg');
	height: 109px;
        color: #fff;
	}
	
#header_03 { 
	clear: both;
	background: url('../images/header/header_03.jpg');
	height: 142px;
        color: #fff;

	}
	
#header_04 ul {
        list-style: none;
        padding: 0 0 10px 115px;
	margin: 0 0 0 0;
        height: 20px;
    }
        #header_04 ul li {
            float: left;
            background: #434748 url('../images/menu.jpg') no-repeat right; 
        }
        #header_04 ul li a {
            float: left;
            text-decoration: none;
            padding: 20px 33px;
            font-weight: bold;
            color: #fff;
        }
        #header_04 ul li a:hover {
            background: #4B5151 url('../images/menu.jpg') no-repeat right;
        }


/*-------------------------------------------------
		- LEFT -				
-------------------------------------------------*/

#left { 
	float: left; clear: left; 
	width: 200px;
	border-right: 1px dashed #eee;
	}
        
#left p {
    padding: 0 10px;
}


/*-------------------------------------------------
		- BLOCK -				
-------------------------------------------------*/

#block p {
            border-top: #eee solid 1px;
            border-bottom: #eee solid 1px;
            background-color: #E5F0FF; 
            width: 93%;
            margin: 10px 0 10px 9px;
            padding: 10px;
            text-align: justify;
    }
    
#block a {
            text-decoration: none;
    }

#block img {
            border: 1px solid #fff;
            padding: 5px;
            margin: 0 5px 0 0;
            float: left;
    }

/*-------------------------------------------------
		- JAVA GALLERY -				
-------------------------------------------------*/

#java { margin: 0 6px 0 6px;
        padding: 5px;
        border: 1px solid #eee;
    }

/*-------------------------------------------------
		- MAIN -				
-------------------------------------------------*/

#main { margin: 0px 10px 20px 210px;
        text-align: justify;
         }

#main ul li{ margin: 0 0 0 20px; }

#main li{ padding: 0 20px 0 20px;
          background: url('../images/bullet.gif') no-repeat 2px 2px ;
          list-style: none;
        }

#box { 
	background-color: #E5F0FF; 
	margin: 20px 8px; 
	padding: 2px 20px;
	border: 1px solid #eee;
    }

/*-------------------------------------------------
		- FOOTER -					
-------------------------------------------------*/

#footer {
    clear: both;
    background: #3a3a3a url('../images/footer.jpg') no-repeat;
    color: #fff;
    height: 39px;
    }
	
#footer p { 
	text-align: left; 
	margin: 0; padding: 10px 0; 
	font-size : 0.9em; 
	}
    
    #footer p a {
        color: #fff;
    }
    
/*-------------------------------------------------
                - FORMS -					
-------------------------------------------------*/

form {
    padding: 10px;
    width: 176px;
    margin: 0 0 0 -10px;
}

input, textarea, select {
    border: 1px solid #ccc;
    padding: 3px 5px;
}

input[type='radio'], input[type='checkbox'] {
    vertical-align: middle;
    border: 0;
    margin: 0 5px 2px 0;
}