* { margin: 0px; padding: 0px; }
html, head { background-color: #242021; }
BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(../_images/background.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #242021;
}
#container a.home {
	position: absolute;
	left: 14px;
	top: 185px;
}
#container {
	width: 834px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#container #content {
	width: 693px;
	margin-left: 141px;
	background-color: #f0f5f8;
	height: 350px;
	position: relative;
	background-image: url(../_images/guards-against.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#container #appcontent {
	width: 693px;
	margin-left: 141px;
	background-color: #f0f5f8;
	height: 350px;
	position: relative;
	background-image: url(../_images/applications.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#container #techcontent {
	width: 693px;
	margin-left: 141px;
	background-color: #FFFFFF;
	position: relative;
	background-image: url(../_images/techinfo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 700px;
	margin-bottom: 8px;
}

#container #techcontent_s {
	width: 693px;
	margin-left: 141px;
	background-color: #FFFFFF;
	position: relative;
	background-image: url(../_images/socket_tech.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 690px;
	margin-bottom: 8px;
}

#container #techcontent #explug, #container #techcontent_s #explug {
	position: absolute;
	top: 530px;
	right: 35px;
}
#container #techcontent .col p.black, #container #techcontent_s .col p.black {
	color: #000000;
}


#container #techcontent .col, #container #techcontent_s .col {
	float: left;
	width: 200px;
	padding-top: 280px;
	padding-left: 35px;
	color: #666666;
	font-size: .9em;
	line-height: 1.3em;
}

#container #techcontent_s .col2 {
	float: left;
	width: 400px;
	padding-top: 280px;
	padding-left: 35px;
	color: #666666;
	font-size: .9em;
	line-height: 1.3em;
}

#container #techcontent_s a.specs, #container #techcontent a.specs {
	color:#F00;
	text-decoration:none;
	font-weight:bold;
	display:inline-block;
	margin:0 0 3px 0;
}

#container #techcontent_s a.specs:hover, #container #techcontent a.specs:hover {
	text-decoration:underline;
	cursor:pointer;
}



#container #techcontent_s .col2 table {
	margin:10px 0 10px -3px;
	border:none;
}

#container #techcontent_s .col2 table td{
	vertical-align:top;
}

#container #techcontent .col p, #container #techcontent_s .col p, #container #techcontent_s .col2 p  {
	padding-top: 10px;
}
#container #techcontent .col p strong, #container #techcontent_s .col p strong, #container #techcontent_s .col2 p strong, #container #techcontent_s .col2 table strong  {
	color: #EB070F;
}
#container #techcontent .col span, #container #techcontent_s .col span, #container #techcontent_s .col2  span {
	width: 90px;
	float: left;
}

#container #techcontent .col ul, #container #techcontent_s .col ul, #container #techcontent_s .col2 ul {
	padding-left: 12px;
}
#container #techcontent .col ul li, #container #techcontent_s .col ul li, #container #techcontent_s .col2 ul li {
	padding-bottom: 5px;
}


#container #stepcontent {
	width: 693px;
	margin-left: 141px;
	background-color: #f0f5f8;
	height: 350px;
	position: relative;
	background-image: url(../_images/kettle.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#container #greybox {
	background-color: #231f20;
	height: 325px;
	width: 693px;
	margin-left: 141px;
	margin-bottom: 8px;
	position: relative;
}
#container #greybox div.steptxt {
	height: 311px;
	width: 335px;
	position:absolute;
/*	text-indent: -9999px;
	background-image: url(../_images/stepbystep.gif);
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;*/

}

#container #greybox div.steptxt h3 {
	color:#FFF;
	font-size:1.4em;
	margin:0;
	padding:15px 0 10px 15px;
	font-family:Arial, Helvetica, sans-serif;
}

#container #greybox div.steptxt ul li {

	list-style-image:url(list_bullet.png);
	color:#FFF;
	font-size:1.2em;
	margin:0 0 0 35px;
	padding:0 0 5px 0;
	
}

#container #greybox a.applications {
	height: 152px;
	width: 335px;
	position:absolute;
	text-indent: -9999px;
	background-image: url(../_images/greyapplications.gif);
	left: 7px;
	top: 7px;

}
#container #greybox a.applicationsr {
	height: 152px;
	width: 335px;
	position:absolute;
	text-indent: -9999px;
	background-image: url(../_images/greyapplications.gif);
	right: 7px;
	top: 7px;

}
#container #greybox a.guide {
	height: 152px;
	width: 335px;
	position:absolute;
	text-indent: -9999px;
	background-image: url(../_images/greyguide.gif);
	top: 7px;
	right: 7px;

}
#container #greybox a.watch {
	height: 152px;
	width: 335px;
	position:absolute;
	text-indent: -9999px;
	background-image: url(../_images/greywatch.gif);
	left: 7px;
	bottom: 7px;

}

#container #greybox div#app1 {
	display:block;
	position:absolute;
	top: 7px;
	left: 7px;
	height: 152px;
	width: 335px;
	overflow: hidden;
}
#container #greybox div#app1 img {  
    height:  152px;  
    width:   335px;  
	border: 0px;
    top:  0; 
    left: 0;
} 
#container #greybox div#app2 {
	display:block;
	position:absolute;
	top: 7px;
	right: 7px;
	height: 152px;
	width: 335px;
	overflow: hidden;
}
#container #greybox div#app2 img { 
 
    height:  152px;  
    width:   335px;  
	border: 0px;
    top:  0; 
    left: 0;
} 

#container #greybox a#more {
	display:block;
	position:absolute;
	background-color: #8596a2;
	bottom: 7px;
	right: 7px;
	height: 152px;
	width: 335px;
	overflow: hidden;
}
#container #greybox a#more img {  
    background-color: #8596a2;  
    height:  152px;  
    width:   335px;  
	border: 0px;
    top:  0; 
    left: 0;
} 

#container #greybox a.applications:hover, #container #greybox a.guide:hover, #container #greybox a.watch:hover, #container #greybox a.more:hover, #container  #content  a.techinfo:hover, #container #greybox a#more:hover {
	opacity: 0.6;                    
	-ms-filter: "alpha(opacity=60)";
	filter: alpha(opacity=60); 
}

#container a.visit-scolmore {
	display: block;
	margin-left: 141px;
}
#container a.visit-scolmore:hover {
	opacity: 0.6;                    
	-ms-filter: "alpha(opacity=60)";
	filter: alpha(opacity=60); 
}

#container #leftbox {
	height: 142px;
	width: 141px;
	margin-top: -142px;
}
#container  #content  a.techinfo {
	height: 28px;
	width: 233px;
	display: block;
	text-indent: -9999px;
	background-image: url(../_images/button-techinfo.gif);
	position: absolute;
	left: 20px;
	top: 183px;
}

#container #content #flashplayer {
	position: absolute;
	left: 0px;
	top: 214px;
}

#container #stepcontent #flashplayer {
	position: absolute;
	left: 0px;
	top: 0px;
}

