/*

Theme Name: TheM.House.In
Description: XHTML, CSS, JavaScript and more. 
Version: v1.0
Author: Milen Aleksandrov
Author URI: http://www.themhouse.in/


@import 'contact.css';
@import 'portfolio.css';
*/

*					{ margin: 0; padding: 0; }


body                { margin:0; padding:0; background-color:#eaf1f4; background-image: url(.../images/bg-repeate.jpg); }

@font-face          { font-family: 'ChunkFive Regular'; src: url('../fonts/Chunkfive.eot'); 

                      src: local('ChunkFive Regular'), local('ChunkFive'), 
      
                      url('../fonts/Chunkfive.woff') format('woff'), 
 
                      url('../fonts/Chunkfive.svg#ChunkFive') format('svg'), 

                      url('../fonts/Chunkfive.otf') format('opentype'); }
                      
h1.fontface         { font: 130px/138px 'ChunkFive Regular', Arial, sans-serif;

                      letter-spacing: 0; color:#597cb4; text-shadow: 3px 3px 3px #ffffff;}    
                      
h2.fontface         { font: 110px/118px 'ChunkFive Regular', Arial, sans-serif;

                      letter-spacing: 0; color:#597cb4; text-shadow: 1px 1px 1px #ffffff; }                                        

h3.fontface         { font-family: 'ChunkFive Regular', Tahoma, Helvetica; font-size: 2em; 

                      color: #597cb4; font-weight: normal; text-transform: uppercase; 
                      
                      padding-top: 20px; text-shadow: 1px 1px 1px #ffffff; }
                      
p1                   { color: #597cb4; font-size: 9px; }


/*************************************************************************************
                                      Page Layout
____________________________________________________________________________________*/


/*** Main page layout ***/



#topcontainer       { margin:0; padding:0; color:#dadada; }

#header             { width:947px; height:100px; margin:-25px auto; position:relative;

                      background:url(../images/top-bg2.gif) repeat-x; }

#lenta              { width:947px; height:20px; margin:0px auto; position:relative; 

                      background:url(../images/top-bg.gif) repeat-x; }

.img                { margin:30px auto; position:relative; }

#logo               { width:947px; height:100px; margin:26px auto; position:relative; }

#flow               { width:947px; margin:5px auto; padding:52px 0 0 0px;

                      position:relative; list-style-type: none; }                 

#slogan             { color: #fff; font-family:"Helvetica"; text-align: left; 

                      position:relative; padding-left: 5px; padding-top: 10px;
                      
                      font-weight: bold; }

#info               { font: 1.2em 'ChunkFive Regular', Arial, sans-serif;letter-spacing: 0; color:#597cb4;

                      letter-spacing:1px; text-align: left; position:relative;

                      padding-left:0px; padding-top: 25px; }

#infobar            { width:447px;margin:0 auto; padding-right:493px; font-weight: bold;

                      font:0.75em "Helvetica"; color:#000; line-height:1.6em;
                      
                      padding-top:200px; }                  

#infobar h3         { color:#000; }

#infobar .img       { width:947px; height: 138px; background-image: url(../images/bg-pod.png);
	
	                  background-repeat: no-repeat; margin:0px -5px; position:relative;}

#rmore a            { color: #777; text-decoration: none; font:1.2em "Helvetica"; }

#rmore a:hover      { color: #4669a6; }

#rmore              { border: 1px solid #777; -moz-border-radius-bottomright: 10px;

                      background-color: #d8d8d8;
	
	                  -moz-border-radius-bottomleft: 10px; -moz-border-radius-topleft: 10px;
	
                      -moz-border-radius-topright: 10px; -webkit-border-bottom-right-radius: 10px;
                      
                      -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;
	
	                  -webkit-border-bottom-left-radius: 10px; -khtml-border-radius-bottomleft: 10px;
	
	                  -khtml-border-radius-bottomright: 10px; -khtml-border-radius-topright: 10px;
	                  
	                  -khtml-border-radius-topleft: 10px;
	                  
	                  width:auto; height:auto;margin:-5px auto; padding: 2px 5px 2px 5px; 

                      float: left; }

#infocontent        { width:947px; height:auto; margin:0 auto; padding:0px; 

                      position:relative; }

/*** Footer bar ***/

#footer             { width:947px; height:70px; margin:-60px auto; padding: 0px 0 0px 0;

                      position:relative; font:0.7em Helvetica; color:#555; clear:left;

                      background-image: url(../images/footer1.png); 
                      
                      background-repeat: no-repeat; }

.fooright           { text-align:right; width:930px; height:0px; margin:0px auto;

                      font:1.0em Helvetica; color:#b0c4e1; }

.fooleft            { text-align:left; width:930px; height:0px; padding-top:15px;

                      margin:0px auto; font:1.05em Helvetica; color:#b0c4e1; }

#footer a           { text-decoration:none; color:#b0c4e1; }

#footer a:hover     { color:#597cb4; }

/*** Footer logo bar ***/

#footer-logo        { width:930px; height:64px; margin:0 auto; padding:40px 0 0 0;

                      margin-top: 0px; text-align: right; }

/*************************************************************************************
                                      End Page Layout
____________________________________________________________________________________*/


/*************************************************************************************
                                      Navigation Menu
____________________________________________________________________________________*/


/*** Navigation bar ***/

#nav               { position:absolute; top:3.4em; right:0em; height:3.4em; 

                     overflow:hidden; }

#nav h2            { display:none; }

#nav li            { font-weight:bold; float:left; margin:0; list-style-type:none; }

#nav li a,
#nav li a:link     { padding:1em 1em 1.05em 1em; text-decoration: none; 

                     font: 1em 'ChunkFive Regular', Arial, sans-serif;letter-spacing: 0;  
                     
                     color:#597cb4; list-style-type: none; }

#nav li a.current,
#nav li a:hover,
#nav li a:active   { color:#b0c4e1; list-style-type: none; }


/*************************************************************************************
                                      End Navigation Menu
____________________________________________________________________________________*/

/*************************************************************************************
                                      Info Tab Content
____________________________________________________________________________________*/


/*** container info baner ***/

#container         { color:#bbbaba; position:relative; padding-bottom:2.6em;
	
	                 margin:5px auto; font-size:16px; }
 
#container .ui-tabs-panel { font-family:Arial, Helvetica, sans-serif; clear:left;
	 
	                 color:#000; padding:15px 540px 15px 15px; height:225px; }

#container .ui-tabs-hide { display:none; }

#container h2      { color:#4669a6; font-weight:normal; margin:0; font-size:2.8em;
	
	                 line-height:2.0em;  }

#container p       { width:100%; height: 100%; font-size:1.1em; margin:.5em; color:#333; }

.tab_content       { padding: 30px; font-size: 0.7em; }

.tab_content h2    { font-weight: normal; padding-bottom: -20px; padding-left: 160px;
	
	                 font-size: 1.8em; }

.tab_content img   { float: left; margin: 0 20px 20px 0; border: 0px solid #dadada;
	
	                 padding: 15px; }

/* Content Panels

#rmore {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}*/
/*************************************************************************************
                                      End Info Tab Content
____________________________________________________________________________________*/

ul#gall-rotate li img{
	border: 0px solid #597cb4;
	padding: 0px;
	width:945px;
	height: auto;
}
#pod {
    width:945px;
    height: 138px;
	background-image: url(../images/bg-pod.png);
	background-repeat: no-repeat;
	padding-top:0px;
}

/*************************************************************************************
                                      About Me page
____________________________________________________________________________________*/




/*************************************************************************************
                                      End About Me page
____________________________________________________________________________________*/

/* Fixed Logo
 * -------------------------------------------- */

#fixedlogo {
   bottom:20px;
   position:fixed;
   right:26px;
   border: none;
}

#popup {
height: 100%;
width: 100%;
background: #000000;
position: absolute;
top: 0;
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
filter:alpha(opacity=75);
}

#window {
width: 600px;
height: 300px;
margin: 0 auto;
border: 1px solid #000000;
background: #ffffff;
position: absolute;
top: 200px;
left: 25%;
}