/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* ---------------------------------- GENERAL CSS ---------------------------------------- */

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

/* ---------------------------------- IMAGES --------------------------------------------- */

img {
	border: 0;
}

/* ---------------------------------- LINKS ---------------------------------------------- */

a {
	color: #eb6811;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #51c7f8;
}

a:active {
	color: #51c7f8;
}

/* ---------------------------------- GENERAL TEXT MODIFICATIONS ------------------------- */

.like_H3 {
	font-size: 12px;
	font-weight: normal;
	color: #6D6B6B;
}

.grey {
	font-size: 10px;
	font-weight: normal;
	color: #6D6B6B;
}

.white {
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
}

.small {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}


.smallbold {
	font-size: 10px;
	font-weight: bolder;
	color: #000000;
}

/* ---------------------------------- HEADER SECTION ------------------------------------- */

#header {
	height: 191px;
	width: 820px;
	background: url('/templates/img/ui/loginbkgd.png') top right no-repeat;
}

#logo {
	position: absolute;
	top: 0px;
	left: 75px;
	width: 137px;
	height: 191px;
	background: url('/templates/img/ui/logo.png') top center no-repeat;
}

#login_form {
	position: absolute;
	top: 136px;
	left: 603px;
	width: 210px;
	height: 90px;
	z-index: 1100;
}

#lf_username {
	position: absolute;
	top: 15px;
	left: 0px;
	border: 0;
	width: 200px;
	height: 21px;
	background-color: white;
}

#lf_password {
	position: absolute;
	top: 40px;
	left: 0px;
	border: 0;
	width: 210px;
	height: 21px;
	background-color: white;
}

#lf_login {
	position: absolute;
	top: 12px;
	left: 182px;
	width: 44px;
	height: 50px;
	background: url('/templates/img/ui/buttons/login_button.png') 0px 0px no-repeat;
}

#lf_login:hover, #lf_login:active {
	background: url('/templates/img/ui/buttons/login_button.png') 0px -54px no-repeat;
}

.lf_input {	
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0px;
	margin-left: 5px;
	width: 200px;
	font-size: 12px;
	font-weight: bolder;
	color: #adadad;
}

/* ---------------------------------- NAVIGATION BAR ------------------------------------- */

#navbar {
	height: 63px;
	width: 820px;
	background: url('/templates/img/ui/navigationbar.png') top left no-repeat;
	position: relative;
	z-index: 1000;
}

#navbuttons {
	position: absolute;
	top: 32px;
	left: 12px;
	height: 18px;
	margin: 0;
	padding: 0;
}

.nav_content_ul {
	position: absolute;
	margin: 0;
	padding: 7px 0px;
	width: 149px;
	z-index: 1000;
}

.nav_content_li {
	list-style-type: none;
	margin: 2px 0px;
	width: 149px;
}

.nav_link {
	width: 149px;
	display: block;
	padding: 5px 0px 0px 8px;
	color: #d4d4d4;
	font-size: 11px;
	font-weight: bold;
}
		
.nav_link:hover, .nav_link:active {
	color: #000000;
}

.nav_li {
	float: left;
	list-style-type: none;
	height: 40px;
	width: 112px;
	margin: 0;
	padding: 0;
	margin-right: 12px;
}

.nav_trigger {
	float: left;
	width: 112px;
	height: 19px;
}

.nav_trigger {
	display: block;
	height: 19px;
}

.nav_cart {
	float: right;
	position: absolute;
	top: 0px;
	left: 745px;
	width:55px;
	height: 19px;
	list-style-type: none;
}

.nav_cart {
	display: block;
	height: 19px;
}

/* --------------------------------------- SHOPPING CART --------------------------------- */

#nb_cart {
	background: url('/templates/img/ui/buttons/cart.png') 0px 0px no-repeat;
}

#nb_cart:hover, #nb_cart:active {
	background: url('/templates/img/ui/buttons/cart.png') 0px -20px no-repeat;
}

/* --------------------------------------------------------------------------------------- */
/* ---------------------------------- NAVIGATION MENUS ----------------------------------- */
/* ---------------------------------- PRINTING ------------------------------------------- */

#nb_printing {
	background: url('/templates/img/ui/buttons/printing.png') 0px 0px no-repeat;
}

#nb_printing:hover, #nb_printing:active {
	background: url('/templates/img/ui/buttons/printing.png') 0px -20px no-repeat;
}

#nb_printing_content {
	top: 52px;
	left: 15px;
	background: url('/templates/img/ui/dropdown_bg.png')  top left repeat-y;
}

#nb_printing_content .nav_link {
	height: 25px;
	background: url('/templates/img/ui/dropdown_up.png')  top left no-repeat;
}

#nb_printing_content .nav_link:hover, #nb_printing_content .nav_link:active {
	height: 25px;
	background: url('/templates/img/ui/dropdown_over.png')  top left no-repeat;
}

/* ---------------------------------- WEB ------------------------------------------------ */

#nb_web {
	background: url('/templates/img/ui/buttons/web.png') 0px 0px no-repeat;
}

#nb_web:hover, #nb_web:active {
	background: url('/templates/img/ui/buttons/web.png') 0px -20px no-repeat;
}

#nb_web_content {
	top: 52px;
	left: 140px;
	background: url('/templates/img/ui/dropdown_bg.png')  top left repeat-y;
}

#nb_web_content .nav_link {
	height: 25px;
	background: url('/templates/img/ui/dropdown_up.png')  top left no-repeat;
}

#nb_web_content .nav_link:hover, #nb_web_content .nav_link:active {
	height: 25px;
	background: url('/templates/img/ui/dropdown_over.png')  top left no-repeat;
}

/* ---------------------------------- SERVICES ------------------------------------------- */

#nb_services {
	background: url('/templates/img/ui/buttons/service.png') 0px 0px no-repeat;
}

#nb_services:hover, #nb_services:active {
	background: url('/templates/img/ui/buttons/service.png') 0px -20px no-repeat;
}

#nb_services_content {
	top: 52px;
	left: 265px;
	background: url('/templates/img/ui/dropdown_bg.png')  top left repeat-y;
}

#nb_services_content .nav_link {
	height: 25px;
	background: url('/templates/img/ui/dropdown_up.png')  top left no-repeat;
}

#nb_services_content .nav_link:hover, #nb_services_content .nav_link:active {
	height: 25px;
	background: url('/templates/img/ui/dropdown_over.png')  top left no-repeat;
}
/* ---------------------------------- RESOURCES ------------------------------------------ */

#nb_resources {
	background: url('/templates/img/ui/buttons/resource.png') 0px 0px no-repeat;
}

#nb_resources:hover, #nb_resources:active {
	background: url('/templates/img/ui/buttons/resource.png') 0px -20px no-repeat;
}

#nb_resources_content {
	top: 52px;
	left: 389px;
	background: url('/templates/img/ui/dropdown_bg.png')  top left repeat-y;
}

#nb_resources_content .nav_link {
	height: 25px;
	background: url('/templates/img/ui/dropdown_up.png')  top left no-repeat;
}

#nb_resources_content .nav_link:hover, #nb_resources_content .nav_link:active {
	height: 25px;
	background: url('/templates/img/ui/dropdown_over.png')  top left no-repeat;
}

/* ---------------------------------- HELP CENTERS --------------------------------------- */

#nb_helpcenters {
	background: url('/templates/img/ui/buttons/helpcenters.png') 0px 0px no-repeat;
}

#nb_helpcenters:hover, #nb_helpcenters:active {
	background: url('/templates/img/ui/buttons/helpcenters.png') 0px -20px no-repeat;
}

#nb_helpcenters_content {
	top: 52px;
	left: 513px;
	background: url('/templates/img/ui/dropdown_bg.png')  top left repeat-y;
}

#nb_helpcenters_content .nav_link {
	height: 25px;
	background: url('/templates/img/ui/dropdown_up.png')  top left no-repeat;
}

#nb_helpcenters_content .nav_link:hover, #nb_helpcenters_content .nav_link:active {
	height: 25px;
	background: url('/templates/img/ui/dropdown_over.png')  top left no-repeat;
}

/* ---------------------------------- HOME ----------------------------------------------- */

#nb_home {
	background: url('/templates/img/ui/buttons/company.png') 0px 0px no-repeat;
}

#nb_home:hover, #nb_helpcenters:active {
	background: url('/templates/img/ui/buttons/company.png') 0px -20px no-repeat;
}

#nb_home_content {
	top: 52px;
	left: 637px;
	background: url('/templates/img/ui/dropdown_bg.png')  top left repeat-y;
}

#nb_home_content .nav_link {
	height: 25px;
	background: url('/templates/img/ui/dropdown_up.png')  top left no-repeat;
}

#nb_home_content .nav_link:hover, #nb_home_content .nav_link:active {
	height: 25px;
	background: url('/templates/img/ui/dropdown_over.png')  top left no-repeat;
}

/* ---------------------------------- FOOTER --------------------------------------------- */

#footer {
	position: relative;
	width: 820px;
	height: 400px;
	font-size: 10px;
	font-weight: normal;
	color: #6d6b6b;
	z-index: 1;
}

#footer_links {
	width: 820px;
	padding-top: 12px;
	padding-left: 125px;
	padding-bottom: 5px;
}

.footerlink {
	display: block;
	height: 27px;
	float:left;
	top: -10px;
}

#footer1company img {
	background: url('/templates/img/ui/buttons/footer1company.png') 0px 0px no-repeat;
}

#footer1company:hover img {
	background: url('/templates/img/ui/buttons/footer1company.png') 0px -29px no-repeat;
}

#footer2contact img {
	background: url('/templates/img/ui/buttons/footer2contact.png') 0px 0px no-repeat;
}

#footer2contact:hover img {
	background: url('/templates/img/ui/buttons/footer2contact.png') 0px -29px no-repeat;
}

#footer3privacy img {
	background: url('/templates/img/ui/buttons/footer3privacy.png') 0px 0px no-repeat;
}

#footer3privacy:hover img {
	background: url('/templates/img/ui/buttons/footer3privacy.png') 0px -29px no-repeat;
}

#footer4terms img {
	background: url('/templates/img/ui/buttons/footer4terms.png') 0px 0px no-repeat;
}

#footer4terms:hover img {
	background: url('/templates/img/ui/buttons/footer4terms.png') 0px -29px no-repeat;
}

#footer5employment img {
	background: url('/templates/img/ui/buttons/footer5employment.png') 0px 0px no-repeat;
}

#footer5employment:hover img {
	background: url('/templates/img/ui/buttons/footer5employment.png') 0px -29px no-repeat;
}

#copyright {
	width: 820px;
	text-align: center;
}

#copyright_main {
	position: relative;
	top: -50px;
	width: 820px;
	margin: auto;
	text-align: center;
}

#swoop {
	background: url('/templates/img/general/base.png') 0px 0px no-repeat;
	position: relative;
	padding-top: 30px; 
	width: 820px;
	height: 101px;
}

#share_main {
	position: relative;
	top: -90px;
	left: 15px;
}

#w3c {
	position: relative;
	top: -65px;
	left: 725px;
}

/* ---------------------------------- W3C VALIDATION ICONS ------------------------------- */

#valid {
	position: relative;
	left: 25px;
	top: -220px;
}

.half {
	width: 400px;
	padding-right: 30px;
}

#footer_bottom a, #product_left_footer_bottom a {
	position: absolute;
	top: 87px;
	left: 25px;
	color: #FFFFFF;
}

/* ---------------------------------- JAVA WARNING DISPLAY ------------------------------- */

#jsWarning {
	width: 100%;
	padding: 30px;
	text-align: center;
	color: #b10e10;
	border: 2px solid  #b10e10;
	background: #FFFFFF;
}

/* ---------------------------------- END OF GENERAL CSS --------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */


/* ---------------------------------- MAIN PAGE SPECIFIC --------------------------------- */

#container {
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#content {
	position: relative;	
	width: 820px;
	height: 500px;
	z-index: 1;
}

/* ---------------------------------- PRODUCTS PAGES -------------------------------------- */
/* ---------------------------------- PRODUCTS PAGES -------------------------------------- */

#product_table {
	table-layout: fixed;
	background: url('/templates/img/ui/product_middle.png') repeat-y left top;
	width: 820px;
	height: 780px; 
}

#calculators {
	position: absolute; 
	left: 582px;
	top: 270px;
	width: 281px;
	height: 780px;
}

#folio_sampler {
	width: 565px; 
	position: absolute;
	top: 124px;
	left: 0px;
}

#options {
	table-layout: fixed;
	width: 535px;
	margin: auto; 
}

#print_options{
	table-layout: fixed;
	width: 555px;
	margin: auto;
}

#product_base {
	position: absolute;
	top: 1010px; 
}

#chart {
	position: absolute;
	top: 850px; 
	left: 0px; 
	z-index: 1;
}

#password {
	position: absolute;
	top: 380px; 
	left: 475px; 
	
}

#lock {
	position: absolute;
	top: 380px; 
	left: 75px; 
	
}

.products {
	width: 510px;
	padding-left: 19px;
	padding-right: 25px;
	vertical-align: top;  
}
/* ---------------------------------- GENERAL PAGES --------------------------------------- */

.bindery {
	width: 780px;
	left: 0px;
	padding: 0px;
	text-align: center;
	margin: auto;
	line-height: 10px;
}

#standard {
	width: 820px;
	background: url('/templates/img/ui/standard_top.png') no-repeat left top;
	background-color: white;
	padding-top: 32px;
}

#standard_content {
	width: 780px;
	margin: auto;
	padding-top: 0px;		
}

#upload_content {
	width: 630px;
	height: 350px;
	margin-left: 165px;
	padding-top: 0px;		
}

#upload {
	position: absolute;
	left: 0px;
	top: 308px;		
}

#glossary {
	width: 820px;
	background: url('/templates/img/ui/standard_top.png') no-repeat left top;
	background-color: white;
	padding-top: 0px;
}

#glossary_content {
	width: 780px;
	margin: auto;
	padding-top: 32px;	
}


#tips {
	width: 820px;
	background: url('/templates/img/ui/standard_top.png') no-repeat left top;
	background-color: white;
	padding-top: 32px;
}

#tips_content {
	width: 800px;
	margin: auto;
	background-color: white;
	padding-top: 0px;		
}


#mission {
	width: 250px;
	position: absolute;
	left: 515px;
	top: 295px;		
}

#company {
	background: url('/templates/img/general/company.jpg') no-repeat left top;
	width: 820px;
	height: 560px;
	padding-top: 10px;
}

#company_text {
	position: absolute;
	width: 330px;
	height: 500px;
	left: 20px;	
	top: 330px;
}

#company_thanks {
	position: absolute;
	width: 250px;
	height: 50px;
	left: 20px;	
	top: 700px;
}

#mailing {
	background: url('/templates/img/mailing/mailing.jpg') no-repeat left top;
	width: 820px;
	height: 560px;
	padding-top: 10px;	
}

#mailing_content {
	width: 560px;
	height: 410px;
	margin-left: 80px;
	margin-top: 150px;		
}

.mailingform {
	position: absolute;
	left: 625px;	
	top: 645px;
}

.mailinglist {
	position: absolute;
	left: 625px;	
	top: 685px;
}


#base {
	table-layout: fixed;
	width: 780px;
	position: relative;
	top: 29px;
	margin: auto; 
}

#get_quote {
	position: absolute;
	top: 380px;
	width: 250px;
	left: 400px
	 
}

.csr {
	position: absolute;
	right: 0px;	
	top: 272px;
	height: 693px;
}

.sideswipe {
	position: absolute;
	right: 108px;	
	top: 316px;
	height: 432px;
}

#csr {
	width: 820px;
	background: url('/templates/img/ui/standard_top.png') no-repeat left top;
	background-color: white;
	padding-top: 32px;
}

#csr_content {
	width: 780px;
	height: 646px;
	margin: auto;
	padding-top: 0px;		
}

#soon {
	position: absolute;
	left: 75px;	
	top: 175px;
}

#design {
	background: url('/templates/img/general/design.jpg') no-repeat left top;
	width: 820px;
	height: 560px;
	padding-top: 10px;
	padding-bottom: 5px;	
}

#design_content {
	position: absolute;
	width: 560px;
	height: 500px;
	left: 130px;	
	top: 320px;		
}

#pr {
	background: url('/templates/img/general/pr.jpg') no-repeat left top;
	width: 820px;
	height: 560px;
	padding-top: 10px;
	padding-bottom: 5px;	
}

#pr_content {
	position: absolute;
	width: 560px;
	height: 500px;
	left: 130px;	
	top: 320px;		
}

#flash {
	background: url('/templates/img/general/flash.jpg') no-repeat left top;
	width: 820px;
	height: 560px;
	padding-top: 10px;	
}

#flash_content {
	position: absolute;
	width: 560px;
	height: 500px;
	left: 130px;	
	top: 320px;		
}

#additional {
	background: url('/templates/img/general/additional.jpg') no-repeat left top;
	width: 820px;
	height: 560px;
	padding-top: 10px;	
}

#additional_content {
	position: absolute;
	width: 560px;
	height: 500px;
	left: 130px;	
	top: 320px;		
}

#social {
	background: url('/templates/img/general/social_networking.jpg') no-repeat left top;
	width: 820px;
	height: 560px;
	padding-top: 10px;
	padding-bottom: 5px;	
}

#social_content {
	position: absolute;
	width: 560px;
	height: 500px;
	left: 130px;	
	top: 320px;			
}

#web {
	background: url('/templates/img/general/webdesign.jpg') no-repeat left top;
	width: 820px;
	height: 560px;
	padding-top: 10px;	
}

#web_content {
	position: absolute;
	width: 560px;
	height: 500px;
	left: 130px;	
	top: 320px;		
}

#widget {
	background: url('/templates/img/general/widget.jpg') no-repeat left top;
	width: 820px;
	height: 560px;
	padding-top: 10px;
	padding-bottom: 0px;	
}

#widget_content {
	position: absolute;
	width: 560px;
	height: 500px;
	left: 130px;	
	top: 320px;		
}

#widget_download {
	position: absolute;
	width: 300px;
	left: 543px;	
	top: 600px;		
}

.widget {
	position: absolute;
	left: 0px;	
	top: 280px;		
}

.unzipped {
	position: absolute;
	left: 470px;	
	top: 520px;		
}

#networked {
	position: absolute;
	left: 445px;	
	top: 502px;
}

#webbed_left {
	position: absolute;
	left: 55px;	
	top: 310px;		
}

#webbed {
	position: absolute;
	left: 80px;	
	top: 330px;		
}

#green_print {
	background: url('/templates/img/general/printing_green.jpg') no-repeat left top;
	width: 820px;
	height: 560px;
	padding-top: 10px;	
}

#green_print_content {
	width: 300px;
	height: 360px;
	margin-left: 460px;
	margin-top: 160px;		
}

#models {
	background: url('/templates/img/general/headshots/hs_background.jpg') no-repeat left top;
	width: 820px;
	height: 560px;
	padding-top: 10px;	
}

#model-web {
	position: absolute;
	left: 640px;
	top: 570px;		
}

#model-print {
	position: absolute;
	left: 390px;
	top: 360px;		
}

#model-myspace {
	position: absolute;
	left: 90px;
	top: 550px;		
}

#interactive {
	position: absolute;
	left:53px;
	top: 159px;		
}

#share {
	position: relative;
	left: 44px;
	top: 32px;
}

#share3 {
	position: relative;
	left: 644px;
	top: 32px;
}

#testimonials {
	position: absolute;
	right: 0px;	
	top: 350px;	
}

#consult {
	position: absolute;
	left: 600px;	
	top: 320px;	
}

#employ {
	position: absolute;
	left: 560px;	
	top: 480px;	
}

#right_column {
	width: 560px;
	margin-left: 20px;		
}

#help {
	width: 820px;
	background: url('/templates/img/ui/standard_top.png') no-repeat left top;
	background-color: white;
	padding-top: 32px;
}

#help_right_column {
	width: 760px;
	margin-left: 20px;		
}

#tipsleft {
	width: 500px;
	margin-left: 20px;
	padding-left: 20px;	
	padding-top: 30px;	
}

#tipsright {
	width: 80px;
}