@charset "utf-8";

html {  padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
		padding-top:0px;
		margin:0px;
		
}
body {	padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
		padding-top:0px;
		margin:0px;
		background-image:url(images/bg_grad.png);
        background-repeat:repeat;
		background-color:#333333;
				
}

#bg_arrows{
width:450px;
height:478px;
background-image:url(images/bg_arrows.png);
background-repeat:no-repeat;
margin-top:-884px;
position:absolute;
z-index:-1;
}

#bg_art_1{
width:100px;
height:100px;
background-image:url(images/bg_art_1.png);
background-repeat:no-repeat;
margin-top:-325px;
margin-left:1060px;
position:absolute;
z-index:-1;
} 

#bg_art_2{
width:350px;
height:150px;
background-image:url(images/bg_art_2.png);
background-repeat:no-repeat;
margin-top:-917px;
margin-left:799px;
position:absolute;
z-index:-1;
} 

#bg_art_3{
width:170px;
height:150px;
background-image:url(images/bg_art_3.png);
background-repeat:no-repeat;
margin-top:-220px;
margin-left:25px;
position:absolute;
z-index:-1;
} 

#border_site {
width:800px;
height:800px;
margin: 0px auto;
padding-top:2px;
}

#site {
background:#1f1a17;
width:800px;
height:800px;
}

#border_border{
background:#ffffff;
width:805px;
height:814px;
margin: 35px auto;
}



#header {
float:left;
}

#header img {
margin:10px 75px;
width:650px;
height:130px;
}

#content {
width:700px;
height:400px;
float:left;
color:#CCCCCC;
font-size:12px;
font-family:Trebuchet MS;
margin-left:50px;
margin-top:35px;
}

#con{
background:#ffffff;
width:700px;
height:100px;
float:left;
color:#1f1a17;
font-size:12px;
font-family:Trebuchet MS;

}

#border_con{
margin-top:50px;
}



/* preloader */

@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
	}
@media print {
	div#preloader, 
	div#preloader img {
		visibility: hidden;
		display: none;
		}
	}
/* end of preloader */

#folio_box{
float:left;
width:165px;
height:145px;
margin-left:25px;
margin-top:25px;
}

#folio_box a{
text-decoration:none;
color:#1c8eb7;
font-size:11px;
}

#folio_box a:hover{
text-decoration:underline;
color:#1c8eb7;
}

#folio_pic{
border:1px solid #3b3532;
width:132px;
height:102px;
padding:5px 0px 0px 1px;
}

#folio_pic:hover{
background-color:#26211e;
border:1px solid #3b3532;
width:132px;
height:102px;
padding:5px 0px 0px 1px;
}

#folio_pic img{
border:1px solid #3b3532;
width:125px;
height:95px;
}

#folio_pic img:hover{
border:1px solid #3b3532;
opacity: .5;
filter: alpha(opacity=50);
}

#logo_box{
float:left;
margin-left:25px;
margin-top:25px;
}

#logo_box a{
text-decoration:none;
color:#1c8eb7;
font-size:11px;
}

#logo_box a:hover{
text-decoration:underline;
color:#1c8eb7;
}

#logo_pic{
border:1px solid #3b3532;
padding:5px 0px 0px 1px;
}

#logo_pic:hover{
background-color:#26211e;
border:1px solid #3b3532;
padding:5px 0px 0px 1px;
}

#logo_pic img{
border:1px solid #3b3532;
}

#logo_pic img:hover{
border:1px solid #3b3532;
opacity: .5;
filter: alpha(opacity=50);
}


#slide{

width:132px;
height:102px;
padding:5px 8px 50px 0px;
}