/* -.-.-.-.-.-.-.-.-.-.-.-.-.-.
This CSS Stylesheet and attached Web-Site was created
by Daniel Regan, Art Director for VisualResearch, Inc.
Email: is dregan@vis-res.com
URL: www.vis-res.com
-.-.-.-.-.-.-.-.-.-.-.-.-.-.*/


/* -.-.-.-.-.-.-.-.-.-.-.-.-.-.
CSS Reset 
-.-.-.-.-.-.-.-.-.-.-.-.-.-.*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0px none;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline
}

:focus {
outline: 0;
}

body {
line-height: 1;
color:#1d1d1d;
background:#FFFFFF;
}

ol, ul {
list-style: none;
font-family:Arial, Helvetica, sans-serif;
}

a:link, a, a:hover, a:visited{
text-decoration:none;
color:#3a6f8f;
font-weight:bold;
}

a:hover{
text-decoration:underline;

color:#3a6f8f;
font-weight:bold;
}

/* -.-.-.-.-.-.-.-.-.-.-.-.-.-.
Layout Information
-.-.-.-.-.-.-.-.-.-.-.-.-.-.*/
body{
width:830px;
margin:auto;
}
#header{
text-indent:-5000px;

}

#navigation{
margin-top:18px;
text-indent:-5000px;
background:url('images/navigation.jpg') no-repeat;
width:380px;
float:right;
height:12px


}

#content{
clear:both;
display:inline-block;
padding:40px 0 0 0;
margin:0 0 40px 0;
}


#bcontent{
clear:both;
display:inline-block;
padding:-10px 0 0 0;
margin:0 0 40px 0;
}

#left_column{
width:380px;
float:left;
margin:0 70px 0 0;
}

#right_column{
width:380px;
float:right;
}

.student{
clear:both;
display:block;
width:350px;
padding:20px 0 0 0;
}

.staff{
margin:40px 0;

}


/* -.-.-.-.-.-.-.-.-.-.-.-.-.-.
Typography / Lists
-.-.-.-.-.-.-.-.-.-.-.-.-.-.*/
h1, h2, h3, h5{
text-indent:-5000px;}

h1{
}

h2{
display:block;
width:289px;
height:79px;
background:url('images/index_header.jpg') no-repeat;
}

					 
					 
a[href="https://twitter.com/visresrva"],
a[href="mailto:mail@vis-res.com"],
a[href="http://www.linkedin.com/profile/view?id=20054357"],
#fb, #nkmail{
	display:block; text-indent:50px;
height:30px;}
	
	
	a[href="https://twitter.com/visresrva"]{
		background:url(images/twitter_small.jpg) 0px 4px no-repeat;
	}
	
#nkmail{
	background:url(images/email_small.jpg) 0px 0px no-repeat;
	}
	
a[href="http://www.linkedin.com/profile/view?id=20054357"]{
	background:url(images/linkedin_small.jpg) 0px 4px no-repeat;
	}
	
#fb{
	background:url(images/facebook_small.jpg) 0px 4px no-repeat;}
	
h3#about_header,
h3#about_staff,
h3#about_services,
h3#about_clients,
h3#about_awards,
h3#contact_contactus,
h3#portfolio_informationdesign,
h3#portfolio_dataanalysis{
display:block;
width:315px;
}

h3#about_header{
height:21px;
background:url('images/about_headers.jpg') no-repeat;
}

h3#about_staff{
height:20px;
background:url('images/about_headers.jpg') no-repeat 0 -29px;
margin:30px 0 40px 0;
}

h3#about_services{
height:20px;
background:url('images/about_headers.jpg') no-repeat 0 -58px;
}

h3#about_clients{
height:19px;
background:url('images/about_headers.jpg') no-repeat 0 -87px;
}

h3#contact_contactus{
height:21px;
background:url('images/contact_headers.jpg') no-repeat;
}

h3#portfolio_informationdesign{
height:26px;
background:url('images/portfolio_headers.jpg') no-repeat;
}

h3#portfolio_dataanalysis{
height:26px;
background:url('images/portfolio_headers.jpg') 0 -28px no-repeat;
}

h3#internship_2008{
height:26px;
background:url('images/internship-headersNEW.jpg') no-repeat;
}

h3#internship_2009{
height:26px;
background:url('images/internship-headersNEW.jpg') no-repeat;
}

h3#internship_2010{
height:26px;
background:url('images/internship-headersNEW.jpg') no-repeat;
}
h3#internship_2011{
height:26px;
background:url('images/internship-headersNEW.jpg') no-repeat;
}
h3#internship_2012{
height:26px;
background:url('images/internship-headersNEW.jpg') no-repeat;
}
h3#internship_2013{
height:26px;
background:url('images/internship-headersNEW.jpg') no-repeat;
}



h3#about_awards{
height:26px;
background:url('images/about_headers.jpg') no-repeat 0 -265px;
}

h4{
	font: 14px 'HelveticaRoundedBold';
	margin:0 0 10px 0;
	}

h5#neal_kauder,
h5#kim_langston,
h5#justin_brady,
h5#patrick_davis,
h5#denise_overbey,
h5#jane_kauder,
h5#visualresearch,
h5#yourname,
h5#telephonenumber,
h5#emailaddress,
h5#emily_hall,
h5#client{
display:block;
width:250px;
}

h5#neal_kauder{
height:12px;
float:left;
background:url('images/about_headers.jpg') no-repeat 0 -116px;
}

h5#justin_brady{
height:15px;
float:left;
background:url('images/about_headers.jpg') no-repeat 0 -137px;
}

h5#patrick_davis{
height:15px;
float:left;
background:url('images/about_headers.jpg') no-repeat 0 -160px;
}

h5#kim_langston{
height:15px;
float:left;
background:url('images/about_headers.jpg') no-repeat 0 -182px;
}

h5#denise_overbey{
height:15px;
float:left;
background:url('images/about_headers.jpg') no-repeat 0 -205px;
}

h5#jane_kauder{
height:17px;
float:left;
background:url('images/about_headers.jpg') no-repeat 0 -224px;
}

h5#emily_hall{
height:17px;
float:left;
background:url('images/about_headers.jpg') no-repeat 0 -245px;
}

h5#visualresearch,
h5#yourname,
h5#emailaddress,
h5#telephonenumber,
h5#message{
height:15px;
margin:20px 0;
}
h5#visualresearch{
margin:20px 0 10px 0;
background:url('images/contact_headers.jpg') 0 -26px no-repeat;
}

h5#yourname{
background:url('images/contact_headers.jpg') 0 -48px no-repeat;
}

h5#telephonenumber{
background:url('images/contact_headers.jpg') 0 -70px no-repeat;
}

h5#emailaddress{
background:url('images/contact_headers.jpg') 0 -92px no-repeat;
}

h5#message{
background:url('images/contact_headers.jpg') 0 -114px no-repeat;
height:18px;
}

.project_list li
{
	overflow:hidden;
}

h5#client,
li.role,
li.project,
li.link{
height:14px;
margin:8px 0 0 2px;
width:100px;
float:left;
text-indent:-9000px;
display:inline;
overflow:hidden;
}
h5#client{

background:url('images/portfolio_headers.jpg') 0 -77px no-repeat;
}

li.project{
background:url('images/portfolio_headers.jpg') 0 -77px no-repeat;
}


li.role{
background:url('images/portfolio_headers.jpg') 0 -100px no-repeat;
}

li.link{
background:url('images/portfolio_headers.jpg') 0 -120px no-repeat;
}

h5#when,
h5#who,
h5#details,
h5#schedule,
h5#contact,
h5#internship_2009,
h5#internship_2011
h5#internship_2010new
h5#internship_past,
h5#internship_2012{
height:15px;
margin:20px 0 0 0;
}

h5#when{
background:url('images/internship-headersNEW.jpg') 0 -25px no-repeat;
}

h5#who{
background:url('images/internship-headersNEW.jpg') 0 -47px no-repeat;
}

h5#details{
background:url('images/internship-headersNEW.jpg') 0 -69px no-repeat;
}

h5#schedule{
background:url('images/internship-headersNEW.jpg') 0 -88px no-repeat;
}

h5#contact{
background:url('images/internship-headersNEW.jpg') 0 -110px no-repeat;
}

h5#internship_2008{
background:url('images/internship-headersNEW.jpg') 0 -172px no-repeat;
margin:100px 0 0 0;
}

h5#internship_2009{
background:url('images/internship-headersNEW.jpg') 0 -196px no-repeat;
clear:both;
margin:100px 0 0 0;

}


h5#internship_2010{
background:url('images/internship-headersNEW.jpg') 0 -220px no-repeat;
clear:both;
margin:100px 0 0 0;

}

h5#internship_2011{
background:url('images/internship-headersNEW.jpg') 0 -242px no-repeat;
clear:both;
margin:100px 0 0 0;


}

h5#internship_2012{
background:url('images/internship-headersNEW.jpg') 0 -265px no-repeat;
clear:both;
margin:100px 0 0 0;


}


h5#internship_2013{
background:url('images/internship-headersNEW.jpg') 0 -288px no-repeat;
clear:both;
margin:100px 0 0 0;

}


h5#internship_2014{
background:url('images/internship-headersNEW.jpg') 0 -310px no-repeat;
clear:both;


}

h6{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
line-height:18px;
margin:5px 0 20px 0;
width:250px;
float:left;
display:block;
color:#464648;
}

h6.student_name, 
h6.student_info, 
h6.student_college{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#464648;
margin:0 0 0 0;
}

h6.student_name{
font-weight:800;
font-style:normal;}

h6.student_info{
margin:0 0 10px 0;
}

#left_column p, #right_column p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#464648;
margin:30px 0 0 0;
}

.thumb p{
float:left;
width:350px;
margin:0 0 0 50px;
}
#navigation ul{
}

#navigation ul li{
float:left;
margin:0 41px 0 0;
}

.about_list{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:12px;
color:#464648;
margin:30px 0;
list-style:none;
}

.about_list li{
background:url('images/list_bullet.jpg') no-repeat;
margin:20px 0;
padding:0 0 0 20px;
}


#contact_list, .project_list{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:25px;
color:#464648;
}

.project_list{
float:left;
width:370px;

}


.bold_text{
font-weight:800;
}
/* -.-.-.-.-.-.-.-.-.-.-.-.-.-.
Links
-.-.-.-.-.-.-.-.-.-.-.-.-.-.*/

#header{
margin:40px 0 0 0;
display:block;
}

.aboutus{
display:block;
width:54px;
height:12px;
}

a:hover.aboutus{
background:url('images/navigation.jpg') 0 17px;
}

.projectro{
display:block; ;
width:800px; background:url('images/website_3.jpg');
height:76px; text-indent:-9000px;
}

a:hover.projectro{
background:url('images/website_3.jpg') 0 76px;
}

.projects{
width:47px;
height:12px;
display:block;
}

a:hover.projects{
background:url('images/navigation.jpg') -95px 17px;
}

.contact{
display:block;
width:49px;
height:12px;
}

a:hover.contact{
background:url('images/navigation.jpg') -183px 17px;
}

.internship{
display:block;
width:59px;
height:12px;
}

.internship_link{
font-size:12px;
display:block;
font-weight:normal;
margin:10px 0 0 50px
}
a:hover.internship{
background:url('images/navigation.jpg') -273px 17px;
}



#logo a{
width:312px;
float:left;
height:42px;
background:url('images/logo.jpg') no-repeat;
margin:0 0 -36px -36px;}


/* -.-.-.-.-.-.-.-.-.-.-.-.-.-.
Imagery
-.-.-.-.-.-.-.-.-.-.-.-.-.-.*/
#index_image,
#about_image,
#contact_image,
#internship_image{
display:block;}

#index_image{
width:350px;
height:301px;
background:url('images/map.jpg') no-repeat;
}

#about_image{
width:369px;
height:292px;
margin:0 0 40px 0;
}

#contact_image{
width:346px;
height:410px;
background:url('images/new_contact_image.jpg') no-repeat;
margin:0 0 40px 0;
}

#internship_image{
width:346px;
height:311px;
background:url('images/internship_image.jpg') no-repeat;
margin:0 0 20px 0;
}

img.student_image{
float:left;
width:85px;
margin:0 5px 5px 0;
}

.thumb img{
margin:40px 0 0 0;
border:2px solid #fff;
}

.thumb a:hover img, .mapheader a:hover img{
	border:2px solid #3a6f8f;
}
#staff_neal,
#staff_kim,
#staff_justin,
#staff_patrick,
#staff_denise,
#staff_jane,
#staff_emily{
float:left;
width:120px;
height:145px;
display:block;
margin:0 10px 0 0;
}

div:hover#staff_neal{
background:url('images/staffimage.jpg') 0 -145px no-repeat;
}

#staff_neal{
background:url('images/staffimage.jpg') no-repeat;
}

div:hover#staff_kim{
background:url('images/staffimage.jpg') -120px -145px no-repeat;
}

#staff_kim{
background:url('images/staffimage.jpg') -120px 0 no-repeat;
}

div:hover#staff_justin{
background:url('images/staffimage.jpg') -240px -145px no-repeat;
}

#staff_justin{
background:url('images/staffimage.jpg') -240px 0 no-repeat;
}

div:hover#staff_patrick{
background:url('images/staffimage.jpg') -360px -145px no-repeat;
}

#staff_patrick{
background:url('images/staffimage.jpg') -360px 0 no-repeat;
}

div:hover#staff_denise{
background:url('images/staffimage.jpg') -480px -145px no-repeat;
}

#staff_denise{
background:url('images/staffimage.jpg') -480px 0 no-repeat;
}

div:hover#staff_jane{
background:url('images/staffimage.jpg') -600px -145px no-repeat;
}

#staff_jane{
background:url('images/staffimage.jpg') -600px 0 no-repeat;
}

div:hover#staff_emily{
background:url('images/staffimage.jpg') -719px -145px no-repeat;
}

#staff_emily{
background:url('images/staffimage.jpg') -719px 0 no-repeat;
}

.center{
margin:0 0 0 100px;
display:block;
}


/* -.-.-.-.-.-.-.-.-.-.-.-.-.-.
Form
-.-.-.-.-.-.-.-.-.-.-.-.-.-.*/

fieldset {
  width: 450px;
  margin: 0;
  padding: 30px;
  background: #f0f0f0;
  border: 2px solid #d0d0d0;
}

.textfield,
.textarea {
  width: 350px;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #464648;
  margin: 0 0 10px 0;
  padding: 9px 14px;
  background: #ecf1f5;
  border:2px dotted #387090;
  border-right:none;
  border-left:none;
 

 /*  
  -moz-box-shadow: 4px 4px 4px #ddd;
  -webkit-box-shadow: 4px 4px 4px #ddd;
  box-shadow: 4px 4px 4px #ddd;
  */
}

input:hover, textarea:hover,
input:focus, textarea:focus,
#submit:focus, #submit:hover { 
    -webkit-transition-duration: .2s, .2s; 
-webkit-transition-timing-function: linear, ease-in;
	border:2px solid #387090; 
	
	}
	



#submit{
	width: 93px;
	margin:20px 0 0 0;
	height:31px;
	padding: 7px 15px;
	text-indent:-9000px;
	background:url(images/submit_button.jpg) 0 5px no-repeat #ecf1f5;
    border:2px dotted #387090;
    border-right:2px solid #ecf1f5;
 	border-left:2px solid #ecf1f5;
	font-size: 14px;
	color: #464648;
	cursor: pointer;
	}

h6.training{
	font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
line-height:18px;
margin:5px 0 20px 0;
width:300px;
display:block;
color:#464648;
}

@font-face {
    font-family: 'HelveticaRoundedBlackBlkIt';
    src: url('helveticardblkobl-webfont.eot');
    src: url('helveticardblkobl-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticardblkobl-webfont.woff') format('woff'),
         url('helveticardblkobl-webfont.ttf') format('truetype'),
         url('helveticardblkobl-webfont.svg#HelveticaRoundedBlackBlkIt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaRoundedBlack';
    src: url('helveticardblk-webfont.eot');
    src: url('helveticardblk-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticardblk-webfont.woff') format('woff'),
         url('helveticardblk-webfont.ttf') format('truetype'),
         url('helveticardblk-webfont.svg#HelveticaRoundedBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}		

@font-face {
    font-family: 'HelveticaRoundedCondensedBold';
    src: url('helveticardcdbd-webfont.eot');
    src: url('helveticardcdbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticardcdbd-webfont.woff') format('woff'),
         url('helveticardcdbd-webfont.ttf') format('truetype'),
         url('helveticardcdbd-webfont.svg#HelveticaRoundedCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaRoundedBoldItalic';
    src: url('helveticardbdobl-webfont.eot');
    src: url('helveticardbdobl-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticardbdobl-webfont.woff') format('woff'),
         url('helveticardbdobl-webfont.ttf') format('truetype'),
         url('helveticardbdobl-webfont.svg#HelveticaRoundedBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaRoundedBold';
    src: url('helveticardbd-webfont.eot');
    src: url('helveticardbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticardbd-webfont.woff') format('woff'),
         url('helveticardbd-webfont.ttf') format('truetype'),
         url('helveticardbd-webfont.svg#HelveticaRoundedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaRoundedCondensedBdIt';
    src: url('helveticardcdbdobl-webfont.eot');
    src: url('helveticardcdbdobl-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticardcdbdobl-webfont.woff') format('woff'),
         url('helveticardcdbdobl-webfont.ttf') format('truetype'),
         url('helveticardcdbdobl-webfont.svg#HelveticaRoundedCondensedBdIt') format('svg');
    font-weight: normal;
    font-style: normal;

}

#hd-spots{visibility:none;}

.maptext{
float:right; width:290px; margin-left:20px;font-family:Arial, Helvetica, sans-serif; margin-top:350px;
font-size:12px;
line-height:18px;
color:#464648;}

.MagicZoomPlus{float:left;}

.awards_img{margin:20px 0 0 0;}

#box{
	position:relative; top:303px; left:150px; }
	
	#box2{
	position:relative; top:-308px; left:70px; }
	
	#social_list li{float:left; margin-left:10px;}
	#social_list{float:right;}
	
a.tooltips {
	position: relative;
  	display: inline;
} 

a.tooltips span {
	font-family:Helvetica;
	font-size: 12px;
	display:none; 
	padding:14px 20px;  
	margin-left:28px; 
	width:320px; 
	line-height:17px;
	color:#696969;
	border-radius: 6px;
	box-shadow: -4px 3px 6px #5E5E5E; } 
	
a.tooltips span:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 100%;
  margin-top: -12px;
  width: 0; height: 0;}
  
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  right: 60%;
  margin-top: -15px;
  width: 0; height: 0;
}
a.tooltips:hover span{ 
	display:inline; 
	position:absolute;  
	border:2px solid #3a6f8f; 
	background:#ffffff;} 

a.tooltips span { 
	visibility: visible;
  	opacity: 100;
 	left: 60%;
  	top: -80%;
  	margin-top: -15px;
  	margin-left: 15px;
  	z-index: 999;}
	
	
	
	
	
	a.tooltips2 {
	position: relative;
  	display: inline;
} 

a.tooltips2 span {
	font-family:Helvetica;
	font-size: 12px;
	display:none; 
	padding:14px 20px;  
	margin-left:28px; 
	width:320px; 
	line-height:17px;
	color:#696969;
	border-radius: 6px;
	box-shadow: -4px 3px 6px #5E5E5E; } 
	
a.tooltips2 span:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 100%;
  margin-top: -12px;
  width: 0; height: 0;}
  
a.tooltips2 span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 60%;
  margin-top: -15px;
  width: 0; height: 0;
}
a.tooltips2:hover span{ 
	display:inline; 
	position:absolute;  
	border:2px solid #3a6f8f; 
	background:#ffffff;} 

a.tooltips2 span { 
	visibility: visible;
  	opacity: 100;
 	right: 60%;
  	top: -80%;
  	margin-top: -15px;
  	margin-left: 15px;
  	z-index: 999;}