/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
html							   {height: 100%;}
body							   {width: 100%;
									height: 100%;
									background-color: #c3ced0;
									margin: 0;
									padding: 0;
									overflow-y: scroll;
									font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
									font-weight: 300;
									color: #1b346c;}
h1								   {clear:both;
									width:60%;
									margin: 0 auto;
									font-size: 1.2em;
									line-height: 2.5em;
									text-align: center;
									padding: 0 1%;
									color: #f54b1a;}
a								   {color: #1b346c;
									text-decoration: none;}
#selectors						   {margin: 0;
									padding: 0 1.2%;
									background: #fff;}
.button_category				   {font-size: 1.2em;
									padding:0;}
.button-group					   {margin: 0.5%;}
li								   {padding: 0 1%;
									border: 0;
									margin: 0.5% 0;
									background-color: #fff;
									display: inline-block;
									font-weight: 300;}
li.is-checked					   {color: #f54b1a;}
li:hover						   {color: #f54b1a;}
#wrapper						   {width: 80%;
									margin: 0 auto;
									min-height: 100%;
									margin: 0 auto -50px auto;
									background: #fff;
									padding: 0 0.4%;}
#wrapper:after					   {display: block;
									content: "";
									height: 50px;}
footer							   {width: 80%;
									margin: 0 auto;
									padding: 0;
									line-height: 50px;
									height: 50px;
									font-size: 0.8em;
									text-align: center;
									background: #fff;}
.item							   {width: 24%;
									margin: 0.5%;
									padding: 0;
									border: 0;
									background-color: #fff;
									outline: #c3ced0 solid 1px;}
.item .project_student			   {font-size: 1.2em;
									font-weight: 100;
									margin: 2.5% 5% 1% 5%;
									color: #f54b1a;}
.item .project_title			   {font-size: 1em;
									text-align: right;
									margin: 0 5%;
									font-style: italic;
									font-weight: 100;}
.item img						   {width:85%;
									display:block;
									margin:4% auto;
									padding: 3%;
									outline: #c3ced0 dashed 1px;}
#no_results						   {width:100%;
									text-align: center;
									font-size: 0.9em;
									padding:4% 0;
									display: none;}
.rollover_links					   {display: none; width: 85%; position:absolute; bottom:0; text-align: center; margin: 0 0 7% 7.5%;}
.rollover_links li				   {display:block; background:rgba(195,206,208,0.9); margin:0; padding: 3.5% 0; font-size: 0.9em;}
.rollover_links li a:hover		   {color: #f54b1a;}
.additional_students			   {margin: 0; padding: 1.2%; background: #fff;}
.additional_students li			   {margin: 0.5%;}
.additional_students li a:hover    {color: #f54b1a;}