/* Custom */

body {
    
	text-align: left;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	border-top: 1px red solid;
	width: auto;
	background-color: #777777; /* #2F4F4F */
	font-family: helvetica, arial, sans-serif;
	
}

#container {
    
    width: 1000px;
    padding-top: 0px;
    
}

#header, #footer {
    
	margin: 5px 15px 5px 0px;
	padding: 0px;
	clear: both;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	
}

img { border: none;}
#header img a:link, #header a:active, #header img a:visited, #header img a:hover { border: none;}

#columns {
    
    height: 600px;
    clear: both;
    margin-top: 10px;
    
}

#title, #subtitle {
    
    margin: 0px;
    padding-top: 5px;
    
}

#title {

    color: #FFF; 
    font-size: 2.0em; 
    letter-spacing: 0.25em;
    clear: right;
    font-weight: bold;

}

#subtitle {

    color: darkorange;
    font-weight: bold;
    font-size: 0.75em;
    letter-spacing: 0.15em;
    border-top: 1.5px solid #FFF;
    float: left;
    padding-right: 0px;
    
}

#architecture, #freestanding, #about {

	height: 600px;
    
	margin-right: 10px;
	border: 1px solid #333;
	
	float: left;

}

#architecture {
    width: 453px;
    background-color: #000;
   /* background: url('../images/backgrounds/architecture_1.jpg') no-repeat; */
}

#freestanding {
    width: 328px;
    background-color: #000;
  /*  background: url('../images/backgrounds/freestanding_4.jpg') no-repeat; */
}

#about {
    width: 169px;
    background-color: #000;
  /*  background: url('../images/backgrounds/about_3.jpg') no-repeat; */
}

#architecture_label, #freestanding_label, #about_label {
    
    background-color: #333;
    opacity: 0.85;

    font-size: 0.9em;
    letter-spacing: 0.2em;
    padding: 15px 0px 5px 7px;
    color: #FFF;
    height:580px;

}

#architecture_label a:link, #freestanding_label a:link, #about_label a:link,
#architecture_label a:visited, #freestanding_label a:visited, #about_label a:visited,
#architecture_label a:hover, #freestanding_label a:hover, #about_label a:hover {
    color: #FFF;
    display: block;
    height: 100%;
}

.mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #333; z-index: 1; }

#footer {
    
	clear: both;
	color: #DDD;
	font-family: sans-serif;
	font-size: 0.75em;
	margin-top: 15px;
	margin-right: -100px;
	color: #DDD;
	width: 1000px;
	text-align:center;
	
}

#contact .address {
    
    letter-spacing: 0.25em;
    margin-right: 25px;
    font-size: 1em;

}

.column { cursor: pointer }

#columns a:link, #columns a:visited, #columns a:active {
    text-decoration: none;
    color: #FFF;
}

#contact .address a:link, #contact .address a:visited, #contact .address a:active {
    border-bottom: 1px dotted #333;
    text-decoration: none;
    color: #000;
}

.gallery_preview {

    background-color: #333;
    position: relative; top: 0px;
    padding-bottom: 20px;
    height: 535px;
}

.gallery_loader {

    opacity: 0.85;
    margin: 0px;
    padding: 0px;
    background-color: #333;
    position: relative; top: 0px;
    padding-bottom: 25px;
    height: 530px;
}

.loader_label {
    color:#DDD;
    position:relative;
    top:40%;left:38%;
    font-weight:bold;
    letter-spacing: 0.25em;
}

.gallery_preview p {
    color: #DDD;
    padding: 5px 45px 15px 30px;
    font-size: 0.75em;
    opacity: 0.75;
    margin: 8px 0px 10px 0px;
    line-height: 1.5em;
    letter-spacing: 0.15em;
}

/* Carousel overrides */

#horizontal_carousel { width: 800px; height: 440px; text-align:center; margin: 0px;
	background-color: #fff; border: none; position: relative; left: 30px;}
	
#horizontal_carousel .container { width: 735px; height: 430px; text-align: center; position: relative; left: 5px; }

#horizontal_carousel ul li { width: 200px; height: 200px; padding: 10px;}

#horizontal_carousel ul li div { margin-bottom: 15px;}

.container { background-color: #fff;}

.previous_button, .next_button {font-size: 28px; margin: 0px;}

#footer a, #footer a:link, #footer a:visited, #footer a:hover { color: white;}
#footer a, #footer a:link, #footer a:visited { text-decoration:none;}
#footer a:hover { text-decoration:underline;}