/*GLOBAL styles*/	
html { font-size: medium;}

.color1 {
	background-color:# ;
	}
	
.color2 {
	background-color:# ;
	}
	
.color3 { /*rare accent color*/
	background-color:#1 ;
	}

#font-color1 { /*dark-gray*/
	color:#444;
	}
	
#font-color2 { /*white*/
	color:#fff;
	}

body { 
background-color:#131313; 
font-family:'Times New Roman', serif;
margin:0;
padding:0;
zoom: 1;
}

div, ul, li, a, img {
	padding:0;
	margin:0 auto;
	border:none;
	}
	
.left {float:left; display:inline;}
.right {float:right; display:inline;}
	
div.noise {
background:url(img/noise.jpg);
background-repeat:repeat;
}

div.wrapper {
width:100%;
}

@media screen and (min-width: 400px) {
div.field {
background-color:#fff;
height:1600px;
max-width:980px;
padding:12px 40px 40px;
}}

@media screen and (max-width: 399px) {
div.field {
background-color:#fff;
height:1600px;
padding:8px 20px 20px;
}}


@media screen and (min-width: 400px) {
div.pallette {
padding:40px;
max-width:980px;
margin:30px 0 40px;
}}

@media screen and (max-width: 399px) {
div.pallette {
padding:20px;
margin:22px 0 30px;
}}

@media screen and (max-width: 300px) {
div.pallette {
padding:20px;
margin-bottom:12px 0 20px;
}}

div.logo {
max-width: 395px;
max-height:164px;
margin:10% auto 15%;
}


div.page {
max-width:980px;
background-color:#f7f7f7;
padding:20px;
}

.ital {font-style:italic;}
.caps {text-transform:uppercase;}

h1 {

}

h2 {
font-size:0.70rem; font-weight:normal; letter-spacing:4px; line-height: 15px; 
}

ul, li {
	list-style:none;
	position:relative;
	margin:0;
	padding:0;
	}

li.paragraph {
font-size:0.65rem; font-weight:normal; letter-spacing:1px; line-height: 15px;
}

li.link {
font-size:0.65rem; font-weight:normal; letter-spacing:1px; line-height: 15px;
}

a.highlight {color:#444; text-decoration:none;}
a.highlight:hover{color:#777; text-decoration:none;}