]/*----------GRABERS ONLINE STYLE SYSTEM ---------------*/
/*---------- Written by Peter T. Graber ---------------*/

html {
		padding: 0;
		margin: 0;
		}

body {
		 margin: 0% 0% 0% 0%;
		 padding: 0;
		 background: #220001;
		 text-align:center;
		 }
	
	
#pageWrapper	{
	color: #885;
	background: transparent;
	width: 742px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
  position: relative;
	}


.skipLinks {
		display: none;
    }
		
.base {
			padding: 0px;
			margin: 0px auto;
			width: 741px;
			font-size: 11px;
		  border-left: 0px #2D180F solid;
			border-right: 0px #2D180F solid;
			
			 }

.home {
		background: #FCEAE8;
		}		

.company {
		background: #faebd7 url(../images/companyBack.jpg) 0px -35px  no-repeat;
		}
			.mission {
				background: #666 url(../images/mission.jpg) -18px 1px  no-repeat;
				}
				
			.processx {
				background: #800000 url(../images/process.jpg) -18px 2px no-repeat;
				}
			
			.portfolio {
				background: #666 url(../images/portfolio.jpg) -18px -49px no-repeat;
				}
				
			.references{
				background: #666 url(../images/references.jpg) 0px -9px no-repeat;
				}
			
			
.services {
		background: #5D1414 url(../images/service.jpg) -7px 2px no-repeat;
		}
			.type {
				background: #5D1414 url(../images/type.jpg) -19px 0px no-repeat;
				}
			
			.print {
				background: #5D1414 url(../images/print.jpg) -19px 1px no-repeat;
				}
				
			.web {
				background: url(../images/internet.jpg) -19px -19px no-repeat;
				}
				
			.marcomx {
				background: url(../images/marcomx.jpg) -19px 2px no-repeat;
				}
				
			.agency {
				background: url(../images/agency.jpg) -19px 2px no-repeat;
				}
				
			.consult{
				background: url(../images/consult.jpg) -20px 1px no-repeat;
				}
				
.toolbox {
		background: #333  url(../images/toolbox.jpg) -19px 0px no-repeat;
		}
		
.library {
		background: transparent url(../images/library.jpg) -19px 1px no-repeat;
		
		}
	


/*--------------------------------Foundational Typography----------------*/

h1,h2,h3,h4,h5 {
							 font-family: georgia, verdana, sans-serif;
							 letter-spacing: -1px;
							 }
							 
				
					
h1 {
	 font-size: 18px;	 
	 color: #670E20;
	 text-align: left;
	 line-height: 23px;
	 margin: 9px 0px 10px 0px;
	 padding: 0px;
	 font-weight: bold;
	 background: transparent;
	 letter-spacing: -.05em;
	 font-family: arial, sans-serif;
	 
	 }
	 
	
p {
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 0px 0px;
	font-size: 12px;
	line-height: 19px;
	font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	color: #2E1836;
	}

h2 {
		font-size: 18px;
		font-family: verdana, sans-serif;
		color: #191970;
		margin: 0px;
		padding: 0px;
		}
		
h3 {
		font-size: 10px;
		letter-spacing: 0px;
		font-weight: bold;
		font-family: verdana, sans-serif;
		margin: 25px 0px 3px 0px;
		padding: 0;
		color: #8b0000;
		text-decoration: none;
		}

h4 {
		font-size: 10px;
		letter-spacing: 0px;
		font-weight: bold;
		font-family: verdana, arial, sans-serif;
		margin: 10px 0px 0px 0px;
		padding: 0;
		color: #696969;
		}
		
		
h5 {
		font-size: 14px;
		font-family: arial, verdana, sans-serif;
		font-weight: bold;
		color: #cc3333;
		}
			
a:link, a:visited{
		color: #000;
		
		}
		
/* ------------------------ containers -------------------------*/

#header {
	color: #ccc;
	font-size: 9px;
	font-weight: normal;
	font-family: arial, verdana, sans-serif;
	padding: 2px 10px 3px 0px;
	border-top: 4px #821616 solid;
	border-bottom: 0px #1B1816 solid;
	background: #911818;
	margin: 0px auto;
	width: 733px;
	text-align: right;
	
	}

#header a:link, #header a:visited {
	color: #ccc;
	text-decoration: none;
	}

#header a:hover {
	color: #ffff00;
	}

#header a.current {
	
	}
	

#block {
			 float: left;
			 padding: 0px 0px 0px 0px;
			 margin: 0px 0px 0px 0px;		
			 width: 100%;
			 background: #fff url(../images/interiorBack.gif) top right repeat-y;
			 /* C45F70 */
			 text-align: left;
			 }
			 
			 #block.gFactor {
			 		 background: yellow url(../images/interiorBack.gif) top right repeat-y;
					}
					
#category {
			 float: left;
			 padding: 0px 0px 0px 0px;
			 margin: 0px 0px 0px 0px;			
			 width: 100%;
			 background: #fff;
			 text-align: left;
			 height: 345px;
			 }
			 

#content {
			float: left;
			margin: 0px;
			padding: 0px;
			background: transparent;
			border: 0px #000 solid;
			}

#mid {
	clear: both;
	display: block;
	margin: 10px 0px 0px 18px;
	padding: 0px;	
	border: 1px #b22222 solid;
	background: #f6f7d0;;
	color: #000;
	width: 600px;
	}
	
.miniColumn{
		padding: 0px;
		margin: 0px 0px 0px 15px;
		float: left;
		border: 0px #000 solid;
		}
		
		
.column{
		width: auto;
		padding: 0px;
		margin: 0px;
		float: left;
		border: 0px #000 solid;
		}

	
	#mascot {
					position: absolute;
					top: 14px;
					left: 650px;
					border: 1px #000 solid;
					width: 180px;
					height: 70px;
					
					}

.left {
				float: left;
				padding: 0;
				margin:0
				}
				
.right {
				float: right;
				padding: 0;
				margin:0;
				}
				
.rightFloater {
				float: right;
				padding: 0;
				margin: 0;
				}
				
.leftFloater {
				float: left;
				padding: 0;
				margin: 0;
				}
				
				
/* -------------------Pages Footer -------------------------*/
	
#footer {
	clear:both;
	color: #000;
	height: 16px;
	padding: 5px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 13px;
	border-top: 1px #7B7B7B solid;
	border-bottom: 8px #a52a2a solid;
	text-align: left;
	background: #EACBB0 url(../images/subTabsBack.gif);
	}
	
	
#footer span.info {
	float: left;
	border: 1px #000 solid;
	}
	
	
	
#footer span.subNav {

	float: right;
	letter-spacing: 1px;
	font-size: 9px;
	font-weight: normal;
	font-family: verdana, genava, sans-serif;
	margin: 0px;
	padding: 0px 8px 5px 0px;
	}
	
#footer a:hover {
	color: #ff0000;
	}


div.updateStat {
		text-align:right;
		padding: 2px 3px 3px 0px;
		font-size: 11px;
		color: #cc9999;
		background: #a52a2a;
		clear: both;
		}
	

/* ------------------The Tabbed Navigation System ---------*/

#navigation.top,#navigation.tabs,#navigation.subtabs, .tabs li {
						 	float:left;	
							margin: 0px;
							padding: 0;
							font-family: arial, verdana, sans-serif;
							text-transform: uppercase;
						
							}
							
#navigation {
						width: 100%;
						padding: 10px 0px 0px 0px;
						margin: 0px 0px 0px 0px;
						color: #000000;
						background: transparent;
						position: relative;
						}

						
div.top {
		 display: block;
		 height: 90px;
		 clear: both;
		 background: transparent;
		 margin: 0;
		 padding: 0;
		 border: 0px #000 solid;
		 text-align: left;
		 position: relative;
		
		 }
		 	
.top img {  
				 padding: 0;
 				 margin: 0px 0px 0px 16px;
				  }
						
.top a:hover img {
				visibility: hidden;
				}
				
img.marcom {
		 	margin: 0px 0px 0px 0px;
			padding: 0px 0px 2px 0px;
			width: 240px;
			height: 25px;
			position: absolute;       				
      top: 33px;
			left: 280px;
								}
								
								
#search {
	float: right;
	top: 0px;
	left: 532px;
	color: #696969;
	width: 205px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	font-weight: bold;
	font-family: tahoma, verdana, sans-serif;
  text-align: left;	
	background: transparent;
	border: 0px #000 solid;
	}
	
	#search form {
				display: inline;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				}
								
					#search input#goButton {
							margin-left: 3px;
							font-size: 9px;
							border: 1px #696969 solid;
							background: #ffb6c1;
							width: 35px;
							}
	
    #searchBox {
					margin: 0px 0px 0px 0px;
					color: #696969;
					line-height: 32px;
					width: 100px;
					display: inline;
					background: #999999;
					border: 1px #970020 solid;
					}
														
		 
.tabs {
			background: transparent url(../images/navBacker.gif) bottom repeat-x;;
			clear: both;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 2px 199px;
			font-size: 12px;
			height: 18px;
			text-align: left;
			}
		
.tabs img {
					 clear: both;
					 float: left;
					 position: absolute;
					 top: 126px;
					 height: 18px;
					 width: 180px;
					 left: 146px;
					 border: 0px;
					 
  				 }	
						
.tabs ul {
  		 	 list-style:none;
		 		 margin: 0;
		 		 padding: 0;
				 background: transparent;
		 		 }
		 
.tabs li {
				 padding: 0px 0px 0px 0px;
				 margin: 0px 0px -2px 0px;
				 font-size: 12px;
				 background: transparent url(../images/tabLeft.gif) top left no-repeat;
				 
				 }	
	
						
.tabs a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 12px;
	background: transparent url(../images/tabLeft.gif) top left no-repeat;
	font-size: 11px;
	text-decoration: none;			
	float:left;
	font-weight: bold;
	font-family: verdana, sans-serif;		  
		 				}
						
						body>div.base>#navigation>div.tabs a {
									font-size: 10px;
									
									}

			
.tabs a span {
			background: transparent url(../images/tabRight.gif) top right no-repeat;
			float: left;
			padding: 5px 12px 2px 2px;
			margin: 0px 1px -2px -2px;

						}
						
		 
.tabs li a:hover {
					background: transparent url(../images/tabLeftOver.gif) top left no-repeat;
					padding: 0px 0px 2px 12px;
					margin: 0;
					}
					
.tabs li a:hover span {
				background: transparent url(../images/tabRightOver.gif) top right no-repeat;
				cursor: hand;
				
				}
				
					
.tabs #current span {
							border-bottom: 0px #fff solid;
							padding: 5px 12px 0px 0px;
							margin: 0px 1px  0px -2px;
								
							 }
			
.tabs #current a {
							 	background: url(../images/tabLeft.gif) top left no-repeat;
								margin: 0px 0px 0px 0px;	
								padding: 0px 0px 0px 12px;
								float: left;
									
								 }	
								 
.tabs #current a:hover {
					background: url(../images/tabLeftOver.gif) top left no-repeat;
					padding:0px 0px 0px 12px;
					margin: 0;
					}
								 				
.tabs #current a span {
								padding: 5px 12px 3px 2px;
								
														}
					
.subtabs {
				 clear: both;
				 background: #f3f3f3 url(../images/subTabsBack.gif) repeat-x;
				 font-size: 10px;
				 padding: 2px 0px 0px 0px;
				 margin: 0px;
				 height: 15px;
				 border-bottom: 1px #989898 solid;
				 font-family: geneva, tahoma, arial, sans-serif;
				 }
				 
				.subtabs ul.tagline {
					float: right;
					margin-right: 155px;
					}

.subtabs ul {
  		 	 list-style:none;
		 		 margin: 1px 0px 0px 5px;
		 		 padding: 0;
				 float:left;	
		 		 }
		 
		 
.subtabs li {
				 padding: 0px 0px 0px px;
				 margin: 0px 0px 0px 0px;
				 float:left;	
				 text-transform: uppercase;
				 letter-spacing: 1px;
				 color: #696969;
				 font-weight: bold;
				 }	
	
.subtabs li a:link, .subtabs li a:visited {
				 margin: 0px 3px 1px 3px; 
				 padding: 0px 3px 0px 3px;
				 text-decoration: none;
				 float: left;
				 }
				 
.subtabs li a:hover {
				  margin: 0px 3px 1px 3px; 
				 background: #cdcdcd;			 
				 }
				 
.subtabs li.current {
				 margin: 0px 2px 1px 2px;
				 padding: 0px 0px 0px 0px;
				 
				  }
				 
	.subtabs li.current a {
				border: 0px #000 solid;
				background: #FBAEB7;
				 }
				 
.subtabs li.current a:hover {
				 color: #000;
				 margin: 0px 3px 1px 3px; 
				 background:  #D8737F;
				 }
				 
				 
				 
/*----------Page Navigation --------------*/
.tLeft {
			 width: 659px;
			 margin: 0px 0px 0px 0px;
			 border-right: 0px #f5f5dc solid;
			 padding: 0px 0px 0px 0px;
			 background: #dedede url(../images/pageNav.jpg) repeat-x;
			 border-top: 1px #ccc solid;
			 height: 35px;
			 
			 	 }

			.tLeft img {
						 float: left;
				 }
				 
			.tLeft h2 a {
					font-size: 18px;
					font-family: times, serif;
					font-weight: bold;
					letter-spacing: -1px;
					line-height: 32px;
					color: #660000;
					text-decoration: none;
					margin: 8px 0px 0px 15px;
					padding: 0px;
					}

ul.pageLinks {
			padding: 0px 0px 0px 0px;
			margin: 0px 10px 0px 0px;
			list-style-type: none;
			float: right;
			font-family: arial, verdana, sans-serif;
			}

ul.pageLinks li{	
				display: inline;
				float: left;
				margin: 0px 0px 0px 25px;	
				font-size: 10px;		
				
				}
				
			ul.pageLinks li a {
					margin: 0px 0px 0px 0px;
					display: block;
					padding: 10px 0px 0px 3px;
					float: left;
					text-decoration: none;
					}	
					
			ul.pageLinks li a:hover {
					color: #cc0033;
					}
					
					
			ul.pageLinks li.current {
					background: #ffcccc url(../images/subCurrent.jpg);
					margin-bottom: 0px;
					padding: 0px 5px 12px 4px; 
					}
					
					
/*--------------Product/ServicePage Headers------------*/
.servicesPage {
			display: block;
			float: left;
		  background:  #ffcccc url(../images/subcCurrent.jpg) 0 -29px; 
			border-top: 1px #daaca7 solid;
			padding: 0px 0px 3px 19px;
			margin: 0px 0px -10px 0px;
			font-weight: bold;
			font-size: 9px;
			width: 640px;
		
			 }

			 .servicesPage p {
			 		float: left;
					}
	
				.servicesPage ul.pageLinks a {
								text-align: center;
								text-decoration: none;
								color: #375b92;
								font-family: verdana, arial, sans-serif;
								font-size: 9px;
								font-weight: bold;
								}
								
								
				.servicesPage ul li.current {
							background: transparent;
							}
						
				.servicesPage ul li.current a {
							color:#501028;
							}

/*----------------------Modifiers---------------*/

						
#mid {
		 margin: 0px 0px 0px 10px;
		 border-right: 5px #deb887 solid;
		 border-bottom: 5px #AE8D62 solid;
		 }
		 
	


.links {
			 width: 100px;
			 margin: 10px 10px 10px 5px;
			 background: #deb887;
			 }
			 
.full {
			
			border: 0px #000 solid;
			margin: 20px 0px 10px 0px;
			padding: 0px 100px 30px 20px;
			background: transparent;
			}
			
.full p {
						margin: 0px 0px 0px 0px;
						padding:4px 0px 0px 0px;
						}
		
.toolbar {
				 margin: 10px 5px 10px  10px;
				 padding: 0px 0px 0px 0px;
				 border: 2px #000 solid;
				 float: right; 
				 background: #cccccc;
				 width: 140px;
		}
		
	
/*---------------------Workaround containers--------------------------*/


														 
														 
/*-----------------The Typography----------------------------*/

p.default {
					padding: 0px 75px 0px 0px;
					font-size: 12px;
					line-height: 18px;
					}
		
		
					
#sectionBlock {
				width: 645px;
			/*	height: 800px; */
				border: 0px #c3c3c3 solid;
				margin: 15px 5px 5px 25px;
				padding: 0px;
								}
				
/*--------------UL Lists.....fuckers--------*/

.full ul {
			list-style-type: square;
			margin: 5px 0px 20px 20px;
		  padding:0px 0px 0px 5px;
			color: #000;
			}
			
.full li {
			line-height: 21px;
			font-size: 13px;
			font-family: "Lucida Grande", Geneva, Arial, sans-serif;
			font-weight: normal;
			margin: 0px 0px 0px 0px;
			color: #660300;
			}
		

.loginForm {
				margin: 20px 0px 0px 45px;
				border: 1px #ccc solid;
				background: #fff8dc	;
				padding: 4px;
				font-size: 13px;
				}
				
#homePage {
		
		background: #696969 url(../images/homeBackN.jpg) 0px 0px no-repeat;
		width: 741px;
		height: 575px;
		border: 0px #000 solid;
		position: relative;
		}
		
		ul.homeServiceList {
								 float: left;
								 padding: 0px 0px 0px 15px;
								 margin: 30px 0px 0px 15px;
								 line-height: 18px;
								 color: #F8D56B;
								 font-size: 13px;			
								 }
								 
								ul.homeServiceList a:link, ul.homeServiceList a:visited {
										 color: #F8D56B;
										 }
								ul.homeServiceList a:hover {
										 color: #808000;
										 }
								ul.homeServiceList strong {
											color: #ffb6c1;
											}

ul.dual {
	list-style-type: square;
	}
	
ul.dual li {
	width: 70%;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	

										 
#ptg {
		position: absolute;
		left: 415px;
		top: 245px;
		color: #F8D56B;
		font-size: 12px;
		font-family: georgia, serif;
		width: 200px;
		}
					
		
#contWin {
		width: 600px;
		height: 450px;
		border: 1px #000 solid;
		}
		
#devWarn {
		background: #add8e6;
		font-size: 12px;
		line-height: 16px;
		padding-top: 5px;
		height: 22px;
		color: #000;
		font-family: verdana, arial, sans-serif;
		}
		
/*------------The PageLowers----------------*/

#lowerPage {
		width: 741px;
		height: 280px;
		background: #F8F1EF url(../images/lowerBacker.jpg) no-repeat;
		position: absolute;
		bottom: 0px;
		left: 0px;
		margin: 0;
		padding: 0;
		}

		#lowerPage ul, #lowerPage img {
			float: left;
			list-style-type: none;
			margin: 0px 0px 0px 0px;
			padding: 0;
		
					}
			
		#lowerPage li#webLog {
			width: 215px;
			height: 200px;
			border: 0px #696969 solid;
			padding: 3px;
			line-height: 18px;
			float: left;
			margin: 62px 10px 0px 0px;
			padding: 2px 0px 0px 22px;
			}	
			
		#lowerPage li#imcLog {
				border: 0px #696969 solid;
				float: left;
				width: 255px;
				line-height: 18px;
				margin: 75px 20px 0px 10px;
				padding: 2px 0px 0px 8px;
				height: 190px;
				list-style-type: none;
				}	
		
		#lowerPage li#thisThat {
			float: left;
			width: 190px;
			height: 175px;
			border: 0px #696969 solid;
			margin: 100px 0px 0px 0px;
			color: #8b0000; 
			font-size: 10px;
			font-family: arial, verdana, sans-serif;
			}
			
		#lowerPage a:link, #lowerPage a:visited {
				color: #0F0F28;
				font-size: 9px;
				font-family: verdana, 	arial, sans-serif;
				}
				
				#lowerPage li#thisThat a{
					font-weight: bold;
					} 
				
	 #lowerPage a:hover {
	 			color: #cc0033;
				font-weight: bold;
				}
				
				
#lowerPage div.quicklinks {
		font-size: 7px;
		font-weight: bold;
		color: #8b0000;
		font-family: verdana, sans-serif;
		line-height: 13px;
		border-top: 1px #ccc solid;
		margin-top: 8px;
		margin-bottom: 5px;
		margin-right: 15px;
		padding-top: 8px;
		}