﻿*
{
	margin: 0;
	padding: 0;
}

.bottom
{
	clear: both;
}

body
{
	margin: 0;
	padding: 0;
	background: #000;
	color: #000;
	font-size: 80%;
	font-family: "arial";
        text-align:center;
}

img
{
	border: 0;
}

#topCont
{
	width: 100%;
	height: 150px;
	color: #CCC;
}

#top
{
	margin: 0 auto;
	width: 900px;
	height: 50px;
	background: #000;
	font-weight: bold;
        text-align:left;
}

#top-wide
{
	margin: 0 auto;
	width: 1090px;
	height: 50px;
	background: #000;
	font-weight: bold;
        text-align:left;
}

#topleft
{
	float: left;
	width: 225px;
	height: 32px;
	font-size: 85%;
	padding: 18px 0 0 25px;
	color: #666;
}

#topleft a
{
	color: #FFCC00;
	text-decoration: none;
}

#topleft a:hover
{
	color: #FFF;
	text-decoration: none;
}

#topright
{
	float: left;
	width: 625px;
	height: 34px;
	padding: 16px 25px 0 0;
	text-align: right;
	font-size: 120%;
	color: #999;
}

#header
{
	margin: 0 auto;
	width: 900px;
	height: 100px;
	background: #000;
}

#header-wide
{
	margin: 0 auto;
	width: 1090px;
	height: 100px;
	background: #000;
}

#headerleft
{
	float: left;
	width: 300px;
	height: 200px;
	background: #333;
}

#headerright
{
	float: left;
	width: 600px;
	height: 200px;
	background: #333;
}

#logo
{
	float: right;
	width: 460px;
	height: 162px;
	background-image: url(EuriskoStudioLogoMini.png);
	background-repeat: no-repeat;
	margin: 30px 0px 0px 0;
	
}

#logo-wide
{
	float: right;
	width: 460px;
	height: 162px;
	background-image: url(EuriskoStudioLogoMini.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0;
}

#logo-alternate-text
{
	display: none;
}

#headerright-wide
{
	float: left;
	width: 1090px;
	height: 162px;
	background: #333;
}

#headerright h1
{
	font-weight: normal;
	font-size: 300%;
	font-family: Calibri;
	font: 58px sans-serif;
	margin: 0;
	padding: 65px 30px 0 0;
	letter-spacing: -2px;
	color: #FFFFFF;
	text-align: right;
}

#headerright h2
{
	margin: -10px 0 0 0;
	padding: 0 30px 0 0;
	font-weight: normal;
	font-size: 200%;
	letter-spacing: -1px;
	color: #FFCC00;
	text-align: right;
}


#headerright-wide h1
{
	font-weight: normal;
	font-size: 300%;
	font-family: Calibri;
	font: 58px sans-serif;
	margin: 0;
	padding: 5px 30px 0 0;
	letter-spacing: -2px;
	color: #FFFFFF;
	text-align: right;
}

#headerright-wide h2
{
	margin: -10px 0 0 0;
	padding: 0 30px 0 0;
	font-weight: normal;
	font-size: 200%;
	letter-spacing: -1px;
	color: #FFCC00;
	text-align: right;
}

#mainCont
{
	width: 100%;
}

#main
{
	margin: 0 auto;
	width: 900px;
	background: #FFF;
        text-align:left;
	
}

#main-wide
{
	margin: 0 auto;
	width: 1090px;
        text-align:left;
	background: #FFF;
}

#mainmenu
{
	float: left;
	width: 299px;
	padding: 15px 0 0 0;
	font-size: 85%;
	font-weight: bold;
	background: #F1F1F1;
}

#mainmenu ul
{
	list-style-type: none;
	margin: 0 0 30px 0;
}

#mainmenu a
{
	display: block;
	padding: 7px 0 7px 20px;
	width: 279px;
	text-decoration: none;
	color: #333;
}

#mainmenu a.active
{
	background: #CCC;
	color: #FFF;
}

#mainmenu a:hover
{
	background: #FC0;
	color: #FFF;
}

#indent1 a
{
	padding: 7px 0 7px 30px;
	width: 269px;
}

#indent2 a
{
	padding: 7px 0 7px 40px;
	width: 259px;
}

#mainmenu p
{
	margin: 0 20px 15px 20px;
	color: #555;
	line-height: 160%;
	font-size: 110%;
}

#mainmenu p span
{
	color: #222;
	font-size: 125%;
}

#maincontentBox
{
	float: left;
	width: 550px;
	padding: 15px 25px 0 25px;
	line-height: 160%;
}

#maincontentBoxWide
{
	float: left;
	width: 1000px;
	padding: 15px 25px 0 25px;
	line-height: 160%;
}

#maincontent
{

}

#maincontent p
{
	margin: 0 0 15px 0;
	padding: 0;
}

#maincontent h1
{
	margin: 0 0 15px 0;
	padding: 0;
	font-weight: normal;
	font-size: 170%;
	color: #666;
}

#maincontent img
{
	/*float: right;*/
	margin: 0 0 15px 15px;
	padding: 5px;
	border: 1px solid #CCC;
}

#maincontent ul
{
	margin: 0 0 15px 30px;
	list-style-type: square;
	color: #FC0;
}

#maincontent blockquote
{
	margin: 0 0 15px 20px;
	padding: 0 0 0 15px;
	border-left: 3px solid #FC0;
}

#maincontent ul li span
{
	color: #000;
}

#footerCont
{
	width: 100%;
}

#footer
{
	margin: 0 auto;
	width: 900px;
	color: #999;
	font-size: 85%;
	background: #FFF;
	border-top: 1px solid #CCC;
        text-align:left;
}

#footer-wide
{
	margin: 0 auto;
	width: 1090px;
	color: #999;
	font-size: 85%;
	background: #FFF;
	border-top: 1px solid #CCC;
        text-align:left;
}

#footer a
{
	color: #666;
	text-decoration: none;
}

#footer a:hover
{
	color: #FC0;
}

#footerleft
{
	float: left;
	width: 425px;
	padding: 15px 0 15px 25px;
}

#footerright
{
	float: left;
	width: 425px;
	padding: 15px 25px 15px 0;
	text-align: right;
}
