/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
	font-size: 0.75em;
	margin: 0px;
	text-align: left;
	background: #ccc;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}

#wrap{
	margin: auto;
	width: 990px;
	background: #fff;
	-moz-box-shadow: 0 0 6px #777;
}

	#head
    {
	padding: 15px 35px 20px 35px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
		#logo{
	display:block;
	height: 74px;
	width: 180px;
	text-indent: -9999em;
	float:left;
	background-image: url(img/logo2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
		}
				#helplogo{
	display:block;
	height: 74px;
	width: 180px;
	text-indent: -9999em;
	float:right;
	background-image: url(surveyinsight/template/2011/helpdesklogo.gif);
	background-repeat: no-repeat;
	background-position: center top;
		}
		
		#nav{
			margin-left:325px;
			background: url(img/n1.gif) top right no-repeat;
			height: 51px;
		}
			#nav ul{
				/*position: relative;*/
				/*overflow: hidden;*/
				background: url(img/n2.gif) top left no-repeat;
			}
			 #nav li.first:hover a, #nav li.last:hover a
			 {
			 	text-decoration: underline;
			 } 
			
			#nav_manage,#nav_surveys,#nav_feedback,#nav_clients, #nav li.first, #nav li.last
			{
	float: left;
	padding-right: 1px;
	background: url(img/nbreak.gif) top right no-repeat;
	height: 49px;
			}
			#nav_manage a, #nav_surveys a, #nav_feedback a, #nav_clients a, #nav li.first a, #nav li.last a
			{
				line-height: 47px;
			}
			
			#nav li.last{
				background: none;
			}
			
			#nav li.last a{
				-moz-border-radius: 0 5px 5px 0;
				-webkit-border-radius: 0 5px 5px 0;
				border-radius: 0 5px 5px 0;
			}
			
			#nav li.first a{
				-moz-border-radius: 5px 0 0 5px;
				-webkit-border-radius: 5px 0 0 5px;
				border-radius: 5px 0 0 5px;
			}
			
			#nav li a
			{
				float: left;
            	font-size: 14px;
				color: #fff;
				font-weight: bold;
				padding: 0 13px 0 13px;
			}
			#nav li.active
			{
				background: #000A52;
				text-decoration: none;
				height:49px;
			}
			 #nav li.active .subNav li a
			{
				background:none !important;
				text-decoration: none;
			}
            .subNav 
            {
                display:none;
                width:192px;
                position:absolute;
                top: 66px;
                clear:both;
            }
#logo2 {
	display:block;
	height: 74px;
	width: 180px;
	text-indent: -9999em;
	float:left;
	background-image: url(images/pi_logo.gif);
	background-repeat: no-repeat;
	background-position: center top;
        }
}

            .subNav ul
            {
            	background:none !important;
            	margin-left : 3px;
            	z-index : 2000;
            }
             .subNav ul li
             {
             	display:block;
            	float:left;
            	padding: 0 10px;
            	background: url(img/dropdownmid.gif) no-repeat 0 0;
            	width: 174px;
            	z-index: 2000;
             }
            
            .subnavFirst
            {
				background: url(img/dropdownfirst.gif) no-repeat 0 0 !important;
            }
            
            .subNav ul li a
            {
            	text-align:left;
            	height:32px;
            	line-height:32px !important;
            	width:172px;
            	padding: 0 !important;
            	border-bottom: solid 1px #37378b;
            	font-size: 12px !important;
            	display:block;
            	z-index : 2000;
            }
            .subnavLast
            {
            	height: 39px;
            	background: url(img/dropdownlast.png) no-repeat 0 0 !important;
            }
			.subnavLast a
            {
				border-bottom: none !important;
            }
            #nav li.nav_surveys div.subNav
            {
				/*top:45px;            	*/
            }
            
            .subNav ul li:hover a
            {
            
                    /*text-decoration: underline;*/
            }
	#splash
    {
        display:block;
        
	}
	
		#splash.empty{
			height: 60px;
		}
	
		#splash.alt{
			margin: -20px 0 0 0;
		}
	
		#splash img{
		}

	#page{
	text-align: left;
	padding: 0 35px 10px 35px;
	background-color: #FFF;
	display: inherit;
	}
		.content
		{
	width: 628px;
	color: #999;
	float:left;
		}
			
				span.caption{
					display: block;
					font-size: 1.5em;
					color: #494086;	
					font-family: "VAGRounded", Arial, Helvetica, sans-serif;				
				}
			
				h1{
	font-size: 2.2em;
	color: #698BC1;
	padding-bottom: 8px;
	text-align: left;
	font-family: "VAGRounded", Arial, Helvetica, sans-serif;
				}
				
					.movie h1{
						border-bottom: 1px solid #eee;
						margin-bottom:10px;
						padding-bottom: 10px;	
						font-size: 2.6em;
					}
				
				.content h2{
	color: #53C154;
	font-size: 1.8em;
	font-family: "VAGRounded-Light", Arial, Helvetica, sans-serif;
				}
				
				.content h3{
					color: #7089c0;
					font-size: 2.2em;
					font-family: "VAGRounded-Light", Arial, Helvetica, sans-serif;
				}
				
				.content .clear{
					clear: both;
				}
				
				.content .clear-left{
	clear: left;
	font-family: VAGRounded-Light, Arial, Helvetica, sans-serif;
				}
				
				.content p.strap{
					font-size: 1.2em;	
					color: #666;
				}
				
				.content .lift{
					margin-top: -1.5em;
				}
				
				.content .drop{
					padding-top: 1em;
				}
				
				.content p{
	line-height: 1.5em;
	padding-bottom: 1em;
	color: #000;
				}
				
				.content hr{
					height: 1px;
					background: #E5E5E5;
					padding:0;
					border: 0;
					margin-bottom: 22px;
				}
				
				.content a{
	color: #53C154;
	font-family: VAGRounded-Light, Arial, Helvetica, sans-serif;
	font-size: 100%;
				}
				
				.content a.more{
					float: left;
					line-height: 24px;
					height: 24px;
					padding: 0 8px 0 8px;
					background: #2764D5;
					color: #fff;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					border-radius: 5px;
				}
				
				.content a.more:hover{
	background: #9C2F5F;
	text-decoration: none;
	text-align: right;
				}
				

				.focus{
					color: #666;
				}
				
				.content ul{
	list-style: inside square;
	line-height: 1.5em;
	padding-bottom: 1em;
	color: #666;
	font-weight: normal;
				}
				
				.content ul li{					
					padding: 3px 0 3px 0;
				}
				
				
				.content ul#clients{
					list-style: none;	
				}
				
				.content ul#clients li{
					padding: 0 0 20px 0;
					float: left;
					width: 24.9%;	
				}
				
				.content ul#clients li img{
					display: block;
					margin: auto;
				}
		
		#sidebar{
	float:right;
	width: 270px;
	display:block;
	margin-top: 14px;
		}
			.printDiv
			{
	height:35px;

			}
		
			#print
			{
				z-index:2000;
				height: 20px;
				width: 103px;
				text-indent: -9999em;
				display: block;
				margin-left: 165px;
				background: url(img/print.gif) top left no-repeat;	
			}
			
			
			
			.quote{
	position: relative;
	font-size: 14px;
	color: #fff;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	padding: 16px 20px 50px 20px;
	line-height: 1.5em;
	font-family: "VAGRounded", Arial, Helvetica, sans-serif;
	background: #494086 url(img/quote.gif) bottom left no-repeat;
	font-style: italic;
			}
			
						.quote-from{
	position: relative;
	font-size: 14px;
	color: #fff;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	padding: 16px 20px 50px 5px;
	line-height: 1.5em;
	font-family: "VAGRounded", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
			}
			
			.widget{
				padding: 12px 14px 12px 14px;
				background: #2764D5;
				-moz-border-radius: 10px;
				margin-bottom: 18px;
				color: #fff;
			}
			
				.widget h3{
					font-size: 18px;
					padding-bottom: 6px;
					font-family: "VAGRounded", Arial, Helvetica, sans-serif;				
				}
				
				.widget h3.alt{
					border-bottom: 3px solid #788de0;	
					margin-bottom: 12px;
				}
				
				.widget p{
					line-height: 1.5em;
					padding-bottom: 1em;
					overflow: hidden;	
				}
				
				.widget p img{
	display: block;
	margin: 0;
				}
				
				.widget a.more{
					float: left;
					line-height: 24px;
					height: 24px;
					padding: 0 8px 0 8px;
					border: 2px solid #89A3E7;
					-moz-border-radius: 8px;
					-webkit-border-radius: 8px;
					border-radius: 8px;
					color: #fff;
					font-weight: bold;
				}
				.widget a.more:hover{
					background: #9C2F5F;
					text-decoration: none;
				}
								.widget a.more2{
					float: left;
					line-height: 24px;
					height: 48px;
					padding: 0 8px 0 8px;
					border: 2px solid #89A3E7;
					-moz-border-radius: 8px;
					-webkit-border-radius: 8px;
					border-radius: 8px;
					color: #fff;
					font-weight: bold;
				}
				.widget a.more2:hover{
					background: #9C2F5F;
					text-decoration: none;
				}

				
				.widget ul{
					padding-top: 12px;
					border-top: 3px solid #788de0;	
				}
				
				.widget ul li{
					padding: 3px 0 3px 0;
					border-bottom: 1px solid #788de0;	
				}
				
				.widget ul li:last-child{
					border: 0;	
				}
				
				.widget ul li a{
					color: #fff;
				}
				
				
				#slider{
					position: relative;	
					padding-bottom: 1em;				
				}
				
					ul.navigation{
						position: absolute;
						top: -22px;
						right: 0;
						font-size: 14px;
						padding:0;
						border:0;
					}
					
						ul.navigation li{
							font-size: 13px;
							display: inline;
							padding: 0 3px 0 3px;
							border: 0;
							border-right: 1px solid #fff;	
						}
						
						ul.navigation li a{
							color: #fff;
							border: 0;
						}
						
						ul.navigation li a.active, ul.navigation li a:hover{
							color: #0C1A37;
						}
						ul.navigation li a.active, ul.navigation li a:hover{
							color: #0C1A37;
						}
						
						ul.navigation li:last-child{
							border-right: 0;
						}
						
						
					
					
				
					.scroll{
						position: relative;
						height: 95px;
						width: 241px;
						overflow: hidden;
					}
					
						.scrollContainer{							
							position: relative;
							height: 95px;
							width: 241px;
							overflow: hidden;
							padding-bottom: 12px;
						}
		
				
				
				.module{
					position: relative;
					margin-bottom: 18px;	
				}
				
					.module h4{
						font-size: 2em;
						color: #9C2F5F;
						font-family: "VAGRounded-Light", Arial, Helvetica, sans-serif;
					}
					
					.module ul{
						border-bottom: 5px solid #E5E5E5;	
					}
					
					.module ul li{
						padding: 5px 0 5px 0;
						border-bottom: 1px solid #E5E5E5;
					}
					
					.module li a{
						color: #2764D5;
						font-weight: bold;
					}
					
	#footer{
		padding: 12px 35px 0 35px;
		background: #333;	
		clear:both;
	}
		#footer h6
		{
	width: 400px;
	display:block;
	background:url("Img/contactus+tel.gif") no-repeat;
	text-indent: -2000px;
	top: 12px;
	text-align:left;
	left: 35px;
	font-size: 2.2em;
	float:left;
	color: #fff;
	font-family: "VAGRounded", Arial, Helvetica, sans-serif;
	height: 115px;
		}
		
		.foot-content{
			text-align: right;
			overflow: hidden;
			background: url(img/flogo.gif) bottom right no-repeat;	
		}
		
			#email-us{
	float: right;
	font-size: 18px;
	background: #2764D5;
	-moz-border-radius: 8px;
	padding: 4px 20px 4px 20px;
	color: #fff;
	font-family: "VAGRounded", Arial, Helvetica, sans-serif;
			}
			
			.foot-content strong{
				float: right;
				clear: right;	
				font-size: 1.4em;
				padding: 4px 0 16px 0;
				color: #fff;
				font-family: "VAGRounded", Arial, Helvetica, sans-serif;
			}
			
			.foot-content span{
				float: right;
				clear: right;
				color: #fff;
				font-size: 1.6em;				
				font-family: "VAGRounded-Light", Arial, Helvetica, sans-serif;
			}
	
		
		.foot-bottom{
	position: relative;
	clear: both;
	overflow: hidden;
	padding: 6px 0 6px 0;
	font-size: 11px;
	color: #fff;
	border-top: 1px solid #494949;
	text-align: center;
		}
				.foot-bottom-bold{
	position: relative;
	clear: both;
	overflow: hidden;
	padding: 6px 0 6px 0;
	font-size: 11px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	
				}
		
			.copy{
	float: left;
	color: #FFF;
			}
			
			.links{
				float: right;
				width: 380px;
			}
			
			.foot-bottom a{
	color: #fff;
	margin: 0 6px 0 6px;
	text-align: left;
			}
			.foot-bottom li 
			{
				float:left;
			}	
			
			.foot-bottom a.linked{
				float: right;
				height: 17px;
				width: 58px;
				margin-top: -2px;
				text-indent: -9999em;
				background: url(img/linked.gif) left center no-repeat;
				display:block;
				cursor:pointer;
				outline:none;
				border:none;
			}


			.movie{ /* popup container */
				position: relative;
				padding: 0 14px 0 14px;
			}
			
			#cboxClose{
				position: absolute;
				top:5px;
				right:10px;
				height: 24px;
				width: 24px;
				text-indent: -9999em;
				background: url(img/close.gif) center no-repeat;
			}#wrap #page .content.clearfix .more.right {
	text-align: right;
}
#wrap #page #sidebar .widget a a a {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.testimonials {
	font-family: Arial, Helvetica, sans-serif;
	height: 750px;
}