@import  url(editor.css); 
@import  url(nyroModal.css); 
/*
+--------------------------------------------------------------------------
|   Pirn CMS Basic Theme
|   ================================================
|   Author:             Siim Sindonen | Pirn disain OÜ
|   Web:                http://www.pirndisain.ee
|   Email:              info@pirndisain.ee
+--------------------------------------------------------------------------
|   Main styles
+--------------------------------------------------------------------------
*/

body{
        margin:0;
        padding:0;
		background:#121314 url("../images/background.jpg") top left;
        }
		
                
.clear{
        clear:both;
		display:block;
        }
		
img{
        border:none;
        }
		
form{
        margin:0;
        padding:0;
        }
            
.checkbox,.radio{
		width:auto;
		}
		
.left{
		float:left;
		}
		
.right{
		float:right;
		}
		
#frontpage{
		width:100%;
		background: url("../images/frontpageBackground.jpg") no-repeat top center;

		}
		
#subpage{
		width:100%;
		background: url("../images/subpageBackground.jpg") no-repeat top center;
		}
		
.space{
		height:15px;
		border-bottom:solid 1px #999;
		clear:both;
		}
	
		
a[href^="http:"]{
                background: url(../images/out_link.gif) no-repeat right top;
                padding-right: 10px;
                }

a[href^="http://twitter.com"],a[href^="http://localhost/8stream"],a[href^="http://www.pirndisain.ee/8stream"],a[href^="http://8stream.com"],a[href^="http://www.8stream.com"],a[href^="http://technorati.com/"]{
                background-image: none;
                padding-right: 0;
                }
			
/*------------------ Layout -----------------*/

.wrapper{
                width: 960px;
                position:relative;
                left:50%;
                margin-left:-480px;
				
                }
				
#pageBack		{
				width:100%;
				background: url("../images/subcontentBackground.jpg") repeat-y top center;
				}
				
#logo{
                padding:0;
                margin:0;
				width:12%;
                background: url("../images/8streamLogo.png") no-repeat bottom left;
				float:right;
                }
				
#logo a{
                display:block;
                text-decoration:none;
				height:110px;
                text-indent:-9999px;
                }
				
#content{
				background: url("../images/subendBackground.jpg") no-repeat bottom center;
				min-height:540px;
				}
				
#content_in{
				padding:0px 20px 0 0;
				}
				
#article{
				padding:12px 30px 40px 20px;
				}
				
#article a{
				color:#08a2e2;
				text-decoration:none;
				}
				
/*------------------ Footer -----------------*/

#footerSub{
			padding-top:10px;
			font-size:0.9em;
			background:#121314 url("../images/footersubBackground.jpg") no-repeat top center;
			}
			
#footerFront{
				background:#171819;
				margin-top:10px;
				font-size:0.9em;
				width: 960px;
                position:relative;
                left:50%;
                margin-left:-480px;
				}
				
.footerInfo{
				border-top: 1px solid #393532;
				clear:both;
				margin:0 15px 0 15px;
				padding:8px;
				}
				
#footerSub .foterItem p,#footerSub .contact p{
			border-right: 1px solid #2f2f2f;
			}
			
#footerFront .contact,#footerSub .contact{
			position:relative;
			}
			
#footerFront .contact p,#footerSub .contact p{
			width:140px;
			}
			
#footerSub .footerInfo{
			border-top: 1px solid #2f2f2f;
			}
			
#footerSub  .foterItem .nborder,#footerSub  .contact .nborder,#footerSub .foterItem .title,#footerSub .contact .title{
		border:none;
		}
		
#footerSub  input{
			border: 1px solid #2f2f2f;
			}
				
.footerInfo p{
				padding:0;
				margin:0;
				color:#606060;
				font-size:1.2em;
				}
				
html .valid{
				text-decoration:none;
				color:#606060;
				background: url("../images/valid.png") no-repeat center left;
				padding:0 10px 0 15px;
				}
				
				
.twitterlink{
			display:block;
			position:absolute;
			width:73px;
			height:79px;
			bottom:10px;
			right:20px;
			}
				

	

/*------------------ Portfolio -----------------*/

.portfolioContent0,.portfolioContent1{
				float:left;
				padding:4px 7px 5px 0;
				margin-top:8px;
				width:310px;
				}
				
.portfolioContent0 a,.portfolioContent1 a{
				color:#fff;
				}
				
.portfolioContent0{
				margin-right:16px;
				}
				

.portfolioContent1 p,.portfolioContent0 p{
				padding:0;
				margin:0;
				padding-bottom:3px;
				font-size:1.1em;
				}
				
.desc{
		font-size:1em;
		}
		
				
.portfolioContent1 img,.portfolioContent0 img{
				margin:0;
				padding:0;
				border:solid 5px #212223;
				}

/*------------------ Mainmenu -----------------*/


#mainMenu{
                padding: 0;
                margin: 0;
                list-style: none;
                font-weight:bold;
				text-transform: uppercase;
				float:left;
				margin-top:27px;
                }
				
#mainMenu .firstItem{
				padding-left:15px;
				}

#mainMenu a{
                padding: 0;
                margin: 0;
                display: block;
                text-decoration: none;
                float:left;
                color:#fff;
				font-size:1.28em;
				height:34px;
				line-height:2.5em;
                }
				
#mainMenu li{
                padding: 0;
                margin: 0;
				display: block;
                width:auto;
				float:left;
				padding-right:20px;
				background: url("../images/mainMenu.png") repeat top left;
                }
				
#mainMenu a:hover{
				color:#fff;
                }

#mainMenu .active_menu,#mainMenu .active_menu:hover{
                color:#08a2e2;
                }
				
/*------------------ Slidemenu -----------------*/


#slideMenu{
                padding: 0;
                margin: 0;
                list-style: none;
				text-align:center;
				margin-left:0.53%;
				text-transform: uppercase;
				position:absolute;
				bottom:17px;
                }

#slideMenu a{
                padding: 0;
                margin: 0;
                display: block;
                text-decoration: none;
                float:left;
                color:#fff;
				font-size:0.9em;
				padding:13px 11px 4px 11px;
				background:#6a6663 url("../images/slideMenu.jpg") repeat-x top left;
				border-left:solid 1px #fff;
				width:167px;
				outline: none;
                }
				
#slideMenu li{
                padding: 0;
                margin: 0;
				display: inline; /*IE*/
                width:auto;
                }
				
#slideMenu a:hover{
				color:#fff;
                }

#slideMenu .active_slide,#slideMenu .active_slide:hover{
                color:#1a1a1a;
				background:url("../images/activeSlide.jpg") no-repeat top left;
                }
				
/*------------------ Slides -----------------*/

#slide{
				height:354px;
				padding:13px 0 0 35px;
				background:#fff;
				}
				
#slide_loading{
				position:absolute;
				top:0;
				left:0;
				margin-top:1%;
				background:#fff url("../images/ajax-loader.gif") no-repeat center center;
				width:100%;
				height:85%;
				}

/*------------------ Frontpage -----------------*/

#slides{
			height:415px;
			position:relative;
			}
			
#frontpageLeft{
			width:68%;
			padding-left:15px;
			float:left;
			}
			
#frontpageRight{
			width:275px;
			float:right;
			padding-bottom:20px;
			}

#frontpageLeft h2,#frontpageRight h2{
			color:#fff;
			font-size:2.4em;
			}
			
#frontpageRight h2{
			padding-left:18px;
			}
			
#frontpageLeft p,#frontpageRight p{
			color:#b9b9b9;
			}
			
			
#frontpageRight h4{
			padding:0;
			margin:0;
			padding:10px 0 0 0;
			color:#f26122;
			font-weight:normal;
			font-size:1.6em;
			}
			
#frontpageLeft a{
			color:#08a2e2; /* 08a2e2  */
			text-decoration:none;
			}
			
#frontpageRight a{
			color:#f26122;
			text-decoration:none;
			}
			
#frontpageRight a{
			font-size:0.9em;
			}
			
#frontpageLeft a:hover,#frontpageRight a:hover{
			text-decoration:underline;
			}
			
.newsItem{
			padding:10px 18px 10px 18px;
			border-bottom:dotted 1px #2e2e2e;
			}
			
			
/*------------------ Langmenu -----------------*/
#langSelect{
				color:#fff;
				font-size:1.2em;
				font-weight:bold;
				padding:24px 0 2px 6px;
				float:left;
				width:80%;
				margin-bottom:12px;
				}
				
#langMenu{
                padding: 0;
                margin: 0;
                list-style: none;
				font-weight:bold;
				margin-top:4px;
                }

#langMenu a{
                padding: 0;
                margin: 0;
                display: block;
                text-decoration: none;
                float:left;
                color:#fff;
				padding:0 0 0 6px;
                }
				
#langMenu li{
                padding: 0;
                margin: 0;
				display: inline; /*IE*/
                width:auto;
                }
				
#langMenu a:hover,#langMenu .active_lang{
                color:#188bc9;
                }
				
/*------------------ Gallery -----------------*/

.galleryItem{
				float:left;
				text-align:center;
				width:180px;
				height:190px;
				margin:5px;
				background:#f7f7f7;
				}
				
.galleryItem:hover{
				background:#e3e3e3;
				}
				
.imgContent{
				height:140px;
				}

/*------------------ Forms -----------------*/

.userForm{
	font-size:1.2em;
	color:#000;
	margin-top:50px;
	width:89%;
	}
	
	
.userForm label{
	display:block;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	float:right;
	font-size:1.1em;
	}
	
.userForm fieldset{
	border:solid 0 transparent;
	}

	
.userForm input,.userForm textarea,.userForm select{
	width:98%;
	padding:3px;
	border:dotted 1px #7c7c7c;
	background:#fff;
	}
	
.userForm input,.userForm select{
	width:60%;
	}
	
.userForm input:focus,.userForm textarea:focus,.userForm select:focus{
	border:solid 1px #08a2e2;
	}
	
.userForm textarea{
	height:150px;
	}
	
.userForm .radio,.userForm .checkbox,.userForm .sendForm{
	width:auto;
	}
	
.userForm .odd,.userForm .even{
	margin:5px 0 5px 0;
	padding:4px;
	}
	
.userForm .odd{
	}
	
.userForm .formLeft{
	float:left;
	width:14%;
	}
	
.userForm .formRight{
	float:right;
	text-align:left;
	width:85%;
	}
	
.userForm .formLeft .req{
	display:none;
	}
	
.userForm .formRight p{
	padding:0;
	margin:0;
	font-size:1em;
	}
	
.userForm .itemName{
	font-weight:bold;
	}
	
.userForm .desc{
	display:block;
	padding-top:4px;
	font-size:1em;
	color:#666;
	}
	
.userForm .input,.userForm .textarea{
	width:100%;
	}
	
.req{
	color:#d61f07;
	font-size:1em;
	display:block;
	}
	
.reqField{
	border:solid 1px #d61f07;
	}
	
.userForm .sendForm,.button_normal,.button_big,#article .button_big{
	float:left;
	margin-left:81px;
	border:none;
	background: url("../images/button.jpg") no-repeat top left;
	width:74px;
	height:24px;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
	display:block;
	}
	
.button_big,#article .button_big{
	background:url("../images/button_big.jpg") no-repeat top left;
	width:122px;
	height:24px;
	margin:0;
	float:right;
	line-height:1.9em;
	}
	
.formOK{
	padding:5px;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	color:#fff;
	background:#79bd1d;
	margin-top:40px;
	}
	
#comment{
	height:80px;
	}
	
/*------------------ Subpage -----------------*/

#commentForm{
	margin-top:5px;
	margin-bottom:20px;
	}
	
#commentForm .sendForm{
	margin-left:91px;
	}

#subDefault{
		padding:0 30px 0 30px;
		}
		
#subContent{
			background:#ebebeb url("../images/subLeft.jpg") repeat-y top left;
			}

#subLeft{
		float:left;
		width:25%;
		}
		
#subRight{
		float:right;
		width:74%;
		background:#fff;
		min-height:540px;
		}
		
#subLeft2{
		float:left;
		width:65%;
		background:#fff;
		min-height:540px;
		padding-left:2%;
		}
		
#subRight2{
		float:right;
		width:30%;
		text-align:right;
		padding-right:2%;
		}
		
#subRight h2{
		margin:0;
		padding:0;
		padding-top:20px;
		padding-bottom:30px;
		color:#08a2e2;
		}
		
#subLeft h3,#subContent2 h3{
		padding:0;
		margin:0;
		color:#424242;
		display:block;
		padding:3px 0 3px 14px;
		position:relative;
		top:20px;
		left:0px;
		font-size:2.8em;
		}

#subRight2 h3{
		padding:0;
		margin:0;
		position:static;
		}				
		
#specialBox{
		background:#fff;
		margin:9px;
		padding:5px;
		position: absolute;
		bottom: 0;
		left: 0;
		width:212px;
		}
	
#specialBox p{
		padding:0;
		margin:0;
		font-size:1.2em;
		padding:0 6px 0 6px;
		color:#302b25;
		}
		
#specialBox a{
		display:block;
		padding:1px 0 8px 0;
		color:#302b25;
		}
		
#specialBox h4{
		padding:0;
		margin:0;
		font-family: Arial, Helvetica, sans-serif;
		color:#08a2e2;
		font-weight:bold;
		font-size:1.4em;
		padding:4px 0 4px 6px;
		font-style:normal; 
		margin-bottom:5px;
		text-transform: uppercase;
		background:#fff url("../images/back.gif") repeat top left;
		}
		
#subContent2{
			min-height:540px;
			background:#fff url("../images/subcontentHeader.jpg") repeat-x top left;
			padding:6px 6px 6px 7px;
			}
			
#subContent2 h2{
			padding:0;
			margin:0;
			padding:40px 0 10px 10px;
			color:#2d2d2d;
			position:relative;
			}
		
#subHeader h3{
			padding:0 0 0 8px;
			}
		
#subHeader p{
			padding:0;
			margin:0;
			padding:28px 0 10px 8px;
			color:#555555;
			font-size:1.2em;
			width:630px;
			}
		
			
#contact .org,#contact .type,#contact .adr{
		display:none;
		}
		
#subMenu .menuTitle{
				font-size:1.2em;
				padding:10px 0 4px 5px;
				font-weight:bold;
				color:#9c9c9c;
				}
			
			
/*------------------ Comments -----------------*/

.commentOdd, .comment{
			padding:20px 0 10px 0;
			border-bottom:dotted 1px #b9b9b9;
			}

.commentTitle{
			padding:0;
			margin:0;
			padding:0 0 0 26px;
			font-size:1.2em;
			font-weight:bold;
			background:#fff url("../images/comment.jpg") no-repeat center left;
			}
			
.commentTitle .date{
			font-weight:normal;
			}
			
.commentContent{
			padding:0;
			margin:0;
			padding-top:4px;
			font-size:1.2em;
			}

/*------------------ Submenus -----------------*/

#subMenu{
		padding: 0;
        margin: 0;
        list-style: none;
		padding:40px 0 10px 10px;
		}
		
#subMenu a{
        padding: 0;
        margin: 0;
        display: block;
        text-decoration: none;
        color:#5f5a54;
		font-size:1.1em;
		padding:5px 0 5px 10px;
		font-weight:bold;
		border-bottom:dotted 1px #b9b9b9;
		}
		
		
#subMenu li{
            padding: 0;
            margin: 0;
			margin-right:10px;
            }
			
#subMenu .active_menu,#subMenu .active_menu:hover{
			background: #979797;
			color:#fff;
			height:18px;
			font-weight:bold;
			line-height:1.5em;
            }
			
#subMenu a:hover{
			color:#121314;
			font-weight:bold;
			background:#fff url("../images/back2.gif") repeat top left;
            }
			
#subMenu .subMenu a{
				font-size:1.1em;
				margin-left:12px;
				font-weight:normal;
				}
				
#subMenu2{
		padding: 0;
        margin: 0;
        list-style: none;
		padding:37px 0 10px 2px;
		}
		
#subMenu2 a{
        padding: 0;
        margin: 0;
        display: block;
        text-decoration: none;
        color:#5e5e5e;
		font-size:1.1em;
		padding:4px 10px 4px 10px;
		font-weight:bold;
		float:left;
		border-right:dotted 1px #939393;
		}
		
		
#subMenu2 li{
            padding: 0;
            margin: 0;
			float:left;
            }

#subMenu2 a:hover{
		color:#000;
		}
		
#subMenu2 .active_menu,#subMenu2 .active_menu:hover{
			background: #979797;
			color:#fff;
			height:18px;
			font-weight:bold;
			line-height:1.5em;
            }
		
#subMenu2 .active_menu:hover{
		color:#000000;
		}
		
#subMenu2 .lastItem a{
		border:none;
		}
/*------------------ Clients -----------------*/	

.clientsItem {
		float:left;
		margin:7px;
		position:relative;
		padding:6px;
		border:dotted 1px #c1c1c1; 
		}
		
.clientsItem  img{
		}
		
.clientDesc{
		position:absolute;
		left:0;
		bottom:0px;
		background: url("../images/backTransp.png") top left;
		margin:0;
		width:457px;
		padding-bottom:10px;
		}
		
.clientsItem  h4{
		margin:0;
		padding:0;
		padding:15px 0 0 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-style:normal;
		color:#08a2e2;
		}
		
.clientsItem  .link{
		display:block;
		text-decoration:none;
		color:#fff;
		font-size:1.2em;
		padding:4px 0 10px 15px;
		background:none;
		}
		
.clientsItem  p{
		padding:0;
		margin:0;
		padding:1px 0 0 15px;
		color:#dbdbdb;
		font-size:1.2em;
		}

		
/*------------------ search -----------------*/

		
#searchMain{
		border:1px solid #393532;
		padding:3px 3px 3px 28px;
		margin:4px 4px 0 0;
		background: url("../images/search.png") no-repeat center left;
		color:#5b5854;
		width:170px;
		}
		
#searchMain:focus{
		border:1px solid #08a2e2;
		}
		
#serach input{
		margin-top:5px;
		width:140px;
		margin-left:280px;
		}
		
.searchResult{
		padding-bottom:25px;
		}
		
.searchResult .title a{
		text-decoration:none;
		color:#333;
		font-size:1.4em;
		}
		
.searchResult .title a:hover{
		text-decoration:underline;
		}
		
.searchResult .content{
		font-size:1.2em;
		padding-top:3px;
		}
		
.searchResult .url{
		font-size:1.1em;
		padding-top:5px;
		color:#666;
		display:block;
		}
		
.searchResult strong{
		color:#f26122;
		}
		
.searchResult p{
		padding:0;
		margin:0;
		}
		
#searchResults{
		margin:10px 0 25px 0;
		}
		
#searchResults #keyword{
		width:300px;
		float:left;
		padding:2px;
		}
		
#searchResults p{
		font-weight:bold;
		padding:0;
		margin:0;
		color:#666;
		padding-top:5px;
		}
		
#searchResults .button_normal{
		margin-left:5px;
		}
		
#lost{
		padding:20px;
		background: url("../images/lost.jpg") no-repeat bottom right;
		min-height:500px;
		}
		
#lost a{
		color:#f26122;
		}

/*------------------ userForm -----------------*/

#userForm label{
		display:block;
		float:left;
		width:200px;
		}
		
#userForm input{
		width:200px;
		}
		
#userForm .checkbox,#userForm .radio{
		width:auto;
		}
		
#captcha{
		width:80px;
		float:left;
		margin-right:10px;
		}
		
#captcha2 img{
		float:left;
		}
		
#captcha2 a{
		display:block;
		padding:1px;
		float:left;
		}
		
/*------------------ Sitemap -----------------*/

#sitemapLink{
		text-decoration:none;
		color:#5b5854;
		background: url("../images/sitemap.png") no-repeat center left;
		padding-left:32px;
		margin-top:10px;
		display:block;
		}

#sitemap, #sitemap ul{
		list-style:none;
		padding:0;
		margin:0;
		font-size:1.3em;
		font-weight:bold;
	}
	
#sitemap{
		margin:20px 0 0 60px;
	}
	
#sitemap .mapRank2,#sitemap .mapRank3,#sitemap .mapRank4{
		font-weight:normal;
		margin-bottom:5px;
	}
	
#sitemap .mapRank2 li,#sitemap .mapRank3 li,#sitemap .mapRank4 li{
		background: url("../images/sub.gif") no-repeat top left;
		padding-left:10px;
	}
	
#sitemap .mapRank2 .subItems,#sitemap .mapRank3 .subItems{
		background: url("../images/sub_space.gif") repeat-y top left;
	}
		
#sitemap .mapRank2{
		margin-left:20px;
		font-size:1.1em;
		}
		
#sitemap .mapRank3{
		margin-left:30px;
		font-size:0.9em;
		}
		
#sitemap .mapRank4{
		margin-left:40px;
		font-size:0.8em;
		}
	
#sitemap a{
		text-decoration:none;
		color:#333;
		padding:3px;
	}
	
#sitemap a:hover{
		color:#fff;
		background:#08a2e2;
	}

/*------------------ Banners -----------------*/

.bannerItemFrontpage{
	padding-bottom:10px;
	display:block;
	}

/*------------------ Typography -----------------*/

.error{
		color:#a10000;
		}
		
.errorMsg,.okMsg{
		padding:0;
		margin:0;
		color:#a10000;
		padding-top:10px;
		font-weight:bold;
		}
		
.ok,.okMsg{
		color:#70a80e;
		}
		
.req,.req2{	
		color:#a10000;
		font-size:0.9em;
		}