/* ----base styles---- */
* 	{ 
	margin:0px; padding:0px; border:0px;
	font-family:Calibri,Tahoma,Verdana,Arial,Helvetica,sans-serif;
	}
html {
	width:100%;
	height:100%;	
}
body {  
	width:100%;
	height:100%;
	min-width:768px;
	background-color:#F2F2F2;
	}

/* ---- layout element styles ---- */

.gallery_item {
	/*width = 98% - 8% for margins /4 = 22.5%*/
	width:22.5%;
	margin-left:1%;
	margin-right:1%;
	border: 1px solid #D9D9D9;
	float:left;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-color:#ffffff;
	}
.logo_container {
	height:100%;
	margin-left:1%;
	margin-right:1%;
	position:relative;
	text-align:center;
	float:left;
	background: url(img/logo_gallery.png);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	}
.logo_text {
	width:100%;
	position:absolute;
	bottom:10%;
	text-align:center;
	}
.menu_item {
	display:inline-block;
	}
	
/* ---- gallery layout styles ---- */	

#container {
	width:98%;
	height:100%;
	margin:1%;
	text-align:left;
	}
.layout_row {
	width:100%;
	clear: both;
	margin-top:2%;
	margin-bottom:2%;
	}
.menu_row {
	margin-left:-1%;
	margin-right:-1%;
	padding-left:1%;
	padding-right:1%;
	border-top: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	background-color:#808080;
	}
.menu_info_container {
	margin-left:1%;
	margin-right:1%;
	position:relative;
	float:left;
	text-align:left;
	}
#menu_container_gallery {
	position:absolute;
	top:10%;
	left:20px;
	}
#menu_section_description {
	position:absolute;
	bottom:10%;
	left:20px;
	}

/* ---- project page styles ---- */

#project_menu_row {
	height:150px;
	margin-top:-1%;
	margin-bottom:1%;
	}
#project_logo_container {
	height:150px;
	width:160px;
	}
#project_logo_text {
	font-size:16px;
	letter-spacing:3px;
	}
#project_menu_info_container {
	height:150px;
	width:75%;
	position:relative;
	float:right;
	text-align:right;
	}
#project_menu_container {
	width:100%;
	position:absolute;
	bottom:10%;	
	}
#project_image {
	width:100%;
	border: 1px solid #D9D9D9;
	}
#project_image img{
	width:100%;
	height:auto;
	}
#project_description {
	width:96%;
	margin-left:-1%;
	margin-right:-1%;
	padding:3%;
	border-top:1px solid #D9D9D9;
	color:#333;
	font-size:12px;
	letter-spacing:1.5px;
	line-height:18px;
	background-color:#B3B3B3;
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
	column-gap:20px;
	}
#project_info_row {
	width: 100%;
	height:70px;
	margin-top:1%;
	margin-bottom:1%;
	position:relative;
   	clear:both;
	}
#project_name {
	position:absolute;
	left:2px;
	top:0px;
	font-size:11px;
	font-weight:bold;
	letter-spacing:3px;
	}
#project_info {
	width:100%;
	position:absolute;
	left:2px;
	bottom:0px;
	font-size:9px;
	}
#project_info_title {
	font-weight:bold;
	}
#project_thumbs_container {
	position:absolute;
	width:100%;
	right:0px;
	top:0px;
	}
.project_image_thumb {
	border: 1px solid #D9D9D9;
	margin-left:1%;
	float:right;
	}
.project_image_thumb img{
	height:70px;
	width:70px;
	/*height:100%;
	width:auto;*/
	}
	
/* ---- about/contact styles ----*/

.ac_container {
	width:98%;
	height:98%;
	position:fixed;
	border: 1px solid #D9D9D9;
	margin:1%;
	text-align:left;
	}
#about_bg {
	background: url(img/about_bg.png);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	}
#contact_bg {
	background: url(img/contact_bg.png);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	}		
.ac_menu_row {
	min-width:768px;
	height:20%;
	min-height:150px;
	position:absolute;
	}	
#about_menu_row {
	top:40%;
	}
#contact_menu_row {
	top:15%;
	}
#ac_menu_container {
	position:absolute;
	bottom:10%;
	right:1%;
	}
#about_subsections_container {
	position:absolute;
	bottom:5%;
	left:4%;
	width:100%;
	}
.about_subsection {
	margin-top:10px;
	margin-bottom:10px;
	}
#contact_info_container {
	position:absolute;
	bottom:3%;
	left:3%;
	width:25%;
	min-width:300px;
	}
.contact_info {
	font-size:12px;
	color:#999999;
	text-shadow: 2px 2px 4px #000000,-2px -2px 4px #000000 ;
	margin-top:10px;
	margin-bottom:10px;
	}

/* ---- splash styling ---- */

#splash_container {
	width:100%;
	min-width:768px;
	height:100%;
	position:fixed;
	background: url(img/cu3e_1.png);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-color:#f2f2f2;
	cursor:pointer;
	}
#splash_new {
	position:absolute;
	top:0px;
	left:0px;
	}
#splash_cu3e_logo {
	float:right;
	margin:3%;
	}
#splash_menu_row {
	height:150px;
	bottom:0px;
	border:0px;
	background-color:transparent;
	}
#splash_logo_container {
	margin-left:3%;
	width:150px;
	background: url(img/splash_logo.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	}
#splash_logo_text_light {
	font-size:12px;
	letter-spacing:4px;
	color: #808080;
	}
#splash_logo_text_heavy {;
	font-size:12px;
	letter-spacing:4px;
	color: #333333;
	}
#splash_menu_container {
	position:absolute;
	bottom:10%;
	right:3%;
}
#splash_menu_container .menu_item a {
	font-size:12px;
	letter-spacing:2px;
	color:#808080;
	}
#splash_menu_container .menu_item a:hover {
	color:#333333;
	}
	
/* ---- text styling ---- */

.block_text {
	font-size:12px;
	line-height:18px;
	color:#191919;
	}
#block_text_link {
	letter-spacing:1px;
	}
#logo_text_light {
	color: #CCCCCC;
	}
#logo_text_heavy {;
	color: #D9D9D9;
	}
#current_section {
	font-size:12px;
	letter-spacing:2px;
	color: #191919;
	}
	
/* ---- link styling ---- */

a {
	text-decoration:none;
	font-size:12px;
	letter-spacing:2px;
	color: #CCCCCC;
	}
a:hover {
	color: #ffffff;
	}
.about_subsection a {
	font-size:12px;
	letter-spacing:2px;
	color:#808080;
	}
.about_subsection a:hover {
	color:#333333;
	}