/*  
Theme Name: Photofab
Theme URI: http://pfab.phewinternet.com/
Description: photofab.
Author: You
Author URI: http://pfab.phewinternet.com/
Version: 1.0
Tags: photofab
.
Your theme can be your copyrighted work.
.
*/

body{
margin:20px auto 20px auto;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
background-color:#d5d1d9;
height:100%;
}

img{
border:none;}

p{}

#wrapper{
width:955px;
margin:auto;
text-align:left;
background-color:#bfb6c9;
background-image:url(images/wrapper-bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

#h1-outer{
height:66px;
background-image:url(images/h1-bga.jpg);
background-position:right;
background-repeat:no-repeat;
background-color:#FFFFFF;}

	#h1-inner{
	position:relative;}
	
		#h1-inner img.h1-logo{
		position:absolute;
		top:10px;
		left:20px;
		}
		
		#h1-inner div.h1-tel{
		position:absolute;
		top:15px;
		left:420px;
		text-align:center;}
		
			#h1-inner div.h1-tel span.h1-tel-blue{
			font-weight:bold;
			display:block;
			color:#190F5E;
			font-size:16px;}
			
			#h1-inner div.h1-tel span.h1-tel-red{
			font-weight:bold;
			display:block;
			color:#ff0000;
			font-size:14px;}			

#h2-outer{
height:32px;
background-image:url(images/h2-bga.jpg);
position:relative;
}	

	#h2-inner{
	}
	
		/*#h2-inner ul{
		margin:0px;
		padding:0px;
		position:absolute;
		top:8px;
		left:20px;
		}
	
		#h2-inner li{
		margin:0px;
		padding:0px;
		list-style:none;
		float:left;
		padding:0px 30px 0px 30px;
		border-right:1px solid #CDC0D9;
		}	
		
			#h2-inner li a:link, #h2-inner li a:visited{
			color:#CDC0D9;
			text-decoration:none;
			font-size:16px;
			}
			
			#h2-inner li a:hover{
			color:#FFFFFF;}*/
	

#h3-outer{
height:90px;
background-image:url(images/h3-bg.jpg);
}	

#h4-outer{
height:30px;
background-color:#B41413;
border-top:1px solid #CDC0D9;
background-image:url(images/gradient-1.jpg);
}

	#h4-inner{
	font-size:14px;
	color:#FFFFFF;
	padding:5px 0px 0px 23px;}
	
		#h4-inner a{
		text-decoration:none;
		color:#FFFFFF;
		}
		
		#h4-inner a:hover{
		text-decoration:underline;}
	
#content-outer{
background-color:#CDC0D9;
background-image:url(images/content-bg.jpg);
background-repeat:repeat-x;
background-position:top;
min-height:100px;}

#foot1-outer{
clear:both;
}

#foot1-inner{
background-color:#9E95A7;
height:25px;
position:relative;
background-image:url(images/gradient-4.jpg);
text-align:center;
}

	#foot1-inner ul{
	margin:0px 0px 0px 50px;
	padding:3px 0px 0px 0px;
	width:100%;
	}
	
	#foot1-inner li{
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
	padding:0px 11px 0px 11px;
	border-right:1px solid #190F5E;
	}
	
	#foot1-inner li a:link, #foot1-inner li a:visited{
	color:#190F5E;
	font-size:12px;
	text-decoration:none;
	letter-spacing:2px;
	}
	
	#foot1-inner li a:hover{
	text-decoration:underline;}

#foot2-outer{
position:relative;
height:80px;
background-color:#190F5E;
background-image:url(images/gradient-5.jpg);}

	#foot2-inner{
	position:absolute;
	top:15px;
	left:25px;
	color:#FFFFFF;
	font-size:12px;
	background-image:url(images/foot2-bg.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:60px;}
	
		#foot2-inner a:link, #foot2-inner a:visited{
		text-decoration:none;
		color:#CDC0D9;}
		
		#foot2-inner a:hover{
		text-decoration:underline;}


#content-left-outer{
float:left;
width:580px;
margin-left:20px;
margin-top:20px;}

#content-left-outer.inside{
width:690px !important;
margin-bottom:20px;}

#content-left-outer.product{
width:460px !important;
margin-bottom:20px;}

	#content-left-outer h1{
	font-size:14px;
	margin:0px;
	padding:10px;
	background-color:#c2c2c2;
	color:#190F5E;
	background-image:url(images/gradient-2.jpg);
	background-position:-300px;}

	#content-left-inner div.content-pannel-outer{
	border:3px solid #CDC0D9;
	background-color:#FFFFFF;
	}

	#content-left-inner div.content-pannel-inner{
	padding:10px 10px 10px 6px;
	font-size:12px;
	line-height:170%;
	color:#333333;
	}	
	
	div.content-pannel-inner img{
	border:2px solid #d5d1d9;
	padding:2px;}
	
		div.content-pannel-inner img.fl{
		float:left;
		margin:0px 10px 10px 0px;
		}
		
		div.content-pannel-inner img.fr{
		float:right;
		margin:0px 0px 10px 10px;}
	
		#content-left-inner div.content-pannel-inner h2, #content-left-inner div.content-pannel-inner h2 a{
		color:#190F5E;
		text-decoration:none;}
	
		#content-left-inner div.content-pannel-inner a{
		color:#FF0000 !important;}
		
	div.content-pannel-banner-outer{
	background-image:url(images/content-banner.jpg);
	background-repeat:no-repeat;
	height:40px;
	margin-bottom:10px;}
	
		div.content-pannel-banner-inner{
		padding:10px 0px 0px 0px;
		color:#FFFFFF;
		font-size:12px;}
			
			div.content-pannel-banner-inner img{
			padding-left:12px;
			padding-right:5px;}

#content-right-outer{
margin-left:20px;
float:left;
width:310px;
margin-top:20px;}

	#content-right-inner div.content-pannel-outer h2{
	font-size:14px;
	padding:5px 0px 0px 0px; 
	margin:0px;
	background-color:#190f5f;
	color:#FFFFFF;
	text-align:center;
	height:22px;
	font-weight:normal;
	border-bottom:1px solid #CDC0D9;
	background-image:url(images/gradient-3.jpg);
	background-repeat:no-repeat;
	/*position:relative;*/
	}
	
	#content-right-inner div.content-pannel-outer h2 img{
	/*position:absolute;
	left:64px;
	top:3px;
	z-index:9999;*/
	display:none;}
	
		#content-right-inner div.content-pannel-outer h2 a:link, #content-right-inner div.content-pannel-outer h2 a:visited{
		color:#FFFFFF;
		text-decoration:none;
		}
		
		#content-right-inner div.content-pannel-outer h2 a:hover{
		text-decoration:underline;}

	#content-right-inner div.content-pannel-outer{
	border:3px solid #CDC0D9;
	background-color:#514988;
	margin-bottom:10px;
	}

	#content-right-inner div.content-pannel-inner{
	padding:7px 5px 3px 90px;
	font-size:12px;
	line-height:150%;
	background-color:#514988;
	color:#FFFFFF;
	height:71px;
	}	
	
		#content-right-inner div.content-pannel-inner a:link, #content-right-inner div.content-pannel-inner a:visited{
		color:#FFFFFF;
		text-decoration:none;		
		}
		
		#content-right-inner div.content-pannel-inner a:hover{
		text-decoration:underline;}



#content-left-nav-outer{
width:200px;
float:left;
background-color:#FFFFFF;
margin-left:20px;
margin-top:20px;
margin-bottom:20px;
border-top:3px solid #CDC0D9;
border-bottom:3px solid #CDC0D9;}

	#content-left-nav-outer h2{
	font-size:14px;
	margin:0px;
	padding:10px;
	background-color:#c2c2c2;
	color:#190F5E;
	border-left: 3px solid #CDC0D9;
	border-right:3px solid #CDC0D9;
	background-image:url(images/gradient-2.jpg);
	background-position:-660px;
	}

	#content-left-nav-inner{
	border-left: 3px solid #CDC0D9;
	border-right:3px solid #CDC0D9;
	border-bottom:3px solid #CDC0D9;
	}
	
	#content-left-nav-inner ul{
	margin:0px;
	padding:0px;
	}
	
	#content-left-nav-inner li{
	list-style:none;
	padding:8px 8px 8px 10px;
	border-bottom:1px dotted #CDC0D9;}
	
		#content-left-nav-inner li a:link, #content-left-nav-inner li a:visited{
		color:#190F5E;
		text-decoration:none;
		font-size:14px;}
		
		#content-left-nav-inner li a:hover{
		text-decoration:underline;}
		
		#content-left-nav-inner li.current_page_item{
		font-weight:bold;}

#content-left-product-outer{
width:200px;
float:left;
background-color:#FFFFFF;
margin-left:20px;
margin-top:20px;
margin-bottom:20px;
border:3px solid #CDC0D9;}

	#content-left-product-outer h2{
	font-size:14px;
	margin:0px;
	padding:10px;
	background-color:#c2c2c2;
	color:#190F5E;
	background-image:url(images/gradient-2.jpg);
	background-position:-660px;
	}

	#content-left-product-inner{
	background-color:#514988;
	color:#FFFFFF;
	font-size:12px;
	padding:10px;
	line-height:150%;
	}
	
		#content-left-product-inner ul{
		margin:5px 0px 10px 0px;
		padding:0px;}
		
		#content-left-product-inner ul li{
		list-style:none;
		padding-left:20px;
		background-image:url(images/delete2.gif);
		background-repeat:no-repeat;
		background-position:top left;
		padding-bottom:3px;
		}
			#content-left-product-inner ul li.ticked{
			background-image:url(images/check2.gif) !important;
			}
		
		#content-left-product-inner ul li a{
		color:#FFFFFF;
		text-decoration:none;}
		
		#content-left-product-inner ul li a:hover{
		text-decoration:underline;}

div.content-contact-outer{
padding-top:18px !important;
background-color:#BFB6C9;}

div.content-contact-outer h2{
border-top:2px solid #CDC0D9;
}

	div.content-contact-inner{
	padding:10px;
	background-color:#FFFFFF;
	border-left: 3px solid #CDC0D9;
	border-right:3px solid #CDC0D9;}
	
	div.content-contact-inner input.box{
	font-style:italic;
	color:#CCCCCC;
	width:150px;
	margin-bottom:8px;}

/*----*/
.blue{
color:#190F5E;}

.red{
color:#FF0000;}

.blackbold{
color:#000000 !important;
font-style:normal !important;}

.video{
margin:auto;
text-align:center;}


/*----------------TOP NAV-----------*/
ul.topnav {
	list-style: none;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	float: left;
	/*width: 955px;*/
	font-size: 16px;
	z-index:9999 !important;
}
ul.topnav li {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border-right:1px solid #CDC0D9;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	z-index:9999 !important;
	
}
ul.topnav li a{
	padding: 0px 10px 0px 10px;
	margin: 0px 20px 0px 20px;
	color: #fff;
	display: block;
	text-decoration: none;
	line-height:28px;
	/*float: left;*/
}

ul.topnav li a:hover{
	/*background: url(images/tick-box.jpg) no-repeat center top;*/
}

/*ul.topnav li span { 
	width: 17px;
	height: 35px;
	float: left;
	background: url(images/tick-box.jpg) no-repeat center top;
}*/

ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav, ul.topnav li ul{
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0px; top: 28px;
	background-color:#190F5E;
	
	filter:alpha(opacity=85); 
   -moz-opacity: 0.9; 
    opacity: 0.85; 
   
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 0px solid #111;
}

ul.topnav li ul.subnav li, ul.topnav li ul li{
	margin: 0; padding: 0;
	border-top: 0px solid #252525; /*--Create bevel effect--*/
	border-bottom: 0px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
	line-height:15px !important;
}
html ul.topnav li ul.subnav li a, ul.topnav li ul li a{
	float: left;
	width: 154px;
	/*url(images/tick-box.jpg) no-repeat 10px center;*/
	padding: 8px 10px 8px 10px;
	border:none !important;
	line-height:15px !important;
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	/*background: #222 url(images/tick-box.jpg) no-repeat 10px center;*/
}


ul.subnav li a:hover, ul.topnav li ul li a:hover{
	/*filter:alpha(opacity=70); 
   -moz-opacity: 0.7; 
    opacity: 0.7;*/
	background-color:#514988;
}

ul.subnav li, ul.topnav li ul li{
border:none !important;}

ul.subnav li a, ul.topnav li ul li a{
padding-right:5px;
font-size:12px;}

/*home panels*/
#homefeature1{float:left; width:170px;}

	#homefeature1 img{
	margin-top:8px;}

#homefeature2{float:left; width:196px; margin-left:8px; border-left:1px dotted #CCCCCC; height:180px;}

#homefeature3{float:left; width:170px; margin-left:8px; border-left:1px dotted #CCCCCC; height:180px;}

.slidepanel{
position:absolute; z-index:1 !important; text-align:center; width:170px;/}

div.homefeatureinner{
padding:0px 8px 0px 8px;}

div.homefeatureinner ul{
margin:0px 0px 0px 18px !important;
padding:0px 0px 0px 0px !important;
}

div.homefeatureinner li{
margin:0px 0px 0px 0px !important;
padding:0px 0px 0px 0px !important;}

.frimg{
float:right;
margin:0px 0px 5px 5px;}

/*blog*/

#Archive h2, #Categories h2, #TagCloud h2{
background-image:none;
margin:0px 0px 0px 0px;
padding:8px 8px 8px 10px;
border:none;
background-image:url(images/gradient-1.jpg);
background-position:-200px;
color:#FFFFFF;
}

#TagCloud p{
padding:8px 8px 8px 8px;
margin:0px 0px 0px 0px;}

	#TagCloud p a{
	color:#FF0000;}

/*ticker*/

#ticker
			{
				display: block;
				padding: 0;
				margin: 0;
				list-style: none;
				line-height: 1;
				position: relative;
				overflow: hidden;
				width: 900px;
				height: 30px;
			}
			
				#ticker li
				{
					padding-top:0px;
					position: absolute;
					top: -999em;
					left: 0;
					display: block;
					white-space: nowrap;
					
				}
				
				#ticker > li
				{
					width: auto;
				}
				
					#ticker li a:link,
					#ticker li a:visited
					{
						/*display: block;*/
						color:#FFFFFF;
						height: 20px;
						line-height: 20px;
						padding: 0px 0px 0px 0px;
						text-decoration: none;
					}
					
					#ticker li a:hover
					{
						color: #FFFFFF;
					}
					
						#ticker li a span
						{
							font-size: 14px;
							font-weight: bold;
						}
						
						
#homefeature1 img, .nb{
border:0px !important;
}	

	div.content-pannel-inner h2{
		font-size:14px !important;
	}		
	

#h4-outer{
z-index:1;
}

#h2-outer{
z-index:2;
}