* {
	margin: 0;
	padding: 0;
} 

 
body {
	background: url(/home/images/bg.jpg) repeat;
	color: #000;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}




	h1#logo a {
	    float: left;
		display: block;
		width: 380px;
		height: 93px;
		position: relative;
		text-indent: -1000em;	
		background: url(/home/images/logo_380x93.png) 0 0 no-repeat !important;
		background-image: url(/home/images/logo_380x93.gif);
		margin-top: -100px;
		margin-left: 10px;
	}


	#topnav {
		list-style: none;
		float: right;
		display: block;
		position: relative;
		padding-bottom: 30px;
	}

	#topnav li {
		float: right;
	}

	#topnav a {
		margin: 0 15px;
		color: #FFFFFF;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;
		font-family: Arial, Sans-Serif;
		line-height: 28px;
	}
	#topnav a:hover {
		text-decoration: underline;
		color: #e0e324;
	}


	/* ----- tabs, category navigation  */

	#tabs {
		list-style: none;
		float: right;
		display: block;
		position: relative;
		z-index: 1;
	}

	#tabs li {
		float: right;
		display: inline;
	}

	li#tab1 a:hover, li#tab2 a:hover, li#tab3 a:hover, li#tab4 a:hover {
		background-position: 0 0px;
		cursor:hand;

	}
	li#tab1 a {
		display: block;
		width: 127px;
		height: 70px;
		text-indent: -1000em;
		background-image: url(/home/images/tab_magnets.gif);
		background-position: 0 70px;


	}
	li#tab2 a {
		display: block;
		width: 127px;
		height: 70px;
		text-indent: -1000em;
		background-image: url(/home/images/tab_decals.gif);
		background-position: 0 70px;

	}
	li#tab3 a {
		display: block;
		width: 127px;
		height: 70px;
		text-indent: -1000em;
		background-image: url(/home/images/tab_access.gif);
		background-position: 0 70px;

	}
	li#tab4 a {
		display: block;
		width: 127px;
		height: 70px;
		text-indent: -1000em;
		background-image: url(/home/images/tab_frames.gif);
		background-position: 0 70px;
		left: 10px;
	}











	/* 
	  -- Even more rounded corners with CSS: Base stylesheet --
	*/


	.dialog, .dialog-top {
	 width:80%;
	 margin:0px auto;
	 min-width:850px;
	 max-width:1200px; 
	 
	 clear: both;
	 position: relative;
	 ;
     ;
	}


	.dialog-top {

	padding-right: 40px;

	}

     /* top right */
	.dialog .hd .c {
	 font-size:1px; /* ensure minimum height */
	 height:27px;
	 background:transparent url(/home/flexbox/tr.gif) no-repeat right 0px;	
	 margin-right:-30px /* pull right corner back over "empty" space (from above margin) */
	
	}
	

	/* middle right */
	.dialog .bd .c {
	 background:transparent url(/home/flexbox/mr.gif) repeat-y right 0px;
	 margin-right:-7px;
	}

	.dialog .ft .c {
	 font-size:1px; /* ensure minimum height */
	 height:27px;
	 background:transparent url(/home/flexbox/br.gif) no-repeat right 0px;
	 margin-right:-30px;
	}

	
	.dialog .ft {
	 background:transparent url(/home/flexbox/bl.gif) no-repeat 0px 0px;
	 margin-right:30px;
	}

	.dialog .hd {
	 background:transparent url(/home/flexbox/tl.gif) no-repeat 0px 0px;
	 margin-right:30px; /* space for right corner */
	}
    
	    .dialog .hd .spacer {
		display: inline;
		position: relative;
	}



	.dialog .bd {
	 background:transparent url(/home/flexbox/ml.gif) repeat-y 0px 0px;
	 margin-right:7px;
	}
	
	
	.dialog .bd .c .s {
	 margin:0px 8px 0px 4px;
	 padding:1em;
	}






#header {
	background: url(/home/images/header-lg.jpg) no-repeat;
	top: 5px;
	width: 800px;
	padding-top: 75px;
	padding-bottom: 95px;
    text-transform: uppercase;
	margin-right: auto;
	margin-left: auto;
}

#header a {

	color: #fff;
	text-decoration: none;

}

#header a:hover {
	text-decoration: underline;
}



.row-break {
		clear: both;
}