/*Stall STI stylesheet*/

body {
	text-align:left;
	padding:0;
	overflow: scroll;
	height: 800px;
	float: left;
	width: 12000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/*background-color: #f3f0f0;
	background: #EEEEEE url("images/body-bg.jpg") repeat-x left top;*/
		
	
}

#container {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	float: left;
	z-index: 0;
	height: 800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 12000px;
	/*background-color: #f3f0f0;*/
	background: #f3f0f0 url("images/taustabg3.jpg") repeat-x left top;
	
}

h1 {
	font-size:20px;
	color: #30F;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


h2 {
	font-size: 14px;
	line-height: normal;
	color: #30F;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

img {
/*border:none;*/
	border-radius:5px;
	-webkit-border-radius:5;px;
	-moz-border-radius:5px;

}

.box {
	width: 2000px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	/* [disabled]min-height: 700px; */
}
.header {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url(sliced/h1bng.jpg);
	background-repeat: repeat-x;
	height: 90px;
	width: 950px;
	padding-top: 20px;
	padding-left: 20px;
	font-size: 24px;
	letter-spacing: 0.01em;
	color: #FFF;
	position: relative;
	background-color: #F9F9F9;
	text-align: left;
	left: 250px;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
}

.content {
	float: left;
	position: relative;
	top: 0px;
	left: 250px;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
}

.content ul {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.blueboxinside {
	float: left;
	color: #FFF;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #FFF;
	height: 100px;
	border-left-width: thin;
	border-left-style: dotted;
	border-left-color: #FFF;
	width: 280px;
	margin-right: 9px;
	margin-left: 10px;
	padding: 5px;
}
.photocontainer {
	float: left;
	height: 425px;
	width: 900px;
	padding-right: 15px;
	padding-left: 15px;

}
.highslide-gallery-r{
	float: right;
	height: 425px;
	width: 900px;
	padding-right: 15px;
	padding-left: 15px;
}
.highslide-gallery {
	float: left;
	height: 525px;
	width: 900px;
	padding-right: 15px;
	padding-left: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	min-height: 500px;
}
.photomenu {
	width: 774px;
	float: left;
}

.bluebox {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 5px;
	font-size: 11px;
	letter-spacing: 0.01em;
	color: #FFF;
	position: absolute;
	float: left;
	height: auto;
	top: 620px;
	left: 10px;
	min-width:300px;
	min-height:100px;
	/*	background-color: #e82e90; */
	background-color: #0000EE;
}

.resources {
	padding: 5px;
	float: left;
	height: 129px;
	width: 486px;
	position: absolute;
	top: 620px;
	left: 510px;
}

.txt-inside-ctnr {
	float: left;
	width: 440px;
	padding-left: 15px;
	padding-bottom: 5px;
	margin-left: 20px;
	height: auto;
	padding-right: 20px;
}
.txt-inside-ctnr a  {
	color: #00F;
	text-decoration: none;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.txt-inside-ctnr em {
	color: #0f9107;
}
.button {
	background: #0099ff;
	background: -moz-linear-gradient(top, #3bd4fe 0%, #0283ce);
	background: -webkit-gradient(linear, left top, left bottom, from(#3bd4fe), to(#0283ce));
	border: 1px solid #006699;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.3), inset 0px 0px 3px rgba(255,255,255,0.5);
	box-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	color: #000;
	display: inline-table;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 11px 20px;	
	text-align: center;
	text-decoration: none;
	/*text-shadow: rgba(0,0,0,0.6) -1px -1px 0;*/
}
.button:hover {
	background: -moz-linear-gradient(top, #3bd4fe 0%, #0283ce 50%, #3bd4fe);
	background: -webkit-gradient(linear, left top, left bottom, from(#3bd4fe), color-stop(0.50, #0283ce), to(#3bd4fe));
	cursor: pointer;
	text-decoration: none;
	color:#FFF;
}
.button.green {
	background: #0ca600;
	background: -moz-linear-gradient(top, #47c93b 0%, #0c8c03);
	background: -webkit-gradient(linear, left top, left bottom, from(#47c93b), to(#0c8c03));
	border-color: #0a6c00;
}
.button.green:hover {
	background: -moz-linear-gradient(top, #47c93b 0%, #0c8c03 50%, #47c93b);
	background: -webkit-gradient(linear, left top, left bottom, from(#47c93b), color-stop(0.50, #0c8c03), to(#47c93b));
}

/*Sidebar menu*/
#menu {
	position: fixed;
	clear: both;
	float: left;
	margin: 0;
	z-index: 500;
	width: 180px;
	height: 580px;
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
}
#menu ul li a span {
	display: none;
}



#menu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;	


}



#menu ul li{
	list-style-type: none;
	color: #777;
	display: block;
	width: 150px;
	position: relative;
	left: 5px;
	height: 35px;
}


#menu ul li a{
/*text-decoration: none;
list-style-type: none;
color: #777;
display: inline;*/
vertical-align:middle;text-align:left;text-decoration:none;font:bold 13px Trebuchet MS,sans-serif;color:#181818;text-shadow:#FFF 0 1px 1px;cursor:pointer;padding:8px 18px;background-color:;background-repeat:repeat;border-width:0px;border-style:none;border-color:;
}

#menu ul li a:link {
	display: block;
}


#menu ul li a:hover {
	display: block;
}
#menu ul li a:hover span {
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0385;
	display: block;
	padding-left: 35px;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 15px*/
background-color:#444444;border-color:#C0C0C0;border-style:solid;font:bold 14px Trebuchet MS,sans-serif;color:#FFF;text-decoration:none;text-shadow:#FFF 0 0 1px;background-image:url("mainbk.png");background-position:0 100px;

	}
#menu .smallbox {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-align: left;
	padding-right: 10px;
	letter-spacing: 0.01em;
	font-weight: bold;
	padding-bottom: 20px;
}


#footer {
	position: relative;
	clear: both;
	float: left;
	z-index: 500;
	margin-right: auto;
	margin-left: auto;
	/* [disabled]padding-left: 5px; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999;
	text-align: left;
	border-top-width: 2px;
	border-top-style: solid;
	/*	border-top-color: #ED268D;*/
	border-top-color: #0000EE;
	display: inline;
	width: 165px;
	margin-top: 5px;
}
#footer a   {
	color: #1e35f5;
	text-decoration: none;
	border:none;
}

#main  {
	float: left;
	height: 1000px;
	width: 2000px;
	right: auto;
}
#main .content  {
	width: 950px;
	padding-left: 10px;
	padding-right: 10px;
}
#main .content .resources {
	position: absolute;
}
#main .header a  {
	color: #FFF;
	text-decoration: none;
}
#main .resources.bluebox {
	position: absolute;
	top: 636px;
}
#main .resources.bluebox h2 {
	color: #FFF;
	font-size: 18px;
}
#container #main .content .header {
	left: 0px;
}
#sti  {
	/*background-image: url(sliced/06.jpg);
	/*background-image: url(sliced/stibng-white.jpg);
	background-repeat: no-repeat;*/
	height: 1000px;
	background-position: left;
	padding-left: 0px;
	float: left;
	width: 2000px;
}
#sti .content  {
	width: 972px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFF;
	color: #333;	/*float: left;*/
	/*height: 500px;*/
	/*opacity:0.7;*/
}
#sti .content p  {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 1.3em;
	padding-left: 10px;
}
#sti .content p a  {
	text-decoration: underline;
	color: #390;
	font-weight: bold;
}
#sti .content .txt-inside-ctnr  {
	/*background-color: #000;*/
	width: 455px;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px;
}
#sti .content .txt-inside-ctnr h1 {
	padding-left: 10px;
}
#sales .content  {
	background-color: #FFF;
	width: 950px;
	padding-right: 20px;
}
#sales .content ul li  {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
#sales .content .txt-inside-ctnr a {
	font-size: 12px;
	text-decoration: none;
}
#news .content  {
	position: relative;
	width: 970px;
}
#news .content .txt-inside-ctnr p  {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}
#news .content .txt-inside-ctnr ul li  {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	list-style-type: circle;
	display: list-item;
	line-height: 1.2em;
	margin-bottom: 1px;
}
#container #news .content {
	background-color: #FFF;
}
#container #news .content .resources.bluebox h2 {
	color: #FFF;
	font-size: 16px;
}
#container #news .content .resources.bluebox {
	width: 952px;
	padding-left: 15px;
}
#container #news .content .bluebox {
	position: absolute;
	width: 977px;
}
#container #services .content {
	background-color: #FFF;
	width: 950px;
	padding-right: 10px;
	padding-left: 10px;
	height: auto;
}
.servicesboxcontent {
	display: none;
	float: left;
	position: relative;
	top: 15px;
	left: 20px;
}
#ratsutus {
	height: auto;
}
#ratsutus .content  {
	position: relative;
	width: 970px;
	height:auto;
}
.left {
	position: relative;
	width: 50%;
float:left;
}
.right {
	position: relative;
	width: 50%;
float:left;
}
#services .content .txt-inside-ctnr p  {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
#services .content .txt-inside-ctnr ul li  {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: circle;
	display: list-item;
	line-height: 1.2em;
	margin-bottom: 1px;
}
#valitys {
	height: auto;
}
#interactive {
	height: auto;
}
#motion {
	height: auto;
}
#digital {
	height: auto;
}
#container #photo .content {
	background-color: #FFF;
	width: 950px;
	padding-left: 10px;
	padding-right: 10px;
	height: 650px;
}
#container #contact .content {
	background-color: #FFF;
	width: 950px;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#contactform {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	padding: 5px;
}
#container #photo .content #nikke .photocontainer .highslide-gallery ul li {
	height: 65px;
	width: 65px;
	margin-right: 2px;
	margin-left: 2px;
}
#floatingmenu {
	float: left;
	height: 50px;
	position: fixed;
	left: 326px;
	top: 938px;
	display: inline;
	width: 422px;
}
#floatingmenu ul li {
	display: inline;
}
#textfield {
	overflow: auto;
}
#contact .content .txt-inside-ctnr #contactform label  {
	padding-bottom: 10px;
}

#contact .content .txt-inside-ctnr p  {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
}
#contact .content .txt-inside-ctnr {
	width: 400px;
}

.textbox {
	background-color: #CCC;
	border: 1px dashed #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
label {
	color: #333;
}
.txtright {
	text-align: right;
}
.txtleft {
	text-align: left;
}
#container .content .nav  {
	text-align: center;
	height: 40px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #EDEDED;
	padding-top: 20px;
}
#container .content .nav a    {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	font-weight: lighter;
	font-size: 14px;
	padding: 12px;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #EDEDED;
	text-align: center;
	top: 15px;
}
#container .content .nav a:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	font-weight: lighter;
	font-size: 14px;
	padding: 12px;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #EDEDED;
	background-color: #30F;
}
.gallery {
	display: none;
	float: left;
	height: 500px;
	width: 970px;
}
#container #services .content #branding {
	padding-right: 15px;
}

#container .content .nav ul li  {
	list-style-type: none;
	padding: 5px;
	display: inline;
	text-align: center;
}

/*js slide*/

.slide-runner {
	height:450px;
	left:0px;
	overflow:hidden;
	position:absolute;
	top:1px;
	width:728px;
}
#slide-holder img {
display:none;
margin:0;
position:absolute;
border:none;
}

.gallery {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.gallery li {
float:left;
height:100px;
margin:15px 10px;
padding:0 12px;
position:relative;
width:120px;
}
.gallery img {
background:#FFFFFF none repeat scroll 0 0;
border-color:#CCCCCC;
border-style:solid solid none;
border-width:1px 1px medium;
}
.gallery a:hover img {
border-color:#CCCCCC;
}
.gallery span {
background-image:url(sliced/glossy-gradient.png);
background-repeat:no-repeat;
display:block;
height:100px;
left:9px;
position:absolute;
top:0;
width:123px;
}
.gallery a {
text-decoration:none;
}

#slide-holder{
	z-index:40;
	width:728px;
	height:450px;
	position:absolute;
	left: 145px;
	top: 139px;
}

/*Clearfix*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}

.blue {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url(sliced/h1bng.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
	font-size: 10px;
	letter-spacing: 0.01em;
	color: #FFF;
	position: relative;
	float: left;
	left: 0px;
	height: 138px;
	width: 970px;
}
#container #services .content #motion h2 a {
	color: #999;
}
.resources blockquote h1 {
	text-align: right;
	color: #30F;
}
.resources blockquote h2 {
	text-align: right;
	font-size: 12px;
	font-style: italic;
	color: #666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: lighter;
}
#container #news .content .blue .blueboxinside a {
	color: #FFF;
	text-decoration: none;
}
.bluebox.rss-box h1 {
	color: #FFF;
	font-size: 18px;
}
#feed-facebook {
	background-color: #e82e90;
	width: 460px;
	height: 480px;
}
#facebook {
	background-color: #fff;
	width: 400px;
	float: right;
}
ul#css3menu1 ul{
	display:none;position:absolute;left:100%;top:0;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;padding:0 3px 3px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li:hover{
	position:relative;}
ul#css3menu1 ul ul{
	position:absolute;left:100%;top:0;}
ul#css3menu1{
	padding:0 3px 3px;display:block;font-size:0;float:left;}
ul#css3menu1 li{
	display:block;white-space:nowrap;font-size:0;}
ul#css3menu1>li,ul#css3menu1 li{
	margin:3px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a,ul#css3menu1 a.pressed{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:14px Trebuchet MS;color:#ffffff;cursor:pointer;}
ul#css3menu1 ul li{
	float:none;}
ul#css3menu1 ul a{
	text-align:left;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;color:#ffffff;text-decoration:none;}
ul#css3menu1 li:hover>a{
	background-color:#00aaff;border-color:#ffffff;border-style:solid;font:14px Trebuchet MS;color:#000000;text-decoration:none;background-image:url("images/mainbk.png");}
ul#css3menu1 img{
	border:none;vertical-align:middle;margin-right:10px;}
ul#css3menu1 img.over{
	display:none;}
ul#css3menu1 li:hover > a img.def{
	display:none;}
ul#css3menu1 li:hover > a img.over{
	display:inline;}
ul#css3menu1 li a.pressed img.over{
	display:inline;}
ul#css3menu1 li a.pressed img.def{
	display:none;}
ul#css3menu1 span{
	display:block;overflow:visible;background-image:url("arrowsub.png");background-position:right center;background-repeat:no-repeat;padding-right:24px;}
ul#css3menu1 a{
	padding:10px;background-color:#ffffff;background-image:none;background-repeat:repeat;border-width:1px 0 0 0;border-style:solid;border-color:#424542;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;color:#ffffff;text-decoration:none;}
	ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{
	background-color:#00aaff;background-image:url("mainbk.png");border-style:solid;border-color:#424542;color:#000000;text-decoration:none;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li>a.pressed{
	color:#00C;
	text-decoration:none;
}
.sold_horses {
	color: #F00;
}