/* CSS Document . Core Exhibits . main.css  */



body {
	font-family: arial, sans-serif;
	background-color: #000;
	font-size: 62.5%;
}



div#surround {
	float: left;
	width: 100%;
	height: 100%;
	padding-bottom: 100px;
	max-width: 1988px;
	min-height: 860px;
	background-image:  url("https://core-exhibits.com/images/exhibits.seminars.bgphoto.jpg");
}


div.topspace {
	position: relative; 
	float: left;
	left: 30px; 
	top: 30px;
	width: 100%; 
	max-width: 1130px; 
	background: #fff;
	opacity: 0.8;
	padding: 9px 0;
}

.topspace .title{
	float: left;
}

.topspace #contact {
	float: right;
	margin-right: 30px;
	margin-top: 22px;
	font-size: 1.5em;
}

div.topspace h1{
	font: bold 3.8em/1 "arial";
	color: #6C40AB;
	margin: 3px 0 0 10px;
}

div.topspace h2{
	font: bold 1.6em/1 "arial";
	margin: 0 0 0 10px;
	color: #6C40AB;
}

div.topspace1 {
position: absolute; 
left: 40px; 
top: 50px;
color: #6C40AB;
z-index: 3;
}


div.topspace2 {

position: absolute; 
left: 280px; 
top: 50px;

color: #6C40AB;
z-index: 3;
}

h1.topspace {
font-size: 20px;
z-index: 4;
}


div.sidemenu {
	float: left;
	position: relative; 
	left: 30px; 
	top: 85px; 
	width: 190px; 
	height: 375px; 
	background: #ffffff;
	text-align: left;
	opacity:0.8;
}

ul.side-menu {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	font-size: 2em;
}


ul.side-menu li:hover{	
	background: #172f6c;
}

ul.side-menu a{
	color: #9C7456;
	text-decoration: none;
	display: block;
	padding: 5px 0 5px 8px;
}

ul.side-menu li:hover a{
	color: #F0C3A2;
}

h1.sideheader {
	font-size: 2em;
	text-align: left;
	padding-bottom:0px;
}

h3 {
	font-size: 1.1em;
	line-height: 1;
}

ol li{
	margin-bottom: 1em;
}

/*a.sideheader {text-decoration:none;
}
a.sideheader:link {color:#9C7456;}
a.sideheader:visited {color:#9C7456;}
a.sideheader:hover {color:#000000;}
a.sideheader:active {color:#000000;}*/




/*a.sidemenu:link {color:#6C40AB;}
a.sidemenu:visited {color:#6C40AB;}
a.sidemenu:hover {color:#000000;}
a.sidemenu:active {color:#000000;}*/


/*a.sidemenu2 {text-decoration:none;
padding-left: 20px;
font-size: 12px;}
a.sidemenu2:link {color:#6C40AB;}
a.sidemenu2:visited {color:#6C40AB;}
a.sidemenu2:hover {color:#000000;}
a.sidemenu2:active {color:#000000;}*/



div.content {
	float: left;
	position: relative; 
	left: 78px; 
	top: 85px; 
	width: 876px; 
	height: auto; 
	background:  #ffffff;
/*	opacity: 0.9;*/
	padding-left: 13px;
}

.main-content h1,
.main-content-wide h1 {
	color:#9C7456;
	font-size: 20px;
}

.main-content{
	width: 500px;
	text-align: justify;
	font-size: 14px;
}

.main-content-wide{
	width: 840px;
	text-align: justify;
	font-size: 14px;
}

img.content {
    display: block;
    margin-left: auto;
    margin-right: auto ;
	width: 600px;
	opacity: 1.0;}

div.bottomblack {
}

#main-wrap{
	width: 1130px;
	float: left;
}

#button-wrap a:first-child {
	margin-left: 0;
}

#button-wrap {
	float: left;
	margin-bottom: 50px;
	margin-top: 35px;
}

.main-content #contact{
	color: #9C7456;
	font-size: 1.4em;
}

#button-wrap a {
	font: bold 18px "arial";
	color: #9c7456;
	text-decoration: none;
	text-align: center;
	display: block;
	padding-top: 10px;
	line-height: 1;

	background: #172f6c;
	width: 200px;
	height: 187px;
	float: left;
	margin-left: 10px;
	border-bottom: 3px solid #172f6c;
}

#button-wrap a:hover {
	color: #F0C3A2;
	opacity: 0.9;
}

#button-wrap #one {
	background: url('/images/fabric-structures.png') no-repeat bottom #172f6c;
}

#button-wrap #two {
	background: url('/images/modular-hybrid.png') no-repeat bottom #172f6c;
}

#button-wrap #three {
	background: url('/images/portables.png') no-repeat bottom #172f6c;
}

#button-wrap #four {
	background: url('/images/custom-btn.png') no-repeat bottom #172f6c;
}

.small{
	font-size: 13px;
}

#custom-pic {
	width: 450px;
	float: left;
	height: 438px;
	background: url('/images/custom-big.jpg') no-repeat;
}

.custom .main-content{
	width: 90%;
	padding-bottom: 30px;
	float: left;
}