@charset "utf-8";
/* CSS Document */

body { 
	margin: 0; 
	padding: 0; 
	font: normal normal normal 11px/140% Arial, Helvetica, sans-serif;
	background: #000000;
	}
	
/* float clearer */
.fc {clear:both; width: 0; height:0; line-height:0; margin:0; padding:0; visibility:hidden; overflow:hidden;}

/*font classes*/

.intro-1 p, .intro-2 p, .intro-2-contact p, .intro-3 p, .feature-info h1, .feature-info p {
    margin: 0;
    }

.intro-1 p, .intro-1 a:visited, .intro-1 a:hover{
	color: #6eb9e1;
	font: normal normal normal 17.5px/140% Arial, Helvetica, sans-serif;
	}
	
.intro-2 p, .intro-3 p, .intro-2-contact p{
	color: #FFFFFF;
	font-size: 13px;
	margin-bottom: 15px;
	}
	
.feature-wrapper h2{
	color: #B9B9B9;
	font: normal normal normal 18px/140% Arial, Helvetica, sans-serif;
    margin: 6px 0 15px 0;
	}
	
.feature-info p.intro{
	color: #6eb9e1;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 10px;
	}
	
.feature-info p{
	color: #FFFFFF;
	margin-bottom: 15px;
	}
	
a, a:visited{
	color: #6EB9E1;
	text-decoration: underline;
	}
	
a:hover{
	text-decoration: none;
    color: #416D85;
	}
	
.intro-1 a:hover {
	color: #416D85;
	text-decoration: underline;
	} 
	
/* Main layout classes */

.wrapper {	
	width: 1024px;
	margin: 0px auto;
	}
	
.header {
	width:1024px;
	height: 57px; 
	position: relative;
	}
	
.intro-wrap {
	position: relative;
	width: 1020px;
    margin: 40px auto 20px auto;
	}	
	
.intro-1{
	width:360px;
	margin: 0;
	float: left;
	}	
	
.intro-2, .intro-3{
	width: 300px;
	margin: 0;
    padding: 0 5px 0 25px;
	float: left;
	}	
	
.intro-2-contact{
	width:205px;
	margin: 0;
    padding: 0 5px 0 20px;
    float: left;
	}	
	
.intro-3-contact{
	width:395px;
	margin: 0;
    padding: 0 5px 0 30px;
	float: left;
	}
	
.feature-wrapper{
	position: relative;
	width: 1024px;
	border-top: 1px #333333 solid;
	margin-bottom: 30px;
	}
	
.feature-title{
	width: 1024px;
	position: relative;
	text-align:left;
	padding-top:10px;
	margin-bottom: 20px;
	}

.feature-info {
	width: 200px;
 	float: left;
	margin-right: 40px;
	}

   .feature-wrapper.home .feature-info{
       width: 360px;
       margin-right: 0px;
       font-size: 13px;
   }

.featured-images-wrapper {
	width: 784px;
	float: left;
	}
    
    .feature-wrapper.home .featured-images-wrapper{
        width: 640px;
    }
	
.footer {
	margin-top: 20px;
	width:1014px;
	height: 57px;
	position: relative;
	text-align: right;
	color:#999999;
    padding: 20px 10px 0 0;
	border-top: 1px #333333 solid;
	}
	
	
/* site navigation */

.nav {
	width: 1024px;
	height: 55px;
}

.nav-element {
	height: 50px;
	float: left;
    font: normal normal normal 16px/140% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	}
	
.nav-element a{
	text-decoration:none;
	height: 40px;
	width:auto;
	padding: 10px 25px 5px 5px;
	color:#FFFFFF;
	display: block;
    font: normal normal normal 16px/140% Arial, Helvetica, sans-serif;
	}
	
.nav-element a:hover{
	background:#333333;
	color: #FFFFFF;
	}
	
.nav-element a.selected{
	background:#333333;
	}
	
.nav-element img{
	float:left;
	border: 0px;
	margin: 3px 0px 0px 1px;
	display: block;
	}
	
/* main page & gallery images */

.featured-images-wrapper img {
	padding: 3px;
	border: 1px #999999 solid;
	float: left;
	margin-left:20px;
	margin-bottom: 20px;
	}
    
    .feature-wrapper.home .featured-images-wrapper img{
        margin-left: 40px;
    }

.make-logo { margin: 0px 0px -5px 5px; border: none;}

.bookmark-logo { margin: 0px 4px -2px 4px; border: none;}

/* contact form*/

.contact-form-wrapper{
	position: relative;
	width: 1024px;
	border-top: 1px #333333 solid;
	margin-bottom: 30px;
	}
	
.contact-info {
	width: 250px;
 	float: left;
	margin-right: 50px;
	}
	
.contact-info p{
	color: #FFFFFF;
	font-size: 1.2em;
	margin-bottom: 15px;
	text-align:left;
	}
	
.text-input {
	width: 200px;
	border: 2px solid #416D85;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 8px;
	margin: 3px 0px 2px 0px;
	}
	
/* div for the holding page, can be deleted once site is live */

.holding-page {
width: 800px;
margin: 0 auto;
margin-top: 200px;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 2.5em;
}