* {margin:0;padding:0;} 

html
{
	height: 100%;
}

body 
{
	background-image: url(images/bg2.jpg);
	background-repeat: no-repeat;
	background-color: #2b2b33;
	height: 100%;
	margin: 0;
	padding: 0;
}

@font-face
{
font-family: century_gothic;
src: url('/fonts/century_gothic.ttf'),
     url('/fonts/century_gothic.eot'); /* IE */
}

a:link, a:visited
{
	color:#CCC;
	text-decoration:none;
}

a:hover
{
	color: #ffffff;
	text-decoration:none;
}

#gallerycontainer
{
	width: 1450px;
	min-height: 100%;
}

#leftcontainer
{
	position: relative;
	float: left;
	top: 411px;
	width: 400px;
}

#rightcontainer
{
	float:left;
}

#footercontainer
{
	width: 100%;
	background-color: #1c1c21;
}

#aboutcontainer
{
	width: 1035px;
	min-height: 100%;
}

#content
{
	overflow:hidden;
	padding: 0px;
	padding-bottom: 20px;
}

#footer
{
	position: relative;
	margin-top: -30px;
	padding-top: 20px;
	height: 30px;
	width: 1450px;
	clear:both;
	background-color: #1c1c21;
}

.about-title
{
	position: relative;
	margin-top: 80px;
	width: 622px;
	color: #CCC;
	font:12px/1 century_gothic,verdana,arial,helvetica,sans-serif;
	text-align: center;
	padding-bottom: 40px;
}

.about 
{
	position: relative;
	width: 622px;
	height: 320px;
	color: #CCC;
	font:12px/1 century_gothic,verdana,arial,helvetica,sans-serif;
	text-align: justify;
}

.about-fb-facepile
{
	position: relative;
	height: 400px;
}

.about a:link, a:visited
{
	color:#CCC;
	text-decoration:none;
}

.about a:hover
{
	color: #ffffff;
	text-decoration:none;
}

.aboutlink
{
	position: relative;
	color:#999;
	font: 12px/1 century_gothic,verdana,arial,helvetica,sans-serif;
	text-align: center;
	left: 103px;
	height: 18px;
	width: 150px;
}

.aboutlink a:link, a:visited
{
	color:#CCC;
	text-decoration:none;
}

.aboutlink a:hover
{
	color: #ffffff;
	text-decoration:none;
}

.social
{
	position: relative;
	top: 15px;
	left: 6px;
	width: 10px;
	height: 10px;
}

.socialicon
{
	height: 35px;
}

.gallery 
{
	position: relative;
	height: 600px;
	width: 1000px;
	margin-top: 60px;
	margin-bottom: 0px;
}

.imagelinks
{
	border:0px;
}

.image-info
{
	background-image: url(images/torn_paper.png);
	background-repeat: no-repeat;
	position: relative;
	width: 656px;
	height: 440px;
	padding-top: 90px;
	padding-left: 130px;
}

.image-heading
{
	position: relative;
	height: 20px;
	width: 400px;
	padding-bottom: 20px;
	
}

.image-title
{
	position: relative;
	height: 20px;
	width: 300px;
	color: #CCC; 
	font: 13px/1 century_gothic,verdana,arial,helvetica,sans-serif;
}

.image-link
{
	position: relative;
	top: -20px;
	left: 300px;
	height: 20px;
	width: 100px;
	color: #CCC; 
	font: 13px/1 century_gothic,verdana,arial,helvetica,sans-serif;
	text-align: right;
}

.image-link a:link, a:visited
{
	color:#CCC;
	text-decoration:none;
}

.image-link a:hover
{
	color: #ffffff;
	text-decoration:none;
	cursor:help;
}

.image-description
{
	position: relative;
	width: 400px;
	height: 150px;
	color: #CCC; 
	font: 13px/1 century_gothic,verdana,arial,helvetica,sans-serif;
	text-align: justify;
}

.facebook-like
{
	position: relative;
	float: left;
	height: 50px;
	width: 100px;
}

.google-plusone
{
	position: relative;
	float: left;
	height: 50px;
	width: 100px;
}

.leftfooter  
{
	position: relative;
	float: left;
	color:#999;
	font:12px/1 century_gothic,verdana,arial,helvetica,sans-serif;
	text-align: left;
	left: 10px;
	width: 600px;
}

.rightfooter  
{
	position: relative;
	float: right;
	color:#999;
	font:12px/1 century_gothic,verdana,arial,helvetica,sans-serif;
	text-align: right;
	right: 10px;
}

.rightfooter a:link, a:visited
{
	color:#CCC;
	text-decoration:none;
}

.rightfooter a:hover
{
	color: #ffffff;
	text-decoration:none;
}

.modelviewer
{
	position: relative;
	left: 400px;
	top: 60px;
	height: 680px;
	width: 800px;
}

.modelviewer-description
{
	position: relative;
	left: 495px;
	height: 200px;
	width: 400px;
	color:#CCC; 
	font:13px/1 century_gothic,verdana,arial,helvetica,sans-serif;
	text-align: justify;
}

.modelviewer-gallerylink
{
	position: relative;
	color:#999;
	font:12px/1 century_gothic,verdana,arial,helvetica,sans-serif;
	text-align: left;
	top: -470px;
	left: 128px;
	height: 18px;
	width: 150px;
}

.modelviewer-social
{
	position: relative;
	left: 6px;
	top: -446px;
	width: 10px;
	height: 10px;
}

.modelviewer-facebook-like
{
	position: relative;
	left:420px;
	top:-230px;
	height:76px;
	width:10px;
	color:#CCC; 
	font:13px/1 century_gothic,verdana,arial,helvetica,sans-serif;
	font-weight: bold;
}

.modelviewer-google-plusone
{
	position: relative;
	left:420px;
	height:40px;
	width:10px;
	color:#CCC; 
	font:13px/1 century_gothic,verdana,arial,helvetica,sans-serif;
	font-weight: bold;
}
