a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

body {
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: center top;
	background-image:url(http://inknition.com/images/bgtop.jpg);
	margin: 0px;
	text-align:center;
}


.clearfix:after, .image-container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {
	clear:both;
}


#banner {
position:relative;

float:right;
}

#container {
    position:absolute; /* needed for footer positioning*/
	margin-top:321px;
	margin-left:-455px;
	margin-bottom:20px;
	padding-bottom:50px;
	left:50%;
	width:920px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:400px; /* real browsers */
}





#menu  {
	float:left;
	position:relative;
	background-image:url(http://inknition.com/images/button.png);
    margin-top:5px;
    margin-left:55px;
    width:295px;
    height:46px;
}


#menu a {
	float:left;
	color:#666666;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	width:98px;
	padding-top:10px;
}

#menu a:hover {

color:#FFFFFF;

}

#change {
float:left;
position:relative;

}


ul, li, img {
list-style: none;
margin: 0; padding: 0;
}

#slider {
	float:left;
	background-image:url(http://inknition.com/images/main.png);
	width:901px;
	height:455px;
	margin-left:3px;
	margin-top:-8px;
	position: relative; /* important */
    overflow: hidden; /* important */
}
	
	
#slider a {
	color:#000;
	text-decoration:none;
	
	
	}



#sliderContent {
   width: 890px; /* important to be same as image width or wider */
   position: relative; /* important */
   top: 15px; /* important */
   margin-left: 5px; /* important */
}

.sliderImage {
   position: relative; /* important */
   display: none; /* important */
}

.sliderImage spaniol {
   position: absolute; /* important */
   margin-left:10px;
   padding: 15px 0px;
   width: 871px; /* width of image minus left and right padding. Needed for IE */
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   moz-opacity: 0.7; /* here you can set the opacity of box with text */
   khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   left: 0;
   bottom: 0;
   font-family:Verdana, Geneva, sans-serif;
   font-size:12px;
}

.clear {
   clear: both;
} 




#photo {
	background-image:url(http://inknition.com/images/side.png);
	background-repeat:no-repeat;
	margin-top:15px;
	width:193px;
	height:385px;
	margin-left:2px;
	float: left;
    padding-bottom:10px; 
    padding-right:12px; 
    padding-left:0px;
	
}




#photo h1 {
	float:left;
	margin-top:-10px;
	padding-left:14px;
	padding-top:20px;
	

}

#photo p {
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:center;
	margin-top:12px;

}


#photo a {
	color:#000;
	text-decoration:none;
	
	
}









#web {
	background-image:url(http://inknition.com/images/side.png);
	background-repeat:no-repeat;
	margin-top:15px;
	width:193px;
	height:385px;
	margin-left:2px;
	float: left;
    padding-bottom:10px; 
    padding-right:12px; 
    padding-left:0px;
	
}
	
	
#web h1 {
	float:left;
	margin-top:-10px;
	padding-left:14px;
	padding-top:20px;
	

}

#web p {
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:center;
	margin-top:12px;

}


#web a {
	color:#000;
	text-decoration:none;
	
	
}


#middle {
	background-image:url(http://inknition.com/images/middle.png);
	background-repeat:no-repeat;
	margin-top:15px;
	width:491px;
	height:385px;
	margin-left:2px;
	float: left;
    padding-top:0px; 
    padding-bottom:0px; 
    padding-right:12px; 
    padding-left:0px;
}
	
	
#middle h1 {
	margin-left:20px;
	margin-bottom:0px;

}

#middle p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:center;
	margin-top:12px;

}


#middle a {
	color:#000;
	text-decoration:none;
	
	
}



#downL {
	background-image:url(http://inknition.com/images/bottom.png);
	background-repeat:no-repeat;
	margin-top:15px;
	width:901px;
	height:197px;
	margin-left:2px;
	margin-top:5px;
	float: left;
    
}
	
	
#downL h1 {
    margin-left:0px;
	margin-top:25px;
	float:left;
	padding-left:28px;

	
	
	

}

#downL p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:center;
	margin-top:12px;

}


#downL a {
	color:#000;
	text-decoration:none;
	
	
}



#downR {
	background-image:url(http://inknition.com/images/bottom.png);
	background-repeat:no-repeat;
	margin-top:15px;
	width:440px;
	height:197px;
	margin-left:25px;
	margin-top:5px;
	float: left;
    padding-top:0px; 
    padding-bottom:0px; 
   
}
	
	
#downR h1 {
	margin-left:0px;
	margin-top:25px;
	float:left;
	padding-left:20px;

}

#downR p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:center;
	margin-top:12px;

}


#downR a {
	color:#000;
	text-decoration:none;
	
	
}






#foot {
	background-image:url(http://inknition.com/images/footer.png);
	background-repeat:no-repeat;
	margin-top:15px;
	width:899px;
	height:215px;
	margin-left:4px;
	margin-top:15px;
	float: left;
    border-style:none;
	border:none;
	text-decoration:none;
}
	
#network {
	width:123px;
	float:left;
    border-style:none;
	border:none;
	text-decoration:none;
}
	
#fb, #tw, #ms, #fk  {
	float:left;
	margin-left:20px;
	margin-top:10px;
	width:50px;
	border-style:none;
	border:none;
	text-decoration:none;

}




#foot p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:center;
    border-style:none;
	border:none;
	text-decoration:none;
	

}


#foot a {
	border-style:none;
	border:none;
	text-decoration:none;
	
	
}











#footer {
/*border:dashed blue 1px;*/
/*float:left;*/
	position:absolute;
	width:800px;
	margin-left:-400px;
	left:50%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:center;
/*	height:22px;*/
	bottom:0; /* stick to bottom */
	color:#666666;
}
	#footer p {
		padding:20px;
		margin:0;
	}



#contact {
position:relative;
float:left;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#FFF;
margin-top:0px;
margin-left:0px;
padding-top:0px;


}


p#success {
background-color:#000000;
position:relative;
float:left;
width:899px;
height:213px;
background-image:url(http://inknition.com/images/contact/sent.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
margin-top:-213px;
margin-left:0px;
}

		
p#bademail, p#badserver, p#badname, p#badfill {
background-color:#000000;
position:relative;
float:left;
width:899px;
height:213px;
background-image:url(http://inknition.com/images/contact/send.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
margin-top:-213px;
margin-left:0px;
}




#contacto {

position:relative;
float:left;
width: 600px;
height:213px;
}
			


#form {
float:left;
position:relative;
width:460px;
margin-left:65px;
margin-top:0px;


}

.small {
display:inline;
float:left;
margin-left:22px;
margin-top:20px;
position:relative;
}
	
.small input {
width:149px;
background-color:#000000;
border:1px solid #333333;
color:#FFFFFF;
}
	
.wide {
margin-top:10px;
}

.wide textarea {
height:120px;
margin-left:-35px;
width:355px;
background-color:#000000;
border:1px solid #333333;
color:#FFFFFF;
}
	
label {
position:relative;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
display: block;
margin:2px 0 0 0;
}


.send {
position:relative;
margin-left:320px;
margin-top:5px;
}

#arriba{
margin-left:5px;
margin-top:-8px;
width:901px;
height:21px;
background-image:url(http://inknition.com/images/maintop.png);

}

#medio{
position:relative;
float:left;
margin-left:5px;
width:901px;
height:auto;
height:100%;
background-image:url(http://inknition.com/images/mainmiddle.png);
}


#medio h1{
width:800px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
color:#FFFFFF;
float:left;
font-size:24px;
margin-left:0px;
margin-top:0px;
}


#medio h2{
width:800px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
color:#666666;
font-size:12px;
text-align:left;
float:left;
margin-top:5px;
margin-left:60px;

}


.info {
margin-left:60px;
width:800px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
color:#FFFFFF;
float:left;
font-size:12px;
text-align:left;
}



#medio p {
position:relative;
margin-left:60px;
width:800px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
color:#FFFFFF;
float:left;
font-size:12px;
text-align:left;
margin-top:15px;
padding-bottom:30px;
}

#medio a {
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
color:#FF6600;
font-size:14px;
}



#abajo{
position:relative;
float:left;
margin-left:5px;
width:901px;
height:16px;
background-image:url(http://inknition.com/images/mainbottom.png);
}



.thumbnail{
margin-top:20px;
float: left;
padding-top:0px; 
padding-bottom:10px; 
padding-right:12px; 
padding-left:0px;
}

.thumbnail a {
color:#FFFFFF;
text-decoration:none;
font-size:8px;
}

.clearboth{
clear: both;
}

#nav {
position:relative;
float:left;
margin-left:5px;
width:901px;
height:auto;
height:100%;
background-image:url(http://inknition.com/images/mainmiddle.png);

}


#port {
margin-left:50px;
float:left;
width:901px;

}


ul#filter { 
float: left; 
font-size: 16px; 
list-style: none; 
margin-left: 250px;
margin-top:20px;
width: 100%; 
margin-bottom:30px;
}

ul#filter li { 
border-right: 1px solid #dedede;
float: left;
line-height: 16px;
margin-right: 10px;
padding-right: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-size:14px;
}

ul#filter li:last-child { 
border-right: none; 
margin-right: 0; 
padding-right: 0; 
}

ul#filter a { color:#666; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: none; color:#FFF; }
ul#filter li.current a { color: #FFF; font-weight: bold; }

ul#portfolio { 

margin-top:20px;
padding-top:0px; 
padding-bottom:10px; 
padding-right:12px; 

list-style: none; 
width: 900px; 
}

ul#portfolio li { 

border: none; 
float: left; 
width: 200px;
padding-bottom:20px;
margin-top:15px;
}

ul#portfolio a {
float:left;
width: 200px; 
text-decoration:none; 
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-size:9px;
font-weight:bold;
text-align:center;

 
}

ul#portfolio a:hover { 
text-decoration: none; 
}




#table  {
margin-left:55px;
margin-bottom:20px;
position:relative;
width:800px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
color:#FFFFFF;
float:left;
font-size:12px;
text-align:left;
padding-bottom:30px;
border-width:1px;
border-color:#ff0099;
border-style:solid;
}

#table td {
padding-top:25px;
padding-left:15px;


width:500px;
}