@charset "utf-8";
/* General
============================================================================= */
html,body,div,p,ul,ol,li,h1,h2,h3,h4,form,p,button,img {
  margin: 0; padding: 0; border: 0;}
  
body {
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color:#888888;
	background: #fff;
	padding-bottom: 10px;}
	
ul,li { list-style-type: none; }
a { outline: none; text-decoration: none; }
a:hover { text-decoration: none; cursor: pointer; }
a span, ul.slidingmenu span { display: none; }
hr {margin: 0; padding: 0; width: 100%; height: 1px; 
	background-color:#ccc; border:none;}
	
h1 {font-size:18px;}
h2 {font-size:17px; color:#596f94; font-weight:lighter;}
h3 {font-size:15px;}
h4 {font-size:11px;}



/* Default Links
============================================================================= */

a:link, a:visited {color:#6a96c1; text-decoration:none;}
a:hover, a:active {color:#7fb5e8; text-decoration:none;}


/* Main Wrapper and Masthead
============================================================================= */
#wrapper {width: 799px; margin: 0 auto; padding: 0; background:#fff;}

  #header {width: 799px; height: 170px; background: #fff url(../images/header.jpg) no-repeat top center;}
    #header h1 {padding: 47px 0 0 17px; }
	
/* Main Container
============================================================================= */  
  #main_container {width: 799px; clear:both;}
	#main_container h2 {padding: 14px 0 3px 0;} 

/* Navigation
============================================================================= */
	.slidingmenu {width: 183px; height: 297px; float: left; background:url(../images/nav.jpg) no-repeat left; margin-top: -42px; font-size:11px;}
	
		
		ul.slidingmenu ul {
		position:absolute;
		margin: -27px 0 0 170px;
		display:none;
		border: 1px solid #06F;
		width: 105px;
		}
		
		ul.slidingmenu ul li {
		background: #4f9bf1;
		text-align:left;
		list-style-type: none;
		position: relative;
		border-bottom: 1px solid #06F;
		margin:0;
		width: 105px;
		}
		ul.slidingmenu ul a {
		padding: 5px 0 0 5px;
		height:21px !important;
		color:#fff;
		text-decoration:none;
		
		}
		
		ul.slidingmenu ul a:hover {
		background: #68affd;
		color: #fff;
		}
		
		ul.slidingmenu ul a:visited {
		color: #fff;
		}
	
      ul.slidingmenu {padding-top: 47px;}
	    ul.slidingmenu li {margin-top: 4px; width: 172px;}
        ul.slidingmenu li a {display:block; height: 26px; cursor: pointer;}

	  ul.slidingmenu li a#home {background: url(../images/home.jpg) 0 0 no-repeat;}
      ul.slidingmenu li a#about{background: url(../images/about.jpg) 0 0 no-repeat;}
	  ul.slidingmenu li a#mp{background: url(../images/managed_print.jpg) 0 0 no-repeat;}
	  ul.slidingmenu li a#products{background: url(../images/products.jpg) 0 0 no-repeat;}
	  ul.slidingmenu li a#service{background: url(../images/service.jpg) 0 0 no-repeat;}
	  ul.slidingmenu li a#supplies{background: url(../images/supplies.jpg) 0 0 no-repeat;}
	  ul.slidingmenu li a#clients{background: url(../images/clients.jpg) 0 0 no-repeat;}
	  ul.slidingmenu li a#contact{background: url(../images/contact.jpg) 0 0 no-repeat;}

	  ul.slidingmenu li a#home:hover,
	  ul.slidingmenu li a#about:hover,
	  ul.slidingmenu li a#mp:hover,
	  ul.slidingmenu li a#products:hover,
	  ul.slidingmenu li a#service:hover,
	  ul.slidingmenu li a#supplies:hover,
	  ul.slidingmenu li a#clients:hover,
	  ul.slidingmenu li a#contact:hover {background-position: 0 -26px;}

/* Main Content and Sidebar
============================================================================= */	
	#main_text {width: 616px; float: right; margin-top: 29px;}
	
	  #content {width: 465px; float: left; padding-left: 15px; margin-bottom: 11px;}
	  	#content p {padding: 8px 7px 8px 17px; line-height: 14px;}
	    .intro {width: 258px;}
	    #demo {position:absolute; margin: -41px 0 0 30px;}
		#printer {position: absolute; margin: -5px 0 0 272px;}
		
		.save {border:#999 1px solid; margin: 8px 8px 8px 0px;}
		  .save h3 {text-transform:uppercase; color:#fff; background-color:#3a86dc; padding: 8px 0; text-align:center; font-size:12px;}
		  .save p {padding: 3px 0 3px 0;}
		  .highlight {color:#930; text-transform:uppercase; font-weight:bold;}
		
	  #sidebar {width: 135px; float: right; margin-top: 13px;}
	   #sidebar p {padding: 3px 14px;}
	   .guarantee_box {border: 1px solid #900; width: 90px; margin: 10px 0 0 10px;}
	   .guarantee_box2 {border: 1px solid #900; width: 120px; padding-left: 15px; margin: 10px 0 0 10px;}
	   
/* Main Content and Sidebar ---- About Us
============================================================================= */	

     #content_about {width: 430px; float: left; padding-left: 15px; margin-bottom: 11px;}
	   #content_about h2 {padding: 14px 0 8px 0;}
	   p {padding: 8px 0; line-height: 20px;}
	 
	 #sidebar_about {width: 160px; float: right; margin-top: 20px;}



/* All pages layout except home page, about us page, and products page 
============================================================================= */	

	#content_mp {width: 580px; float: left; padding-left: 15px; margin-bottom: 11px;}
	 #content_mp h2 {padding: 14px 0 8px 0;}
	#sidebar_mp {width: 36px; float: right; margin: 0;}


/* Order Page
============================================================================= */	

	#content_order {width: 580px; float: left; padding-left: 15px; margin-bottom: 11px;}
	 #content_order h2 {padding: 14px 0 8px 0;}
	 #content_order h3 {padding: 4px 0; background-color:#06C; font-size: 12px; width: 186px; color:#fff; text-align:center;}
	#sidebar_order {width: 36px; float: right; margin: 0;}



/* Styling the contact and order forms
============================================================================= */	
	#contact {
		border: none;
		margin: 0;
		padding: 0; 
		}
	
	#contact ol {
		list-style: none;
		margin: 0;
		padding: 0; 
		}
		
	#contact li {
		margin: .2em 0;
		float: left;
		width: 100%; 
		}
	
	#contact label {
		width: 30%;
		float: left;
		text-align: right;
		margin-right: 2%; 
		}
	
	#contact input#submit {
		margin-left: 32%;
		width: 10em; 
		}
	
	#contact input, #contact select, #contact textarea {
		font-family: inherit;
		font-size: 100%; 
		}
	
	#contact legend {
		font: 135% Georgia, "Times New Roman", Times, serif;
		margin: auto 0;
		padding: 0; 
		}

/* Client Page - Logo Layout
============================================================================= */	
	.table {width: 100%; clear:both; padding: 10px 0px; border:0;}
	
	
	.table ul
	{
	display:block;
	margin:0;
	padding:0;
	border:0;
	clear:both;
	}
	.table li
	{
	float: left;
	width: 193px;
	list-style:none;
	padding:0 0 15px 0;
	}

/* Extra Layout for Images and UL in content area 
============================================================================= */
.quant {width: 20px;}
.app2 li { list-style-type:disc; margin-left: 60px;}

ul.nobullets li  {list-style-type:circle;}

#app li { list-style-type:disc; margin-left: 20px;}
.app li { list-style-type:disc; margin-left: 20px;}
.img_position {float:right; width: 250px; padding: 0 0 10px 10px; margin-top: 23px;}
.img_position2 {float:right; width: 250px; padding: 0 0 10px 10px; margin: -10px -5px 0 0;}
.img_position3 {float:right; width: 200px; padding: 0 0 10px 10px; margin-top: 23px;}
.img_position4 {border: 2px solid #0CF; padding: 0;}

.img_position6 {float:right; width: 250px; padding: 0 0 10px 10px; margin-top: -20px;}

.highlight_clients {color:#069;}
.last_row {margin-bottom: 70px;}


.paragraph_custom {padding: 0 0 10px 0;}
.custom {padding: 10px 0 0 0; font-size: 12px;}
.footer_img {border: 0; padding: 0; margin: 0;}

/* Footer
============================================================================= */
  #footer {width: 799px; height: 32px; background: #fff url(../images/footer.jpg) no-repeat bottom center; clear:both;}
	#copy {float: right; padding: 16px 8px 0 0;}
.larkin {text-align:center; font-size:10px; padding-top: 3px;}