@charset "UTF-8";
/* CSS Document */



/** 
 * Basic tags 
 **/
   html,body{ margin:0;padding:0; }
   html{ background-color:#dcd8cc; }
   body{
      color:#333;
      font-family:"tk-dejarip";
	  background:url(../images/bg_concrete.jpg) 0 0 repeat;
 
   }
   a{
      text-decoration:underline;
      color:#005399;
   }
      a:hover{
	  	 color:#007ce4;
      }
    
   h1{
      margin:0 0 0 -10px;
      padding:0px 0 0 0;
   }
   h2{
      color:#333;
      font-size:26px;
      margin-top:38px;
	  margin-right:25px;
      padding:10px 0 -15px 0px;
   }
   p{ line-height:170%; }

   
/** 
 * Default layout elements
 **/
   #page{
      background-color:#f2f2ea;
      margin-left:8px;
      margin-top:0px;
      width:945px;
      padding:0 20px 0 30px;
      border-left:7px solid #ece9e4;
	  border-right:7px solid #ece9e4;
	  margin:0 auto; 
   }

      div.dottedline{
         background:url(../images/dots.gif) repeat-x top left;
         padding:20px 0 0 0;
         margin:20px 0 0 0;
         clear:both;
      }
	  
   
   #header{
      float:left;
      width:100%;
      padding-top:0px;
   }
      #header h1{
         float:left;
         width:154px;
		 height:116px;	
		 margin-left:3px;
      }
	  
  
    #intro_summary{
      width:890px;
      line-height: 30px;
      padding:10px 23px 0 23px;
      font-size:20px;
	  clear:both;
		 
      }
         #intro_summary a{ /*border-bottom:2px solid #005399;*/ }
		 
/** 
 * Global Navigation
 **/		 	 
	
	#global_nav_wrapper {
		background: none;
		padding: 0px 0px 0 0px;
		margin:40px 0 10px 0;
		overflow: hidden;
		width:400px;
		float:right;
	}
	
	.global_nav {
		padding: 0 0 0 0;
		float:right;
	}
	
	.global_nav ul{
		padding: 10px 0 10px 0;
		margin: 0px 0;
		list-style: none;
		clear: left;
	}
	
	.global_nav ul li {
		float: left;
		display: inline; /*For ignore double margin in IE6*/
		margin: 0 25px;
	}
	
	.global_nav ul li a {
		float:left;
		cursor: pointer;
		font-size: 18px;
		font-weight:bold;
		text-decoration:none;
		color:#514742;
	}
	
	.global_nav ul li a span {
		margin: 0 10px 0 -10px;
		padding: 5px 8px 10px 18px;
		position: relative; /*To fix IE6 problem (not displaying)*/
		float:left;
	}
	ul.green li a.current  {
		color: #fff;
		background: url(../images/global_nav_current.png) no-repeat top right;
		text-decoration:none; 		
		
	}
	
	ul.green li a:hover  {
		color: #688814;
		background: url(../images/global_nav_hover.png) no-repeat top right;
		text-decoration:none; 		
		
	}
	
	ul.green li a.current span {
		background: url(../images/global_nav_current.png) no-repeat top left;
		
	}
	
	ul.green li a:hover span {
		background: url(../images/global_nav_hover.png) no-repeat top left;
		
	}
	
 

/** 
 * Potfolio Navigation
 **/		 	 
		 
	#portfolio_nav {
		width:700px; 
		margin-top: 5px;  
		text-align: left;
		display:block;
		clear:both;
		font-size:18px;
		/*border-left:1px solid #dcd8cc;
		border-top:1px solid #dcd8cc;
		border-right:1px solid #dcd8cc;*/
		padding:0px;
	
	}
	


/** 
 * Portfolio
 **/
   div#portfolio{
      overflow:hidden;
      margin:5px 0 0 0;
      padding:0;
      width:919px;
   }
      div.item {
         background:url(../images/shadow.png) no-repeat 1px 305px ;
         overflow:hidden;
         padding:6px 0 10px 0;
         width:442px;
         float:left;
         margin-right:15px;
		 margin-bottom:20px;
      }
         div.item h3{ 
            font-weight:bold; 
            color:#1d1d1d;
            font-size:18px;

         }
         
      div.information{
         padding:0px 20px 20px 20px;
         height:100px;
         background:url(../images/dots.jpg) repeat-x bottom left;
         margin:-5px 3px;
         float:left;
      }
	  
         div.information p{ 
            color:#6e6e6e;
            font-size:13px;
            margin-top:-5px;
            padding-top:0;
            float:left;
         }
		 
         div.information em{ color:#f38400; }
   
      div.image{
         float:right;
         margin-bottom:10px;
         border:1px solid #fff;
      }
         div.image a{
            padding:5px;                        
            border:1px solid #e9e5df;
            background-color:#fff;
            float:left;
         }
            div.image a:hover{ background-color: #c7dc90; }
            div.image img{ border:0; float:left; width:427px;height:320px; }
   
/** 
 * About
 **/
      #about h4, #inspiration h4, #moreinformation h4, #contact h4 {
         margin:0;
         padding:0;
         color:#4c2110;
      }
   
      #about {
         width:68%;
         float:left;
         padding:20px 0;
      }
         #about h5 {
            clear:both;
            font-weight:bold;
			font-size:22px;
			border:hidden;
         }

         #about h4 {
            margin-top:10px;
			border:hidden;
         }
         #about p{ 
		 	color:#e2e2e2;
			padding-bottom: 20px;
		}

   #information {
      width:894px;
      margin:0 0 0 0;
      padding:10px 51px 30px 50px;
      overflow:hidden;
      color:#fff;
      border-left:7px solid #ece9e4;
	  border-right:7px solid #ece9e4;      
      background:#2a2a2a;
	  margin:0 auto;

   }
      #information h4 {
		 color:#fff; font-size:25px;
		 }
		 
      #information a{ 
	     color:#7aaa1b; 
		 }
         
      #games{
         float:left;
         width:48%;
      }

      #inspiration, #followmeon{
         width:28%;
         float: right;
         padding:27px 0;
      }
	  
      #inspiration h4, #followmeon h4{
         margin-bottom:0;
         padding-bottom:0;
         margin-top:0;
         padding:0;
         margin:0;
		 border:hidden;
      }

         #followmeon ul,
         #followmeon li,
         #inspiration ul,
         #inspiration li{
            margin:0;
            padding:0;
         }
		 
            #followmeon ul,
            #inspiration ul{
               width:100%;
               float: left;
               list-style:none;
               margin-top:1px;
            }
			
         #followmeon li,
         #inspiration li{
            display:block;
            clear:both;
            padding:2px 0;
         }
		 
            #followmeon li a,
            #inspiration li a{
               display:block;
               float:left;
               padding:5px;
               color:#7aaa1b;
            }

            #followmeon li a:hover,
            #inspiration li a:hover{color:#a1da2f;}


      #freelancework{
         padding-left:35px;
         background:url(../img/arrow.gif) no-repeat left center;
         font-size:12px;
         margin-top:15px;
         float:left;
         clear:both;
      }
         #freelancework a{
            color:#fff;
            text-decoration:none;
            border:0;
         }

   #copyright{
      background-color: #000;
      margin-left:8px;
      margin-top:0;
      width:902px;
      overflow:hidden;
      padding:1px 43px 1px 50px;
      border-left:7px solid #ece9e4;
	  border-right:7px solid #ece9e4;
	  margin:0 auto;
	  color:#CCCCCC;      
   }
      #copyright p{
         padding:10px;
         margin:0;
         padding-left: 1px;
		 font-size:12PX;    
      } 
	  
	  
/** 
 * Link to top of the page effect
 **/	  
	#message a{
	/* display: block before hiding */
	display: block;
	display: none;

	/* link is above all other elements */
	z-index: 999; 

	/* link doesn't hide text behind it */
	opacity: .7;

	/* link stays at same place on page */
	position: fixed;

	/* link goes at the bottom of the page */
	top: 100%;
	margin-top: -60px; /* = height + preferred bottom margin */

	/* link is centered */
	left: 92%;
	margin-left: -60px; /* = half of width */

	/* round the corners (to your preference) */
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;

	/* make it big and easy to see (size, style to preferences) */
	width: 120px;
	line-height: 18px;
	height: 18px;
	padding: 10px;
	background-color: #000;
	font-size: 16px;
	text-align: center;
	color: #fff;
	text-decoration:none
}
     
/* FANCY BOX STUFF */

span.gallery_number {
	display: block;
	text-align: right;
	color: #aaa;
	font-size: 15px;
	margin-top: 4px;
}