/* Copyright © 2010 Graphic Connection, author David Vancura, all rights reserved */

/* structure */


#search form input,
#search_glossary form input{
	background: #666;
	color: #CCC;
	font-size: 9px;
	}
	
#search
	{
	font-size: 0.7em;
	position: fixed;
	margin-top: -30px;
	width: 880px;
	color: #666;
	text-align: left;
	z-index: 250;
	height: 45px;
	}
	
#search_glossary
	{
	position: relative;
	font-size: 0.7em;
	margin-top: -30px;
	width: 880px;
	color: #666;
	text-align: left;
	z-index: 250;
	padding-bottom: 15px;
	}

	
#search form .radio,
#search_glossary form .radio
	{background:transparent;}


* {
	margin: 0;
	padding: 0;
	outline: 0;
	/* border:0; Stops Image Gallery in IE6  */
	font-size: 100%;
	background: transparent;
	border-style: none;
	}

body  {
	text-align: center;
	font: 100%/1.125em Verdana, Geneva, sans-serif;
	background: #000;
	}
	
#container {
	width: 880px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:40px 0 0 0;
	} 
	
#header {
	position:fixed;
	height: 165px;
	width: 880px;
	margin-top: -40px;
	z-index: 90;
	}
	
#header_glossary {
	position:relative;
	height: 165px;
	width: 880px;
	margin-top: -40px;
	z-index: 90;
	} 
	
#header_slice{
	background: url(../images/template_slices/header_slice.png) no-repeat;
	height: 165px;
	width: 880px;
	position: relative;
	z-index: 210;
	}
	
	
#flash_stars{
	height: 119px;
	width: 874px;
	margin-top: -126px;
	position: relative;
	 }
	 
#no_flash{
	display: block;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 1200;
}

	
#center_div {
	background: #FFF url(../images/template_slices/center_slice.png) repeat-y;
	min-height:420px;
	padding: 135px 120px 0;
	}
	
#center_div_glossary {
	background: #FFF url(../images/template_slices/center_slice.png) repeat-y;
	min-height:420px;
	padding: 0px 120px 0;
	}
	

	
#footer {
	background: url(../images/template_slices/footer_slice.png) no-repeat;
	height: 100px;
	width: 880px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 1em;
	position: relative;
	}
	
#footer_tall {
	background: url(../images/template_slices/footer_slice_tall.png) no-repeat;
	height: 125px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 1em;
	position: relative;
	}
	
#footer p,
#footer_tall p{
	word-spacing: 0.05em;
	font-size: 0.55em;
	text-align: center;
	text-indent: -15px;
	line-height: 0.9em;
	color: #000;
	padding-bottom: 1em;
	position: relative;
	z-index: 1200;
	}
	
	
	
#css_icon
	{
	position: relative;
	margin-top: -45px;
	margin-left: -740px;
	}
	
#W3C_xhtml
	{
	position: absolute;
	margin-left: 818px;
	margin-top:-48px;
	}
	
	
#W3C_css {
	position: absolute;
	margin-left: 818px;
	margin-top:-25px;
	}
	
	


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}

/* common styles */

#center_div p,
#center_div_glossary p{
	word-spacing: 0.05em;
	padding-bottom: 0.6em;
	padding-top: 0.3em;
	font-size: 0.75em;
	line-height: 1.5em;
	letter-spacing: 0.03em;
	text-align: left;
	z-index: 100;
	color: #666;
	}
		
		
h1 {
	font-size: 1em;
	padding-top: 1em;
	padding-bottom: 0.7em;
	line-height: 1.2em;
	}
	
		
h2 {
	font-size: 0.9em;
	padding-top: 1em;
	padding-bottom: 0.7em;
	}
	
		
h3 {
	font-size: 0.85em;
	padding-top: 1em;
	padding-bottom: 0.3em;
	}
	
#footer h3,
#footer_tall h3
{
	font-size: 0.6em;
	padding-top: 38px;
	padding-bottom: 0em;
	text-indent: 0px;
	margin-left: -16px;
	color: #000;
	}
		
h4 {
	padding-top: 0.7em;
	padding-bottom: 0.4em;
	font-size: 0.7em;
	text-align: center;
		}
		
			
h5 {
	font-size: 0.65em;
	font-style: italic;
	font-weight: lighter;
	text-align: center;
	line-height: 1.4em;
	margin-top: -0.75em;
	padding-bottom: 1em;
		}
		
h6 {
	font-size: 1em;
	padding-top: 1em;
	clear: left;
	color: #03C;
	text-decoration: blink;
	font-style: italic;
	}
		
h1, h2, h3, h4, h5 
	{
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
	color: #039;
	position: relative;
	}
	
.subhead {
	font-size: 85%;
	font-weight: normal;
}
	
	
#center_div .pic_caption 
		{
	text-align: center;
	display: block;
	font-size: 0.65em;
	color: #039;
		}
		
#center_div .pic_caption_justify 
		{
	text-align: justify;
	display: block;
	font-size: 0.7em;
	font-style: italic;
	color: #039;
	text-indent: 1em;
		}
		

		
.bold {
	font-weight: bold;
	   }
	   
.not_bold {
	font-weight: normal;
	   }
	   
.italic {
	font-style: italic;
	   }
	   

.indent
	{
	text-indent: 1em;
	}
	   
.underline {
	text-decoration: underline;
	   }
	   
.red_text {color: #F00;}

.dk_blue_txt{color: #4F526C;}
	
.clear{clear: both;}
.clear_left {clear: left;}
.clear_right {clear: right;}
	
	
.float_right{float: right;}
	
.float_left{float: left;}
	
#sub_site {
	line-height: 1em;
	width: 816px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-right: 5px;
	text-align: center;
	margin-top: -10px;
	padding-bottom: 1em;
			}
			
#footer p .pipes,
#footer_tall p .pipes
	{
	font-size: 1.3em;
	color: #3E3E3E;
	}
	
#sub_site .pipes	
	{
	font-size: 1.3em;
	color: #333;
	}

	
#sub_site h4 {
	text-align: center;
	letter-spacing: 0.1em;
	word-spacing: 0.2em;
	padding-bottom: 1.2em;
	font: small-caps 9px Verdana, Arial, Helvetica, sans-serif;
	margin-left: -12px;
	padding-top: 0.5em;
	color: #666;
	}
	
#sub_site p {
	color: #4F526C;
	text-align: center;
	word-spacing: 0.1em;
	margin-right:-5em;
	margin-left: -5em;
	padding-right: 15px;
	display: block;
	margin-top: -1em;
	font: 8.5px/1.5em Verdana, Geneva, sans-serif;
	}
	
ol, ul{
	color: #666;
}


.ol_1_column,
.ol_1_col_center,
.ol_1_column_wide,
.ol_2_column,
.ol_home_page,
.ol_graphic_design,
.ol_3_column,
.ol_links
	{
	font-size: 0.75em;
	line-height: 1.4em;
	text-align: left;
	margin-bottom: 2em;
	list-style: url(../images/common/arrow_bullet.jpg) none outside;
	}
	

	
.ol_1_column li,
.ol_1_col_center li,
.ol_1_column_wide li,
.ol_2_column li,
.ol_home_page li,
.ol_graphic_design li,
.ol_3_column li,
.ol_links
	{
	padding:1em 0 0 0;
	}
	
.ol_intro
	{ padding:0.7em 0 0 2em; }
	
.ol_intro li
	{ padding-bottom:0.3em; }
	
		
.ol_2_column,
.ol_home_page,
.ol_graphic_design,
.ol_3_column,
.ol_3_column_intro
	{
	float: left;
	}
	
.ol_3_column_intro
	{
	padding: 0 2em 0 3em;
	margin-left:0.75em;
	}
	
.ol_3_column_intro li
	{
	margin-bottom:0.3em;
	}
		
.ol_1_column, .ol_links {
	margin-left:3em;
	}
	
.ol_1_col_center {
	margin-left: 175px;
	}
	
.ol_1_column_wide {
	margin-left: 2em;
	clear: left;
	}
	
.ol_2_column {
	padding: 0 2em 0 3em;
	margin-left:0.75em;
	}
	
.ol_home_page {
	margin-right: 6em;
	margin-left: 5em;
	padding-bottom: 1em;
	}
	
.ol_graphic_design {
	margin-left:5em;
	padding-left: 5em;
	}
	
.ol_3_column {
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 7em;
	margin-right: 5px;
	}
	

img.center 
	{
	display:block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	}
	
img.center2 
	{
	display:block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -15px;
	}
	
img.center3 
	{
	display:block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -15px;
	}
	
img.link_icons
	{
	display:block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -1.2em;
	}
	

	
/* glossary styles */
		
#glossary_nav {
	margin-top: -15px;
	text-align: center;
	}
	

#glossary li .last  {
	border-right-style: none;
	}
		
#glossary_list p {
	font:normal 0.75em/1.4em verdana, aria, sans-serif;
	word-spacing: 0.05em;
	padding-bottom: 0.5em;
	text-align: left;
	text-indent: 0px;
	}
				
				
 #glossary_nav li {
	font-size: 0.8em;
	display: inline;
	margin-right: 0em;
	padding-right: 0.4em;
	padding-bottom: 0.2em;
	border-right: 1px solid #CCC;
}

 #glossary_nav .last {
border-right-style: none;
	}
	
	 .glossary_popup a span { /* glossary hover popups */
	display: none;
	}
	
 .glossary_popup a:hover span {
	display: block;
	position: absolute;
	top: 40px;
	left: 38%;
	width: auto;
	padding: 5px;
	z-index: 1200;
	background:url(../images/common/drop_bkgrd.png) repeat;
	text-align: left;
	color: #FFF;
	font: 0.7em/12px Verdana, Geneva, sans-serif;
}

#directory p {
	color: #66636B;
	text-align: center;
	word-spacing: 0.1em;
	margin-right:-5em;
	margin-left: -5em;
	padding-right: 15px;
	display: block;
	margin-top: -1em;
	font: 8.5px/1.5em Verdana, Geneva, sans-serif;
	}
	
#directory a:link, #directory a:visited
	{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #66636B;
	}
	


#directory a:hover {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFCC;
	}
	
	

/* Portfolio TOP MENU */
	
#portfolio_nav {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	}


#portfolio_menu li
	{
	display: inline;
	margin-right: 10px;
	padding-right: 12px;
	font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #CCCCCC;
	}

#portfolio_menu li a:link {text-decoration: none}

#portfolio_menu li a:hover {text-decoration: underline}

#portfolio_menu .last {border-right-style: none;}

.mouseover_icon {
	margin-top: 80px;
	margin-right: 55px;
	position: relative;
	float: right;
	}

/* home styles */

img.privacy-policy
	{
	float: right;
	margin-top: -15px;
	margin-bottom: -5px;
	padding-left: 15px;
}
	


	
	   



	

	
.letterpress_reflect
	{
	float:left;
	margin-right: 25px;
	margin-bottom: -5px;
	padding-top:15px;
	}
	
img.illustrator_icon
	{
	float: left;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 10px;
	}
	
img.photoshop_icon
	{
	float: left;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 10px;
	}
	
img.indesign_icon
	{
	float: left;
	margin-left: 5px;
	padding-top: 2px;
	padding-right: 10px;
	}
	
img.acrobat_icon
	{
	float: left;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 10px;
	}
	
img.flash_icon
	{
	float: left;
	margin-left: 5px;
	margin-top: -10px;
	padding-right: 10px;
	}
	
img.dreamweaver_icon
	{
	float: left;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 10px;
	}
	
img.fireworks_icon
	{
	float: left;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 10px;
	}
	
img.flash_icon
	{
	float: left;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 10px;
	}
	
#adobe {
	background: url(../images/home/adobe.gif) no-repeat fixed center 410px;
	}
	
.question_graphic 
	{float:left;
	margin-top:1px;
	margin-right:20px;
	}
	
.pink_pig
	{float:left;
	margin-top:5px;
	margin-right:25px
	}


	



/* graphic design styles */




img.count_pennies 
	{
	float:left;
	margin-bottom:-5px;
	margin-right:20px;
	margin-top: -10px;
	}
	

	
.vector_soda {
	float: left;
	margin-left: -10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0;
	}
	

	
img.newsletter
	{
	float: right;
	padding-left: 30px;
	padding-top:10px;
	padding-right: 10px;
	}
	

	
	
img.pres_folder_animation
	{
	float: right;
	margin-right: -10px;
	padding-left: 25px;
	}
	
img.pres_folder_plaza
	{
	float: left;
	padding-right: 35px;
	padding-top: 20px;
	margin-left: 10px;
	}
	
img.plaza_pics
	{
	float: right;
	padding-left: 25px;
	padding-top: 15px;
	}
	

	

	
img.signs_banners
	{
	margin-right: auto;
	display: block;
	margin-left: auto;
	padding-top: 15px;
	}
	
img.raster_a
	{
	float: right;
	padding-top:20px;
	margin: -4px 5px 0 -8px;
	}
	
img.vector_a
	{
	float: right;
	margin: -8px 5px 0 8px;
	}
	
img.design_101
	{
	float: right;
	padding-left: 10px;
	margin-right: -7px;
	margin-top: -8px;
	}



/* website design styles */

.pc_globe
	{
	float: left;
	padding-right: 20px;
	margin-top:7px;
	}
	

	
img.search
	{
	margin-right: auto;
	margin-bottom: -15px;
	margin-left: auto;
	}
	
	
.keyboard_save_key 
	{
	float: left;
	margin-top: -10px;
	padding-right:10px;
	}



/* SEO design styles */

img.google_seo
	{
	float: left;
	margin-bottom: -65px;
	padding-top: 10px;
	padding-right: 18px;
	}
	
.black_hat
	{
	float: left;
	padding:8px 20px 0px 0;
	}
	
.white_hat 
	{
	float: left;
	padding:10px 20px 10px 0;
	}
	
img.analytics
		{
	float: left;
	padding-right: 20px;
	margin-top: -7px;
	padding-left: 10px;
		}
		
img.serp_man
	{
	float: left;
	padding-right: 15px;
	}
	
img.analytic_sm
		{
	float: left;
	padding-right: 22px;
	padding-top: 10px;
	margin-bottom: -10px;
		}
		
img.banned_site
		{
	float: left;
	padding-right: 22px;
	margin-top: -18px;
	padding-top: 27px;
	padding-bottom: 12px;
		}
		
img.pizza_SERP
	{ float: left; 	}
	





.sprites_icon {
	display: block;
	margin-right: auto;
	margin-bottom: -20px;
	margin-left: auto;
	padding-top: 15px;
}

.mini_tab_navs
	{
	display: block;
	margin-right: auto;
	margin-left: auto;
	}
	
.zen_garden
	{
	float: left;
	padding-left:25px;
	padding-top:5px;
	padding-right: 25px;
	}
	
/* markup style */



.markup {
	color: #6E6878;
	font: 108% "Courier New", Courier, monospace;
}
.pre_style {
	background: #E1E1E1;
	border: 1px dashed #666666;
	color: #000099;
	margin-top: 1em;
	margin-left: 1em;
	font-size: 0.85em;
	line-height: 1.4em;
	overflow: auto;
	text-align: left;
	text-indent: 0px;
	max-height:200px;
	padding: 10px;
}

.p_example {
	font: 1em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #3300FF;
	padding: 1em;
	border: 3px double #993300;
	background: #D4D9FF;
	display: block;
	}	
	
	
/* animation styles */


			
.photoshop_logo {
	float: left;
	margin-bottom: -15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

/* photography styles */

.img_camera {
	float: right;
	margin-top: -14px;
	margin-right: -25px;
	padding-left: 2px;
}


	
img.plaza_fountain
		{
	float: right;
	padding: 10px 25px 5px;
		}


/* pic sets w/ captions */


	
		
#acne,
#delmonte
	{
	display: block;
	width: 375px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
		}
	
	
#color_cast_yes,
#color_cast_no
	{
	float: left;
	display: block;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
		}
		
#hollywood_before,
#hollywood_after, #hollywood_after2
	{
	float: left;
	display: block;
	width: 300px;
	position: relative;
		}
			
.white_balance_card {
	float: left;
	padding-top: 10px;
	padding-right:25px;
}

.img_camera_raw {
	display: block;
	margin-left: -20px;
	float: left;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 5px;
}

/* retouch - styles */
.img_skin_tone {
	float: left;
	margin-top: -20px;
	padding-right: 20px;
	margin-bottom: -10px;
	position: relative;
}



.img_eyedropper_target {
	float: right;
	padding-right: 45px;
	padding-left: 35px;
	}

.img_curves_layer {
	float: left;
	padding-left: 5px;
	margin-right: -10px;
}

.img_info_values {
	float: left;
	padding-right: 25px;
	clear: both;
	padding-bottom: 15px;
	margin-top: -35px;
}

.img_info2CMYK {
	float: right;
	margin-top: -20px;
	padding: 18px 8px 8px 40px;
}

.img_curves_channels {
	float: left;
	padding-right: 35px;
	padding-top: 10px;
	padding-left: 15px;
}
.img_tweeking_CMYK {
	float: left;
	padding-bottom: 10px;
	padding-top: 15px;
	padding-right: 10px;
	margin-left: -20px;
	}
	

	
.info_dialogue
	{
	float: right;
	padding-right: 15px;
	padding-left: 15px;
	}



	

		
#indented_p {
			padding-left:70px;
			margin-top:-110px
			}
.img_bleed-margin {
	padding-top: 15px;
	margin-left: -240px;
}



	
	
/* RE Touch */

.inspect {
	float: left;
	padding-right:25px;
	margin-left: -10px;
	padding-top: 0px;
}
#cities_served {
	position: relative;
	z-index: 0;
	padding-top: 25px;
	text-align: center;
	text-indent: 0px;
}


/* printing - styles */

.inspect_printing {
	float: right;
	margin-top: -35px;
	margin-bottom: -15px;
	padding-left: 20px;
	margin-right: -15px;
	}
	
.cmyk_target
	{
	float: left;
	padding: 5px 25px 0 0;
	}
	

.img_pdf_advantages {
	margin-top: 10px;
	margin-left: 130px;
	margin-bottom:-110px;
	float:left;
	}


	
.img_pdf_resolution {
	float: right;
	margin-right: -20px;
	padding-top: 15px;
	padding-left: 15px;
	}





.img_check_list {
	float: left;
	margin-left: -15px;
	padding-right: 25px;
	padding-top: 5px;
	margin-top: -15px;
	}

.color_circles
	{
	float: left;
	padding-right: 25px;
	}
	
.img_font {
	float: left;
	margin-bottom: -25px;
	padding-top: 15px;
	}
	

	

	

	

.evels_grey_dropper {
	float: left;
	padding-top: 10px;
	padding-right:15px;
	}
	

		

		


.markup_list {
	list-style-type: decimal;
	font-size: 0.85em;
	line-height: 1.4em;
	text-align: left;
	margin-bottom: 2em;
	margin-left:7em;
	}
	

.bold_red
	{
	font-weight: bold;
	color: #F00;
	}
	
.small_font{font-size: 85%;}





#env_intro{
	padding-left: 170px;
	position: relative;
	}
	
img.postcard_regulations {
	padding-top: 18px;
	float: left;
	padding-right: 30px;
	padding-bottom: 12px;
	}
	
img.postcard_stamp
	{
	position: relative;
	float: left;
	margin-right: -444px;
	margin-top: 45px;
	margin-left: 45px;
	}
	
img.firstclass_stamp
	{
	position: relative;
	float: right;
	margin-left: -144px;
	margin-top: 25px;
	margin-right: 25px;
	}
	
	
	
	

	
	
	
img.env_aStyle 

	{
	float: left;
	position: relative;
	margin-right: -95px;
	margin-top: 65px;
	}
	

img.env_barStyle
	{
	float: left;
	position: relative;
	margin-right: -95px;
	margin-top: 65px;
	}
	
img.paper_sizes
	{
	float: right;
	padding-left: 20px;
	margin-top: -15px;
	margin-left: -20px;
	}
	

	

	
img.fruit_animation
	{
	float: right;
	margin-top: -8px;
	}



img.quote_request
	{
	margin-right: auto;
	margin-left: auto;
	padding-right: 22px;
	}
	
img.paper_types
	{
	float: left;
	padding:12px 25px 15px 0px;
	}

img.phone_number
	{
	float: left;
	padding-right: 155px;
	padding-left: 15px;
	margin-top: -2px;
	}
	
img.my_pic{
	float: left;
	padding-right: 2em;
	padding-left: 1em;
	position: relative;
	margin-bottom: -1.5em;
	height: 150px;
	width: 180px;
	}

	
	
img.business_envelope{
	position: relative;
	float: left;
	margin-right: -55px;
	margin-top: 55px;
	}
	

.blue_text{color: #00F;}
.monospace{font-family: "Courier New", Courier, monospace;}
.add_curves{
	float: right;
	position: relative;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 10px;
}
.skin_tone_curves{
	float: left;
	padding-right: 20px;
	position: relative;
	margin-left: -10px;
	padding-bottom: 8px;
}
.skin_tone_examples {
	margin-left: auto;
	height: 175px;
	width: 105px;
	margin-right: auto;
	position: relative;
	float: left;
	padding-top: 15px;
	}
.chris_orwig{
	float: left;
	padding-right: 20px;
	position: relative;
	clear: left;
	margin-top: -15px;
	padding-left: 8px;
}
marquee{
	font-size: 8px;
	color: #444;
	padding-top: 60px;
}

.minus_ten_bottom_margin{ margin-bottom: -20px; }

#busCard_portfolio ul,
#brochure_portfolio ul,
#logo_portfolio ul,
#postCard_portfolio ul,
#flyer_portfolio ul
	{
	float: left;
	}
	
	
.brochure_portfolio a span,
.busCard_portfolio a span,
.logo_portfolio a span,
.postCard_portfolio a span,
.flyer_portfolio a span
	{
	display: none;
	}
	
#postCard_portfolio ul .postCard_portfolio a:hover,
#brochure_portfolio ul .brochure_portfolio a:hover,
#busCard_portfolio ul .busCard_portfolio a:hover,
#flyer_portfolio ul .flyer_portfolio a:hover,
#logo_portfolio ul .logo_portfolio a:hover
{text-decoration: none;}/* !!!!!!!  Needed for Safari !!!!!!!!!! */