/*
Theme Name: Kryptiq
Theme URI: http://kryptiq.com/
Description: The default Kryptiq theme.
Version: 1.0
Author: Grady Britton
Author URI: http://gradybritton.com/
Tags: blue
*/

/***** Reset *****/
	html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/***** Accessibility *****/
	.hidden{ display: none; }


/***** Container *****/

	body{
		background: url(./_img/bg-blue.png) top center no-repeat;
		font-size: 11px; font-family: verdana, times; color: #4d4d4d;
		margin: 0; padding: 0;
		text-align: center;
	}

		#container{
			display: block;
			margin: 0 auto 0px; padding: 0;
			text-align: left;
			width: 899px;
			overflow: hidden;
			position: relative; /* to contain absolute positioned items */
		}

/***** Header *****/
	
			table{ font-size: 11px;}

			#header{
				background: transparent;
				display: block;
				margin: 0; padding: 0;
				width: 899px; height: 144px;
				position: relative;
				float: left; clear: both;
				z-index: 1;
			}
				
				body.home #header{
					height: 104px;
				}
				
				#header h1{
					background: transparent;
					display: block;
					width: 229px; height: 28px;
					margin: 0; padding: 0;
					position: absolute; top: 44px; left: 37px;
				}
				
					#header h1 a{
						background: transparent url(./_img/kryptiq.png) 0 0 no-repeat;
						display: block;
						width: 229px; height: 28px;
						margin: 0; padding: 0;
						text-indent: -5000px;
						outline: 0; /* removes the dotted outline when this is clicked that will stretch to the left of the screen */
					}
					
				#header h2{
					display: block;
					margin: 0 0 0 0; padding: 0 0 0 12px;
					width: 350px;
					line-height: 15px;
					border-left: 1px solid #6d6e70;
					position: absolute; top: 44px; left: 307px;
					font-family: verdana !important; font-size: 10px; color: #4d4d4d; font-weight: normal;
				}
					#header h2 span{ /* little hack to remove extra spacing from top and bottom of text (part of font, not margin/padding) */
						display: block;
						margin-top: -2px;
						margin-bottom: -2px;
					}
					html>body #header h2 span{
						margin-top: -4px;
					}
					
					#header h2 em{
						font-weight: bold;
						font-style: oblique;
					}
					
			#header form{
				display: block;
				width: 200px; height: 20px;
				position: absolute; top: 20px; right: 18px;
			}
				
				#header form label{ display: none; } 
				
				#header form input{
					background: #fff url(./_img/icn_search.png) 5px 3px no-repeat;
					width: 200px; height: 22px;
					margin: 0; padding: 3px 5px 3px 25px;
					border: 1px solid #6d6e70;
					color: #30688d;
					font-size: 11px;
				}
				html>body #header form input{
					width: 170px; height: 16px
				}
				
				#header form #searchsubmit{
					display: none;
				}
				
			#header .breadcrumbs{
				display: block;
				width: 845px;
				margin: 0; padding: 10px 0px;
				font-size: 9px;
				border-top: 1px solid #a6a6a6;
				color: #777777;
				position: absolute; bottom: 0; left: 37px;
			}
				
				#header .breadcrumbs a{
					text-decoration: none;
					color: #777;
				}

/***** Navigation *****/

			#navigation{
				background: transparent;
				display: block;
				margin: 0 0 -30px 0; padding: 0;
				width: 263px; height: 30px;
				position: relative; top: -70px; left: 630px;
				z-index: 100;
			}
				body.home #navigation{ margin-bottom: -30px; top: -30px;}
				html>body #navigation{
					left: 640px;
					width: 263px;
					height: 30px;
					margin: 0 0 -70px 0;
				}
			
				#navigation ul{
					display: block;
					height: 30px;
					list-style: none;
				}
				
					#navigation ul li{
						display: inline;
						padding: 3px 0;
						margin: 0;
						border-left: 1px solid #6d6e70;
					}
						#navigation ul li:first-child,
						#navigation ul li.first-child{
							border: 0 !important; 
						}
					
						#navigation ul li a{
							color: #30688d;
							text-decoration: none;
							font-size: 13px;
							padding: 0 18px; margin: 0;
						}
							
							#navigation ul li a:hover,
							#navigation ul li.current_page_item a,
							#navigation ul li.current_page_parent a,
							#navigation ul li.current_page_ancestor a{
								color: #000;
							}

/***** Content *****/

			#content{
				background: transparent;
				display: block;
				margin: 0; padding: 0;
				width: 899px;
				position: relative;
				float: left; clear: both;
			}
			
				#content .solutions_box{
					background: #31688e;
					border: 4px solid #fff;
					-webkit-border-top-left-radius: 11px;
					-webkit-border-bottom-left-radius: 11px;
					-moz-border-radius-topleft: 11px;
					-moz-border-radius-bottomleft: 11px;
					border-top-left-radius: 11px;
					border-bottom-left-radius: 11px;
					display: block;
					margin: 24px -4px 0 0; padding: 5px 20px 20px;
					width: 239px;
					min-height: 293px;
					height: auto !important;
					height: 293px;
					position: absolute; top: 0; right: 0; z-index: 500;
				}
					html>body #content .solutions_box{ width: 199px; background: #31688e;}
				
					.home #content .solutions_box{
						margin-top: -4px;
						-webkit-border-top-right-radius: 11px;
						-webkit-border-bottom-right-radius: 0;
						-webkit-border-bottom-left-radius: 0;
						-webkit-border-top-left-radius: 11px;
						-moz-border-radius-topright: 11px;
						-moz-border-radius-bottomright: 0;
						-moz-border-radius-bottomleft: 0;
						-moz-border-radius-topleft: 11px;
						border-radius: 11px;
						border-bottom-right-radius: 0;
					}
					
					.solutions_box h2{
						font-family: georgia;
						color: #fff;
						font-size: 17px;
						font-weight: normal;
					}
						
						.solutions_box h2 a{
							color: #fff !important;
						}
					
					.solutions_box h3{
						font-family: georgia;
						color: #fff;
						font-size: 14px;
						font-weight: normal;
					}
						.solutions_box h3 small{
							font-size: 9px;
						}
						
							.solutions_box h3 small a,
							.solutions_box h3 small a:active,
							.solutions_box h3 small a:hover{
								text-decoration: none;
								color: #fff !important;
							}
					
					.solutions_box ul.solutions{
						display: block;
						margin: 14px 0 30px 0;
						list-style: none;
						float: left; clear: both;
						width: 200px;
					}
					
						.solutions_box ul.solutions li{
							display: block;
							float: left; clear: both;
							width: 200px;
							margin: 0 0 2px 0; padding: 0;
						}
						
							.solutions_box ul.solutions li a{
								display: block;
								width: 198px !important;
								margin: 0; padding: 11px 0px 11px 18px;
								color: #4d4d4d !important;
								background: #d5dfe8 url(./_img/solutions_list.png) top left repeat-x;
								text-decoration: none;
								font-size: 12px;
								float: left; clear: none;
							}
								html>body .solutions_box ul.solutions li a{
									width: 180px !important;
								}
							
								
								.solutions_box ul.solutions li a:hover,
								.solutions_box ul.solutions li.current_page_item a,
								.solutions_box ul.solutions li.current_page_ancestor a,
								.solutions_box ul.solutions li.current_page_parent a,
								.solutions_box ul.solutions li a.active_category{
									font-weight: bold;
									color: #4d4d4d !important;
									background: #dee9ef url(./_img/solutions_list_over.gif) left center no-repeat;
								}
								
								.solutions_box ul.solutions li a:active,{
									font-weight: bold;
									color: #4d4d4d !important;
									background: #dee9ef url(./_img/solutions_list_over.gif) left center no-repeat;
								}
								
							#partner_logos{
								display: block;
								float: left; clear: both;
								width: 190px; height: 51px;
								padding: 0;
								overflow: hidden;
								background: #e0e7ed;
								position: relative;
							}
								
								#partner_logos img{
									height: 30px;
									float: left;
									padding: 10px 0;
									margin-left: 25px;
									border: 0;
								}

				
			
				#content .feature,
				#content .photo{
					background: transparent
					display: block;
					width: 899px; height: 207px;
					position: relative;
					overflow: hidden;
					-webkit-opacity: .8;
					-moz-opacity: .8;
					opacity: .8;
				}
				
					#content .photo{
						-webkit-border-top-left-radius: 11px;
						-webkit-border-top-right-radius: 11px;
						-moz-border-radius-topleft: 11px;
						-moz-border-radius-topright: 11px;
						border-top-left-radius: 11px;
						border-top-right-radius: 11px;
					}
					
					body.home #content .feature,
					body.home #content .photo{
						height: 399px;
					}
					
					#content .feature img,
					#content .photo img{
						-webkit-opacity: .8;
						-moz-opacity: .8;
						opacity: .8;
					}
				
					body.home #content .feature .image{
						display: block;
						position: absolute; bottom: 0; left: 0;
						z-index: 100;
						width: 899px; height: 399px;
						font-size: 12px;
						-webkit-border-top-left-radius: 11px;
						-webkit-border-top-right-radius: 11px;
						-moz-border-radius-topleft: 11px;
						-moz-border-radius-topright: 11px;
						border-top-left-radius: 11px;
						border-top-right-radius: 11px;
					}
					
					#content .feature .feature_copy{
						display: block;
						position: absolute; bottom: 0; left: 0;
						z-index: 9999;
						width: 899px;
						padding: 20px 32px;
						background: url(./_img/colors/color_r226_g241_b246_a38.png) repeat;
						/* background: rgba(226,241,246,.70); */
						font-size: 12px;
					}
					html>body #content .feature .feature_copy{
						width: 835px;
					}
						
						#content .feature .feature_copy h2{
							display: block;
							width: 180px;
							font-size: 28px;
							line-height: 95%;
							font-family: verdana;
							font-weight: normal;
							color: #353c3e;
							margin: 10px 20px 0 0; padding: 0;
							float: left; clear: none;
						}
							#content .feature .feature_copy h2 span{
								margin-top: -5px;
							}
						
						#content .feature .feature_copy .post{
							display: block;
							width: 410px;
							font-size: 12px;
							float: left; clear: none;
						}
		
						#content .feature .feature_copy p{
							line-height: 130% !important;
							color: #000;
						}
						
				
				#content .main{
					display: block;
					margin: 4px 0 0 0; padding: 10px 18px 32px 36px;
					width: 899px;
					background-image: url(./_img/colors/color_r226_g241_b246_a76.png);
					/* background: rgba(226,241,246,.40); */
					float: left; clear: both;
				}
				html>body #content .main{
					width: 845px;
					padding-bottom: 0;
				}
				
					.customer_list{}
						
						.customer_list td{
							padding: 20px 0;
							vertical-align: top;
						}

							
							
							.customer_list td a.external-link{
								display: block;
								width: 180px;
								margin-right: 30px;
								padding: 20px;
								border: 3px solid #dfdfdf;
								background: #fff;
								border-radius: 8px;
								-moz-border-radius: 8px;
								-webkit-border-radius: 8px;
							}
							
								.customer_list td a.external-link img{
									width: 180px;
								}
				
					.page-id-2 #content .main, /* about page */
					.parent-page-id-2 #content .main{
						background: #f3f9fb;
					}
				
					#content .main .entry{
						display: block;
						width: 608px;
						margin-top: -15px;
						margin-bottom: 32px !important;
						float: left; clear: both;
					}
					
					body.page-template-page-solutions-php #content .main .entry,
					body.page-template-page-infocenter-php #content .main .entry,
					body.page #content .main .entry{
						width: 845px;
					}
						
						.entry_block2{
							display: inline;
							width: 580px;
							float: left; clear: none;
						}
					
						#content .main .entry .column{
							display: inline;
							width: 183px;
							margin: 0 0 0 45px;
							float: left; clear: none;
						}
					
						#content .main .entry .entry_block{
							display: inline;
							width: 360px;
							float: left; clear: none;
						}
						
						#content .main .entry .list_children,
						#content .main .entry .form{
							display: inline;
							width: 183px;
							margin: 15px 0; padding: 0 0 0 20px;
							border-left: 1px solid #6D6E70;
							float: right; clear: none;
						}
						
						.page-template-page-solutions-php #content .main .entry .list_children,
						.page-template-page-solutions-php #content .main .entry .form{
							margin-right: 237px;
						}
						
							#content .main .entry .list_children h3{
								font-family: georgia;
								color: #30688d;
								font-size: 19px;
								margin-bottom: 10px; padding-top: 0;
								font-weight: normal;
							}
							
							#content .main .entry .form h3{
								font-family: georgia;
								color: #30688d;
								font-size: 14px;
								margin-bottom: 10px;
								font-weight: normal;
							}
						
							#content .main .entry .list_children ul{
								margin: -5px 0 0 0;
								list-style: none !important;
								list-style-image: none !important;
							}
								#content .main .entry .list_children ul li{
									padding: 6px 0; margin: 0 !important;
									list-style: none !important;
									list-style-image: none !important;
								}
								
									#content .main .entry .list_children ul li a{
										font-weight: normal;
										color: #31688E;
										text-decoration: underline;
										color: #4D4D4D;
									}
								
									#content .main .entry .list_children ul li a:active{
										
									}
									
									#content .main .entry .list_children ul li a:hover{
										
									}
									
								
									
									#content .main .entry .list_children ul li.current_page_item a,
									#content .main .entry .list_children ul li.current_page_parent a,
									#content .main .entry .list_children ul li.current_page_ancestor a{
										font-weight: bold;
										
										
									}
						
						
						#content .main .entry .tabs{
							display: inline;
							width: 608px;
							margin: 0; padding: 0 0 0 0;
							float: left; clear: none;
							position: relative; top: -15px; left: 0;
						}
						html>body #content .main .entry .tabs{
							top: -18px;
						}
						
							#content .main .entry .tabs ul{
								margin: -5px 0 0 0;
								list-style: none;
							}
								#content .main .entry .tabs ul li{
									display: inline;
									width: 110px; 
									float: left; clear: none;
									padding: 0; margin: 0 1px 0 1px;
								}
								
									#content .main .entry .tabs ul li a{
										display: block;
										float: left; clear: none;
										padding: 7px 1px 4px;
										width: 106px; height: 25px;
										font-weight: normal;
										color: #494d50;
										text-decoration: none;
										background: #c0dced;
										
										font-size: 11px;
										text-align: center;
										-webkit-border-top-left-radius: 11px;
										-moz-border-radius-topleft: 11px;
										border-top-left-radius: 11px;
									}
									html>body #content .main .entry .tabs ul li a{
										height: 17px;
										padding-top: 6px;
									}
									
									#content .main .entry .tabs ul li.current_page_item a,
									#content .main .entry .tabs ul li.current_page_parent a,
									#content .main .entry .tabs ul li.current_page_ancestor a,
									#content .main .entry .tabs ul li a:hover{
										background: #f3f9fb;
										color: #494d50;
										font-weight: bold;
									}
							

				

/***** Footer *****/

			#footer{
				display: block;
				margin: 5px 0 0 0; padding: 32px 18px 0px 36px;
				width: 899px;
				/* background: #f5f2e1 url(./_img/foot_bg.png) bottom left no-repeat; */
				background: url(./_img/colors/color_r215_g205_b137_a107.png) repeat;
				/* background: rgba(215,205,137,.15); */
				position: relative;
				clear: both; /* removed float because it was causing repeating text in ie6 */
				border-bottom: 45px solid #6d6e70;
			}
				html>body #footer{
					width: 845px;
				}
			
				#footer a{
					color: #4c4c4c;
				}
				
				#footer .copy{
					display: block;
					margin: 32px 0;clear: both;
					width: 845px;
					font-size: 9px;
					color: #4c4c4c;
					text-align: center;
				}
				
				#footer .col{
					display: inline;
					float: left; clear: none;
					margin: 0; padding: 0 15px 0 22px;
					border-left: 1px solid #6d6e70;
					overflow: hidden;
				}
					.col.left{ width: 403px; }
						html>body .col.left{ width: 366px;}
					
					.col.mid{ width: 226px; }
						html>body .col.mid{ width: 189px;}
					
					.col.right{ width: 212px; padding-right: 0 !important; }
						html>body .col.right{ width: 190px;}
					
						.col.right.featured_products ul{
							display: block;
							margin: -4px -23px 0; padding: 0;
							width: 220px;
							list-style: none;
						}
						
							.col.right.featured_products ul li{
								margin: 0; padding: 0;
								list-style: none !important;
							}
							
								.col.right.featured_products ul li a{
									display: block;
									width: 229px;
									margin: 0; padding: 11px 10px 11px 23px;
									color: #4d4d4d;
									text-decoration: none;
								}
								
									html>body .col.right.featured_products ul li a{
										width: 186px;
									}
									.col.right.featured_products ul li a:hover{
										font-weight: bold;
										color: #4d4d4d;
										background: #e2bc62 url(./_img/li_over_bg.png) center left no-repeat;
									}
									
									.col.right.featured_products ul li a:active,
									.col.right.featured_products ul li.current_page_item a{
										font-weight: bold;
										color: #fff;
										background: #e2bc62 url(./_img/li_over_bg.png) center left no-repeat;
									}
									
										#footer .col h2{
											margin: 0; padding: 0 0 5px 0;
											color: #30688d;
											font-size: 20px;
											font-family: georgia;
											font-weight: normal;
										}
											#footer .col h2 a{
												color: #30688d; 
											}
										
										#footer .col h3{
											font-size: 11px;
											font-weight: bold;
											margin: 3px 0 0 0; padding: 0;
											font-family: verdana;
										}
											#footer .col h3 a{
											
											}
				

			

/***** Etc... *****/

	p{
		margin: 5px 0 10px 0; padding: 0;
		line-height: 150%;
	}
	
	a {
		color: #30688d;
		text-decoration: underline;
		outline: 0;
	}
		a:hover{
			color: #30688d;
			text-decoration: underline;
		}
		
		a img{border: 0 !important;}
	
	
	a.btn{
		display: inline-block; clear: none;
		padding: 7px 13px 7px 13px;
		background: transparent url(./_img/btn_bg.png) left center no-repeat;
		color: #494a4c;
		font-size: 10px;
		font-weight: bold;
	}
	
	h2{
		margin: 0; padding: 15px 0 10px 0;
		color: #30688d;
		font-size: 25px;
		font-family: georgia;
		font-weight: normal;
	}
		h2 a{
			text-decoration: none;
			color: #30688d;
		}
		
	h3{
		margin: 0; padding: 0px 0 5px 0;
		color: #30688d;
		font-size: 16px;
		font-family: georgia;
		font-weight: normal;
	}
		h3 a{
			text-decoration: none;
			color: #30688d;
		}
		
	h4{
		margin: 0; padding: 0px 0 10px 0;
		color: #30688d;
		font-size: 20px;
		font-family: georgia;
		font-weight: normal;
	}
		h4 a{
			text-decoration: none;
		}
	
	ul li,
	ol li{
		
		margin: 5px 0 12px 15px;
		list-style-image: url(./_img/carrot_blue.png);
	}
	
	.alignleft{
		float: left; clear: none;
		margin: 0 15px 5px 0;
	}
	.alignright{
		float: right; clear: none;
		margin: 0 0 5px 15px;	
	}
	
	
	#the_form{display: none;}
	#fancybox-inner{ text-align: left; }
	
	#facebox .footer .caption{
		display: inline;
		width: 50%;
		text-align: left;
		position: absolute; top: 5px; left: 5px;
	}
	
	#form_popup form{
		display: block;
		width: 450px;
	}
	
	#form_popup form img{ display: none}
		html>body #form_popup form{
			margin-bottom: 0;
		}
		#form_popup form div{
			display: block;
			width: 450px;
			margin: 5px 0;
			float: left; clear: both;
		}
		
			#form_popup form div.field{
				display: block;
				width: 445px;
				margin: 5px 0;
			}
		
			#form_popup form div.btns{
				display: block;
				width: 450px;
				margin: 5px 0;
			}
		
		
		#form_popup form label{
			display: block;
			width: 80px;
			margin: 0;
			float: left; clear: none;
		}
		
		#form_popup form input{
			display: block;
			float: left; clear: none;
		}
	
	#main .hentry{ padding-bottom: 20px;}
	
	.wp-caption-text{
		font-size :10px;
		font-family: verdana;
		margin: 0;
		padding: 0;
	}