/*------------------------------------------ LAY OUT STRUCTURE ------------------------------------ */

html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-align: center;
}

#container {
	width: 980px;
	text-align: left;
	border: 0px solid #FF0000;
	margin: 0px auto;
	padding: 0px;
}

#branding {
	float: right;
	position: relative;
	width: 720px;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}

#sivu #branding {
	float: right;
	position: relative;
	width: 734px;
	margin: 0px 70px 0px 0px;
	padding: 0px;
	z-index: 1;
}

#content {
	border-left: 5px solid #FF9900;
	width: 728px;
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

#sivu #content {
	border-left: 5px solid #FF9900;
	width: 768px;
	min-height: 555px;
	float: right;
	margin: 15px 0px 0px;
	padding: 0px 0px 0px 15px;
}

#main-content {
	margin: 14px 0px 0px;
	padding: 0px;
	float: left;
	width: 543px;
	font-size: 14px;
	font-weight: bold;
	color: #303030;
	line-height: 17px;
}

#sivu #main-content {
	margin: 5px 0px 0px;
	width: 650px;
	font-size: 14px;
	font-weight: bold;
	color: #303030;
	line-height: 17px;
}

#kuvat #main-content, #gallery #main-content {
	width: 750px;
}

#additional-content {
	width: 170px;
	float: right;
	margin: -10px 6px 0px 0px;
	padding: 0px;
	position: relative;
	z-index: 2;
}

#sivu #additional-content {
	width: 133px;
	float: right;
	border: 0px solid #FF0000;
	margin: 40px 0px 0px;
	padding: 0px;
	position: relative;
	z-index: 2;
}

#sirpa-box {
	margin: 0px 0px 0px 19px;
	padding: 0px;
	width: 133px;
	color: #008400;
	font-size: 13px;
}

#blog-box {
	background: #3F7200 url(../kuvat/blog-box-bgr.jpg) no-repeat;
	padding: 0px;
	width: 132px;
	margin: 10px 0px 0px 16px;
	height: 142px;
}

#sivu #blog-box {
	margin: 12px 0px 0px 47px;
}

#side-content {
	background: url(../kuvat/side-content-bgr.jpg) no-repeat;
	width: 232px;
	float: left;
	margin: -78px 0px 0px;
	padding: 349px 0px 0px;
}

#sivu #side-content {
	width: 180px;
	float: left;
	margin: -5px 0px 0px;
	padding: 190px 0px 0px;
	border: 0px solid #FF0000;
	background: url(../kuvat/side-content-bgr-sivu11.jpg) no-repeat right top;
}

#meter {
	margin: 0px 24px 0px 0px;
	padding: 0px;
	float: right;
}

/*------------------------------------------ NAVIGATION ------------------------------------ */

#main-navigation {
	list-style: none;
	text-align: left;
	clear: both;
	text-transform: uppercase;
	font-size: 25px;
	color: #FF6600;
	margin: 7px 0px 15px;
	padding: 0px;
}

#sivu #main-navigation {
	list-style: none;
	clear: both;
	font-size: 15px;
	color: #FF6600;
	margin: 0px 0px 15px 191px;
	padding: 0px;
	text-transform: none;
}

#main-navigation li {
	display: inline;
	margin: 0px 0px 0px 1px;
	padding: 0px;
	font-size: 21px;
	font-weight: normal;
	letter-spacing: 2px;
}

#sivu #main-navigation li {
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 6px;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	background: url(../kuvat/additional-nav-viiva2.gif) no-repeat left center;
}

#sivu #main-navigation li.eka{
	background: url(none);
	padding-left: 0px;
}

#additional-navigation {
	list-style: none;
	position: absolute;
	left: 542px;
	top: 2px;
	margin: 0px;
	padding: 0px;
}

#additional-navigation li {
	font-size: 12px;
	color: #669900;
	display: inline;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	background: url(../kuvat/additional-nav-viiva.gif) no-repeat left center;
}

#additional-navigation li.eka {
	background: url(none);
	padding-left: 0px;
}

#side-navigation {
	text-transform: uppercase;
	color: #669900;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	font-size: 13px;
	text-align: right;
	font-weight: bold;
	line-height: 13px;
}

#side-navigation li {
	margin: 0px 0px 5px;
	padding: 1px;
}

/*------------------------------------------ TYPOGRAPHY ------------------------------------ */

#branding h1 {
	background: url(../kuvat/h1-bgr.jpg);
	text-indent: -9999pt;
	margin: 27px 0px 0px;
	padding: 0px;
	height: 52px;
	width: 720px;
}

#english #branding h1, #page #branding h1, #gallery #branding h1, #sirpa-tapaninen #branding h1, 
#alexander-technique #branding h1, #testimonials #branding h1, #private-lessons #branding h1, 
#courses #branding h1, #links #branding h1, #contact #branding h1
{
	background: url(../kuvat/h1-bgr-english.jpg);
}

#branding h2 {
	background: url(../kuvat/h2-bgr.gif) no-repeat;
	text-indent: -9999pt;
	height: 50px;
	width: 337px;
	margin: -5px 0px 0px 40px;
	padding: 0px;
}

#main-content h3 {
	font-size: 15px;
	text-transform: uppercase;
	color: #339900;
	border-bottom: 1px dotted #FF9900;
	letter-spacing: 1px;
	margin: 0px 50px 1em 0px;
	padding: 0px 0px 0px 5px;
}

#main-content h4 {
	font-size: 14px;
	text-transform: uppercase;
	margin: 0px 0px 1em;
	padding: 0px;
}

#kurssit #main-content strong {
	text-transform: uppercase;
	padding-left: 15px;
}

#blog-box h3 {
	background:  url(../kuvat/blog-box-h3-bgr.png) no-repeat 0px 2px;
	text-indent: -9999pt;
	height: 37px;
	width: 132px;
	margin: 0px;
	padding: 0px;
}

#english #blog-box h3, #page #blog-box h3, #sirpa-tapaninen #blog-box h3 {
	background:  url(../kuvat/blog-box-h3-bgr-eng.png) no-repeat 0px 2px;
}

#main-content p {
	margin: 0px 0px 0.8em;
	padding: 0px;
}

#sirpa-box p {
	padding: 0px 3px 0px 5px;
	line-height: 12px;
	margin: 0px 0px 0.6em;
	font-size: 12px;
	font-weight: bold;
}

#sirpa-box strong {
	color: #303030;
}

#blog-box p {
	font-size: 13px;
	color: #FFFFFF;
	padding: 6px 12px 10px 14px;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	line-height: 16px;
}

.anafangi {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 38px;
	line-height: 32px;
	float: left;
	margin-right: 4px;
	color: #333333;
	font-weight: normal;
}

cite {
	font-style: normal;
	margin: 0px;
	padding: 0px;
	color: #303030;
	letter-spacing: 1px;
}

#side-content blockquote {
	font-size: 12px;
	color: #006600;
	background:  url(../kuvat/lainausmerkit.jpg) no-repeat;
	margin: 0px 30px 0px 0px;
	padding: 10px 0px 0px 23px;
	line-height: 13px;
	font-weight: bold;
	font-style: italic;
}

#main-content h2 {
	font: 25px "Trebuchet MS", Arial, sans-serif;
	position: relative;
	color: #339900;
	text-transform: uppercase;
	letter-spacing: -2px;
	padding: 0px;
	left: 0px;
	top: -8px;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 3px;
}

#main-content  h2 span {
	background: url(../kuvat/gradient-glossy.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 18px;
}

#main-content blockquote {
	font-size: 14px;
	color: #339900;
	background:  url(../kuvat/lainausmerkit.jpg) no-repeat;
	margin: 1.2em 30px 1.2em 0px;
	padding: 10px 0px 0px 23px;
	font-weight: bold;
	font-style: italic;
}

#main-content cite {
	font-style: normal;
	margin: 1em 0px 1em 23px;
	padding: 0px;
	letter-spacing: 1px;
	color: #646464;
}

#main-content ul {
	list-style: url(../kuvat/list-circle.gif);
	margin: 0px;
	padding: 0px;
}

#main-content ul li {
	margin: 0px 0px 1em 30px;
	padding: 0px;
}

#main-content ul ul {
	list-style: url(../kuvat/list-circle2.gif);
	margin: 1em 0px 0px;
	padding: 0px;
}

#kurssiaikataulu p {
	margin-bottom: 25px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #339933;
	margin-right: 100px;
}

#kurssiaikataulu em {
	color: #339900;
	letter-spacing: 1px;
	font-style: normal;
	margin-right: 5px;
	background: 50px 60px;
}

#web-design {
	font-size: 12px;
	color: #669900;
	text-align: center;
	margin: 30px;
	padding: 0px;
}

/*------------------------------------------ IMAGE STYLES ------------------------------------ */

#sirpa-box img {
	margin-bottom: 4px;
}

#main-content img {
	margin-top: 10px;
	margin-bottom: 5px;
}

#kuvat #main-content img, #gallery #main-content img  {
	margin: 2px;
	padding: 3px;
	border: 1px solid #CCCCCC;
}

#kuvat #main-content a:link, #kuvat #main-content a:visited, #kuvat #main-content a:hover,
#page #main-content a:link, #page #main-content a:visited, #page #main-content a:hover,
#gallery #main-content a:link, #gallery #main-content a:visited, #gallery #main-content a:hover   {
	border-bottom: 0px;
}

/*------------------------------------------ LINK STYLES ------------------------------------ */

#main-content a:link {
	color: #FF9900;
	border-bottom: 1px dotted #FF6600;
	text-decoration: none;
}

#main-content a:visited {
	color: #FF9900;
	border-bottom: 1px dotted #999999;
	text-decoration: none;
}

#main-content a:hover {
	color: #339900;
	text-decoration: none;
	border-bottom: 1px dotted #339900;
}

#additional-content a:link, #side-content a:link,
#additional-content a:visited, #side-content a:visited {
	color: #FF6600;
	text-decoration: none;
	border-bottom: 1px dotted #FF6600;
	font-style: normal;
}

#additional-content a:hover, #side-content a:hover {
	color: #006600;
	border-bottom: 0px;
}

#main-navigation a:link {
	color: #486A00;
	text-decoration: none;
}

#main-navigation a:visited {
	text-decoration: none;
	color: #70A837;
}

#main-navigation a:hover {
	color: #FF9900;
	text-decoration: none;
}

#blog-box a:link {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: none;
}

#blog-box a:visited {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: none;
}

#blog-box a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	border-bottom: none;
}

#sirpa-box a:link, #sirpa-box a:visited {
	color: #FF6600;
	text-decoration: none;
	border-bottom: 0px;
	font-style: normal;
}

#sirpa-box a:hover{
	text-decoration: none;
	border-bottom: 0px;
	font-style: normal;
	color: #303030;
	border-bottom: 0px;
}

#additional-navigation a:link, #additional-navigation a:visited {
	color: #008400;
	text-decoration: none;
}

#additional-navigation a:hover {
	color: #FF9900;
	text-decoration: none;
}

#sivu #side-navigation a:link, #sivu #side-navigation a:visited {
	color: #FF6600;
	border: none;
	margin: 0px;
	padding: 0px 0px 0px 3px;
}

#sivu #side-navigation a:visited {
	color: #FF9900;
}

#sivu #side-navigation a:hover{
	color: #5A8600;
	margin: 0px;
	padding: 0px 0px 0px 3px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: 4px solid #5A8600;
}

#yksityistunnit #side-navigation a.tunnit, #alexander-tekniikka #side-navigation a.alexander-tekniikka,
#sirpa-tapaninen-2 #side-navigation a.sirpa-tapaninen, #artikkelit #side-navigation a.artikkelit, 
#kokemuksia #side-navigation a.kokemuksia, #kurssit #side-navigation a.kurssit, 
#kuvat #side-navigation a.kuvat, #linkit #side-navigation a.linkit, 
#yhteystiedot #side-navigation a.yhteystiedot,
#alexander-technique #side-navigation a.alexander-technique, #sirpa-tapaninen #side-navigation a.sirpa-tapaninen, 
#testimonials #side-navigation a.testimonials, #private-lessons #side-navigation a.private-lessons,
#courses #side-navigation a.courses,  #gallery #side-navigation a.gallery, #links #side-navigation a.links, 
#contact #side-navigation a.contact {
	color: #5A8600;
	margin: 0px;
	padding: 0px 0px 0px 3px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: 4px solid #5A8600;
	cursor: default;
}

/*------------------------------------ HIDE SKIP TO CONTENT-LINK ---------------------------*/

@media screen {
	a.no-screen:link, a.no-screen:visited, a.no-screen:hover { display: none; }
}