*{margin: 0; padding: 0; border: 0}
/*{border: solid 1px red}*/

/*STRUCTURE AND TYPOGRAPHY*/
body{
	background: #BDBDBD;
	color: #000;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

a{
	color: #002AD3;
}

a:hover{
	text-decoration: none;
}

#container{
	position: relative;
	width: 820px;
	padding-top: 15px;
	background: #fff url(../images/bkd.gif) top left repeat-y;
}

#logo{
	position: absolute;
	top: 10px;
	left: 25px;
}

/*HEADER*/
#header{
	width: 571px;
	height: 123px;
	margin-bottom: 10px;
	background: transparent url(../images/header.gif) top left no-repeat;
}

#header h1, #header h2, #header h3{
	display: none;
}

/*BODY*/
#body{
	width: 567px;
	padding-left: 10px;
	padding-right: 25px;
	margin-left: 212px;
	height: 800px;
}

html>body #body{
	height: auto;
	min-height: 800px;
}

#body h1{
	background: #002AD3;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	padding: 5px;
}

#body h5{
	font-size: 14px;
	margin: 10px;
}

#body p{
	margin: 10px;
	line-height: 1.4em;
}

#body #binder_img{
	float: left;
	margin-right: 8px;
}

#body #sony{
	display: block;
}

#body strong{
	font-size: 14px;
	font-style: italic;
}

#body ul{
	margin-left: 40px;
	margin-bottom: 25px;
}

#body li{
	margin: 6px;
}

#body dl{
	margin-top: 10px;
	margin-left: 20px;
}

#body dt{
	font-weight: bold;
	margin: 0 10px;
}

#body dd{
	margin: 4px 10px 4px 17px;
}

#body table{
	border: 1px solid #999;
	text-align: center;
	font-size: 11px;
	margin: 10px;
	margin-right: 0;
}

#body td{
	padding: 5px;
	border: 1px solid #ccc;
}

#footer{
	position: relative;
	top: 130px;
	text-align: center;
}

#body #freequote{
	text-align: center;
	margin: 20px 0;
}

#body #picts{
	text-align: center;
}

#body #picts img{
	margin: 6px;
}

#body #products{
	color: #000;
	border: 3px solid #999;
	/*background: #efefef;*/
	margin-top: 15px;
	padding: 15px;
}

#body #products h5{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

#body #products dt{
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px;
}

#body #products dd{
	margin-left: 26px;
}

.form{
	margin-top: 15px;
	text-align: center;
	padding-left: 0px;
}

html>body .form{
	padding-left: 80px;
}

.form table{
	text-align: left;
	border: 0;
	width: 400px;
	background: #ccc;
	padding: 10px;
	padding-top: 0;
}

.form td{
	border: 0;
	text-align: left;
}

.form h5{
	color: #fff;
	background: #002AD3;
	text-align: center;
	padding: 5px;
}

.form .label{
	text-align: right;
}

.form .submit{
	text-align: center;
}

/*SIDEBAR*/
#sidebar{
	width: 212px;
	color: #fff;
	text-align: center;
}

#sidebar a{
	color: #fff;
	text-decoration: none;
}

#sidebar a:hover{
	text-decoration: underline;
}
/*
#side_footer{
	position: relative;
	top: -600px;
	left: -6px;
	width: 180px;
}
*/
html>body #side_footer{
	top: 0;
	left: 0;
}

#btm{
	width: 211px;
	height: 142px;
	background: transparent url(../images/btm.gif) top left no-repeat;
}

/*MAIN MENU*/
#menu{
	position: absolute;
	top: 150px;
	left: 24px;
}

#menu ul{
	list-style: none;
}

/*DECALS SUB MENU*/
#menu #decals_sub{
	display: none;
}

.decals #menu #decals_sub{
	display: block;
	margin-bottom: 10px;
	margin-top: -20px;
}

html>.decals #menu #decals_sub{
	margin-top: 10px;
}

.decals #menu #decals_sub li{
	margin-bottom: 5px;
}

/*BINDERS SUB MENU*/
#menu #binders_sub{
	display: none;
}

.binders #menu #binders_sub{
	display: block;
	margin-bottom: 10px;
	margin-top: -20px;
}

html>.binders #menu #binders_sub{
	margin-top: 10px;
}

.binders #menu #binders_sub li{
	margin-bottom: 5px;
}

/*LABELS SUB MENU*/
#menu #labels_sub{
	display: none;
}

.labels #menu #labels_sub{
	display: block;
	margin-bottom: 10px;
	margin-top: -20px;
}

html>.labels #menu #labels_sub{
	margin-top: 10px;
}

.labels #menu #labels_sub li{
	margin-bottom: 5px;
}

/*MENU BUTTONS*/
#menu #quote a{
	display: block;
	margin-bottom: 10px;
	width: 150px;
	height: 29px;
	text-decoration: none;
	text-indent: -10000em;
	background: transparent url(../images/m_quote.gif) top left no-repeat;
}

#menu #quote a:hover{
	background-position: 0 -29px;
}

#menu #home a{
	display: block;
	margin-bottom: 10px;
	width: 150px;
	height: 29px;
	text-decoration: none;
	text-indent: -10000em;
	background: transparent url(../images/m_home.gif) top left no-repeat;
}

#menu #home a:hover{
	background-position: 0 -29px;
}

#menu #decals a{
	display: block;
	margin-bottom: 10px;
	width: 150px;
	height: 29px;
	text-decoration: none;
	text-indent: -10000em;
	background: transparent url(../images/m_decals.gif) top left no-repeat;
}

#menu #decals a:hover{
	background-position: 0 -29px;
}

#menu #digitaldecals a{
	display: block;
	margin-bottom: 10px;
	width: 150px;
	height: 29px;
	text-decoration: none;
	text-indent: -10000em;
	background: transparent url(../images/m_digitaldecals.gif) top left no-repeat;
}

#menu #digitaldecals a:hover{
	background-position: 0 -29px;
}

#menu #binders a{
	display: block;
	margin-bottom: 10px;
	width: 150px;
	height: 29px;
	text-decoration: none;
	text-indent: -10000em;
	background: transparent url(../images/m_binders.gif) top left no-repeat;
}

#menu #binders a:hover{
	background-position: 0 -29px;
}

#menu #FDAbinders a{
	display: block;
	margin-bottom: 10px;
	width: 150px;
	height: 29px;
	text-decoration: none;
	text-indent: -10000em;
	background: transparent url(../images/m_FDAbinders.gif) top left no-repeat;
}

#menu #binders a:hover{
	background-position: 0 -29px;
}

#menu #labels a{
	display: block;
	margin-bottom: 10px;
	width: 150px;
	height: 29px;
	text-decoration: none;
	text-indent: -10000em;
	background: transparent url(../images/m_labels.gif) top left no-repeat;
}

#menu #labels a:hover{
	background-position: 0 -29px;
}

#menu #about a{
	display: block;
	margin-bottom: 10px;
	width: 150px;
	height: 29px;
	text-decoration: none;
	text-indent: -10000em;
	background: transparent url(../images/m_about.gif) top left no-repeat;
}

#menu #about a:hover{
	background-position: 0 -29px;
}

#menu #clients a{
	display: block;
	margin-bottom: 10px;
	width: 150px;
	height: 29px;
	text-decoration: none;
	text-indent: -10000em;
	background: transparent url(../images/m_clients.gif) top left no-repeat;
}

#menu #clients a:hover{
	background-position: 0 -29px;
}

#menu #faq a{
	display: block;
	margin-bottom: 10px;
	width: 150px;
	height: 29px;
	text-decoration: none;
	text-indent: -10000em;
	background: transparent url(../images/m_faq.gif) top left no-repeat;
}

#menu #faq a:hover{
	background-position: 0 -29px;
}

#menu #contact a{
	display: block;
	margin-bottom: 10px;
	width: 150px;
	height: 29px;
	text-decoration: none;
	text-indent: -10000em;
	background: transparent url(../images/m_contact.gif) top left no-repeat;
}

#menu #contact a:hover{
	background-position: 0 -29px;
}

#menu #resources a{
	display: block;
	margin-bottom: 10px;
	width: 150px;
	height: 29px;
	text-decoration: none;
	text-indent: -10000em;
	background: transparent url(../images/m_resources.gif) top left no-repeat;
}

#menu #resources a:hover{
	background-position: 0 -29px;
}


#body blue bar h1 {

	background: #002AD3;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	padding: 5px;
}