/* CSS Document */

body {font-family:Arial, Helvetica,sans-serif;display:block;font:bold 1em sans-serif;line-height:100%; color: #fff; display: inline;}

.container {
position:absolute;
width: 800px;
top: 10px;
margin-left:-400px;
left: 50%;
}

#topPanel {
position: absolute;
background-color:#200D45;
width: 800px;
height: 77px;
margin:0;

}
#small {
font-size: 10px;
color:#FF9400;
}
.bold {
color:#FF9400;

}

h1 {
font-family:"copperplate gothic bold", arial, sans-serif;
font-size: 25px;
font-weight:bold;
display:inline;
line-height:80%;
}
#slogan {
position: absolute;
top: 15px;
left: 244px;
color: #fff;
font-weight: bold;
z-index: 2;
font-size: 11px
}

.nav {
position: absolute;
top: 61px;
left:263px;
overflow:hidden;

}
.nav ul {
background-color: #200D45;
color: #200D45;
font-size: 11px;
margin: 0;
margin-left: 10px;
padding: 0;
}
.nav li {
display: inline;
list-style:none;
background-color: #fff;
padding: 5px 5px 5px 5px;
border-right:#200d45 solid;
}
.nav a:link {
color: #200d45;
text-decoration:none;
}
.nav a:visited {
color: #200d45;
text-decoration:none;
}
.nav a:hover {
color:#FF9400;
text-decoration:none;
}
.nav a:active {
color:#FF9400;
text-decoration:none;
}
.nav span {
color:#FF9400;
}
.content {
position:absolute;
background-color:#fff;
width: 800px;
height:auto;
left:0px;
top: 85px;
}

#leftPanel {
position:relative;
float: left;
width: 160px;
height: 400px;
top: 0px;
background-color:#FF9400;
font-size: 11px;
color:  #fff;
}

#back  a:link {
text-decoration: none;
color: #FF9400;
}
#back  a:visited {
text-decoration: none;
color: #FF9400;
}
#back  a:hover {
text-decoration: none;
color: #FFf;
}
#back  a:active {
text-decoration: none;
color: #FFf;
}


#subNav ul{
position: absolute;
width: 200px;
left:-32px;
display:inline;
margin-top:5px;

}
#subNav li {
list-style:none;
display: inline;
padding-right: 1px;
padding-left: 1px;

}
#subNav li a:link {text-decoration: none; color:#fff;}
#subNav li a:visited {text-decoration: none; color: #fff;}
#subNav li a:hover {text-decoration: none;color:#B36D11;}
#subNav li a:active {text-decoration: none;color:#B36D11;}

#subNav span {
color:#B36D11;
}
#centrePanel {
position:relative;
float:left;
width: 465px;
height: auto;
left: 8px;
background-color:#200D45;
}
#centrePanelWhite{
position:relative;
float:left;
width: 465px;
height: auto;
left: 8px;
background-color:#fff;
}
#successCentrePanel {
position:relative;
float:left;
width: 465px;
height: 400px;
left: 8px;
background-color:#200D45;
}
#Image {
position: relative;
width: 409px;
height: 174px;
padding-bottom: 20px;
left: 29px;

}
.footer ul{position: relative;width:inherit; background-color: #fff;color:#200D45;font-size:10px;font-weight:bold;bottom: 0;
			  	  padding: 0;margin: 0; text-align:center; }



#rightPanel {
background-image:url(images/rightPanel.gif);
position:relative;
z-index: 2;
float:right;
width: 158px;
height: 400px;
top: 0px;

}

		
			

#flashContent {
position: absolute;
width: 158px;
height: 120px;
z-index: 5;
}
#flashMap {
position: absolute;
z-index: 6;
width: 635px;
height: 400px;
left: 0px;

}

.download {
position: absolute;
width: 236px;
height: 130px;
left:100px;
top:50px;
}
#flashMach {
position: absolute;
width: 635px;
height: 400px;
left:0px;
}
.downloadMach {
position: absolute;
width: 236px;
height: 130px;
left:280px;
top:50px;
}
#flashImage {
position: relative;
width: 409px;
height: 174px;
padding-bottom: 20px;
left: 29px;
}
#flashEmb {
position: absolute;
width: 465px;
height: 400px;

}

#intro {
position: absolute;
width: 137px;
height: 102px;
top: 9px;
left: 9px;
z-index: 5;
}
#person {
position: absolute;
width: 158x;
height: 237px;
top: 0px;
left: 0px;
z-index: 5;
}
.email{
position: relative;
width: 150px;
left: 0px;
color:#FFFFFF;
font-size:10px;
text-align:left;
padding-top:3px;
}
	.email a:link, a:visited{
	color:#FF9400;
	}
	.email a:hover, a:active {
	color:#fff;
}



#panelNews{
position: absolute;
width: 150px;
height: 200px;
top: 170px;
margin-left:15px;

}
#panelNews h3 {
display: inline;
color:#FF9400;
font-size: 14px;
font-weight: bold;

}
#panelNews ul {
position: relative;
color:#FFFFFF;
font-size: 9px;
font-weight: bold;
margin-top: 0px;
left: -25px;


}
#panelNews li {
list-style:square;
color:#fff;
padding-top: 10px;

}
	#panelNews li a:link{
	text-decoration:underline;
	color:#fff;
	
	}
	#panelNews li a:visited{
	text-decoration:underline;
	color:#fff;
	
	}
	#panelNews li a:hover{
	text-decoration:underline;
	color:#FF9400;
	
	}	
	#panelNews li a:active{
	text-decoration:underline;
	color:#FF9400;
	
	}	



#text {
padding: 10px 30px 0 28px;

}

#text h2 {
display: inline;
color:#FF9400;
font-size: 17px;
font-weight:bold;


}
#text h5 {
display: inline;
color:#FF9400;
font-size: 14px;
font-weight: bold;
}

#text h4 {
position: relative;
top: 5px;
font-size: 11px;
display: inline;
color: #fff;
font-weight: 100;

}

#body p {
position: relative;
top: 5px;
font-size: 11px;
display: inline;
color: #fff;
font-weight: 100;

}
#text p {
display: inline;

}
	 p a:link{
	color: #fff;
	text-decoration:underline;
	}
	 p a:visited {
	color:#fff;
	text-decoration:underline;
	}
	 p a:hover {
	color: #FF9400;
	}
	 p a:active {
	color: #FF9400;
	
	}
	#body {
	position: relative;
	top: -10px;
	}
h6 {
display:inline;
font-weight: bold;
font-size: 12px;
color: #fff;
}
#mainTitle {
font-size: 20px;
font-weight:bold;

}

.footer li {
list-style:none;
display: inline;

}
		
			.footer a:link, a:visited {
			text-decoration: none;
			color: #200D45;
			}
			.footer a:hover {
			text-decoration: none;
			color:#FF9400;
			}

/*embroidery and machinery page Footer*/
.footer2 ul {
width: 465px;
position: absolute;
top: 400px;
left:-23px;
color:#200D45;
font-size:10px;
font-weight:bold;
}
.footer2 ul {
display: inline;
}
.footer2 li {
list-style:none;
display: inline;

}
		
			.footer2 a:link, a:visited {
			text-decoration: none;
			color: #200D45;
			}
			.footer2 a:hover {
			text-decoration: none;
			color:#FF9400;
			}


#myForm {position: relative;font-size: 11px;}
#myForm input:active, input: focus {
border-color:#FF9400;
}
#myForm input:hover {
border-color:#FF9400;
}
#myForm textarea:active, textarea:focus {
border-color:#FF9400;
} 
#myForm textarea:hover {
border-color:#FF9400;
}

textarea { width: 255px; border: 0;}
td { color: #fff; }
#name {height: 18px; background-image:url(images/form.gif) ;border: 1px solid #200D45;}
#email{height: 18px; background-image:url(images/form.gif) ;border: 1px solid #200D45;}
#phone {height: 18px; background-image:url(images/form.gif) ;border: 1px solid #200D45;}
#submit {position: relative; background-color:#FF9400; border: 0; color:#fff; font-weight: bold; padding:0 2px 0 2px; left: 5px;}
#comment { border: 1px solid #200D45;}


#contactInfo {
position: relative;
font-weight: 100;
font-size: 11px;
left: 8px;
padding-bottom: 90px;
}

	#contactInfo a:link {
	color:#fff;
	}
	#contactInfo a:visited {
	color:#fff;
	}
	#contactInfo a:hover {
	color:#FF9400;
	}
	#contactInfo a:active {
	color:#FF9400;
	}

#first {
position: absolute;
}
#second {
position: absolute;
left: 200px;
top: 0px;
}
	
	.success {
	position: absolute;
	left: 40px;
	width: 406px;
	height: 410px;
	top: 0px;
	color:#fff;
	text-align:center;
	
	}
h4  a:link{
text-decoration: none;
color: #ffffff;
}
h4 a:visited {
text-decoration: none;
color: #ffffff;
}
h4 a:hover {
text-decoration: none;
color: #FF9400;
}
h4 a:active {
text-decoration: none;
color: #FF9400;
}