﻿/*
CSS Credit: http://www.machtllc.com.com/
*/

body{
	padding:0; 
	margin:0 0 0px 0; 
	background-color:#000000; 
	color:#453A1E;
}

div, p, ul, li, form, h2, img, textarea, h3, li {
	padding:0; 
	margin:0;
}

ul{
	list-style-type:none;
}

/*~~~~main body~~~~*/
#temp_mainBody {
	width:800px; 
	margin:20px auto; 
	font-size:0; 
	margin-bottom:10px;
}
	
/*~~~~left side~~~~*/
#temp_leftPan {
	width:800px; 
	height:677px; 
	background:url("images/temp_bg.jpg") no-repeat 0 0 #000000;
}

#temp_leftPan2 {
	width:850px; 
	height:677px; 
	background:url("images/temp_bg2.png") no-repeat 0 0 #000000;
}

#temp_leftPanInner {
	width:760px; 
	height:677px; 
	background:url("images/temp_bg2.png") no-repeat 0 0 #000000;
}

	
/*~~~~company name~~~~*/
#temp_contact {
	position:absolute; 
	margin-left:326px; 
	margin-top:50px; 
	background:black; 
	width:500px; 
	height:625px; 
	border: 0px solid #707070;
}

#temp_contact2 {
	position:absolute; 
	margin-left:275px; 
	margin-top:50px; 
	background:black; 
	width:550px; 
	height:625px; 
	border: 0px solid #707070;
}


#temp_contactinner {
	position:absolute; 
	margin-left:100px; 
	margin-top:65px; 
	background:black; 
	width:600px; 
	height:533px; 
	border: 0px solid #707070;
}
	
#temp_contact h1 {
	font:normal 14pt Times; 
	letter-spacing:10px; 
	padding:0px 0 0px 25px;	
	margin:10px 0 0px 0px; 
	height:30px; 
	width:300px; 
	display:block; 
	text-indent:0px; 
	color:#CC6600;
	} 
	
#temp_contact2 h1 {
	font:normal 14pt Times; 
	letter-spacing:10px; 
	padding:0px 0 0px 25px;	
	margin:10px 0 0px 0px; 
	height:30px; 
	width:300px; 
	display:block; 
	text-indent:0px; 
	color:#CC6600;
	} 
	
#temp_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;
	} 
	
#temp_contact2 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;
	} 
	
#temp_contact p {
	margin:0px 0px 0px 25px; 
	width:400px; 
	height:Auto; 
	display:block; 
	font:normal 8pt Arial; 
	color:#FFFFFF; 
	text-align: left;
}

#temp_contact2 p {
	margin:0px 0px 0px 25px; 
	width:400px; 
	height:Auto; 
	display:block; 
	font:normal 8pt Arial; 
	color:#FFFFFF; 
	text-align: left;
}

#temp_contact a {
	color:#FFFF99;
	font-weight:bold;
}
	
#temp_contact p.para1 {
	width:300px;
}

#temp_contact p.para6 {
	width:450px;
}

#temp_contact p.para3 {
	margin-top:225px;
	margin-left:185px;	
	width:243px;
}
	
#temp_contact p.para2 {
	background:url("temp_041_creation/images/temp_keyboard.jpg") no-repeat 0 0px; 
	display:block; 
	width:99px; 
	height:168px; 
	margin:-235px 0px 0px 335px;
}
	
#temp_contact p.images {
	background:url("temp_041_creation/images/temp_images.jpg") no-repeat 0 0px; 
	display:block; 
	height:125px;
}
	
#temp_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~~~~*/

#temp_logo {
	position:absolute; 
	width:200px; 
	margin:10px 0px 0px 60px;  
	color:#FAF8F2;
	height:80px; 
	padding:24px 0 0 0; 
	display:block;
}
	
#temp_logo p.images {
	background:url("temp_041_creation/images/temp_logo.gif") no-repeat 0 0;
	margin-top:-25px; 
	height:53px;
	text-align:center; 
	font:normal 15pt Times; 
	text-decoration:none;
}

#temp_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; 
}

#temp_logo p.text2 {
	text-align:center; font:normal 9pt Arial; color:#F1E9D6;  padding:5px 5px 0 5px;
	text-decoration:none; 
}

	
/*~~~~header~~~~*/

#temp_header {
	position:absolute; 
	width:450px; 
	margin:10px 0px 0px 330px;  
	color:#FAF8F2; 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0; 
	height:35px; 
	padding:24px 0 0 0; 
	display:block;
}
#temp_header ul {
	margin-top:-20px; 
	margin-left:10px;
}
#temp_header ul li {
	float:left; 
	display:block; 
	font:9pt Arial; 
	color:#F1E9D6;
}

#temp_header ul li a {
	font:normal 9pt Arial; 
	color:#F1E9D6;  
	padding:0 5px 0 5px;
	text-decoration:none; 
}
	
#temp_header ul li a:hover {
	color:#CC6600;
}
	
#temp_header p {
	text-align:center; 
	font:normal 9pt Arial; 
	color:#F1E9D6;  
	padding:0 5px 0 5px;
	text-decoration:none; 
}

#temp_header p.text {
	width:200px; 
	display:block;  
	margin:8px 0 0 110px; 
	color:#E9DFC6; 
	background-color:#707070; 
	font:bold 8pt Arial;  
	float:left; 
	padding:0 0 0 12px; 
	text-align:center;
}
	
#temp_header p.text a {
	text-decoration:none; 
	color:#FFFFFF; 
	padding:0 0 0 5px;
}
	
#temp_header p.text a:hover {
	background-color:#403722; 
	color:#F1E9D6;
}

/*~~~~header2~~~~*/


#temp_header2 {
	position:absolute; 
	width:450px; 
	margin:10px 0px 0px 275px;  
	color:#FAF8F2; 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0; 
	height:35px; 
	padding:24px 0 0 0; 
	display:block;
}
#temp_header2 ul {
	margin-top:-20px; 
	margin-left:10px;
}
#temp_header2 ul li {
	float:left; 
	display:block; 
	font:9pt Arial; 
	color:#F1E9D6;
}

#temp_header2 ul li a {
	font:normal 9pt Arial; 
	color:#F1E9D6;  
	padding:0 5px 0 5px;
	text-decoration:none; 
}
	
#temp_header2 ul li a:hover {
	color:#CC6600;
}
	
#temp_header2 p {
	text-align:center; 
	font:normal 9pt Arial; 
	color:#F1E9D6;  
	padding:0 5px 0 5px;
	text-decoration:none; 
}

#temp_header2 p.text {
	width:200px; 
	display:block;  
	margin:8px 0 0 110px; 
	color:#E9DFC6; 
	background-color:#707070; 
	font:bold 8pt Arial;  
	float:left; 
	padding:0 0 0 12px; 
	text-align:center;
}
	
#temp_header2 p.text a {
	text-decoration:none; 
	color:#FFFFFF; 
	padding:0 0 0 5px;
}
	
#temp_header2 p.text a:hover {
	background-color:#403722; 
	color:#F1E9D6;
}

/*~~~~footer~~~~*/
#temp_buffer {
	width:100%; 
	height:10px;
	display:block;
}

#temp_footer {
	position:absolute; 
	width:500px; 
	margin:690px 0px 0px 327px;  
	color:#FAF8F2; 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0; 
	height:35px; 
	padding:24px 0 0 0; 
	display:block;
}

#temp_footer ul {
	margin-top:-20px; 
	margin-left:50px;
	}
#temp_footer ul li {
	float:left; 
	display:block; 
	font:9pt Arial; 
	color:#F1E9D6;
}

#temp_footer ul li a {
	font:normal 9pt Arial; 
	color:#F1E9D6;  
	padding:0 5px 0 5px;
	text-decoration:none; 
}
#temp_footer ul li a:hover {
	color:#CC6600;
}

#temp_footer p {
	text-align:center; 
	font:normal 9pt Arial; 
	color:#F1E9D6;  
	padding:0 5px 0 5px; 
	margin-top:16px;
	text-decoration:none; 
}

#temp_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;
}

#temp_footer a {
	text-decoration:none; 
	color:#FFFFFF; 
	padding:0 0 0 5px;
}
#temp_footer a:hover {
	color:silver;
}
