/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	font-family: Verdana, sans-serif;
	background: #fff;
	background-image:url('images/1_background.jpg');
	background-repeat: no-repeat;
	background-size: cover; /* Resize the background image to cover the entire container */
	background-attachment: fixed;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; }

a img { border: none; }


h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	 { margin: 0; padding: 0; }
#img-container p { width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }






/* SITE */

h2 {font-size: 18px; color: #F4072C; padding-bottom: 20px; padding-top: 15px;}
img {max-width: 100%;}
td { padding: 5px; box-sizing: border-box;}

#content {margin: 20px 50px 0 240px; padding: 20px; background-color: #ffffff; z-index: 2; }

#menu				{width: auto; height: auto; background-color: #ffffff; padding: 25px; }
#menu ul a			{border-bottom: 1px dashed #000; color: #000000; cursor: pointer; font-size: 13px; letter-spacing: 2px; margin-left: 3px; margin-right: 3px; padding: 2px 0 0 0px; text-indent: 0; width: 140px; display: block;}
#menu ul a:hover	{border-bottom: 1px dashed #F4072C; color: #F4072C; cursor: pointer; font-size: 13px; letter-spacing: 2px; margin-left: 3px; margin-right: 3px; padding: 2px 0 0 0px; text-indent: 0; text-decoration: none; width: 140px; display: block;}
#menu				{width: auto; overflow: auto; top: 0; bottom: 0; left: 22px; position: fixed; height: 100%;}
#menu ul			{list-style: none;	margin: 0 0 12px 0;}

li {padding: 0px 0px 10px 0px;}

.container {padding: 5px 5px 25px 5px; }
.copy {text-align: center;}

.sketchesTitle {padding: 50px 0px 20px 0px; font-size: 1.5em;}