@charset "UTF-8";
body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #868686; }

/*Start Text Formatting*/
h2 { font-weight: normal; font-size: 1.4em; margin: 0 0 1em .0; color: #039; border-bottom: 1px solid #D6D6D6; padding-bottom: .25em; padding:0;}
h3 { font-size: 1.1em; margin: 0 0 1em 0; font-weight: normal; color: #039; }
p { line-height: 1.39em; }
h4 { font-size: 1.1em; color: #000000; font-weight: normal; margin-left: .25em; }
h5 { font-size: 1em; color: #cc9900; font-weight: bold; margin-left: .25em; margin-top: 0; margin-bottom: .5em; }
h6 { font-size: 1.1em; clear: both; background-color: #FBE09E; padding: .5em .5em; font-weight: normal; margin-top: 1em; margin-bottom: 0.75em; color: #666; } 
h7 { font-weight: normal; font-size: 1.4em; margin: 0 0 .5em; color: #039; padding-bottom: .25em; }
.pFooter {line-height: 1.39em; text-align:right;}
.pIntro { line-height:1.39em; font-size:10pt;}

.fltRight {
float:right;
width:auto;
}

.fltLeft {
position:absolute;
top:0;
}

.moveRight {
margin:0 0 0 30px;
}

/*End Text Formatting*/

/*Start Image and Link Formatting*/
a img { border: 0; }
img { _margin-bottom: -3px; }
a { color: #369; }
a:link { color: #369; }
a:visited { color: #369; }
a:hover { color: #121D4D; text-decoration: none; }
a:active { color: #000; }
p { margin: 0 .25em 1em; }
/*End Image and Link Formatting*/

/*ClearFix: The problem happens when a floated element is within a container box, that element does not automatically force the container’s height adjust to the floated element. When an element is floated, its parent no longer contains it because the float is removed from the flow.*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;clear: left;}
/* End hide from IE-mac */

/* Start Container: The outside box that holds in everything */
#container {
	position:relative;/*You must make the container a relative position in order for the absolute links in the interior to function.*/
	border-left: 1px solid #fff; \width: 774px; w\idth: 773px;
	margin: 25px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
/* End Container */

/* Start Header */
#header { margin-top: 5px;height:65px;}
#logo { float:left; width:107px; margin:0 0 15px 0;}
#tagline { float:right; width:375px; margin:15px 0 0 0;}
.yellowBar {width: 100%; height: 14px; background-color: #feb421; outline-color: #feb421; outline-style: solid; outline-width: 0px;}
/* End Header */

/* Start MainContent */
#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}

#semiconLogo {float:right; width:151px; height:143px; margin:0;}

/* End MainContent: all the content underneath the header */

/* Start Footer */
#footer {
	padding: 0 10px;
	background:#fff;
	
	left:0px;
	top:1515px;
	width:754px;

}
#footer p {
	margin: 0;
	padding: 10px 0;
}
#yellowBarFooter {
	width: 100%; 
	height: 14px; 
	background-color: #feb421; 
	outline-color: #feb421; 
	outline-style: solid; 
	outline-width: 0px;
}
	
	
/* End Footer */

/* Sliced Images*/
#lftProducts{
float:left;
width:325px;
margin:0 0 0 25px;
}

#rtProducts{
float:right;
width:325px;
margin:0 25px 0 0;
}

#parker-OTC-lp-04, #parker-OTC-lp-05 {
	height:230px;
}

#parker-OTC-lp-11, #parker-OTC-lp-12 {
	height:255px;
}

#parker-OTC-lp-18, #parker-OTC-lp-13, parker-OTC-lp-19{
	height:300px;
}