/*
CSS Credit: http://www.arcfilm.com/
*/

body{
	padding:0; 
	margin:0 0 0px 0; 
	background-color:#000000; 
	color:#ee3762;
}

div, p, ul, li, form, h2, img, textarea, h3, li {
	padding:0; 
	margin:0;
}

ul{
	list-style-type:none
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.margin_top_100 { margin-top: 40px; }
.margin_bottom_30 { margin-bottom: 30px; }
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;	}
.margin_right_20 { margin-right: 0px; }
.margin_left_20 { margin-left: 20px; }
.fl { float: left; }

/*~~~~main body~~~~*/
#arcfilm_mainBody {
	width:1160px; 
	margin:0px auto; 
	font-size:0; 
	margin-bottom:0px;
}
	
/*~~~~left side~~~~*/
#arcfilm_leftPan {
	width:1089px; 
	height:730px; 
	background:url(images/arcfilm_bg.jpg) no-repeat 0 0 #000000;
}
	
/*~~~~company name~~~~*/
.section_w195 {
	float: left;
	width: 145px;
	padding: 0 20px 0 0;	
	margin: 0 30px 0 0;
	color:#cdb206;
}

#arcfilm_contact {
	position:absolute; 
	margin-left:300px; 
	margin-top:125px; 
	background:url(images/arcfilm_images.png);
	width:550px; 
	height:533px; 
	border: 1px solid #707070;
}
	
#arcfilm_contact h1 {
	font:normal 16pt Times; 
	letter-spacing:4px; 
	padding:0px 0 0px 25px;	
	margin:10px 0 0px 0px; 
	height:30px; 
	width:345px; 
	display:block; 
	text-indent:0px; 
	color:#c6ab00;
	} 
	
	
#arcfilm_contact h2 {
	font:normal 10pt Arial;
	font-weight:bold;
	text-decoration:underline;
	padding:0px 0 0px 25px;
	margin:10px 0 0px 0px;
	height:25px;
	width:191px;
	display:block;
	text-indent:0px;
	color:#003399;
	} 
	

#arcfilm_contact p {
	margin:0px 0px 0px 25px; 
	width:500px; 
	height:Auto; 
	display:block; 
	font:normal 10pt Arial; 
	color:#FFFFFF; 
	text-align: justify;
}

#arcfilm_contact a {
	color:#358074;
	font-weight:bold;
}

#contact_form { padding: 0; width: 400px; height: 500px }
#contact_form form { margin: 30px; padding: 0px; }
#contact_form form .input_field { width: 270px; padding: 5px 0; color: #fff; border: 1px solid #a7a7a7;  background: #323131; }
#contact_form form label { display: block; width: 100px; margin-right: 10px; color: #fff; font-size: 14px;  }
#contact_form form textarea { width: 388px; height: 200px; padding: 5px; border: 1px solid #a7a7a7;  background: #323131; }
#contact_form form .submit_btn { display: block; margin-top: 10px; padding: 5px 15px; text-align: center; text-decoration: none; font-weight: bold; background: #578c71;  color: #fff; border: 1px solid #000000; font-size: 12px; cursor: pointer }


.section_w180 {
	width: 300px;
	background: #191818;
	margin-left:25px;
	padding-left:0px;
}

.section_w180 img {
	margin: 5px;
	width: 290px;
	height: 170px;
	border: 1px solid #65a796;
}

.section_w180 p {
	padding: 5px 5px 10px 10px;
	color: #a6a6a6;
}
	
#arcfilm_contact p.para1 {
	width:243px;
}
#arcfilm_contact p.para3 {
	margin-top:25px;	
	width:243px;
}
	
#arcfilm_contact p.para2 {
	background:url(images/arcfilm_keyboard.jpg) no-repeat 0 0px; 
	display:block; 
	width:99px; 
	height:168px; 
	margin:-190px 0px 0px 276px;
}
	
#arcfilm_contact p.images {
	background:url(images/arcfilm_images.png) no-repeat 0 0px; 
	display:block; 
	height:125px;
}
	
#arcfilm_contact p.boxtext {
	background:#FFFFFF; 
	margin:10px 0px 0px 25px; 
	padding:10px 10px 10px 10px; 
	width:416px;
	display:block; 
	font:normal 10pt Arial; 
	color:#8f8e8d; 
	text-align: justify;
}
	

/*~~~~logo~~~~*/

#arcfilm_logo {
	position:absolute; 
	width:200px; 
	margin:40px 0px 0px 140px;  
	color:#FAF8F2;
	height:180px; 
	padding: 14px 0 0 0; 
	display:block;
}
	
#arcfilm_logo p.images {
	background:url(images/logo.png) no-repeat 0 0;
	margin-top:-5px; 
	height:153px;
	text-align:center; 
	font:normal 15pt Times; 
	text-decoration:none;
}

#arcfilm_logo p.text1 {
	text-align:center; 
	font:normal 15pt Times; 
	font-weight:bold; 
	letter-spacing:10px; 
	color:#F1E9D6;  
	padding:10px 5px 0 5px;
	text-decoration:none; 
}

#arcfilm_logo p.text2 {
	text-align:center; font:normal 9pt Arial; color:#F1E9D6;  padding:5px 5px 0 5px;
	text-decoration:none; 
}

	
/*~~~~header~~~~*/

#arcfilm_header {
	position:absolute; 
	width:125px; 
	margin:160px 0px 0px 85px;  
	color:#FAF8F2; 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0; 
	height:5px; 
	padding:44px 0 0px 0; 
	display:block;

}
#arcfilm_header ul {
	margin-top:-40px; 
	margin-left:70px;
}
#arcfilm_header ul li {
	float:left; 
	display:block; 
	font:9pt Arial; 
	color:#F1E9D6;
}
	
#arcfilm_header ul li a {
	font:normal 19pt Arial; 
	color:#F1E9D6;  
	padding:0 5px 0 15px;
	text-decoration:none; 
}
	
#arcfilm_header ul li a:hover {
	color:#58ac9c;
}
	
#arcfilm_header p {
	text-align:center; 
	font:normal 19pt Arial; 
	color:#F1E9D6;  
	padding:0 5px 0 5px;
	text-decoration:none; 
}

#arcfilm_header p.text {
	width:200px; 
	display:block;  
	margin:8px 0 0 10px; 
	color:#E9DFC6; 
	background-color:#707070; 
	font:bold 8pt Arial;  
	float:left; 
	padding:0 0 0  12px; 
	text-align:center;
}
	
#arcfilm_header p.text a {
	text-decoration:none; 
	color:#FFFFFF; 
	padding:0 0 0 5px;
}
	
#arcfilm_header p.text a:hover {
	background-color:#403722; 
	color:#F1E9D6;
}


/*~~~~footer~~~~*/
#arcfilm_buffer {
	width:100%; 
	height:10px;
	display:block;
}

#arcfilm_footer {
	position:absolute; 
	width:394px; 
	margin:650px 0px 0px 377px;  
	color:#FAF8F2; 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif; 
	height:35px; 
	padding:24px 0 0 0; 
	display:block;
}

#arcfilm_footer ul {
	margin-top:-20px; 
	margin-left:33px;
	}
#arcfilm_footer ul li {
	float:left; 
	display:block; 
	font: 8pt Arial; 
	color:#F1E9D6;
}

#arcfilm_footer ul li a {
	font:normal 9pt Arial; 
	color:#F1E9D6;  
	padding:0 5px 0 5px;
	text-decoration:none; 
}
#arcfilm_footer ul li a:hover {
	color:#58ac9c;
}

#arcfilm_footer p {
	text-align:center; 
	font:normal 8pt Arial; 
	color:#F1E9D6;  
	padding:0 5px 0 5px; 
	margin-top:16px;
	text-decoration:none; 
}

#arcfilm_footer p.text {
	width:350px; 
	display:block;  
	margin:8px 0 0 0px; 
	color:#E9DFC6; 
	background-color:#707070; 
	font:bold 8pt Arial;  
	float:left; text-align:center;
}

#arcfilm_footer a {
	text-decoration:none; 
	color:#FFFFFF; 
	padding:0 0 0 5px;
}
#arcfilm_footer a:hover {
	color:#58ac9c;
}