/*
 ProtoLabs
 http://www.protomold.com
 http://www.firstcut.com

 COLOR KEY:
 Orange: 	#df7a1c;
 Purple: 	#77599b;
 Green: 	#6eb43f;
 Blue: 		#6387a1;
 Black: 	#000000;
*/


/* RESET AND BASICS */
* 					{ margin: 0px; padding: 0px; }
html 				{ overflow: scroll; }
html,body 			{ height: 100%; background-position: center top; }
body				{ background-color: #FFFFFF; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; }
/*
p, li, dd			{ margin: 0 0 0px 0; }
p 					{ clear: both; padding-bottom: 2em; }
td, th 				{ text-align: left; vertical-align: top; }
*/
a, a:active			{ color: Black; outline: none; text-decoration: none; }
a:hover 			{ color: #333333; cursor: pointer; }
a:focus				{ -moz-outline-style: none; }
ul					{ list-style: none inside; }
a img				{ border: 0px none; }
.floatLeft			{ float: left; }
.floatRight			{ float: right; }
.centered			{ text-align: center; }
.clear 				{ clear: both; }

/* TYPOGRAPHY */
h1					{ font-weight: bold; color: #6387a1; font-size: 20px; padding-bottom: 10px; }
h2					{ font-weight: bold; color: #6eb43f; font-size: 16px; padding-bottom: 10px; }
h3					{ font-weight: bold; color: #df7a1c; font-size: 12px; padding-bottom: 10px; }
.orange				{ color: #df7a1c; }
.purple				{ color: #77599b; }
.green				{ color: #6eb43f; }
.blue				{ color: #6387a1; }
.black				{ color: Black; }


.NavigationTable
{
	background-color: Black;	
}


/* MAIN STRUCTURE */
#page-wrap			{ width: 900px; text-align: center; margin: 0 auto; /* background: url(../../PSD%20to%20CSS/images/page-wrap-mid.jpg) repeat-y top center; */ }
#header				{ width: 100%; height: 94px; background: Black; margin-bottom: -4px; background-position: top; background-color: Black; }
#tagline			
{ 
	color: #FFF; 
	font-weight: bold; 
	font-size: 16px; 
	line-height: 7.5em;
}
#header #protomold	
{ 
	width: 191px;
	height: 90px;
}
#header #firstcut	
{ 
	width: 175px; 
	height: 92px;	
	padding: 0px 0px 0px 0px;
	background-position:top;
	vertical-align: top;
}
#header #firstquote	
{ 
	width: 180px; 
	height: 92px;	
	padding: 22px 0px 0px 26px;
}
#header #protolabs	
{ 
	width: 358px; 
	height: 90px;
}
.mainLogoText
{ 
	color: #FFF; 
	font-weight: bold; 
	font-size: 11px;
	padding-left: 0px;	
	padding-top: 0px;
	height: 90px;
	width:100%;
}
.mainLogoTextFQ
{ 
	color: #FFF; 
	font-weight: bold; 
	font-size: 11px;
	padding-left: 0px;	
	padding-top: 5px;
}

#header #white		{ width: 3px; }
#content 			{ width: 490px; height: 100%; float: left; text-align: left; padding: 0px 0px 0px 0px; margin-top: 0px; }
#sidebar 			{ width: 275px; height: 100%; float: right; background-color: Black; text-align: left; color: #FFF; padding: 20px 15px 10px 10px; margin-top: 0px; }

/* NAVIGATION */
#menu				{ width: 900px; height: 25px; background: #ececec; vertical-align: bottom; }
ul#nav						
{ 
	/*background: #000;*/
	position: relative;
}
ul#nav li					
{ 
	float: left;
	margin: 0;
	position: relative;
}

ul.bullet li
{
	list-style-type: none;
	background: transparent url(../images/picBullet.gif) no-repeat 0 4px;
	font-size: 11px;
	color: #333;
	padding-left: 14px;
}

ul#nav li a					
{ 
	display: block; 
	height: 25px; 
	color: #FFF; 
	font-weight: bold; 
	line-height: 2.6em; 
	padding: 0px 10px;
}
ul#nav li a:active			
{ 
	/*background-color: #999;*/ 
}
ul#nav li.blue a			
{ 
	background-color: #6387a1; 
	width: 20px; 
	padding-left: 0;
}
ul#nav li.purple a			
{ 
	background-color: #77599b; 
	width: 30px; 
	padding: 0;
}

/* NAV DROPDOWNS */
#nav li ul 
{
	position: relative;
	width: 10em;
	left: -999em
}

#nav li:hover ul 
{
	left: -30px;
}

#nav li ul li 
{
	width: 140px;
	vertical-align: bottom;		
}

/* SUBNAV */
ul#subnav					{ padding: 0px 0px 10px 20px; }
ul#subnav li a				{ list-style: none; text-decoration: none; color: #FFF; line-height: .5em; }
ul#subnav li a:hover		{ color: #FFF; }

/* LOCATION ICONS */
a.linkIcon, ul#nav li ul li a.linkIcon 
{
	padding-left: 5px;
}

ul#nav li.location a.currentLocation 
{
	padding-right: 27px;
	/*background-image: url(../images/flags/flagUnitedStates.gif);*/
	background-repeat: no-repeat;
	background-position: 5px left;
	vertical-align: middle;
}


#usLoc a.linkIcon { background:transparent url(../images/flags/flagUnitedStates.gif) 5px center no-repeat; }
#ukLoc a.linkIcon { background:transparent url(../images/flags/flagUnitedKingdom.gif) 5px center no-repeat; }
#deLoc a.linkIcon { background:transparent url(../images/flags/flagGermany.gif) 5px center no-repeat; }
#itLoc a.linkIcon { background:transparent url(../images/flags/flagItaly.gif) 5px center no-repeat; }
#frLoc a.linkIcon { background:transparent url(../images/flags/flagFrance.gif) 5px center no-repeat; }
#esLoc a.linkIcon { background:transparent url(../images/flags/flagSpain.gif) 5px center no-repeat; }
#jpLoc a.linkIcon { background:transparent url(../images/flags/flagJapan.gif) no-repeat scroll 2px center; }

/*BUTTONS */
.btn 				{ display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; text-transform: uppercase; }
.btn * 				{ font-weight: bold; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i 				{ background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span 			{ background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i 		{ background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span 		{ background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i 		{ float: left; width: auto; background-image: none; cursor: pointer; }

.btn.orange			{ background: #df7a1c; }
.btn.blue 			{ background: #6387a1; }
.btn.green 			{ background: #6eb43f; }
.btn.purple			{ background: #6387a1; }
.btn:hover 			{ background-color: #333; color: #FFF; }
.btn:active 		{ background-color: #444; }
.btn[class] 		{ background-image: url(../images/shade.png); background-position: bottom; }

* html .btn 		{ border: 3px double #aaa; }
* html .btn.orange 	{ border-color: #df7a1c; }
* html .btn.blue 	{ border-color: #6387a1; }
* html .btn.green 	{ border-color: #6eb43f; }
* html .btn.purple 	{ border-color: #6387a1; }
* html .btn:hover 	{ border-color: #333; }