/* -.-.-.-.-.-.-.-.-.-.-.-.-.-.
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;
}

#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;
}
h3#about_header,
h3#about_staff,
h3#about_services,
h3#about_clients,
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_2010{
height:26px;
background:url('images/internship-headers.jpg') no-repeat;
}

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

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

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

h5#daniel_regan{
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#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{
height:15px;
margin:40px 0 0 0;
}

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

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

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

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

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

h5#internship_2010new{
background:url('images/internship-headers.jpg') 0 -170px no-repeat;
margin:100px 0 0 0;
}

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

}

h5#internship_2011{
background:url('images/internship-headers.jpg') 0 -185px no-repeat;
clear:both;


}

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

}

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:30px;
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:30px;
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;
}

.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:388px;
background:url('images/about_image.jpg') no-repeat;
margin:0 0 40px 0;
}

#contact_image{
width:346px;
height:311px;
background:url('images/main_image1.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_daniel,
#staff_patrick,
#staff_denise,
#staff_jane{
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_daniel{
background:url('images/staffimage.jpg') -240px -145px no-repeat;
}

#staff_daniel{
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;
}

.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; margin-top:-200px;font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:30px;
color:#464648;}