/*

	there will be no free style.
	the style is not free,
	the style is expensive
	- Roots Manuva
	______________

	This document contains the style

*/

body {	/*background-color: #000000  ;*/
		background-color: #ffffff;
	/*	background-image: url("/backgrounds/pens_1565x1000.jpg");*/
		float:left;
		background-repeat: no-repeat;
		background-attachment: fixed;
		margin: 0px 0px 0px 0px;
		font-family: "helvetica neue";
		line-height:1.2;
		margin-bottom:1.2em;
	/*	border: solid red 1px;*/
		font-size: .7em;
		color: #ff0099;
		}
		
		
#nomove { position:fixed; 
		}


table { 
		border-collapse: collapse;
		padding: 0;
		margin: 0;
		width: 100%;
		font-family: "helvetica neue";
		font-size: 1em;
		line-height:1.25em;
		margin-bottom:1.25em;
		}
		
		
a {		padding-top:2px;
		text-decoration: none;
		color: #0099FF;
		
		}
		

.unlist {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		border: none;
		opacity:1;  
		filter:alpha(opacity=100);  
		-moz-opacity:1;
		position:relative;
		}
		
		
.unlist-column {
		list-style-type: none;
		margin: 0px;
		padding: 0px 0px 0px 35px;
		opacity:1;  
		filter:alpha(opacity=100);  
		-moz-opacity:1;
		position:relative;
		}
		
.unlist-column-type {
		list-style-type: none;
	
		padding: 0px 0px 80px 35px;
		opacity:1;  
		filter:alpha(opacity=100);  
		-moz-opacity:1;
		position:relative;
		
		}
				
				
.li-column	{
		margin-bottom:40px
		}
		
.li-column-services	{
	height:397px;
	width:705px;
		margin-bottom:100px
		}
		

								
								
.li-illustration	{
		margin-bottom:60px
		}
		
		
#footer  {
	
		clear: both;
		text-align:center;
	/*	border: red 1px solid;*/
		}
		
			
	/*
	BACKGROUND IMAGES
	*/		


#splash-page {
		background-color: #000000;
		background-repeat: repeat-y;
		overflow: hidden;
			}
			
#background{
	position:absolute; 
	z-index:1; 
	background-repeat: repeat-y;
	width:100%; }
				

/*
	page structure
	*/


#content-wrapper {
		/*background-image: url("/3603384311_e6747f4fe9_b.jpg");*/
		/*	border: solid red 1px;*/
		/*border-right: 2px dotted #8c8c8c;*/
		float:left;
		width:745px;
		overflow:hidden;
		list-style-type: none;
		/*background-color: #ffffff;*/
		/*margin-left:250px;*/
		}
		
		#content-wrapper.showreel-ratio {
		/*background-image: url("/3603384311_e6747f4fe9_b.jpg");*/
		/*	border: solid red 1px;*/
		/*border-right: 2px dotted #8c8c8c;*/
		float:left;
		width:1148px;
		height:888px;
		overflow:hidden;
		list-style-type: none;
		/*background-color: #ffffff;*/
		/*margin-left:250px;*/
				}
				
		
#content-wrapper.column-ratio {

		/*border: solid red 1px;*/
	width: 1200px;
	padding-bottom: 100px;
	/*	position:relative;  */
	float:left;
 	overflow:hidden;
	list-style-type: none;
	padding-top:45px;
	/*	background-color: #ffffff;*/
	}
	


#column-wrapper {
	/*border: 1px solid green;*/
	float:left;
	width:764px;

	/*	opacity:0.8;  
	filter:alpha(opacity=80);  
	-moz-opacity:0.8;*/
	/*background: #000000;*/
	position:relative;
	/*	z-index:-1;*/
	}
	
#column-wrapper-SD {
/*	border: 1px solid blue;*/
	float:left;
	width:730px;
	height:724px;
	padding-left:30px;
	/*	opacity:0.8;  
	filter:alpha(opacity=80);  
	-moz-opacity:0.8;*/
	/*background: #000000;*/
	position:relative;
	/*	z-index:-1;*/
	}
	
#column-wrapper-large {
	/*border: 1px solid blue;*/
	float:left;
	width:830px;
	padding-left:30px;
	/*	opacity:0.8;  
	filter:alpha(opacity=80);  
	-moz-opacity:0.8;*/
	/*background: #000000;*/
	position:relative;
	/*	z-index:-1;*/
	}
	
#column-wrapper-right {
	/*border: 1px solid blue;*/
	float:left;
	width:320px;
	
	opacity:1;  
	filter:alpha(opacity=100);  
	-moz-opacity:1;
	/*background: #000000;*/
	position:relative;
	
		}
		#column-wrapper-vert {
			/*border: 1px solid blue;*/
			padding-top:40px;
			float:left;
			width:320px;
			opacity:1;  
			filter:alpha(opacity=100);  
			-moz-opacity:1;
			/*background: #000000;*/
			position:relative;

				}
		
#headings-wrapper {
	color: #ffffff;
	margin-bottom: 43px;
	width:302px;
	height:164px;
	color:#000000;
	text-align:left;
	position: relative;
/*	border:1px solid red;*/
				}
				
#headings-wrapper-services {
	color: #ffffff;
	margin-bottom: 333px;
	width:302px;
	height:164px;
	color:#000000;
	text-align:left;
	position: relative;
		/*border:1px solid red;*/
	}
	
	
#content-wrapper.column-ratio h1 {

	/*	border: 1px solid red;*/
		color: #ff0099;
	font-size: 1.3em;
	line-height: 0em; 
	margin-bottom: 0em;
	margin-top: 0.4em;
	font-weight:bold;
	font-family: "helvetica neue";

		}
				
				
				
#content-wrapper.column-ratio h2 {
		/*margin-top: 0.4em;*/
			/*	border: 1px solid red;*/
	color: #0099FF;
	line-height: .8em; 
		margin-bottom: .4em;
	font-size: 1.3em;

	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-weight:normal;
	
		}
				
#content-wrapper.column-ratio h3 {
		/*	border: 1px solid red;*/
		color: #000000;
		margin-bottom: 4em;	
		font-size: 1.1em;
		line-height: 1.3em;
		font-weight:normal;
		font-family: "helvetica neue";
		
	
		}
				

					
#content-wrapper.column-ratio li {
		padding-bottom: 0px;
		}

	

/*
	home
*/

#home-wrapper h1 {
		font-size: 1.4em;
		border-bottom: 1px dotted;
		color: #ffffff;
		margin-bottom:0px;
		}	

menu{

		height: 200px;
		border: solid 1px blue;
			
				}	





#home-wrapper {
	
		font-size: 1.2em;
		font-weight: bold;
		text-transform:uppercase;
		width:740px;
		height: 165px;
		float:left;
		color: #ffffff;
	 	overflow:hidden;
		list-style-type: none;
		/*	position: absolute;*/
		/*	border:1px solid red;*/
		}	

		#moved {
			
				font-size: 1.2em;
				font-weight: bold;
				text-transform:uppercase;
				color: #ffffff;
				}

#home-shade {
		

		background-color: #333333;
		position:absolute;
		color: #ffffff;
		width: 110%;
		background-image: url("/gradient.jpg");
		background-repeat: no-repeat;
		height:165px;
	/*	border:1px solid green;*/
		}
		
#shadow {
		position:absolute;
		float:auto;
		width: 110%;
		background-image: url("/shadow.gif");
		background-repeat: repeat-x;
		height:6px;
		}
		
#foot-shade {

		text-align:center;
		background-color: #000000;
		position:absolute;
		z-index:-1;
		width: 110%;
		background-repeat: no-repeat;
		height:46px;
		padding-top:15px
		}
		
		#splash {

				text-align:center;
			position:absolute; 
			z-index:1; 
			height:100%; 
		/*	border:solid 1px red;*/
				position:absolute;
				margin-top: -120px;
				margin-left: -50px;
				width: 100%;
				/*	background-image: url("/pens_1440x936.jpg");*/
					background-repeat: repeat-y;
			
				padding-top:400px;
				
				}
		
#contact-wrapper {
	border:0px; 
	margin-top: 15px;
		color: #ffffff;
		margin-left:765px;
		float:top;
	
		width:460px;
		height:145px;
		font-style: italic;
		font-family: Georgia, "Times New Roman", serif;
	 	font-size: 1.2em;
		line-height: 1.1em;
	 	text-align:left;
		position: relative;
	/*	border:1px solid red;*/
		text-align:left;
		}
		
		

/* portfolio */

#portfolio-wrapper {
		/*	border: 1px solid blue;*/
		padding-top:30px;
		width: 745px;
		height: 764px;
		margin-left:35px;
		}

#portfolio-wrapper.illustration {
		/*	border: 1px solid green;*/
		width: 696px;
		height: 652px;
		padding: 0px;
		float: auto;
		margin: auto;
		text-align:center;
		}

#portfolio-wrapper.large-ratio {
  /*		border: 1px solid green;*/
		padding: 80px 0px 0px 35px;
		width: 745px;
		height: 764px;
		float: auto;
		margin: auto;
		}
					
/* showreel */

#portfolio-wrapper.showreel-ratio {
	/*	border: 1px solid green;*/
		padding-left:35px;
		padding-top:15px;
		width: 1148px;
		height: 640px;
		float: auto;
		margin: auto;
		}
	
		
/* screenshot gallery */





#gallery-wrapper {
	
	/*	border: 1px solid green;*/
		/*width: 550px;*/
		/*height: 360px;*/
		/*	text-decoration: none;*/
		/*	display: block;*/
	/*	background: #000000;*/
	margin-bottom: 15px;
		}
		

				
#gallery-wrapper.normal-ratio{
	/*	border: 1px solid purple;*/
	
		text-decoration: none;
		display: block;
		/*	border-bottom: 1px solid #ccc;*/


					}
				
#gallery-wrapper.large-ratio{
	/*	border: 1px solid blue;*/
		width: 704px;
		height: 396px;
		margin-left:0px;
	/*	border-bottom: 1px solid #ccc;*/
		padding-bottom: 35px;
		}
		


#gallery-wrapper.showreel-ratio{
	/*	border: 1px solid blue;*/
			width: 1024px;
			height: 720px;
		/*	border-bottom: 1px solid #ccc;*/
			padding-bottom: 35px;
			}


#gallery-wrapper ul {
		padding: 0;
		list-style-type: none;
		margin: 0;
		opacity: 1;
		}
		

#gallery-wrapper.large-ratio li{
		margin: 0px 0px 22px 0px;
		opacity: 1;
		}		
		
		
#gallery-wrapper ul.gallery-column-left {
	
	border: 1px solid red;
	/*padding: 0px 25px 0px 25px;*/
	opacity: 1;
	float: left;
	}

							
#gallery-frame {
	 /*	border: 1px solid green;*/
		position: absolute; 
		width: 705px; 
		height:529px;
		padding:0px 0px 0px 0px;
		text-align:center;
		}
		

		/* screenshot gallery nav squares */
		
#gallery-nav-wrapper li {
		float: left;
		margin: 0 4px 0 0
		}
#gallery-nav-wrapper li a {
		display: block;
		width: 15px;
		height: 15px;
		border: 1px solid #ff0099;
		text-decoration: none;
		color: #ff0099;
		text-align: center;
		line-height: 15px
		}

#gallery-nav-wrapper li a:hover {
		background: #ff0099;
		color: #000000;
		cursor:pointer

		}
		
#gallery-nav-wrapper li a:active {
		background: #0099FF;
	    text-decoration: underline;
		cursor:pointer

		}
		
#gallery-nav-wrapper {
		width: 575px;
		height:28px;
		margin: 0px;
/*	display: table;*/
		padding:0px 0px 0px 0px;
	/*	border: 1px solid pink;*/
		}
		
#gallery-nav-wrapper.large-ratio{
	/*	border:1px solid yellow;*/
		width: 640px;
		height:28px;
		margin: 15px 0 0 0;
		display: table;
	    vertical-align:center;
		padding:5px 0px 0px 0px;
		}


/* blurb */

#blurb-wrapper  {
		/*border: solid red;*/
		margin-top: 10px;
		}

#blurb-wrapper.large-ratio{
		padding-bottom: 40px;
		width:640px;
		}


#blurb-wrapper td {
		padding: 0;
		vertical-align: top
		}

#blurb-wrapper.large-ratio td.description {
		width: 300px;
		}

#blurb-wrapper.large-ratio td.blurb-detail {
		padding-left:60px;
		padding-right:20px;
		height: auto;
		text-align: left
		}