* { margin: 0px; padding: 0px; }
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: #242223;
}

html, head { background-color: #242021; }

#container a.home {
	position: absolute;
	left: 14px;
	top: 185px;
}
#container {
	width: 975px;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#container #content {
	width: 693px;
	margin-left: 141px;
	height: 350px;
	position: relative;
	background-image: url(../_images/contentback.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color: #FAC182;
}
#container #content h1 {
	background-image: url(../_images/definity.gif);
	height: 41px;
	width: 211px;
	text-indent: -9999px;
	position: absolute;
	left: 64px;
	top: 32px;
}
#container #content h2 {
	text-indent: -9999px;
	height: 80px;
	width: 372px;
	background-image: url(../_images/definitysub.gif);
	position: absolute;
	left: 64px;
	top: 85px;
}
#container #content .bigplug {
	background-image: url(../_images/contentplugbig.jpg);
	position: absolute;
	top: 32px;
	right: 42px;
	height: 289px;
	width: 164px;
}
#container #content .switches {
	background-image: url(../_images/contentswitches.jpg);
	height: 151px;
	width: 350px;
	position: absolute;
	left: 64px;
	top: 182px;
}
#container #content a.findoutmore {
	background-image: url(../_images/contentfindoutmore.gif);
	height: 28px;
	width: 252px;
	position: absolute;
	left: 61px;
	top: 299px;
	text-indent: -9999px;
	z-index: 60;
}
#container #content a.findoutmore:hover {
	opacity: 0.75;                    
	-ms-filter: "alpha(opacity=75)";
	filter: alpha(opacity=75); 
}

#container #greybox {
	background-color: #768995;
	height: 325px;
	width: 693px;
	margin-left: 141px;
	margin-bottom: 8px;
	position: relative;
}
#container #greyboxsingle {
	background-color: #768995;
	height: 166px;
	width: 693px;
	margin-left: 141px;
	margin-bottom: 8px;
	position: relative;
}
#container #greybox a, #container #greyboxsingle a, #container #greyboxsingle div {
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	position: absolute;
}
#container #greybox a.create {
	background-image: url(../_images/greycreateyourown.jpg);
	height: 311px;
	width: 337px;
	left: 7px;
	top: 7px;
}
#container #greybox a.download {
	text-indent: 0px;
	background-image: url(../_images/greydownbrochure.jpg);
	height: 152px;
	width: 335px;
	top: 7px;
	right: 7px;
}
#container #greybox a.watch {
	background-image: url(../_images/greywatchguide.jpg);
	right: 7px;
	bottom: 7px;
	height: 152px;
	width: 335px;
}
#container #greybox a.create:hover, #container #greybox a.download:hover, #container #greybox a.watch:hover, #container #greyboxsingle a#more:hover, #container #greyboxsingle a.download:hover, #container #greyboxsingle a.downloadmini:hover, #container #greyboxsingle a#moremini:hover, #container #greyboxsingle a.watchmini: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;
	position:absolute;
	top: 208px;
	left: 15px;
}
#container #createcontent {
	width: 693px;
	margin-left: 141px;
	position: relative;
	height: 674px;
	background-image: url(../_images/createcontentbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom: 8px;
}
#container #createcontent h1 {
	height: 160px;
	width: 324px;
	background-image: url(../_images/createyourown.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	position: absolute;
	left: 182px;
	top: 37px;
}
#container #createcontent #socket {
	height: 205px;
	width: 352px;
	position: absolute;
	left: 170px;
	top: 225px;
	overflow: hidden;
}
#container #createcontent #selector {
	height: 206px;
	width: 680px;
	background-image: url(../_images/sellector.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 7px;
	top: 460px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 18px;
}
#container #createcontent #selector div {
	float: left;
	padding-top: 130px;
	padding-left: 18px;
}
#container #createcontent #selector .col1 {
	width: 102px;
}
#container #createcontent #selector .col2 {
	width: 162px;
}
#container #createcontent #selector .col3 {
	width: 174px;
}
#container #createcontent #selector .col4 {
	padding-top: 96px;
}
#container #createcontent #selector div label {
	display: block;
}
#container #createcontent #selector div label input {
	margin-right: 6px;
}
#container #createcontent #selector div label strong {
}

#container #rangecontent {
	width: 693px;
	margin-left: 141px;
	position: relative;
	
}

#container #stepcontent {
	width: 693px;
	margin-left: 141px;
	position: relative;
	
}


#slider.longbox {  
	background-color: #FFFFFF;
	margin-left: 141px;
    height:  118px;  
    width:   693px;  
    padding: 0;  	 
} 
 
#slider.longbox img {  
    background-color: #FFFFFF;  
    height:  118px;  
    width:   691px;  
    top:  0; 
    left: 0;
} 

#container #greyboxsingle a.downloadmini {
	text-indent: 0px;
	background-image: url(../_images/greyminidownbrochure.jpg);
	height: 152px;
	width: 222px;
	top: 7px;
	left: 7px;
}
#container #greyboxsingle a#moremini {
	background-color: #FFFFFF;
	top: 7px;
	left: 236px;
	height: 152px;
	width: 222px;
}
#container #greyboxsingle a#moremini img {  
    background-color: #FFFFFF;  
    height:  152px;  
    width:   222px;  
	border: 0px;
    top:  0; 
    left: 0;
} 
#container #greyboxsingle a.watchmini {
	background-image: url(../_images/greyminiwatchguide.jpg);
	right: 7px;
	top: 7px;
	height: 152px;
	width: 222px;
}
#flashplayer {
	height: 350px;
	width: 693px;
	font-weight: bold;
}

#container #greyboxsingle a.download {
	background-image: url(../_images/greydownbrochure.jpg);
	height: 152px;
	width: 335px;
	top: 7px;
	left: 7px;
}
#container #greyboxsingle a#more {
	background-color: #8596a2;
	top: 7px;
	right: 7px;
	height: 152px;
	width: 335px;
}
#container #greyboxsingle a#more img {  
    background-color: #8596a2;  
    height:  152px;  
    width:   335px;  
	border: 0px;
    top:  0; 
    left: 0;
}