@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);


/******************Main*****************/

body { font-family: 'Roboto', sans-serif; font-size: 1.1em; color: #fff; padding: 0px; margin: 0px; }
#wrapper { background: url(_images/background.jpg) no-repeat fixed left top; background-size: 100% auto; padding: 0px; margin: 0px; }
@media screen and (min-width: 1370px){ 
	#wrapper { background: url(_images/background.jpg) no-repeat fixed left -100px; background-size: 100% auto; padding: 0px; margin: 0px; }
}
@media screen and (min-width: 1550px){ 
	#wrapper { background: url(_images/background.jpg) no-repeat fixed left -200px; background-size: 100% auto; padding: 0px; margin: 0px; }
}
@media screen and (min-width: 1725px){ 
	#wrapper { background: url(_images/background.jpg) no-repeat fixed left -300px; background-size: 100% auto; padding: 0px; margin: 0px; }
}
#header { position: fixed; width: 100%; top: 0px; left: 0px; background-color: #692365; padding-top: 15px;}
#content { margin-top: 234px; width: 800px; margin-right: auto; margin-left: auto;}
.space { height: 484px; }
.nav-space { height: 234px; }
.title { background-color: #9DD2CF; width: 800px; height: 100px; margin-bottom: 30px;}
p { padding: 0px 30px 0px 30px; }
.placeholder { width: 600px; height: 420px; background-color: #9DD2CF; }
.background { background: url(_images/purple-background.png) repeat; }


/******************Nav*****************/

#nav { background-color: #09B4BB; }
#nav td { width: 200px; }
a, a:visited { color: #fff; text-decoration: none; font-weight: 700; }
a:hover { color: #692365; }