/* Reset Defaults
--------------------------------------------------------------- */
body { margin: 0; padding: 0; font: 76%/1.5em Verdana, Arial, sans-serif; }
body * { margin: 0; padding: 0; font-size: 1em; }
h1, h2, h3, h4, h5, h6,
p, blockquote, ul, ol, dl,
fieldset, address { margin-bottom: 1em; }
address, abbr, acronym { font-style: normal; }
a:link , a:visited { color: #256990; text-decoration: none; }
a:hover , a:active { text-decoration: underline; }
abbr { border: none; font-style: normal;}
img { border: none; }

/* Default Styles
--------------------------------------------------------------- */
h1 { color: #52503e; font-size: 2.0em; margin: 0.4em 0; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.8em; }
h1, h2, h3 { font-weight: normal; }
h4, h5, h6 { font-weight: bold; }
h2, h3, h4, h5, h6 { margin: 1.2em 0 0.8em; color: #22200e; line-height: 1.2em; }
table, th, td { font-weight: normal; vertical-align: top; text-align: left; font-size: 1.0em; }
ul, ol { padding: 0 0 0 1.6em; }
dl {}
dl dt {}
dl dd {}
.hidden { position: absolute; left: -3000px; }



/* Basic Layout
--------------------------------------------------------------- */
html, body {
    height: 100%;
	background: #FFEA5A;
}
body {
	}
#container {
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	}
html>body #container {
    height: auto;
	}
#container {
	clear: left;
	width: 780px;
	margin: 0 auto;
	padding: 0;
	background: url(../../images/bg_body.gif) left top repeat-y;
	}
#header {
	height: 91px;
	width: 780px;
	background: url(../../images/bg_header.gif) 57px top no-repeat;
	}
#content {
	float: left;
	width: 100%;
	margin-right: -264px;
	background: url(../../images/bg_header.gif) 57px -91px no-repeat;
	}
#main_content {
	clear: left;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	}
html>body #container {
    height: auto;
	}
#main_content {
	margin-right: 282px;
	margin-left: 66px;
	padding: 24px 0 72px;
	}
#sidebar {
	float: right;
	width: 198px;
	margin-right: 66px;
	}
#footer {
	position: relative;
	clear: left;
	height: 100px !important;
	width: 648px;
	margin: 0 66px 0;
	padding-bottom: 36px;
	background: url(../../images/bg_footer.gif) right bottom no-repeat;
	}
h1 {
	margin-top: 0;
	}
.last {
	margin-bottom: 0;
	}
.sdb_callout {
	color: #F00;
	font-weight: bold;
	}

/* Header
--------------------------------------------------------------- */
#header h1 {
	height: 51px;
	margin: 0;
	padding: 0;
	text-indent: -3000px;
	}
#header p.sdb_callout {
	height: 20px;
	margin: 0;
	padding: 0 66px;
	text-align: right;
	font-size: .91em;
	line-height: 1.4em;
	}

/* Navigation
--------------------------------------------------------------- */
#nav {
	height: 20px;
	width: 648px;
	margin: 0 0 0 66px;
	padding: 0;
	}
#nav ul {
	height: 20px !important;
	margin: 0;
	padding: 0 0 0 65px;
	list-style: none;
	}
#nav ul li {
	display: inline;
	float: left;
	height: 20px !important;
	margin: 0;
	padding: 0;
	}
#nav ul li a {
	display: block;
	height: 20px;
	background-position: left top;
	text-indent: -3000px;
	}
#nav ul li a:hover,
#nav ul li:hover a,
#nav ul li.over a {
	background-position: left -20px !important;
	}

/* Buttons */
#nav a#home { width: 52px; background: url(../../images/nav_home.gif) no-repeat; }
#nav a#about { width: 54px; background: url(../../images/nav_about.gif) no-repeat; }
#nav a#contact { width: 84px; background: url(../../images/nav_contact.gif) no-repeat; }
#nav a#faq { width: 41px; background: url(../../images/nav_faq.gif) no-repeat; }
#nav a#catalog { width: 123px; background: url(../../images/nav_catalog.gif) no-repeat; }
#nav a#capabilities { width: 88px; background: url(../../images/nav_capabilities.gif) no-repeat; }
#nav a#privacy { width: 63px; background: url(../../images/nav_privacy.gif) no-repeat; }
#nav a#map { width: 71px; background: url(../../images/nav_sitemap.gif) no-repeat; }

/* Buttons - Active */
body#home #nav a#home { background-position: left -40px !important; }
body#about #nav a#about { background-position: left -40px !important; }
body#contact #nav a#contact { background-position: left -40px !important; }
body#faq #nav a#faq { background-position: left -40px !important; }
body#catalog #nav a#catalog { background-position: left -40px !important; }
body#capabilities #nav a#capabilities { background-position: left -40px !important; }
body#privacy #nav a#privacy { background-position: left -40px !important; }
body#map #nav a#map { background-position: left -40px !important; }

/* Subnav */
#nav ul li ul {
	display: none
	}
#nav ul li:hover ul,
#nav ul li.over ul {
	display: block;
	}
#nav ul li ul {
	position: absolute;
	width: 150px;
	height: auto !important;
	margin: 0px;
	padding: 2px 2px 6px;
	background: #627480;
	border-bottom: 1px solid #939fbf;
	}
#nav ul li ul li {
	display: block;
	float: none;
	height: auto !important;
	padding: 3px;
	font-size: .86em;
	line-height: 1.1em;
	}
#nav ul li ul li a {
	display: block;
	float: none !important;
	height: auto !important;
	color: #FFF;
	text-indent: 0;
	text-decoration: none;
	}
#nav ul li ul li a:hover {
	font-weight: bold;
	}


/*Sub Nav */

/* Content Styles
--------------------------------------------------------------- */
#main_content { 
	font-size: .96em;
	line-height: 1.3em;
	}
#main_content h3, #main_content h3 {
	width: 432px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 414px;
	}
html>body #main_content h3 { /* For Opera */
    width: 414px;
	}
#main_content h3 {
	margin: 30px 0 9px;
	padding: 0 9px;
	background: url(../../images/main_h3_bg.gif) left top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	line-height: 1.75em;
	font-weight: bold;
	}
#main_content h4, #main_content h5 {
	margin: 0 0 4px;
	padding: 0 9px;
	}
#main_content p { 
	margin: 0 0 18px;
	padding: 0 9px;
	}

/* UL Styles */
#main_content ul {
	list-style: none;
	margin: 0 18px;
	padding: 0 9px 9px;
	}
#main_content ul li {
	list-style: none;
	margin: 0 0 9px;
	padding: 0 16px;
	background: url(../../images/bullet.gif) left top no-repeat;
	font-size: .96em;
	line-height: 1.25em;
	}
	
/* Sidebar Styles
--------------------------------------------------------------- */
#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 18px 0 12px;
	border-bottom: 2px solid #FFF;
	}
ul#special_links {
	background: #BCCAD3 url(../../images/bg_sidebar.gif) left top repeat-x;
	}
	ul#special_links li {
		margin-bottom: 6px;
		padding-left: 22px;
		background: url(../../images/arrow_white.gif) 12px 3px no-repeat;
		font-size: .91em;
		line-height: 1.1em;
		}
ul#ordering_info {
	background: #FD0 url(../../images/bg_sidebar_orange.gif) left top repeat-x;
	padding-top: 12px;
	padding-bottom: 19px;
	}
	ul#ordering_info li {
		margin-bottom: 1px;
		padding-left: 22px;
		color: #640;
		font-size: .89em;
		line-height: 1.1em;
		font-weight: bold;
		}
	ul#ordering_info li.first {
		background: url(../../images/arrow_orange_dbl.gif) 12px 3px no-repeat;
		}
	ul#ordering_info a { color: #F70; }
	ul#ordering_info h1 { 
		height: 31px;
		margin: 0;
		padding: 0;
		background: url(../../images/side_h1_how_to_order.gif) left top no-repeat;
		text-indent: -3000px;
		font-size: .86em;
		}
ul#testimonials {
	border-bottom: none;
	}
	ul#testimonials li {
		margin-bottom: 12px;
		padding: 0 9px;
		color: #333;
		font-size: .91em;
		line-height: 1.1em;
		}
	ul#testimonials li p {
		margin-bottom: 4px;
		}
	ul#testimonials h1 {
		height: 22px;
		margin: 0;
		padding: 0;
		background: url(../../images/side_h1_testimonials.gif) left top no-repeat;
		text-indent: -3000px;
		font-size: .86em;
		}
/*#sidebar ul h1 {
	margin: 0 0;
	}*/

#sidebar #tellafriend {
	margin: 0;
	padding-left: 12px;
	padding-bottom: 12px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	font-size: .91em;
}
	input.tellafriend {
		width: 168px;
	}
	textarea.tellafriend {
		width: 168px;
	}
	input.btn_tellafriend {
		background-color: #BCCAD3;
		color: black;
		text-transform: uppercase;
		font-weight: bold;
		border: 1px solid black;
	}
/* Footer
--------------------------------------------------------------- */
#footer_content {
	width: 432px;
	height: 100px !important;
	margin-right: auto;
	text-align: center;
	font-size: .86em;
}
#footer ul {
	list-style: none;
	margin: 0;
	padding: 0 0 3px;
}
#footer ul li {
	display: inline;
	margin: 0;
	padding: 0 10px;
	border-left: 1px solid #AAA;
	}
#footer ul li.first {
	border-left: none;
	}
#footer p.copyright {
	margin: 9px 0 0;
	padding: 0;
	}

/* Forms
--------------------------------------------------------------- */
form input.button {
	background: #dae4ea url(../../images/bg_btn.gif) left bottom repeat-x;
	margin: 30px 0 0 0;
	padding: 0px 2px;
	border: 3px double;
	border-top-color: #b0c5d5;
	border-right-color: #8095a5;
	border-bottom-color: #8095a5;
	border-left-color: #b0c5d5;
	color: #205980;
	font-size: 12px;
	font-weight: bold;
	}
form input.button:active {
	background: #adbec9 url(../../images/bg_btn_over.gif) left top repeat-x;
	border-top-color: #003366;
	border-right-color: #6699CC;
	border-bottom-color: #6699CC;
	border-left-color: #003366;
	color: #dae4ea;
	}
form label {
	padding-left: 4px; /* For Check boxes */
	}

/* Sample Page
--------------------------------------------------------------- */
body#sample h3#sample {
	height: 36px;
	padding: 0;
	background: url(../../images/main_h3_sample.gif) left top no-repeat;
	text-indent: -3000px;
	font-size: .86em;
	}

/* Home Page
--------------------------------------------------------------- */
#home_greeting {
	text-align: center;
}
#home_greeting h1,
#home_greeting h2 {
	margin: 5px 0 3px;
	padding: 0;
	color: #000;
	font-size: 1.2em;
	line-height: 1.1em;
	}
#home_greeting h2 {
	color: #666;
	font-size: 1.1em;
	}
body#home #main_content h3 {
	height: 36px;
	background: url(../../images/main_h3_our_products.gif) left top no-repeat;
	text-indent: -3000px;
	font-size: .86em;
	}
body#home #home_menu {
	clear: both;
	height: 401px;
	width: 432px;
	margin: 30px 0;
	}
body#home #home_menu ul {
	list-style: none;
	width: 432px;
	height: 465px;
	margin: 0;
	padding: 0;
	}
body#home #home_menu ul li {
	float: left;
	height: 90px;
	width: 216px;
	margin: 0;
	padding: 0;
	background: none /*url(../../images/bullet.gif) left 3px no-repeat*/;
	border-bottom: 1px solid #C5C5C5;
	}
body#home #home_menu ul li a {
	display: block;
	height: 90px;
	width: 216px;
	text-indent: -3000px;
	}
/* Buttons */
li#office_funiture a { background: url(../../images/home_btn_furniture.jpg) left top no-repeat; }
li#business_equipment a { background: url(../../images/home_btn_equipment.jpg) left top no-repeat; }
li#ink_toner a { background: url(../../images/home_btn_toner.jpg) left top no-repeat; }
li#office_supplies a { background: url(../../images/home_btn_general.jpg) left top no-repeat; }
li#paper_products a { background: url(../../images/home_btn_paper.jpg) left top no-repeat; }
li#software_techonology a { background: url(../../images/home_btn_software.jpg) left top no-repeat; }
li#stationery_letterhead a { background: url(../../images/home_btn_stationery.jpg) left top no-repeat; }
li#custom_products a { background: url(../../images/home_btn_products.jpg) left top no-repeat; }

/* Frame Order Info
--------------------------------------------------------------- */
body#frameOrder {
	background: #FFEA5A url(../../images/bg_logoButton.gif) left top no-repeat;
	}
body#frameOrder p {
	height: 31px;
	padding: 19px 20px 0;
	margin: 0;
	font-size: .91em;
	line-height: 1.1em;
	}
body#frameOrder #logoButton {
	display: block;
	float: left;
	width: 399px;
	height: 50px;
	margin: -10px 0 0 -20px;
	padding: 0;
	text-indent: -3000px;
	}

/* IE5/Mac Hacks */
/*\*//*/
#content {height: auto !important;}
div#content {margin-right: -284px !important;}
div#nav ul li {float: left !important;}
/**/

.attention {
	color: red;
	font-weight: bold;
}