html {
overflow-y: scroll;
overflow-x: hidden;
right: 10px;
background-color: transparent;
}

::-webkit-scrollbar {
width: 10px;
height: 10px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 0px;
display: block;
background-color: #05377e;
}

::-webkit-scrollbar-track-piece  {
background-color: #000;
}

::-webkit-scrollbar-thumb:vertical {
height: 20px;
background-color: #ffde00;
border: 1px solid #fff;
-webkit-border-radius: 6px;
}


body {

  background: #05377e;
  font-family: arial, verdana, helvetica;

  }

a, a:hover {text-decoration: none !important; border:none;}

img {border:hidden;}



/*MENU*/

#menuHome {position: fixed; top:-5px; left:80%; width:180px; height: 20px; z-index:100; padding:8px 5px 0 5px;  background: #fff; 
  -moz-border-radius: 4px; -webkit-border-radius: 4px; 
  opacity:.4; filter:alpha(opacity=40);  
  /* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  color: #d4e2e8; text-align:center;}

#menuHome:hover {
  opacity:.4; filter:alpha(opacity=40);  
  /* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	}

#menuHome a {color: #d4e2e8; font-size:12px; font-weight:bold; opacity:1; filter:alpha(opacity=1);  
  /* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";}

#menuHome a:hover {color: #072aaa;}


#menu {position:fixed; top:30px; left:78%; display:none; z-index:100;}

/*Dividers*/

#NeonPulse {position:absolute; top:2000px; left:50%; margin-left: -250px; width:500px; height:1200px; background: url('../images/neon2.png'); background-repeat: no-repeat;}
#NeonPulse2 {position:absolute; top:3100px; left:50%; margin-left: -250px; width:500px; height:1200px; background: url('../images/neon2.png'); background-repeat: no-repeat; z-index:3;}

#Smoke {position:absolute; top:12100px; left:50%; margin-left: -200px; width:400px; height:4500px; background: url('../images/smoke.png'); background-repeat: repeat-y; z-index:3;}

.divider1 {position: absolute; top:5900px; left:10%; background: url('../images/divider.png'); background-repeat: no-repeat; width:1000px; height:164px;}

.divider2 {position: absolute; top:19900px; left:0; background: url('../images/divider2.png'); background-repeat: repeat-x; width:80000px; height:245px;}

/*HomeBlock*/

#HomeBlock {width: 800px; height:700px; margin:1.5em auto; color: #0c3a79; background: url('../images/home.jpg'); background-repeat:no-repeat;}

#titleBlock {margin:0em auto; width:540px; text-align:center; /*text-shadow: #333 2px 2px 1px;*/ padding:2em 0;}

#HomeBlock h1 {font-size: 35px; font-family: Garamond;}

#HomeBlock span.Big {font-size:30px; padding: 3px; font-style: italic; color: #0493d6;}

#HomeBlock span.Medium {font-size:25px; padding: 3px; font-style: italic; color: #9fb5d4;}

#HomeBlock span.Small {font-size:18px; color: #0a64e0;}

#titleImgBlock {margin:0; text-align: center;}



#copyHome {width:180px; /*font-family: arial, verdana;*/ font-size:12px; margin:1em auto; 
  
  opacity:.7; filter:alpha(opacity=70);  
  /* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
; color:#ddd;}

/*About*/

#AboutBlock {width: 950px; height: 725px; position: absolute; top:5950px; left:50%; margin-left: -475px; background: url('../images/aboutbg2.png'); background-repeat:no-repeat; z-index:2;}

/*#menuAbout {margin: 1em auto 0 auto; font-size:16px; font-weight: bold; color: #1695c4; width:250px;}

#menuAbout a {color: #1695c4; padding: 5px;}

#menuAbout a:hover {color: #fff; padding: 5px; background: #05a4e6; -moz-border-radius: 4px; -webkit-border-radius: 4px;}*/

#AboutBlock h1 {color:#025577; font-size:28px;}

#AboutBlock p {font-size: 12px;}

/*About Slider*/

#AboutSlider {margin:8.75em auto 0 auto; width:750px;}

#AboutSlider li{
    margin:auto;
/*    padding:5px;*/
    list-style:none;
    width:730px;
    height:380px;
    overflow:hidden;
		}

#AboutSlider ul {padding:0; width:730px;}
	
	ol#controls{
		margin:4.5em auto 0 auto;
		padding:0;
		height:28px;
		width:170px;	
		}
	ol#controls li{
		margin:0 5px; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;	
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 6px;
		text-decoration:none;
		-moz-border-radius: 24px; 
		-webkit-border-radius: 24px;	
		}
		
	ol#controls li a:hover{
		background:#05a4e6;
		color:#fff;
		}		
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus{outline:none;}


/*Service Block*/

#ServicesBlock {position: absolute; top:17500px; left:56200px; width:850px; height:600px; margin:0 2em; border: thick dashed #401b0e; background: #f8f1e3; padding: 1em; z-index:45; margin:6em;}

#ServicesContainer {width:785px; margin:0 auto; height: 200px;}

.ServicesLeft {float: left; width:520px;}

.ServicesRight {float: right; width: 181px;}

#ServicesBlock h1 {color:#795a00; font-size:28px;}
#ServicesBlock h2 {color:#d38c00; font-size:24px;}
#ServicesBlock h3 {color:#493500; font-size:18px; margin:0 !important;}

.ServicesHlight {color:#af8533; font-size:18px; padding:5px; font-weight: bold; font-style: italic; font-family: 'Times';}
#ServicesBlock p {font-size: 14px;}
#ServicesBlock p.alt {color: #5f4703; margin-right:5em;}
#ServicesDContainer {width:785px; margin:0 auto; clear:both;}

.DServices {float: left; width:350px; margin:0 1em;}

#ServicesBlock a {color: #795a00; padding: 5px;}

#ServicesBlock a:hover {color: #fff; padding: 5px; background: #795a00; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor:pointer;}

#codeMonkey {background: url('../images/codemonkey.png'); background-repeat:no-repeat; width: 356px; height: 386px; position: absolute; top:17850px; left:57060px; z-index:50; }


/*History*/

#HistoryBlock {position: absolute; top:500px; left:4500px; width:600px; border: thin solid #ddd; background: #888; padding: 10px; margin-right:200px; visibility:hidden;}


/*Portfolio*/

#PortfolioBlock {position: absolute; top:20100px; left:0px; width:80000px; height:1400px; z-index:50; background: #000; }

#PortContentBlock {
position: relative; 
left: .3%; 
width:1000px;
}




#PortTitle {margin:0 auto; width:950px; padding:205px 0 0 0; height:150px; background: url('../images/port_title.png'); background-repeat: no-repeat; }

#PortTitleText {width:600px; margin:0 auto;}

#PortTitleText p {font-size:14px; color: #fff;}

#PortTitleText p.imageBlock {text-align:center;}

#PortTitleText a.image {
  opacity:.4; filter:alpha(opacity=40);  
  /* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	margin-left:1em;}

#PortTitleText a.image:hover {
  opacity:1; filter:alpha(opacity=100);  
  /* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

#PortSecondRow {margin:0 auto; width:960px; height:500px;}

#PortLatest {margin:0; padding:100px 0 0 0; width:500px; height:500px; float:left; background: url('../images/latesttitle.png'); background-repeat: no-repeat;}



#PortLatest:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }


/*Port Box*/

.boxgrid{ 
	width: 300px; 
	height: 300px; 
  margin:1em auto; 
	border: dashed 1px #fff; 
	overflow: hidden; 
	position: relative; 
}
	.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
	}

	.boxgrid h3{ 
	  padding:0 9px;
		color:#ffde00; 
		font:16px; 
		margin:5px 0;
	}	
	
	
	.boxgrid p{ 
		padding: 0 1em; 
		color:#fff;  
		font-size:12px; 
	}

	.boxgrid a:hover {color:#02fcff;}
	.boxgrid a {color:#6eeffb;}
	
.boxcaption{ 
	position: absolute; 
	background: #000; 
	height: 180px; 
	width: 100%; 
  opacity:.8; filter:alpha(opacity=80);  
  /* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

	.caption .boxcaption {
		top: 270px;
		left: 0;
	}


#PortCompanies {margin:0; padding:5px; width:400px; height:480px; float:right; background: url('../images/companies_bg.png'); background-repeat: no-repeat;}

#PortCompBlock {width:380px; height:400px; padding: 70px 5px 0 1em;}

#PortCompBlock:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }


#PortCompBlock p {font-size:10px; font-style: italic; clear:both; text-align:center;}

.PortCompCol {width:160px; margin:0 5px 1em 5px; float:left}

.PortCompCol ul {margin:0; list-style:none; font-size:12px;}

#PortTesti {margin:0 auto 1em auto; width:400px; height:420px;}

#PortTesti p.img { text-align:center;}

#PortTesti p {font-size: 11px; padding:5px; color:#fff;}

#PortTesti p a {color:#FFFF00;}

#PortTesti p a:hover {color:#FFFF99;}

/*#splat1 {background: url('../images/splat1.png'); background-repeat:no-repeat; width: 317px; height: 330px; position: absolute; top:1800px; left:3000px;}*/

/*inkBlot*/

#inkBlock {position: absolute; top:21500px; left:0px; width:80000px; height:3000px; background: #fff; padding:0;}


#inkBlock p {margin:0; }


#n8Blot{margin:50em 30em; width:500px; height:400px; background: url('../images/n8_blot.jpg'); background-repeat:no-repeat;}


/*Contact*/

#contactBlock {position: absolute; top:24001px; left:0px; width:80000px; height:900px; padding:0; z-index:2;}

#contactContainer {width:1100px; padding:0; margin:0 9em; }

#contactColumnContainer {width:990px; margin:0 auto; }

#contactColumnContainer:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

.contactColumn {float: left; margin:0 1em 0 0; width:320px; padding:200px 0 0 0; text-align:center;}

.contactDividerColumn {float: left; margin:0; width:315px;}

a.ServicesLink, a:hover.ServicesLink {cursor:pointer !important; border: 0 !important; background: none!important ; padding:0 !important;}

#contactColumnContainer h3 {font-size: 40px; color: #206f04;}

#contactColumnContainer p {font-size:14px;}

#contactColumnContainer a {color:#0d9129;}
#contactColumnContainer a:hover {color:#d3ffb9; background-color: #0d9129;-moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #ccc; padding: 10px;}

#contactColumnContainer span.contactBig {font-size:20px; font-weight:bold;}

#contactColumnContainer span.contactBrown {color: #392703;}

/*Credit*/

#creditBlock {position: absolute; top:24415px; left:0px; width:80000px; background: #421e0e url('../images/grass.jpg'); background-repeat: repeat-x; padding: 400px 0 20px 10em; }

#creditColumnContainer {width:980px; }

#creditColumnContainer:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

.creditColumn {float: left; margin:0; width:475px;}

#creditColumnContainer h2 {font-size: 40px; color: #ffcc00;}

#creditColumnContainer h3 {font-size: 30px; color: #c8772c;}

#creditColumnContainer p {font-size:14px; color:#fff;}

#creditColumnContainer p.copyright {clear:both; text-align:center; color: #ffe3ca;}

#creditColumnContainer a {color:#f0e7d7;}
#creditColumnContainer a:hover {color:#fff; border: 1px dashed #f0e7d7; padding: 5px;}
















/*Slide Panel*/

.panel {
position: fixed;
top: 50px;
left: 0;
display: none;
background: #025577;
border:thin solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 330px;
height: auto;
padding: 30px 30px 30px 130px;
filter: alpha(opacity=85);
opacity: .85;
z-index:9;
}

.panel h3 {color:#fff; margin:0;}

.panel p{
margin: 1em 0;
padding: 0;
color: #cccccc;
font-size:14px;
}

.panel p.contactSocial {text-align:center;}

.panel p.contactSocial a:hover {filter: alpha(opacity=30);opacity: .3;}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #ffa200;
text-decoration: none;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
}

a.trigger{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#066b95 url(../images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
z-index:10;
}

a.trigger:hover{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(../images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.active.trigger {
background:#222222 url(../images/minus.png) 85% 55% no-repeat;
}