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

/* Reset */
* {margin:0; padding:0}
img {border:none}

/* Fonts */

@font-face {
	font-family: 'ComfortaaThin';
	src: url('../fonts/Comfortaa_Thin-webfont.eot');
	src: local('☺'), url('../fonts/Comfortaa_Thin-webfont.ttf') format('truetype'), url('../fonts/Comfortaa_Thin-webfont.svg#webfontsk3kIaB3') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ComfortaaRegular';
	src: url('../fonts/Comfortaa_Regular-webfont.eot');
	src: local('☺'), url('../fonts/Comfortaa_Regular-webfont.ttf') format('truetype'), url('../fonts/Comfortaa_Regular-webfont.svg#webfontLeO4sLIF') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ComfortaaBold';
	src: url('../fonts/Comfortaa_Bold-webfont.eot');
	src: local('☺'), url('../fonts/Comfortaa_Bold-webfont.ttf') format('truetype'), url('../fonts/Comfortaa_Bold-webfont.svg#webfontDqKilnbB') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Global */

body {background-color: #333; background-image: url('../images/bg-home.png'); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif;}

/* Containers */

#container {position: relative; margin: 0 auto; width:960px;}

#top {position:absolute; left:0px; top:0px; width:960px; height:300px; background-image: url('../images/top.png'); background-repeat: no-repeat;}

#left {position:absolute; left:0px; top:300px; width:260px; height:248px;}

#nav {position:absolute; left:260px; top:300px; width:700px; height:248px; background-image: url('../images/nav.png'); background-repeat: no-repeat;}

#copy {position:absolute; left: 260px; top: 360px; width:700px; background-color: #fff; min-height: 188px;}
#copy p {text-align: left; margin: 0 30px 15px 0;}

#footer {position:absolute; left:0px; top:548px; width:960px; height:152px;  background-image: url('../images/footer.png'); background-repeat: no-repeat;}

/* Areas */

#navigation {position: relative; text-align: right; top: 20px; color: #fff; font-family: ComfortaaBold, sans-serif; font-size: 22px; padding-bottom: 20px;}
.navitem {margin: 0px 40px 10px 0;}

#navigation a:link {color: #ddd; text-decoration: none; border: 0px;}
#navigation a:visited {color: #ccc; text-decoration: none; border: 0px;}
#navigation a:hover {color: #fff; text-decoration: none; border-bottom: 2px #fff solid;}

#copyright {width: auto; position: relative; text-align: right; top: 50px; right: 30px; font-size: 12px; color: #999; margin-left: 60px;}

#copyright a:link {color: #666; text-decoration: none; border-bottom: 1px #666 dashed;}
#copyright a:visited {color: #999; text-decoration: none; border-bottom: 1px #999 dashed;}
#copyright a:hover {color: #333; text-decoration: none; border-bottom: 1px #000 solid;}

/* Images */

#logo {position: absolute; top: 0px; left: 0px; z-index: 100;}