* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
body { font-family:Arial, Helvetica, sans-serif;
background: url(/assets/images/background/background.jpg) no-repeat center bottom fixed #000;}

@font-face { font-family: 'Nilland-BlackRegular';
src: url('/assets/fonts/nilland-black-webfont.eot');
src: local('~'), url('/assets/fonts/nilland-black-webfont.woff') format('woff'), url('/assets/fonts/nilland-black-webfont.ttf') format('truetype'), url('/assets/fonts/nilland-black-webfont.svg#webfontTh1xZIWb') format('svg');
font-weight: normal;
font-style: normal;}

.clear { clear:both;}

/*img, div { behavior: url(iepngfix.htc) }*/

#container { width:630px;
margin:0 auto;}

#header { margin:20px 0 0 0;}

#header .col { float:left;
width:300px;
padding:0 5px;}

#header .col.right { text-align:right;}

#header .col.right img { margin:30px 0 23px 0;}

#header .col h1 {font-family:Arial, sans-serif;
font-size:300%;
color:#6dcff6;
font-weight:bold;
margin:0;
padding:0;}

#header .col h2 {font-family: Arial, sans-serif;
font-size:110%;
color:#fff;
font-weight:normal;
margin:0;
padding:0 0 5px 0;
border-bottom:1px solid #2d3770;}

#header .col h3 {font-family: Arial, sans-serif;
font-size:110%;
color:#fff;
font-weight:normal;
margin:0;
padding:5px 0;
border-top:1px solid #a0a7d1;}

#header .col.right h3 { border-top:none;}


/* middle area */

#middle { background:url(/assets/images/white-overlay-bg.png) repeat;
margin:10px 0 0 0;
padding:10px 0;}

#middle .catagory { background:url(/assets/images/tab-blue-bg.png) repeat;
color:#fff;
margin:0 10px 3px 10px;
font-family:'Nilland-BlackRegular', Arial, sans-serif;
padding:4px 20px;
font-size:122%;
cursor:pointer;}

#middle .catagory .cat-name { background:url(/assets/images/white-arrow.png) no-repeat center left;
padding:0 0 0 20px;}


/*.catagory {
	position:relative;
	width: 575px;
	_width:575px;
	margin-left: 10px;
	margin-top:3px;
	padding-right: 12px;
	padding-left: 12px;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	background-image: url(../images/tab.png);
	text-indent: 12px;
	height:25px;
	padding-top:9px;
}*/

.catflap { border:1px solid #0d1861;
border-top:none;
margin:-2px 10px 0 10px;
position:relative;
padding:10px;}

/*.catflap { position:relative;
margin-index:12px;
padding: 12px;
width:583px;
margin-left: 10px;
margin-top:0px;
border-top:none;
color:#000;}*/

.png { height:310px;
background: url(../images/bgnew1.png) top left repeat-y; 
_width:226px; 
*margin-top:12px; 
clear:both;}
	
*html .png { background:0;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/bgnew1.png', sizingMethod='scale');}

*html .catflap { background:0;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/blue_bkg.png', sizingMethod='scale');}

*html .catagory { background:url(../images/tabie6.png) top;}

#cattext { font-size: 72%;
color:#000;
border-bottom:1px dashed #000;
padding:0 0 10px 0;}

.imagedrop { float:right;}

.imagedrop img { border:1px solid #a6acb1;
margin:0 0 0 5px;}

.addicon { margin:10px 0;}

.addicon img { float:left;
margin:0 5px 0 0;}
.addicon label { background:url(/assets/images/add-guide.jpg) repeat-x;
float:left;
font-size:72%;
color:#fff;
font-weight:bold;
padding:2px 15px 5px 15px;
.padding:0 15px;}

#downloadlink { padding:20px 0 0 0;
float:right;}