/*

Design By MaxiWebArt
http://maxiwebart.net

 
*/

body{
	background: url(images/bodybg.jpg) repeat;
    font-size:90%;
    font-family: helvetica,georgia,sans-serif;
    line-height: 1.6em;
    text-align: center;
    color:#424242;
}
ul, li, img, html, body{
    margin: 0; padding:0;
}
a {
   text-decoration: none;

}
a hover{
       text-decoration: underline;
       color:#7a518f
}
a img {
      border:none;
}
h3{
    color:#424242;
	margin:0;
	padding: .2em .5em;
	text-align: left;
	font-weight:normal;
}

h2{
    font-family:Georgia;
}
.fr{
    float:right;
}
.fl{
    float:left;
}
#page-warp{
           text-align: left;
           width:800px;
           margin: auto;
           background: #b2b3b2 url(images/containerbg.jpg) repeat-x ;
		   border:1px solid #9da2a1;  
}
#menu ul,
#menu ul li a{
	       list-style-type:none;
		   
}
#header{
           width:800px;
           margin: auto;
}
#logo{
	text-align: left;
	}
header#menu {  
     margin:0px; padding:0px;  
     position:absolute; 
	 display:inline;
}
 ul#nav li a {
	       display:inline;
	       color: #4a627c;
	       float:right;
	       font-size: 16px;
	       text-decoration: none;
	       margin-top: -40px;
           padding-right: 50px;
		   text-indent:-9999px;
		   display:block;
}
          ul#nav li a.portofoliu{
			  background: url(images/portofoliubuton.png) bottom center no-repeat;
			  width:162px;
			  height:37px;
			  padding-left: 130px;
			  }
			  
		  ul#nav li a.contact{
			  background: url(images/contactbuton.png) bottom center no-repeat;
			   width:50px;
			   height:37px;
			  }
			  ul#nav li a.portofoliu:hover, ul#nav li a.portofoliu:active {
				   background-position: center center;
				  }
			  ul#nav li a.contact:hover, ul#nav li a.contact:active{
				   background-position: center center;
				  }
			   body#portofoliu ul#nav li a.portofoliu{
				   background-position: top center;
				   }
				body#contact ul#nav li a.contact{
				   background-position: top center;
				   }   	    
#mainContent{
         width:800px;
		 height:436px;	 
}

#work{
      padding:15px;
	  float:left;
	  width:10px;
	
	 
}
#contentwork{
       text-align: left;
	   padding-left:230px;
	   padding-right:50px;
	   padding-bottom:10px;
	   float:right;
	   width:450px;
	   height:300px;
}
#info1{
	padding-left:260px;
	float:left;
	width:140px;
	
}
#info2{
	padding-left:50px;
	float:left;
	width:180px;
	height:50px;
	
}
#info3{
	 float:right;
	 padding-right:165px;
     padding-top:0px;	 
}
#rightnext{
         float:right;
		 padding-right:195px;
		 padding-top:2px;		 
}
#leftnext{
         float:left;
		 padding-left: 28px;
		 padding-top:1px;
	 
}                  
#footer{
        clear: both;
		position:static;
	    		  
}