b {
	color: #A49E9E;
	font-size: 11px;
    font-family: century gothic;
    
}

i {
    color: #98B0B4;
    font-size: 11px;
    font-family: Georgia;

}

#navcontainer {
	background-color: transparent;
	height: 50px;
	padding-top: 0px;
	padding-bottom: 5px;
	list-style-type: none;
	text-align: center;
	width: 750px;

}


#navcontainer ul {
	background-color: #transparent;
	padding-top: 10px;
	height: 50px;
	list-style-type: none;
	text-align: center;
	width: 750px;

}
	
#navcontainer ul li { 
	display: inline;
	background-color: transparent; 
	height: 50px;
	font-size: 14px;
    font-family: century gothic;

}
		
#navcontainer ul li a  {
	text-decoration: none;
	padding-top: 0px;
	height: 50px;
	padding-left: 15px;
	padding-right: 15px;
	color: #FFFFFF;
	background-color: #000000;
	width: 750px;
	font-size: 14px;
    font-family: century gothic;

}
		
#navcontainer ul li a:hover  {
	color: #000000;
	background-color: transparent;

}


body {
	margin-top: 0px;
	text-align: center; /* center the layout in IE 5 */
	background-color: #030303;
	background-repeat: repeat-x;
	overflow-x: hidden;
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 11px;
    font-family: century gothic; 
    color: #888888;
    background-image: url('bg03.png');
	
}

#container {
	width: 806px; /* the width of our layout overall */
	margin: 0 auto; /* center the layout in mozilla and IE 6+ */
	text-align: left;
	background-color: transparent;
}


#header {
	width: 800px;
	height: 345px;
	padding-bottom: 20px;
}

#bar  {
	width: 806px;
	height: 35px;
	background-color: #001E3C;
	
}

#content {
	float: left;
	width: 581px;
	padding-left: 5px;
	padding-right: 20px;
	padding-bottom: 35px;
	
}

#footer {
	width: 755px;
	height: 50px;
	clear: both; 
	background-color: #000000;
	text-align: center;
    font-size: 9px;
    font-family: century gothic;
    background-image: url('cloti_footer01.png');
    background-repeat: no-repeat;
    padding-left: 55px;
	padding-right: 10px;
	padding-top: 0px;
	border-top: 6px solid #0D0C0C;
}
              
.head { 
	text-align: left; 
	font-family: georgia; 
	text-transform: lowercase;
	font-weight: bold;
	font-style: italic;
	height: 30px;
	font-size: 16pt; 
	color: #BDB5B0;  
	padding-left: 35px;
	padding-top: 5px;
	background-repeat: no-repeat;
	background-image: url('')


}   
               
.sub { 
	text-align: left; 
	font-family: arial; 
	color: #C88F80; 
	font-size: 8pt; 
	font-style: italic; 
	padding-left: 3px;

}  

.special { 
	font-family: georgia; 
	color: #98B0B4; 
	font-style: italic;
	
}  

.special2 { 
	font-family: georgia; 
	color: #A68500; 
	font-weight: bold;
	
}  

blockquote {
	width: 175px;
	padding-left: 10px;
	padding-right: 3px;
	border-left: 10px solid #7CB6EE;
	background-color: #0D0C0C;
	margin-bottom: 20px;

}
	
A:link { 
    text-decoration: none;
	color: #7CB6EE; 
	
} 

A:visited { 
	text-decoration: none;
	color: #7CB6EE; 
	
} 


A:hover { 
	background-color: #000000; 
	color: #3D5F7F; 
	cursor: help; }
	

.image {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	
}

.code {
	border: 6px solid #0D0C0C;
	margin: 2px;

}

.code:hover {
	border: 6px solid #070707;
    margin: 2px;

}


#menu3 {
width: 200px;
float: right;
padding-top: 30px;
padding-bottom: 25px;
background-color: transparent;
}

#menu3 ul
{
font-family: Century Gothic;
list-style-type: circle;
list-style-position:inside;
margin:0;
padding:0;
background-color: transparent;
}
#menu3 li
{
display: inline;
/* for IE5 and IE6 */
}

#menu3 a
{
color: #92847E;
text-decoration: none;
font-size: 11px;
display: block;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
letter-spacing: 2px;
width: 200px;
background-color: #0D0C0C;
border-bottom: 4px solid #000000;
border-right: 0px solid #e86060;
text-align: center;
}

#menu3 a:link, #menu3 a:visited
{
color: #92847E;
text-decoration: none;
border-bottom: 4px solid #000000;
}

#menu3 a:hover
{
border-right: 0px solid #f3dddd;
border-bottom: 4px solid #EA95EE;
background-color: #000000;
color: #EA95EE;
}

#menu3 li a#current
{
border-left: 8px solid #f3dddd;
background: #FFFFFF;
color: #000;
}

#fade img{
opacity: .5;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
border: 8px solid #0D0C0C;
margin: 2px;
}

#fade img:hover {
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
border: 8px solid #0D0C0C;
margin: 2px;
}