body
{
	margin-left: 10%;
	margin-right: 10%;
}
h1
{
	font-size: large;
	font-family: arial;
	font-face: arial;
	text-align: center;
}
h2
{
	font-size: 12pt;
	font-family: arial;
	font-face: arial;
}
h3
{
	font-size: 8pt;
	font-family: arial;
	font-face: arial;
	margin-top: 2em;
}
#container
{
	width: 100%;
	background-color: #000;
	background-image: url('img/tgrad_kulta.png');
	text-align: center;
}
#inner_container
{
	width: 98%;
	margin-left: 1%;
	background-color: #fff;
	text-align: left;
}
.slogan
{
	font-size: 8pt;
	color: #f00;
	text-align: center;
	margin-top: -0.5em;
	margin-bottom: 2em;
}
.briefs
{
	margin-top: 1em;
	margin-left: 10%;
	margin-right: 5%;
	text-align: center;
	font-size: 10pt;
}

.brief
{
	font-size: 10pt;
	border: none;
	border-left: 2px solid #f00;
	width: 33%;
	text-align: left;
	padding-left: 1%;
	padding-right: 1%;
}
.brief_container
{
	border-left: 1px solid #f00;
}
.home
{
	text-align: center;
	margin: 1em;
	padding-top: 1em;
}
.linked
{
	font-size: 8pt;
	text-align: center;
	margin: 1em;
	padding-top: 1em;
}
.contact_info
{
	text-decoration: underline;
	padding-right: 1em;
}

#text
{
	margin-left: 10%;
	margin-right: 10%;
	font-size: 10pt;
}

.examples
{
	text-align: center;
}

.ex_img
{
	vertical-align: middle;
	margin-left: 1em;
	margin-right: 1em;
	border: none;
}

a:link {color: #f00;}
a:visited {color: #f00;}
a:active {color: #f00;}

.home a:link {color: #f00; margin: 2em;}
.home a:visited {color: #f00; margin: 2em;}
.home a:active {color: #f00; margin: 2em;}

.examples a:link {color: #f00; text-decoration: none; border: none;}
.examples a:visited {color: #f00; text-decoration: none; border: none;}
.examples a:active {color: #f00; text-decoration: none; border: none;}