h1, h2, h3, h4 ,h6 ,.onix ,#row2 .read_more a, #logo, #buttons a, .top_block_1{

	letter-spacing: 2px; }



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	vertical-align: baseline;

}







*

{

border: 0;

margin: 0;

}



img

{

border: 0px;

}

ul{

	list-style: none;

	padding: 0px;

}

body{

font-family: "Myriad Pro", "Trebuchet MS", sans-serif;

	/*font-family:"Calibri (Body)";*/

	/*font: 13px Arial, Helvetica, sans-serif;*/

	color: #fff; 

	

}



.forte_text{	}

#main {

	width: 1043px;

	margin: 0 auto;

	position:relative;

	}

	

#header {

	height: 74px;width:100%;position:fixed;

}

	

/*menu*/

#buttons{

	text-align:center;

	height: 50px;	

	margin-left: 150px;

	padding: 5px 0px 0px 20px;

	background: #000; margin-right:150px;

	

}



#buttons a {

	/*font-family: Arial, Helvetica, sans-serif;*/

	font-size: 18px;

	display: block;

	float: left;

	text-decoration: none;

	text-align: center;

	height: 30px;

	padding-top: 13px;

	font-weight: normal;

	color:#fff;

	/*font-style:italic;*/

	

}



#buttons a:hover {

	color:#fff;

	

}



.but_razd { 

	width: 120px;

	height: 5px;

	float: left;}	



#but_ic_all{

	margin-right: 22px;

}



#but_ic_all a{

	float: right;

	display: inline;

	margin: 3px 6px 0 0;

}



/*logo*/

#logo {	

		padding: 15px 0px 0px 84px;

}



#logo a {

	text-decoration: none;

	color: #000;

	font-size: 30px;

}



#logo p a{

	font-size: 18px;

} 

#logo p{

	padding-left: 95px;

}



/*top*/



#top {

	position: relative;

	height:295px;

	padding: 0 0 0px 430px;

	margin-top: -40px;

}



.top_block_1{

	font-size: 30px;

	color: #000;

	padding: 0 0 20px 10px;

}

.top_block_2{

	background: url(images/top_block_1.png);

	line-height: 18px;

	padding: 15px 15px 15px 18px;

	font-size: 12px;

	color: #000000;

}





/*content*/

#content{

	background: #1C1C1C;

	padding: 9px 9px 27px 9px;

}

/*index*/



.cleare{

	width: 100%;

	height: 1px;

	clear: both;

}



#row1{

	

}



#row1_bg{

	background: url(images/row1_bg.jpg) top repeat-x #93C5FF;

	padding: 20px 20px 20px 20px;

	

}



#row1_div{

	background: url(images/row1_div.gif) 235px repeat-y;

}



h6{

	font-size: 24px;

	color: #000000;

	text-align: center;

}



#row1_div .coll{

	float: left;

	line-height: 18px;

	width: 217px;

	color: #000;

}



#row1_div .coll_div{

	float: left;

	width: 39px;

	height: 10px;

}



#row1_div img{

	display: block; 

	margin: 15px auto 10px auto;

}



/*read more*/

.read_more{

	text-align: right;

	height: 32px;

	padding: 10px 0 0px 0;

	line-height: 18px;

}



.read_more a {

	display: block;

	float: right;

	width: 87px;

	height: 21px;	

	padding-top: 3px;

	background: url(images/read.gif) left top no-repeat;

	text-align: center;

	/*font-family: Arial, Helvetica, sans-serif;*/

	font-size: 11px;

	color: #fff !important;

	text-decoration: none !important;

}



.read_more a:hover {

	color:#fff;

	text-decoration: underline !important;

}



#row2{

	padding: 9px 0 0 0;

}



#row2 .box{

	background: url(images/row2_box_bg.jpg) top repeat-x #8B8B8B;

	padding: 10px 15px 25px 15px;

	line-height: 18px;

	font-size: 12px;

	/*font-family: Arial, Helvetica, sans-serif;*/

	color: #000000;

	}



#row2 h1{

	display: block;

	padding: 5px 0 5px 0;	

	font-size: 24px;

	color: #000000;

	text-align: left;

	border-bottom: none;

}



#row2 .read_more{

	text-align: right;

	height: 38px;

	margin: -17px 55px 0 0;

	padding: 0px 0 0px 0;

}



#row2 .read_more a {

	display: block;

	float: right;

	width: 133px;

	height: 32px;

	padding-top: 6px;

	background: url(images/read_r.gif) left top no-repeat;

	text-align: center;

	/*font-family: Arial, Helvetica, sans-serif;*/

	font-size: 24px;

	color: #fff !important;

	text-decoration: none !important;

}



#row2 .read_more a:hover {

	color:#fff;

	text-decoration: underline !important;

}



#row3{

	background: url(images/row3.gif) 682px 0 repeat-y;

	color:#FFFFFF;

	line-height: 18px;

}

#row3_bg_top{

	background: url(images/row3_bg_top.gif) left top repeat-x;

}



h2{

	padding: 20px 0 8px 18px;

	font-size: 24px;

	border-bottom: 1px solid #fff;

}



#left_i{

	float: left;

	width: 663px;

}



#left_i .text{

	padding: 9px 9px 9px 9px;

}



#index_gal{

	float: left;

	width: 382px;

}

#index_gal img{

	display: inline;

	float:left;

	margin: 14px 14px 14px 14px;

}



table{

	margin: 0; /* �������� ������� ������� */

	padding: 0; /* �������� ���������� ������� */

	border: 0; /* ������� ������� */

	outline: 0; /* ������� ������� */

}



#index_list{

	float: center;

	width: 500px;

	padding: 15px 0 0 0;

}



.index_ul {

	list-style: none;

	padding-left: 0px;

}



.index_ul li{

	background: url(images/index_ul.gif) left 7px no-repeat;

	padding: 0 0 6px 20px;

}



.index_ul li a{

	text-transform: uppercase;

	text-decoration: none;

	/*font-family: Arial, Helvetica, sans-serif;*/

	font-size: 11px;

	font-weight: bold;

	text-transform: uppercase;

	color:#FFFFFF

}

.index_ul li a:hover{

	text-decoration: underline;

}





#right_i{

	float: right;

	width: 320px;

	

}



#right_i .box{

	padding-top: 20px;

}



.dat{

	float: left;

	display: inline;

	width: 76px;

	height: 73px;

	margin-right: 16px;

	background: url(images/dat.jpg) left top no-repeat;

	line-height: 18px;

	text-align: center;

	font-size: 36px;

	color:#000000;

}

.dat p{

	padding-top: 8px;

}

.month{

	margin-top: -3px;

	display: block;

	font-size: 24px;

}



.white_line{

	border-bottom: 1px solid #fff;

	height: 20px;

}



/*bottom*/

h1{

	border-bottom: 1px solid #fff;

	padding: 0 0 5px 0;

	font-size: 24px;

	color: #fff;

	text-align: center;

	

}



#bottom{

	background: url(images/bottom.gif) left bottom no-repeat;

	padding-top: 25px;

}



#bottom_box1{

	width: 264px;

	float:left;

	padding-top:60px;

}



#bottom_box1 p {

	padding: 10px;

}



#bottom_box2{

	float:left;

	margin-left: 15px;

	width: 262px;

	padding-top:20px;

	

}



#bottom_box2 .text{

	padding: 20px 0 0 14px;

}



#bottom_box3{

	float:left;

	margin-left: 124px;

	width: 260px;

	

}



.bottom_ul_share{

	padding: 15px 0 0 32px;

	list-style: none;

	font-weight: bold;

}



.bottom_ul_share li{

	padding: 5px 0 15px 44px;



}



.bottom_ul_share li a{

	font-weight: bold;

	color: #fff;

	text-decoration: none;

}

.bottom_ul_share li a:hover{

	color: #fff;

	text-decoration: underline;

}



.bottom_ul_share_bg1{

	background: url(images/bot_share_bg1.png) 0 5px no-repeat;

}

.bottom_ul_share_bg2{

	background: url(images/bot_share_bg2.png) 0 0px no-repeat;

}

.bottom_ul_share_bg3{

	background: url(images/bot_share_bg3.png) 0 0px no-repeat;

}

.bottom_ul_share_bg4{

	background: url(images/bot_share_bg4.png) 0 0px no-repeat;

}



/*footer*/



#footer{

    position: fixed;

    bottom: 0;

	clear: both;

	font-size: 15px;

	color: #fff;

	text-align: center;

	padding:0px;

	margin-top:0px;

	margin-left:400px;

	height: 20px;

}



#footer a{

	color: #fff;

	font-size: 15px;

	text-decoration: none;

}



#footer a:hover{

	color: #fff;

	font-size: 16px;

	text-decoration: underline;

}









/*---blog---*/

#content_b{

	background: #1C1C1C;

	padding: 18px 16px 18px 16px;

}



#left{

	float: left;

	width: 652px;

}



#left p{

	line-height: 18px;}



#right{

	float: right;

	width: 320px;

}



.blog_box{

}



h3{

	padding: 7px 0 7px 0;

	border-bottom: 1px solid #fff;

	font-size: 24px;

	color: #fff;

}



.div_blog{

	width: 100%;

	height: 22px;

	padding-top: 4px;

	border-bottom: 1px solid #fff;

}

.div_blog a{

	color:#ffffff;

	font-weight: bold;

	text-decoration: none;

}

.div_blog a:hover{

	color:#fff;

	text-decoration: underline;

}

.author{

	width: 320px;

	padding: 2px 0 3px 23px;

	background: url(images/blog_name_fish.png) 0px 0px no-repeat;

	float: left;}

.comments{

	width: 85px;

	float: right;

	background: url(images/blog_com_fish.png) left top no-repeat;

	text-align: left;

	padding: 2px 6px 3px 23px

}



.blog_box_right{

	float: right;

	width: 555px;

}



.blog_img{

	display: block;

	margin: 0 auto;

	padding: 20px 0;

}



.blog_ul{

	list-style: none;

	padding: 10px 0px 0px 0px;

}



.blog_ul li{

	padding: 0 0 15px 0px;

}



.blog_ul li a{

	display: block;

	padding-left: 20px;

	background: url(images/blog_ul_fish.png) left 3px no-repeat;

	text-decoration: none;

	/*font-family: Arial, Helvetica, sans-serif;*/

	font-size: 12px;

	font-weight: bold;

	color: #fff;

}

.blog_ul li a:hover{

	background: url(images/blog_ul_fish.png) 10px 3px no-repeat;

	padding-left: 30px;

	color: #fff;

}



/* calenar */

#calendar1 {

	padding: 20px 10px 20px 10px;

}



#calendar table {

	width: 100%;

	padding: 10px 0 0 0;

	text-align: center;

}



#calendar caption {

	font-weight: bold;



}



#calendar tbody td {

	border: 1px solid #F1F1F1;

}



#calendar #prev {

	text-align: left;

}



#calendar #next {

	text-align: right;

}



#calendar tfoot a {

	text-decoration: none;

	font-weight: bold;

}



#calendar #now {

	background: #ECEBEB;

	border: 1px solid #ff0000;

	font-weight: bold;

	color: #740202;

}



#right .date2 {

	margin: 10px;

	padding: 0;

	padding-top: 3px;

}



.date2 {

	float: left;

	width: 53px;

	height: 54px;

	background: url(images/date.gif) no-repeat;

	text-transform: uppercase;

	text-align: center;

	font-size: 8px;

	font-weight: bold;

	color: #FFFFFF;

	vertical-align: middle;

}



.date2 b {

	display: block;

	font-size: 35px;

	color: #193A6C;

}



#prev a{

	color:#FFFFFF;

}



#next a{

	color:#FFFFFF;

}



/*---about---*/



.about_text{

	padding: 17px 0 0 10px;

	line-height: 18px;

}



.about_img1{

	float: left;

	padding: 0px 24px 0 0px;

}



.about_img2{

	display: block;

	float: left;

	padding: 5px 10px 0 0px;

}



.about_dat{

	display: block;

	font-weight: bold;

	text-decoration: underline;

	padding: 15px 0 10px 0px;

}



#right p{

	line-height: 18px;

}



/*read more about*/

.read_more_about{

	text-align: right;

	height: 24px;

	padding: 0px 0 0px 0;

	line-height: 18px;

}



.read_more_about a {

	display: block;

	float: right;

	width: 87px;

	height: 21px;

	text-align: right;

	/*font-family: Arial, Helvetica, sans-serif;*/

	font-size: 12px;

	font-weight: bold;

	color: #940000 !important;

	text-decoration: underline !important;

}



.read_more_about a:hover {

	color:#940000;

	text-decoration: none !important;

}



/*---gallery---*/



#content_gall{

	background: rgba(0, 0, 0, 0.6);

    background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); 

    

border-radius: 19px;

-moz-border-radius: 19px;

-webkit-border-radius: 19px;

  /* <background for the entite page>  */

	padding: 14px 0 6px 30px; margin-top:100px;margin-left:150px;height:350px;width:660px;position:static;

}





.coll_gall{

	float: left;

	width: 190px;

	height: 150px;

	background: url(images/) top repeat-x ;

	color: #000000;margin-top:20px;

}



.coll_gall_img2{

	display: block;

	margin: 0 auto;

	padding-bottom: 10px;

}



.coll_gall_img3{

	display: block;

	margin: 0 auto;

	padding-bottom: 10px;

	margin-left:150px;

	

}

.coll_gall_img4{

	display: block;

	margin: 0 auto;

	padding-bottom: 10px;

	margin-left:170px;

	

}



#content_gall_blocks{

	background: rgba(0, 0, 0, 0.6);

    background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); 

border-radius: 19px;

-moz-border-radius: 19px;

-webkit-border-radius: 19px;

  /* <background for the entite page>  */

	padding: 14px 0 6px 2px;  margin-top:100px;margin-left:152px;height:450px;width:700px;position:static;

}



.coll_gall1{

	float: left;

	width: 190px;

	height: 150px;

	background: url(images/) top repeat-x ;

	color: #000000;margin-top:20px;

}

.products{

	float: left;

	background: url(images/) top repeat-x ;

	color: #000000;
	margin-top:20px;
	padding-left:45px;

}


.coll_gall_img21{

	display: block;

	margin: 0 auto;

	padding-bottom: 10px;margin-left:50px;

}



.coll_gall_img31{

	display: block;

	margin: 0 auto;

	padding-bottom: 10px;

	margin-left:-5px;margin-left:50px;

	

}

.coll_gall_img41{

	display: block;

	margin: 0 auto;

	padding-bottom: 10px;

	margin-left:-5px;

	

}

.coll_gall_img51{

	display: block;

	margin: 0 auto;

	padding-bottom: 10px;

	margin-top:0px;margin-left:50px;

	

}





.coll_gall2{

    float: left;

	width: 140px;

	height: 150px;

	background: url(images/) top repeat-x ;

	color: #000000;margin-top:20px;

}



.coll_gall_img211{

	display: block;

	margin: 0 auto;

	padding-bottom: 10px;margin-left:5px;

}



.coll_gall_img311{

	display: block;

	margin: 0 auto;

	padding-bottom: 10px;

	margin-left:-5px;margin-left:5px;

	

}

.coll_gall_img411{

	display: block;

	margin: 0 auto;

	padding-bottom: 10px;

	margin-left:-5px;

	

}

.coll_gall_img511{

	display: block;

	margin: 0 auto;

	padding-bottom: 10px;

	margin-top:-12px;margin-left:50px;

	

}











.div_gall1{

    float: left;

	width: 120px;

	height: 14px;

}

.div_gall2{

    float: left;

	width: 30px;

	height: 14px;

}



.div_gall3{

    float: left;

	width: 14px;

	height: 14px;

}





.div_gall4{

    float: left;

    width: -30px;

	height: 14px;

}







#content_gall_shortslabs{

	background: rgba(0, 0, 0, 0.6);

    background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); 

border-radius: 19px;

-moz-border-radius: 19px;

-webkit-border-radius: 19px;

  /* <background for the entite page>  */

	padding: 14px 0 6px 2px;  margin-top:100px;margin-left:152px;height:720px;width:700px;position:static;

}



#content_gall_bigslabs{

	background: rgba(0, 0, 0, 0.6);

    background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); 

border-radius: 19px;

-moz-border-radius: 19px;

-webkit-border-radius: 19px;

  /* <background for the entite page>  */

	padding: 14px 0 6px 2px;  margin-top:100px;margin-left:152px;height:530px;width:700px;position:static;

}





#content_gall_monu{

	background: rgba(0, 0, 0, 0.6);

    background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); 

border-radius: 19px;

-moz-border-radius: 19px;

-webkit-border-radius: 19px;

  /* <background for the entite page>  */

	padding: 14px 0 6px 2px; margin-top:100px;margin-left:152px;height:350px;width:700px;position:static;

}

#content_gall_monu1{

    background: rgba(0, 0, 0, 0.6);

    background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); 

border-radius: 19px;

-moz-border-radius: 19px;

-webkit-border-radius: 19px;

  /* <background for the entite page>  */

	padding: 14px 0 6px 2px;margin-top:100px;margin-left:152px;height:350px;width:700px;position:static;

}

#content_gall_quarry{

    background: rgba(0, 0, 0, 0.6);

    background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); 

border-radius: 19px;

-moz-border-radius: 19px;

-webkit-border-radius: 19px;

  /* <background for the entite page>  */

	padding: 14px 0 6px 2px;  margin-top:100px;margin-left:152px;height:370px;width:700px;position:static;

}





.coll_gall_monu{

	float: left;padding-top:60px;

	width: 140px;

	height: 130px;

	background: url(images/) top repeat-x ;

	color: #000000;margin-top:-30px;

}



.coll_gall_img2_monu{



	display: block;

	margin: 0 auto;

	padding-bottom: 10px;

}

.coll_gall_img2_monu1{



    display: block;

	margin: 0 auto;

	padding-bottom: 10px; 

}



.coll_gall_img3_monu{

	display: block;

	margin: 0 auto;

	padding-bottom: 10px;

	margin-left:150px;

	

}

.coll_gall_img4_monu{

	display: block;

	margin: 0 auto;

	padding-bottom: 10px;

	margin-left:170px;

	

}



.div_gall1_monu{

	float: left;

	width: 14px;

	height: 14px;

}





h4{

	font-size: 24px;

	padding: 10px 0 15px 15px;

	color: #FFFFFF;

}



.coll_gall_title{

	width: 270px;

	padding: 0 0 10px 0;

	margin: 0 auto;

	font-size: 30px;

	line-height: 13px;

}



.coll_gall_text{

	padding: 10px 16px 0px 16px;

	line-height: 18px;

}







.div_gall{

    float: left;

	width: 30px;

	height: 14px;

}





/*---contacat---*/



.contact_img{

	display: block;

	margin: 0 0 0 0;

}





/* form */



fieldset {

    border: none;

}



#box_form{

	padding: 0 0 0 0px;

}



form{

	overflow: hidden;

}



#box_form .form_line{

	padding-top: 5px;

}



#box_form .input{

	background: url(images/input_text.jpg) left top repeat-x #CDCDCD;

	border: 1px solid #B2AFAF;

	padding: 4px 10px 4px 10px;

	color: #fff;

	width: 637px ;

}



#box_form textarea{

	width: 637px !important;

	height: 157px;

	padding: 5px 10px 5px 10px;

	background: url(images/text_area.jpg) left top  repeat-x #CFCFCF;

	border: 1px solid #B2AFAF;

	/*font-family: Arial, Helvetica, sans-serif;*/

	font-size: 12px;

	color: #fff;

}



fieldset {

	padding: 0;

}



.submit_but{

	float: left;

	width: 87px;

	height: 24px;

	padding-top: 0px;

	background: url(images/read.gif) left top no-repeat;

	/*font-family: Arial, Helvetica, sans-serif;*/

	font-size: 14px;

	color: #FFFFFF;

}



.cleare_but{

	float:left;

	margin-left: 24px;

}









.ul_contact{

	padding: 15px 0 0 0px;

	list-style: none;

	font-weight: normal;

}



.ul_contact li{

	line-height: 25px;

	padding: 0px 0 0px 30px;



}



.ul_contact li a{

	font-weight: normal;

	color: #fff;

	text-decoration: none;

}

.ul_contact li a:hover{

	color: #fff;

	text-decoration: underline;

}



.ul_contact_bg1{

	background: url(images/cont_bg1.png) 0 5px no-repeat;

}

.ul_contact_bg2{

	background: url(images/cont_bg2.png) 0 5px no-repeat;

}

.ul_contact_bg3{

	background: url(images/cont_bg3.png) 0 7px no-repeat;

}



















a {

	color: #FFF;

}

a .cufon {

	border-bottom: dashed 1px #FFF;

	-webkit-transition: all 1s ease-out;

	-moz-transition: all 1s ease-out;

	-o-transition: all 1s ease-out;

	-ms-transition: all 1s ease-out;

	transition: all 1s ease-out;

}

a:hover .cufon {

	background: rgba(0, 0, 0, 0.50);

	-webkit-transition: all 1s ease-out;

	-moz-transition: all 1s ease-out;

	-o-transition: all 1s ease-out;

	-ms-transition: all 1s ease-out;

	transition: all 1s ease-out;

}





nav a .cufon {

	border-bottom: none;

}

nav a:hover .cufon {

	background: none;

}

.nomargin {

	margin-bottom: 0px;

}

.overlay {

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0px;

	left: 0px;

	background: url(../images/dotted.png);

	opacity: 0.3;

}

.main1 img.preview {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	-webkit-box-reflect: below 0px -webkit-gradient(linear, left bottom, left top, from(white), to(transparent));

}

ul.navigation {

	position: absolute;

	width: 100%;

	top: 140px;

	left: 0px;

	list-style: none;

}

ul.navigation li {

	float: left;

	clear: both;

	margin-bottom: 8px;

	position: relative;

	width: 100%;

}

ul.navigation li span.arrow_down, ul.navigation li span.arrow_up {

	background-color: rgba(0, 0, 0, 0.75);

	position: absolute;

	width: 40px;

	height: 50px;top: 500px;

	cursor: pointer;

	-webkit-box-shadow: 0px 0px 2px #000;

	-moz-box-shadow: 0px 0px 2px #000;

	box-shadow: 0px 0px 2px #000;

}

ul.navigation li span.arrow_down {

	background: rgba(0, 0, 0, 0.75) url(../images/icons/down.png) no-repeat center center;

}

ul.navigation li span.arrow_up {

	background: rgba(0, 0, 0, 0.75) url(../images/icons/up.png) no-repeat center center;

}

.wrapper {

	display: none;

	position: absolute;

	width: 100%;

	height: 126px;

	-ms-overflow-y: hidden;

	overflow-y: hidden;

	top: 550px;

	left: 0px;

	-webkit-box-shadow: 1px 1px 5px #000;

	-moz-box-shadow: 1px 1px 5px #000;

	box-shadow: 1px 1px 5px #000;

}

.thumbs {

	height: 126px;

	margin: 0;

}

.thumbs img {

	float: left;

	margin: 3px 3px 0px 0px;

	cursor: pointer;

	-webkit-box-shadow: 1px 1px 5px #000;

	-moz-box-shadow: 1px 1px 5px #000;

	box-shadow: 1px 1px 5px #000;

	opacity: 0.7;

	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);

}

.loading {

	position: fixed;

	top: 10px;

	right: 0px;

	background: rgba(0, 0, 0, 0.75) url(../images/icons/loader.gif) no-repeat 10px 50%;

	padding: 15px 40px 15px 60px;

	-webkit-box-shadow: 0px 0px 2px #000;

	-moz-box-shadow: 0px 0px 2px #000;

	box-shadow: 0px 0px 2px #000;

	opacity: 0.6;

	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);

}

.about {

	display: none;

	position: absolute;

	top: 50px;

	left: 0px;

	opacity: 0.6;

	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);

}

.subcontent {

	background: #000;

	padding: 30px;

	-webkit-box-shadow: 0px 0px 10px #000;

	-moz-box-shadow: 0px 0px 10px #000;

	box-shadow: 0px 0px 10px #000;

}

ul.menu {

	margin: 0;

	padding: 0;

	list-style: none;

	font-size: 14px;

	width: auto;

}

ul.menu a {

	text-decoration: none;

	outline: none;

}

ul.menu li {

	float: right;

	width: 170px;

	height: 85px;

	position: relative;

	cursor: pointer;

}

ul.menu li > a {

	position: absolute;

	top: 0px;

	right: 0px;

	width: 170px;

	height: 85px;

	z-index: 12;

	background: transparent url(../images/overlay.png) no-repeat bottom right;

	background-color: rgba(0, 0, 0, 0.75);

	-webkit-box-shadow: 0px 0px 2px #000 inset;

	-moz-box-shadow: 0px 0px 2px #000 inset;

	box-shadow: 0px 0px 2px #000 inset;

}

ul.menu li a img {

	border: none;

	position: absolute;

	width: 0px;

	height: 0px;

	bottom: 0px;

	left: 85px;

	z-index: 100;

	-webkit-box-shadow: 0px 0px 4px #000;

	-moz-box-shadow: 0px 0px 4px #000;

	box-shadow: 0px 0px 4px #000;

}

ul.menu li span.wrap {

	position: absolute;

	top: 25px;

	left: 0px;

	width: 170px;

	height: 60px;

	z-index: 15;

}

ul.menu li span.active {

	position: absolute;

	background: rgba(0, 0, 0, 0.75);

	top: 85px;

	width: 170px;

	height: 0px;

	left: 0px;

	z-index: 14;

	-webkit-box-shadow: 0px 0px 4px #000 inset;

	-moz-box-shadow: 0px 0px 4px #000 inset;

	box-shadow: 0px 0px 4px #000 inset;

	-webkit-border-bottom-right-radius: 15px;

	-webkit-border-bottom-left-radius: 15px;

	border-bottom-right-radius: 15px;

	-moz-border-radius-bottomright: 15px;

	border-bottom-left-radius: 15px;

	-moz-border-radius-bottomleft: 15px;

}

ul.menu li span span.link, ul.menu li span span.descr, ul.menu li div.box a {

	margin-left: 15px;

	text-transform: uppercase;

	text-shadow: 1px 1px 1px #000;

}

ul.menu li span span.link {

	color: #fff;

	font-size: 22px;

	float: left;

	clear: both;

}

ul.menu li span span.descr {

	color: #0B75AF;

	float: left;

	clear: both;

	width: 155px;

	/*For dumbass IE7*/

	font-size: 10px;

	letter-spacing: 1px;

}

ul.menu li div.box {

	display: block;

	position: absolute;

	width: 170px;

	overflow: hidden;

	height: 170px;

	top: 85px;

	left: 0px;

	display: none;

	background: #000;

}

ul.menu li div.box a {

	float: left;

	clear: both;

	line-height: 30px;

	color: #0B75AF;

}

ul.menu li div.box a:first-child {

	margin-top: 15px;

}

ul.menu li div.box a:hover {

	color: #fff;

}

ul.menu {

	margin-top: 150px;

}

.thumbs_wrapper {

	padding-top: 30px;

	padding-bottom: 30px;

	background-color: rgba(0, 0, 0, 0.75);

}

.image {

	border: 5px solid rgba(255, 255, 255, 0.30);

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-o-border-radius: 5px;

	-ms-border-radius: 5px;

	-khtml-border-radius: 5px;

	border-radius: 5px;

	float: right;

	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

}

/* Pop Up */

#popupAbout, #popupProjects, #popupContact, #popupBlog {

	height: 600px;

	width: 900px;

	overflow: auto;

	background-color: rgba(0, 0, 0, 0.75);

	border: 2px solid #cecece;

	z-index: 15;

	padding: 20px;

	color: #FFF;

	-webkit-box-shadow: 0px 0px 4px #000 inset;

	-moz-box-shadow: 0px 0px 4px #000 inset;

	box-shadow: 0px 0px 4px #000 inset;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-o-border-radius: 10px;

	-ms-border-radius: 10px;

	-khtml-border-radius: 10px;

	border-radius: 10px;

	margin-top: -50px;

	visibility: hidden;

}

#popupAbout p, #popupProjects p, #popupContact p, #popupBlog p {

	padding-left: 10px;

	font-size: 18px;

	line-height: 20px;

}

#popupAbout h1, #popupProjects h1, #popupContact h1, #popupBlog h1 {

	text-align: left;

	font-size: 30px;

	letter-spacing: 1px;

	border-bottom: 1px dotted #D3D3D3;

	padding-bottom: 2px;

	margin-bottom: 20px;

}

#popupAboutClose, #popupProjectsClose, #popupContactClose, #popupBlogClose {

	right: 6px;

	top: 6px;

	position: absolute;

	display: block;

}

*:focus {

	outline: none;

	/* Prevents blue border in Webkit */

}

form {

	margin-top: -275px;

	width: 350px;

	margin-left: 25px;

}

input, textarea {

	background-color: #fff;

	border: 1px solid #ccc;

	width: 300px;

	min-height: 30px;

	display: block;

	margin-bottom: 16px;

	margin-top: 8px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-o-border-radius: 5px;

	-ms-border-radius: 5px;

	-khtml-border-radius: 5px;

	border-radius: 5px;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	-ms-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

	color: #fff;

}

textarea {

	min-height: 200px;

}

input:focus, textarea:focus {

	-webkit-box-shadow: 0 0 25px #ccc;

	-moz-box-shadow: 0 0 25px #ccc;

	box-shadow: 0 0 25px #ccc;

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	-ms-transform: scale(1.05);

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	-ms-transform: scale(1.05);

	transform: scale(1.05);

}

/* The interesting bit */

input:not(:focus), textarea:not(:focus) {

	opacity: 0.5;

}

input:required, textarea:required {

	background: url("../images/asterisk_orange.png") no-repeat 280px 7px;

}

input:valid, textarea:valid {

	background: url("../images/tick.png") no-repeat 280px 5px;

}

input:focus:invalid, textarea:focus:invalid {

	background: url("../images/cancel.png") no-repeat 280px 7px;

}

input[type=submit] {

	padding: 10px;

	background: none;

	opacity: 1.0;

}

#social-network img {

	float: right;

	margin-left: 20px;

	opacity: 0.6;

	-webkit-transition: all 1s ease-out;

	-moz-transition: all 1s ease-out;

	-o-transition: all 1s ease-out;

	-ms-transition: all 1s ease-out;

	transition: all 1s ease-out;

}

#social-network img:hover {

	opacity: 1;

	-webkit-transition: all 1s ease-out;

	-moz-transition: all 1s ease-out;

	-o-transition: all 1s ease-out;

	-ms-transition: all 1s ease-out;

	transition: all 1s ease-out;

	}

#social-network {

	float: right;

	margin-top: -150px;

	float: left;

	margin-left: 475px;

}

.map {

	margin-top: -500px;

	margin-right: 25px;

	border: 5px solid rgba(255, 255, 255, 0.30);

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-o-border-radius: 5px;

	-ms-border-radius: 5px;

	-khtml-border-radius: 5px;

	border-radius: 5px;

	float: right;

}

/*

 * CSS Styles that are needed by jScrollPane for it to operate correctly.

 *

 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane

 * may not operate correctly without them.

 */



.jspContainer

{

	overflow: hidden;

	position: relative;

}



.jspPane

{

	position: absolute;

}



.jspVerticalBar

{

	position: absolute;

	top: 0;

	right: 0;

	width: 16px;

	height: 100%;

	-webkit-border-radius: 7px;

	-webkit-border-radius: 7px;

	border-radius: 7px;

	margin-right: 2px;



}



.jspVerticalBar *,

.jspHorizontalBar *

{

	margin: 0;

	padding: 0;

}



.jspCap

{

	display: none;

}



.jspHorizontalBar .jspCap

{

	float: left;

}



.jspTrack

{

	position: relative;

}



.jspDrag

{

	position: relative;

	top: 0;

	left: 0;

	cursor: pointer;

}



.jspHorizontalBar .jspTrack,

.jspHorizontalBar .jspDrag

{

	float: left;

	height: 100%;

}



.jspArrow

{

	text-indent: -20000px;

	display: block;

	cursor: pointer;

}



.jspArrow.jspDisabled

{

	cursor: default;

}



.jspVerticalBar .jspArrow

{

	height: 16px;

}



.jspHorizontalBar .jspArrow

{

	width: 16px;

	float: left;

	height: 100%;

}



.jspVerticalBar .jspArrow:focus

{

	outline: none;

}



.jspCorner

{

	float: left;

	height: 100%;

}



/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner

{

	margin: 0 -3px 0 0;

}







.jspDrag

{

	background:  rgba(255, 255, 255, 0.50);

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

}



.jspArrow

{

	background-image: url('../images/ui-icons_888888_256x240.png');

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

}



.jspVerticalBar>.jspDisabled,

.jspVerticalBar>.jspDisabled:hover,

.jspHorizontalBar>.jspDisabled,

.jspHorizontalBar>.jspDisabled:hover

{

	background-color: transparent;

	background-image: url('../images/ui-icons_888888_256x240.png');

}



.jspVerticalBar .jspArrow

{

	height: 15px;

}



.jspHorizontalBar .jspArrow

{

	width: 15px;

}



.jspArrowUp

{

	background-position: 0 0;

}



.jspArrowDown

{

	background-position: -64px 0 !important; 

}



















#cssmenu {

  border: none;

  border: 0px;

  margin: 0px;

 /* font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;*/

  font-size: 14px;

  font-weight: bold;

  width:830px;

  padding-left:83px;

}

#cssmenu ul {

  background: rgba(0, 0, 0, 0.6);

  background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); 

border-radius: 19px;

-moz-border-radius: 19px;

-webkit-border-radius: 19px;

  height: 35px;

  list-style: none;

  margin: 0;

  padding: 0; 

}

#cssmenu li {

/*margin-left:3px; */

  float: left;

  padding: 0px;

padding-right:7px;

}

#cssmenu li a {





  display: block;

  font-weight: normal;

  line-height: 35px;

  margin: 0px;

  padding: 0px 20px;

  text-align: center;

  text-decoration: none;padding-left:55px;

}

#cssmenu > ul > li > a {

  color: #FFFFFF;

}

#cssmenu ul ul a {

  color: #FFFFFF;

}

#cssmenu li > a:hover,

#cssmenu ul li:hover > a {

  background: #2580a2 url('images/hover.png') bottom center no-repeat;

border-radius: 19px;

-moz-border-radius: 19px;

-webkit-border-radius: 19px;

  color: #FFFFFF;

  text-decoration: none;

}

#cssmenu li ul {

  background: rgba(0, 0, 0, 0.6);

  display: none;

  height: auto;

  padding: 0px;

  margin: 0px;

  border: 0px;

  position: absolute;

  width: 170px;

  z-index: 200;

  /*top:1em;

	/*left:0;*/



}

#cssmenu li:hover ul {

  display: block;

}

#cssmenu li li {

  background: url('images/sub_sep.png') bottom left no-repeat;

  display: block;

  float: none;

  margin: 0px;

  padding: 0px;

  width: 170px;

}

#cssmenu ul li a {font-weight: bold;}

#cssmenu li:hover li a {

  background: none;

}

#cssmenu li ul a {

  display: block;

  height: 35px;

  font-size: 12px;

  font-style: normal;

  margin: 0px;

  padding: 0px 10px 0px 15px;

  text-align: left;

}

#cssmenu li ul a:hover,

#cssmenu li ul li:hover > a {

  background: #2580a2 url('images/hover_sub.png') center left no-repeat;

  border: 0px;

  color: #ffffff;

  text-decoration: none;

}

#cssmenu p {

  clear: left;

}



.image-row:after {
  content: "";
  display: table;
  clear: both;
}

.example-image-link {
  display: inline-block;
  margin: 0 10px 20px 10px;
  line-height: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

.example-image {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

#space{
	text-align: center;
	width: 200px;
	padding: 0 70px 0;
}

#space2{
	text-align: center;
	width: 200px;
	padding: 0 30px 0;
        margin-left:200px;
}
#space3{
	text-align: center;
	padding: 0 50px 0;
}
#block_name{
	text-align: center;
	width: 100px;
}
#space_quar{
	text-align: center;
	width: 100px;
	padding: 0 70px 0;
}


/*translator*/

#MicrosoftTranslatorWidget{
margin-left:-200px;
color:white;
background-color:#555555
}