html, body, table, div {
        margin:0px;
        padding:0px;
        border:0px;
        
        font: normal 12px Arial, Helvetica, sans-serif;
        color:#000000; line-height:18px;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin:0; }

h1 { margin:0px 0px 20px 0px; font-size:18px; line-height:20px; font-family:Myriad Pro}
h2 { margin:0px 0px 20px 0px; font-size:16px; line-height:18px; font-family:Myriad Pro}

a{ text-decoration: underline; color: #0054a6; }

a:hover { text-decoration: none; color: #0054a6; }


#gloabl-outer {
        width: 100%;  background:#FFFFFF;
        }

#containertop { height:215px; position:relative; background:url(http://www.foxrock.su/images/foncent.jpg) top center no-repeat;
}
#containerbottom { height:215px; position:relative; background: url(http://www.foxrock.su/images/fonbott.jpg) top center no-repeat;
}

#content { position:relative; margin:0 0 0 240px;
}

#main_container {   position: relative;}
#footer {
   position: relative;
        width: 100%;
        height:256px;
    background: url(http://www.foxrock.su/images/fonfoot.jpg) bottom center  no-repeat;

}



img {border: none; }

#contakt {display:block; float:left;          font-size:11px; color:#49627b; padding-top:135px;}
#copy {float:right;         font-size:11px; color:#49627b; padding-top:135px;}

/*.bord td { border: 1px solid black; }*/


#time h3 {padding:36px 10px 0 0; margin:0; font-size:12px; color:#FFFFFF}

#controls { margin-bottom:25px;

}

#header { background: url(http://www.foxrock.su/images/fontop.jpg) top center no-repeat; height:215px;  position:relative}
#logo { width:310px; padding-top:30px; }
#menu { padding-top:55px; }
#logo1 {padding-right:50px; border-right:#FFFFFF solid 1px; width:225px; display:block}
ul.navigation {  margin: 0;  position: relative; height:20px; }
ul.navigation li { list-style-type: none; padding: 0 10px 0 10px; margin: 0; float: left; }
ul.navigation li a { position: relative; display: block; }
ul.navigation li a:hover {  }
ul.navigation {
	padding:0;
	margin: 0;
	width: 100%;
	position: relative;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}
ul.navigation li { list-style-type: none; padding: 0;  margin: 0 0 0 0; float: left;}
ul.navigation li a { position: relative; display:block; float:left;   height:20px; color:#000000; margin:0px; 
padding:0 10px 0 10px;  text-decoration:none; }
ul.navigation li a .left, ul.navigation li a .right { width:10px;  height: 20px; cursor: pointer; position: absolute; top: 0; 
visibility: hidden; z-index: 1;}
ul.navigation li a:hover { color:#ffffff; background:#ff4c00; display:block; height:20px; 
margin:0px; float:left;   padding:0 10px 0 10px; text-decoration:none; }
ul.navigation li a:hover .left, ul.navigation li a:hover .right { visibility: visible; }
ul.navigation li a .left { left:0; }
ul.navigation li a .right { right:-1px; }
ul.navigation li span {position: relative; display: block;color:#ffffff; background:#ff4c00; height:20px; 
margin:0px; float:left;   padding:0 10px 0 10px; text-decoration:none; }
ul.navigation li span .left, ul.navigation li span .right { width:10px;  height: 20px; cursor: pointer; position: absolute; top: 0;
visibility: hidden; z-index: 1;}
ul.navigation li span .left, ul.navigation li span .right { visibility: visible; }
ul.navigation li span .left { left:0; }
ul.navigation li span .right { right:-1px; }


#connews {padding-right:30px; background: url(http://www.foxrock.su/images/shtrih.gif) right repeat-y; vertical-align: top; width:260px;}
#newsdate { font-size:11px; color:#666666}
#newsh { font-weight:bold; margin-bottom:7px}
#newsshot {margin-bottom:20px; color:#666666; line-height:15px;}

#text {border:5px solid rgb(204, 204, 188); margin:0 260px 0 0; padding:20px 20px 0 20px; height:302px;  background: rgb(217, 217, 204) url(http://www.foxrock.su/images/fontext.gif) repeat-x center top;}
#main { padding-left:40px; vertical-align:top; 
text-align:justify;}

#praicd { font-size:11px; line-height:12px; }
#header2 { background: url(http://www.foxrock.su/images/fontopvn.jpg) top center no-repeat; height:410px;  position:relative}
a.lt{ text-decoration: underline; color: #ffffff; font-size:18px; }

a.lt:hover { text-decoration: none; color: #ffffff; font-size:18px;  }
#leto {background:url(http://www.foxrock.su/images/fonleto.gif) top right no-repeat; height:31px; padding:5px 8px 0 0; margin-top:7px;}




#header_leto { background: url(http://www.foxrock.su/images/fontop_leto.jpg) top center no-repeat; height:215px;  position:relative}
#containertop_leto { height:215px; position:relative; background:url(http://www.foxrock.su/images/foncent_leto.jpg) top center no-repeat; 
}
#containerbottom_leto { height:238px; position:relative; background:  url(http://www.foxrock.su/images/fonbott_leto.jpg) top center no-repeat; 
}
#footer_leto {
   position: relative;
	width: 100%;
	height:295px; 
    background: url(http://www.foxrock.su/images/fonfoot_leto.jpg) bottom center  no-repeat;

}
#zima{background:url(http://www.foxrock.su/images/fonzima.gif) top right no-repeat; height:31px; padding:5px 8px 0 0; margin-top:7px;}
#contakt_leto {display:block; float:left; 	 font-size:11px; color:#49627b; padding-top:200px;}
#copy_leto {float:right;	 font-size:11px; color:#49627b; padding-top:200px;}
#header_leto2 { background:  url(http://www.foxrock.su/images/fontopvn_leto.jpg) top center no-repeat; height:398px;  position:relative}



/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/left.gif) no-repeat;
	float:left;
 margin:25px 10px;
	cursor:pointer;
}

/* mouseover state */
/*a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}*/

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/right.gif);
	clear:right;	
}


/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	
  


/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden; 
	width: 450px; 
	height:95px;
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {
	position:absolute;
	width:20000em;
	clear:both;
	
}

/* single item */
#thumbs div {
	float:left;
	width:115px;
	height:75px;
	cursor:pointer;
}