@charset "UTF-8";
/* CSS Document */

body {
	background-color:#A3A3A3;
	background-image:url(img/pat_bg.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#333;
	
	background-repeat:no-repeat;
	
	
	width:950px;
	height:700px;
	margin:left;

}

#container_intro {
	background-image:url(img/new_bg_2.1.png);
	background-repeat:no-repeat;
	margin:auto; 
	width:950px;
	height:700px;
	
	}



#container {
	
	background-image:url(img/main_bg.png);
	margin:left; 
	width:1200px;
	height:1000px;
	
	}
	
	


#toppic
{
		width:1200px;
		background-image:
		url(img/top_bg.png);
		margin-left:200px;
		margin-top:20px;
		float:right;
	   font-weight:100;
	   z-index:5;
	  
}



#logo {
	margin-top:25px;
	margin-left:50px;
	
	float:left;
	z-index:100;
	
}


#logo_side {
	margin-top:190px;
	margin-left:230;
	
	float:left;
	width:950px;
	height:300px;
	
}

#main {

	/*
	margin-left:50px;
	margin-top:10px;*/


	background-image:url(img/main_bg.png);
	margin:left; 
	width:1200px;
	

  
}

#left {
	
	float:left;
	width:60px;
	margin-left:0px;
	
	
/*	margin-top:200px;
*/
  
}

#right {


	width:640px;
	margin-left:0px;

}


#right_inside {


	width:600px;
	margin-left:15px;
	margin-top:10px;
	
	
/*	margin-top:200px;
*/
  
}

#top {


	width:860px;
	margin-left:240px;

/*	margin-top:200px;
*/
  
}

#sidebar{
	width:180px;
	background-image:url(img/side_bar.png);
	background-repeat:no-repeat;
	float:right;
	padding-right:10px;
	margin-top:220px;
	padding-left:3px;
	
	
}


#image {
	float:right;
}


#image2 {
	float:left;
}




#image3 {
	float:right;
	width:250px;
	height:300 px;
}


#image4 {
	float:right;
	width:250 px;
	height:300 px;
}


#image5 {
	float:right;
	width:215;
	padding-left:10px;
}


#image6{
	float:left;
	width:215;
	padding-left:10px;
}

#textbox {
	float:left;
	width:450px;
	height:300 px;
}



	#inner_box_left{

	width:250px;
	float:left;
/*	height:111px;
	margin:left;
	margin-left:40px;
*/	
	}
	
	#inner_box_right{

	width:250px;
	float:right;
/*	height:111px;
	margin:left;
	margin-left:40px;
*/	
	}
	
	#inner_box{

	width:520px;
	float:left;
/*	height:111px;
	margin:left;
	margin-left:40px;
*/	
	}

#midbox{
	width:520px;
	padding-left:20px;
	padding-right:20px;
}

#legal{
	width:867px;
	margin-top:0px;

	margin-left:232px;
}


#legal2{
	width:1200px;
	margin-top:0px;
	margin-left:0px;
	background-color:#7d7c7c;
	border:2px #333;
	
	}


#test_pic{
	width:280px;
	float:left;
}


	
#portfolio {
	float:left;
	width:560px;
	}	
	


#display {
	float:left;
	padding: 10px;
	}
	
	
#display_text {
	float:right;
	width:310px;
	padding-top:15px;
	}	
	

#display_text_2 {
	float:right;
	width:260px;
	padding: 10px;
	}	
	
	
#web_box {
	hight:160px;
	float:left;
	width:540px;
	}	
	
	
	
	
#banner_box {
	hight:230px;
	float:left;
	width:540px;
	}		
	
	
	
#sddm
{	margin-left:240px;
	margin-top:8px;
	padding: 0px;
	z-index: 30;
	}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 20px arial;
		z-index: 30;
}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 150px;
	color: #424242;
	text-align: center;
	text-decoration: none
		z-index: 30;
}

#sddm li a:hover
{	color: #D91C5C;


}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	background: #A3A3A3;
	background-image:url(img/pat_bg.png);
	padding: 0;
	border:#666;
	z-index: 30;

	
	}
	

	#sddm div a
	{	position: relative;
		display: block;
		margin: 15px;
		padding: 5px 5px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		color: #424242;
		font: bold 13px arial;
		background-color:#A3A3A3;
		border:#999;
			z-index: 30;
	}
		

	#sddm div a:hover
	{	
		color: #D91C5C}



@font-face {
	font-family: 'BebasNeueRegular';
	src: url('BebasNeue-webfont.eot');
	src: local('☺'), url('BebasNeue-webfont.woff') format('woff'), url('BebasNeue-webfont.ttf') format('truetype'), url('BebasNeue-webfont.svg#webfontYW4lu6A6') format('svg');
	font-weight: normal;
	font-style: normal;
}