html
{	overflow-y:	scroll}  /* prevent content jumping on loading page */

body 
{	background:	#000;
	margin:		0px;
	padding:	0px;
	font:		1em Arial, sans-serif}

img
{	border:		0px}

a
{	color:		#4E86D2}

a:hover
{	color:		#13009D}

.inlblck
{
	/* crossbrowser inline-block */ 
	display: -moz-inline-box; /* ff2 compatibility */ 
	display: inline-block;    /* all normal browsers */ 
	zoom: 1;                  /* ie7 &ie6 */ 
	*display: inline;         /* ie7 &ie6 */ 
	vertical-align: top;      /* opera compatible */ }

/* header *********************************************/
#header 
{	border:				0px dotted magenta;
	background:			#000;
	min-width:			320px;
	max-width:			1150px;
	margin:				0 auto;
	overflow:			hidden}

	#header #top
	{	border:				0px dotted cyan;
		display:			block;
		/*background:			#11008C;*/
		overflow:			hidden;
		text-align:			left}
	
	/* logo */
	#header #top #logo
	{	border:				0px dotted yellow;
		float:				left;
		margin-left:		-13px;
		overflow:			hidden;
		font-size:			0}

	/* topmenu */
	#header ul 
	{	border:				0px solid red;
		float:				right;
		overflow:			hidden;
		top:				0px;
		padding:			0px;
		margin:				0px;
		list-style:			none;
		border-left:		1px solid #484E50}

	#header li 
	{	font:				1em arial;
		float:				left;
		padding:			0px;
		margin:				0px;
		border-right:		1px solid #484E50;
		background:			#0F235C}
		
	#header li span
	{	border:				0px solid magenta;
		display:			block;
		width:				120px;
		text-align:			center;
		padding:			18px 0;
		color:				#0EB8FF}

	#header li a
	{	border:				0px solid magenta;
		display:			block;
		float:				left;
		width:				120px;
		padding:			18px 0;
		text-align:			center;
		text-decoration:	none;
		color:				#0EB8FF;
		background:			#000}

	#header li a:hover 
	{	background:			#1D0E5C;
		color:				#0EB8FF;
		text-decoration:	none}

#gray
{	overflow:			hidden;
	min-width:			320px;
	height:				2px;
	background:			#0CA3E3;
	clear:				both}

/* left ***********************************************/
#contentleft
{	background:			#FBFBFB}

	#contentleft ul
	{	margin:				10px 10px 0px 35px;
		padding:			0px}

	#contentleft ul li
	{	color:				#808080;
		padding:			3px 0}

.leftheader
{	border-top:			2px solid white;
	padding:			25px 0px 0px 10px;
	font:				bold 13px arial, sans-serif}

.leftdevider
{	overflow:			hidden;
	background:			#AAA;
	margin:				20px 15px 0px 15px;
	height:				1px}

#wthdr
{	margin: 20px 0 0 0;
	padding: 5px 10px;
	font: bold 12px arial;
	background: #D1D1D1}

#wt
{	background: #EFEFEF;
	margin: 0;
	padding: 0px}

	#wt div
	{	margin-bottom: 5px}

	#wt p
	{	margin: 0 0 15px 0;
		color: #777;
		padding: 0;
		font-size: 11px}

/* center *********************************************/
#tablecover
{	min-width:		320px;
	max-width:	    1150px;
	margin:			0 auto}

#maintable
{	background: #FFF;}

#maintable td
{	vertical-align: top;
	font:			1em Arial, sans-serif}

h1, h2
{	margin:				25px 0px 10px 15px;
	padding:			0px;
	color:				#22465E;
	font-family:		"Arial Narrow", Arial, sans-serif;
	font-weight:		normal;
	font-size: 			1.6em;
	letter-spacing:		-1px}

h2
{	font-size: 			1.4em;
	margin:				0px 0px 10px 15px}
	
p
{	margin:				0px 15px 20px 15px;
	padding:			0px}

ol#steps
{	list-style-image:	url(../_i/px.gif);
	margin: 			0px;
	padding: 			0px 0px 15px 10px}

	ol#steps li
	{	margin: 			0px;
		padding: 			16px 0px 7px 45px}
		
	ol#steps li div
	{	margin:				0px;
		padding:			10px 0px 0px 0px}
		
	ol#steps li div img
	{	display:			block}
	
	#stepone
	{	background: 		#FFF url(../_i/numone.gif) top left no-repeat}
	
	#steptwo
	{	background: 		#FFF url(../_i/numtwo.gif) top left no-repeat}
	
	#stepthree
	{	background: 		#FFF url(../_i/numthree.gif) top left no-repeat}

#devider
	{	overflow:			hidden;
		border-top:			1px dotted #AAA;
		margin:				0px 15px 10px 10px;
		padding:			5px 0px;
		text-align:			right}
		
	.download 
	{	text-decoration:	none}

	.download img
	{	border:				0px}
	
	.download span
	{	display:			inline;
		text-decoration:	underline}

#buttons
	{	margin: 20px 0px 0px 30px;
		border-bottom: 1px solid white} /* prevent ie6 bug */

	.smallbutton
	{	font-size: 11px}

	.smallbutton a
	{	display: block;
		text-decoration: none}

	.smallbutton img
	{	display: block;
		float: left}
	
	.smallbutton span
	{	display: block;
		padding: 3px 0px 0px 45px}


/* right **********************************************/
#contentright 
{	background:			#FFF}
	
	#contentright #iedownload
	{	display:			block;
		border:				0px solid red;
		margin:				0px 0px 0px 0px;
		padding:			14px 0px 14px 70px;
		background:			url(../_i/iedownload.gif) no-repeat;
		line-height:		22px;
		text-decoration:	none}
	
	#contentright #inf
	{	padding:			10px 10px 10px 70px;
		font-size:			0.98em;
		line-height:		1.5em;}
		
	#contentright center
	{	display:			block;
		text-align:			center;
		margin-top:			20px}
	
	#contentright center img
	{	margin: 			auto}
	
	#contentright p 
	{	margin:				25px 10px 0px 10px;
		padding: 			0px}
		
	#contentright ul
	{	padding:			0px;
		margin:				5px 10px 0px 50px}

/* bottomadsense *********************************************/
#bottomadsense 
{	background: #FFF;
	padding:	110px 0 180px 0;
	min-width:	320px;
	max-width:	1150px;
	margin:		0 auto;
	overflow:	hidden}

	.botad
	{	float:		left;
		width:		50%;
		text-align:	center}

/* bottom *********************************************/
#boots
{	border: 0px dotted maroon}
	
	#boots div
	{	min-width:			320px;
		max-width:			1150px;
		margin:				auto;
		text-align:			left}	
	
	#boots div span
	{	display:			block;
		color: 				#FFF;
		margin:				25px 18px;
		font-size:			0.9em}
	
	#boots div span a
	{	color:				#0EB8FF;
		text-decoration:	none}
	
	#boots div span a:hover
	{	text-decoration:	underline}


/* responsive *********************************************/

@media all and (max-width: 980px)
{
	#contentleft
	{	display: none}
}

@media all and (max-width: 700px)
{
	#contentright
	{	display: none}

	#firstad
	{	width: 100%}

	#secondad
	{	display: none}

	#header #top #logo
	{	display: block;
		float: none}

	#header ul 
	{	float: none;
		border-top: 1px solid #484E50}

	#header ul li span
	{	padding: 12px 0}

	#header ul li a
	{	padding: 12px 0}
}

@media all and (max-width: 400px)
{
	#header ul 
	{	float: none}

	#header ul li span
	{	width: 100px}

	#header ul li a
	{	width: 100px}
}