/*
Author: Kotsuruba Alexander
Version:  8.10.09
*/
/* Colors
   #666- black
   #0197FE - blue
   #FF7F00 - orange */
   
*{ font-size: 100.01%; padding: 0; margin: 0; }
html, body {
   height: 100%;
   overflow: hidden;
   }
body {
   background: #FFF;
   color: #000;
   font-size: 14px;
   line-height: 1;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
}

/* =The Begining of the End (default styles)
----------------------------------------------- */
.clear {clear: both;} */



a:link, a:active, a:visited { color: #0559A9; }

a:hover { color: #333; text-decoration: none; }
   
a:link *, a:visited * { cursor: pointer; }

acronym, abbr { border-bottom: 1px dotted #666;	cursor: help; }

table { border: 0; border-collapse: collapse; }	table td { padding: 0; }

textarea { font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; } 

fieldset, img, a img { border: none; border: 0; }

img { color:#06C; font-size: 1.2em; }


h1{font-size: 30px; font-weight: bold;}
h2 {font-size: 22px; font-weight: bold;}
h3 {font-size: 18px; font-weight: bold;}

.hentry ul {

	list-style-type: disc;
	list-style-position: inside;
}


.alignabsoluteright { position: relative;
display: inline;
float: right;
left: 40px;}

.alignabsoluteleft{ position: relative;
display: inline;
float: left;
right: 33px;}

/*Form: buttons etc.*/
legend {	display: none; }
label { cursor: pointer; }
.inputbox {
   border: 1px solid #848484;
   font-size: 1.3em;
   padding: 2px 0 2px 1px;
   }
   .inputbox:focus {
      border: 1px solid #666;
      }

.button,
.more-link {
   font-size: 1.3em;
   letter-spacing: -0.001em;
   text-transform: uppercase;
   cursor: pointer;
   text-align: left;
}

input.button {
   color: #FFF;
   border: none;
   }
.button:link, .button:active, .button:visited,
.more-link:link, .more-link:active, .more-link:visited {
   color: #FFF;
   text-decoration: none;
   }
.button:hover,
.more-link:hover {
   color: #DFDFDF;
   }
.button.red {
   background: url('../images/bg-button-red.png') 0 0 no-repeat;
   padding: 7px 32px 9px 10px;
   }
.button.grey, .more-link {
   background: url('../images/bg-button-grey.png') 0 0 no-repeat;
   font-size: 13px;
   letter-spacing: -0.03em;
   padding: 4px 32px 9px 6px;
   }
   
.pseudo { border-bottom: 1px dotted; cursor: pointer; text-decoration: none !important; }
.ta-ctr { text-align: center; }
.fsz-norm { font-size: 1.1em; }
.fsz-bigger { font-size: 1.2em; }
.fsz-smaller { font-size: 1em; }
.grey { color: #666;	}

/* =General styles
----------------------------------------------- */
#wrapper {
   position: absolute;
   overflow: auto;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 10;
   }
.bg-screen {
   background-color: #000;
   width: 100%;
   height: auto;
   overflow-y: hidden;
   -ms-interpolation-mode: bicubic;
   }
.bg-dotted {
   background: transparent url('../images/bg-body-dotted.gif') 0 0 repeat;
   position: fixed;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
   }
   /* =Header(logo,menu...)
   ----------------------------------------------- */
   #header {
      background: #FFF;
      border-top: 2px solid #576383;
      border-bottom: 2px solid #576383;
      overflow: hidden;
      margin: 48px 0 34px;
      padding: 10px 0 15px 34px;
      }
      #logo {
	background: url(../images/logo.png) 0 0 no-repeat;
	color: #0057A7;
	display: inline;
	font-size: 1.6em;
	float: left;
	width: 221px;
	height: 118px;
	text-decoration: none;
	text-indent: -9000px;
	
	position: absolute;
	top: 32px;	
	left: 30px;
         }
      
         .top-menu {
            height: 28px;
            margin: 20px 0 0 258px;
            }
            .top-menu li {
               display: inline-block;
               margin-right: 30px;
               padding-bottom: 30px;
		
               }
               .top-menu li a {
                  background: url('../images/ic-str.gif') 12px -1000px no-repeat;
                  font-size: 18px;
                  font-family: "Trebuchet MS";
                  
                  text-transform: uppercase;
                  padding-left: 14px;
                  }
				  
				.top-menu li ul a {
				font-size: 14px;
				
				}
				  
				  
               .top-menu a:link, .top-menu a:active, .top-menu a:visited {
                  color: #010101;
                  text-decoration: none;
                  }
               .top-menu a:hover {
                  background-position: 0 4px;
                  }
               .top-menu .active:link, .top-menu .active:active, .top-menu .active:visited, .top-menu .active:hover {
                  background-position: 0 3px;
                  }
               .top-menu .item_parent {

                  }
                  .top-menu li ul {
                     background: #FFF;
                     border: 2px solid #576383;
                     border-top: none;
                     display: none;
                     position: absolute;
                     width: 170px;
                     z-index: 100;
                     margin: 25px 0 0;
                     padding: 4px 0;
                     }
                     .top-menu li li {
                        background: none;
                        display: block;
                        margin: 0 0 0 3px;
                        padding: 0;
                        }
                        .top-menu li li a {
                           background: none;
                           text-transform: none;
                           display: block;
                           padding: 4px 8px;
                           }
                        .top-menu li li a:hover {
                           color: #06C;
                           }
                  .top-menu .item_parent:hover ul,
                  .top-menu .current_item_parent:hover ul {
                     display: block;
                     }

   /* =Content(main)
   ----------------------------------------------- */
   #main {
      width: 970px;
      margin-left: 33px;
      }

      /************Lates projects************/
      .lates-project {

         }
         .header {
            color: #FFF;
            border-bottom: 4px solid #FFF;
            font-weight: normal;
            letter-spacing: -0.005em;
			font-size: 30px;
            }
         .lates-project .header {
            padding-bottom: 9px;
            margin-bottom: 32px;
            }
         .lates-project .preview {
            text-align: center;
            padding-right: 32px;
            }

         .button.black {
            background: url('../images/bg-button-black.png') 0 0 no-repeat;
            padding: 8px 42px 9px 18px;
			font-size: 14px;
            }
         .lates-project .preview .button.black {
            float: right;
            }
      /************Widgets****************/
	  
	  
	  .widget_text h3 { background-image: url(../images/widget-h-bg-blue.gif)}
	  
	  .widget_search h3 { background-image: url(../images/widget-h-bg-red.gif)}
	  
	  .widget_recent_entries h3 { background-image: url(../images/widget-h-bg-purple.gif)}
	  
	  .widget_links h3 { background-image: url(../images/widget-h-bg-green.gif)}
	    .widgettitle { background-image: url(../images/widget-h-bg-gold.gif)}
	  
	  
      .widgets {
         overflow: hidden;
         position: relative;
         margin: 74px -24px 0 0;
         }
         .widget {
            width: 303px;
            float: left;
            margin-right: 24px;
            -moz-box-shadow: 3px 3px 15px #000;
            -webkit-box-shadow: 3px 3px 15px #000;
            box-shadow: 3px 3px 15px #000;
            margin-bottom: 20px;
            }
            .widget .header {
             
               border: none;
               color: #FFF;
              
               text-transform: uppercase;
			    background: url(../images/widget-h-bg-blue.gif) no-repeat;
             
               }
               .widget .header h3,  .widget .widgettitle {
                  padding: 12px 0 9px 0;
				  margin: 0px 0px 2px 0px;
				  font-size: 22px;
				  padding-left: 60px;
				  font-family: Arial, Helvetica, sans-serif;
				  color: #FFF;
                  }
				  
				  .widget .header h3 a { color: #FFF}
				 
            .widget .inner {
               background: url('../images/bg-widjet-transprt.png') 0 0 repeat;
               font-family: "Trebuchet MS", Tahoma, sans-serif;
               height: 120px;
               overflow: hidden;
               padding: 12px 10px;
               }
			   
			   .widget .ngg-widget {
               background: url('../images/bg-widjet-transprt.png') 0 0 repeat;
               font-family: "Trebuchet MS", Tahoma, sans-serif;
               height: 120px;
               overflow: hidden;
               padding: 12px 10px;
               }
			   
               .widget .inner h4 {
                  font-size: 16px;
                  font-weight: normal;
                  margin-bottom: 12px;
                  }
               .widget .inner p {
                  font-size: 1.1em;
                  line-height: 1.4em;
                  }
               .widget  img {
                  border: 3px solid #B0B0B0;
                  -moz-border-radius: 3px;
                  -webkit-border-radius: 3px;
                  border-radius: 3px;
                  }
                  .widget .inner .photo img {
                     display: block;
                     }
               .widget img:hover {
                  border-color: #0057A7;
                  }
            
            .lates .header {
               background-image: url('../images/bg-header-lates_on_our_blog.png');
               text-indent: -9000px;
               }
            .lates .inner {
               border-bottom: 3px solid #27A400;
               }
               .lates .inner h4 {
                  margin-bottom: 19px;
                  }
               .lates .inner .photo {
                  float: left;
                  margin-right: 17px;
                  }
            .photos .header {
               background-image: url('../images/bg-header-photo_gallery.png');
               text-indent: -9000px;
               }
            .photos .inner {
               border-bottom: 3px solid #017B9E;
               padding-left: 14px;
               padding-right: 0;
               }
               .photos .inner .photo {
                  float: left;
                  margin: 0 15px 9px 0;
                  }
				  
				  .widgets ul {margin: 0px;
				  list-style: none;
				  } 
            .widgets ul li { padding: 0px 0px 12px 0px }
			
			.widgets ul li a {text-decoration: underline; font-weight: bold; font-size: 14px;  color:#000000 }
			.widgets ul li a:hover {text-decoration: underline; color: #09F}
            /************Subscribe***********/
            .subscribe .header {
               background-image: url('../images/bg-header-get_involved.png');
               text-indent: -9000px;
               }
            .subscribe .inner {
               border-bottom: 3px solid #BE0000;
               text-align: right;
               padding-right: 21px;
               }
               .subscribe .input {
                  margin-bottom: 13px;
                  }
                  .subscribe .input label {
                     color: #3B3B3B;
                     font-size: 1.4em;
                     padding-right: 3px;
                     }
                  .subscribe .input .inputbox {
                     padding: 5px 0 5px 3px;
                     }

/* =Footer
----------------------------------------------- */	
#footer {
   float: left;
   margin-top: 3px;
   padding: 10px 7px 9px 7px;
   clear: both;
   }
   .logo-copyrights {
      background: url(../images/logo_bottom.gif) 0 0 no-repeat;
      font-size: 1.2em;
      line-height: 1.3em;
      height: 31px;
      padding: 0 0 0 210px;
      }
   .links {
      float: right;
      font-size: 1.2em;
      padding: 5px 0 0 0;
      }
      .links a {
         margin-left: 4px;
         }
		 
		 
		 
	/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;

	float: right;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	
	float: left;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.aligncenter{ margin: 0px auto; }
/* End Images */	 		 

.linklove {display: none}