/* this is the reset section*/
* {
  margin: 0px;
  padding: 0px;
  border: none;
}
/*this is the body stuff and */
body {
  background-image: url(images/footer-bg.png);
  background-repeat: repeat-x;
  background-position:0px 600px;
  background-color: #ffffff;
  font-family: Snickles, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

#container {
  margin: auto;
  width: 960px;
}

#header {
  float: left;
  width: 960px;
  height: 119px;
}

#logo {
  background: url(images/logo.png) no-repeat center center;
  float: left;
  width: 199px;
  height: 129px;
  margin-left:175px;
  margin-right:auto;
  }

#logo h1 {
  font-family: Snickles, Verdana, Helvetica, sans-serif;
  font-size: 3em;
  float:left;
  height:129px:
  width:199px;
  margin: 65px 0 0 10px;
}  

#logo h1 a {
text-decoration:none;
color: #000000;
}

#nav {
  float:right;
}

.nav-links li {
display: block;
float: left;
list-style-type: none;
font-family: Snickles, Verdana, Helvetica, sans-serif;

}

.nav-links li a {
  float: left;
  width: 120px;
  height: 76px;
  text-decoration: none;
  text-transform: capitalize;
  color: #000000;
  font-size: 1.5em;
  text-align: center;
  padding-top: 51px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #cecece;
}
.nav-links li a:hover {
  color: #00284a;
  background-image: url(images/nav_hover.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}

#featured {
  float: left;
  width: 960px;
  background-image: url(images/featured-background.png);
  background-repeat: no-repeat;
  height: 424px;
  margin-top:7px;
  padding-top: 0px;
  -moz-box-shadow: -5px 5px 3px #666;
  -webkit-box-shadow: -5px 5px 3px #666;
  box-shadow: -5px 5px 3px #666;
  border:1px solid #555;
  border-radius: 17px;
  -moz-border-radius: 17px;
  -webkit-border-radius: 17px;

}

#premier {
float:left;
width:423px;
height:432px;
margin:auto;
}

#seperator {
float:left;
margin: 1px 0 0 70px;
}

@font-face {
 
   font-family:  Snickles;
   src: url('../Snickles.ttf') format("truetype");
   
   }

#featured-content {
float: left;
width: 400px;
font-family: Snickles, Verdana, Helvetica, sans-serif;
font-size: 23px;
font-style:normal;
font-weight:normal;
text-shadow: 0px 1px 3px #555;
margin: 20px 0 0 30px;
color: #ffffff;
}

#social {
float: left;
width: 400px;
height:auto;
margin-left: 20px;

}

#social-item {
float:left;
display:inline;
margin:20px 0 0 10px;
}


#footer {
background-image: url(images/footer-me.png);
background-repeat: no-repeat;
background-position: 10px 55px;
float: left;
height: 600px;
width: 960px;

}

.box {
background-color: #111;
opacity: 0.7;
float:left;
height:300px;
width:300px;
margin-top:250px;
margin-left:10px;
border:2px solid #111;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: -2px 2px 3px #000;
-webkit-box-shadow: -2px 2px 3px #000;
box-shadow: -2px 2px 3px #000;
padding: 5px 0 0 0;
}

.boxphoto {
background-color: #111;
opacity: 0.7;
float:left;
height:300px;
width:300px;
margin-top:250px;
margin-left:10px;
border:2px solid #111;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: -2px 2px 3px #000;
-webkit-box-shadow: -2px 2px 3px #000;
box-shadow: -2px 2px 3px #000;
padding: 5px 0 0 0px;
}

input, textarea {
	margin: 3px 0 3px 10px;
	padding: 9px;
	border: solid 1px #333333;
	outline: 0;
	font: normal 13px/100% Snickles, Verdana, Tahoma, sans-serif;
	color:#666666;
	width: 200px;
	background: #222222;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

textarea {
	width: 2600px;
	max-width: 260px;
	height: 100px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus {
	border-color: #C9C9C9;
	}

.form label {
	margin-left: 10px;
	color: #999999;
	}

.submit input {
	width: auto;
	padding: 9px 15px;
	background: #617798;
	border: 0;
	font-size: 1em;
	color: #FFFFFF;
	}
	
.box h1 {

  font-family: Snickles, Verdana, Helvetica, sans-serif;
  font-size: 3em;
  color: #777;
  margin: 0 0 0 10px;
  
  }