html, body, div, span, applet, object, iframe,
 p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;


}

html {overflow-y: scroll;}

body {
	background: #181818;
	color: #ccc;
	text-align:center;
	margin: 0px auto;}
	
body ::selection {
	background: #767676;
	opacity: 0.1;

	}
#services ::selection{background: #00e1ef;color:white;}
#about ::selection{background: #8f00fe;color:white;}


h1 {font: 35px/35px 'FolksLightRegular';letter-spacing: 1px; margin:0px; width: 200px;}
h2 {font: 30px/30px 'FolksLightRegular';letter-spacing: 0; padding: 0px 20px; margin:0px; color: #666;}
h3 {font: 25px/30px 'FolksLightRegular';letter-spacing: 0;}
h4 {font: 20px/25px 'FolksLightRegular';letter-spacing: 0;}
h5 {font: 35px/35px 'FolksLightRegular';}

@font-face {
    font-family: 'FolksLightRegular';
    src: url('../font/Folks-Light-webfont.eot');
    src: url('../font/Folks-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Folks-Light-webfont.woff') format('woff'),
         url('../font/Folks-Light-webfont.ttf') format('truetype'),
         url('../font/Folks-Light-webfont.svg#FolksLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FolksRegular';
    src: url('../font/Folks-Normal-webfont.eot');
    src: url('../font/Folks-Normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Folks-Normal-webfont.woff') format('woff'),
         url('../font/Folks-Normal-webfont.ttf') format('truetype'),
         url('../font/Folks-Normal-webfont.svg#FolksRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FolksBold';
    src: url('../font/Folks-Bold-webfont.eot');
    src: url('../font/Folks-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Folks-Bold-webfont.woff') format('woff'),
         url('../font/Folks-Bold-webfont.ttf') format('truetype'),
         url('../font/Folks-Bold-webfont.svg#FolksBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

#content {
	text-align:center;
	margin:0px auto;
	width:85%;
	padding-bottom: 50px;}
	
#detailed-content {
	width: 960px;
	margin: 0px auto; 
	padding: 0px;
	display:block;}
	
#spotside { 
	float: left;
	padding-top:40px;
	display: inline-block;
	margin-right: 40px;
	text-align:left;
	font: 14px 'FolksRegular';
	letter-spacing: 1px;
	line-height:25px;
	max-width: 200px;}
	
#spotside  li {float: left; width: 100px; text-align:left; display:inline-block;}
#spotside  ul {width: 100%;}
	
#spotside p {
	color: #666;
	font: 16px/16px 'Archivo Narrow', sans-serif;
	line-height:24px;}
	
#spotside i {
	color:#777;
	padding-top: 40px;
	display:inline-block;
	font-size: 12px;}
	
#spotside a{
	margin-top:20px;
	display: block;
	color: #666;
	text-decoration:none;}	
#spotside a:hover{
	color:white;}
	
#spotside hr{
	border-bottom: 1px dotted #666;
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	margin-top: 20px;}
	
#omit {
	min-height:300px;
	margin-bottom: 10px;}		
	
#spotlight { 
	max-width:700px;
	background-image:url(../details/images/bg-u.png);
	background-repeat:repeat; 
	min-height: 700px;
	background-color:#FFF;
	float: right;
	text-align:left;
	display:inline-block;
	margin-bottom: 40px;}
	
#icons  {display: inline-block ; clear: both;}
#icons a {
	width:32px; 
	height:32px;
	overflow:hidden;
	display: block;
	float: left;
	margin:10px 20px 20px 0px;
	}
	
#icons a:hover > img{
	opacity: 0.8;}		
	
#spotlight  img{width: 100%;}
	
#spotlight sub {
	padding:0px 20px 20px 20px;
	display:inline-block;
	color: #a9a9a9;
	font: 14px/14px 'Ubuntu';	}

#spotlight p{
	padding: 10px 20px;
	font: 16px/16px 'Ubuntu';
	line-height:24px;
	color: #888;
}

#spotlight p > a{
	color:#666;}
#spotlight p > a:hover{
	text-decoration:none;}	

header {
	text-align:left;
	margin-top:125px;
	line-height:85px;
	height:85px;
	min-width: 700px;
	margin-bottom: 60px;}
	
header a > img {
	float: left;
	margin-right: 30px;}	
	
header ul {
	width: 100%;
	
			  }	
			  
header li{
	float: left;
	list-style:none;
	width:10%;
	min-width: 80px;
	line-height:70px;
	height:70px;
	text-align:center;
}

header li:last-child {
	width:15%;
}
			  

		
	header ul > li > a {
		color: #797979;
		font: 14px/14px 'Archivo Narrow', sans-serif;
		letter-spacing: 0;
		text-decoration:none;
		text-transform:uppercase;
		padding: 20px;
		}
	
header ul > li > a:hover{color: white;}	

header h1{
	float: left;
	line-height:80px;
	cursor:default;}
	
#filter{

	padding:0px;
	margin-bottom:15px;
	color:#1a9398;
	text-align:left;
	font: 18px/18px 'Ubuntu';
	letter-spacing: 1px;
	}	
	

	
.arrow-down {
	width: 0; 
	height: 0; 
	margin: 2px 5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #1a9398;
	display:inline-block;
}

div.boxxy {
	width: 350px; 
	height: 100%; 
	margin:1px 1px 0px 0px;
	text-align:left;
	display:block;
	

	}

div.boxxy a{
		color:#999;
		text-decoration:none;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		background:#181818; 
		display:inline-block;
		padding-bottom:20px;
		}
		
div.boxxy a:hover{
	background-color:#262626;
	color:#fff;}		

	
div.boxxy a sub {
	font: 16px/16px 'Ubuntu';
	font-weight:500;
	letter-spacing: 3px;
	text-transform:uppercase;
	display:block;
	color:#fff;
	padding:17px 10px 6px 10px; }	
	
div.boxxy  p {
	display: block;
	padding: 10px 10px;
	font: 14px/14px 'Ubuntu';
	font-weight:300;
	line-height:24px;
	}
	
.galcolumn {text-align:center; margin: 0px auto;}	

#slides {
	margin-top:25px;
	margin: auto;
	z-index:10;
	font-weight:normal;
	font-size:90%;
	line-height:25px;
	text-align:center;

} 


	nav > ul > li {padding: 20px 0px;}
	
	nav li {

		position: relative;
		cursor:pointer;
		display:block;
		width:200px;
		font: 20px/20px 'Ubuntu Condensed';

	}
	
	nav a {
		float: left;
		color: #1a9398;
		text-decoration:none;
		
		font-weight:300;
		padding: 10px 0px;
	}
	
	nav  > ul > li >a:hover {
		background-color:#181818;
		}
	
	nav > ul > li:hover > a {
		color:#25f6ff;
		
	}
	
	
	
	*html nav li a:hover { /* IE6 only */
		color: #fafafa;
	}
	
	nav ul > li > ul{
		margin: 40px 0 0 0;

		opacity: 0;
		visibility: hidden;
		position: absolute;

		left: 0;
		z-index: 1;    
		background: #181818;

		

		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;  
	}

	nav li:hover > ul {
		opacity: .95;
		visibility: visible;
		margin: 20px 0 0 0;
		display: block;
	}
	
	nav > ul > ul {
		top: 0;
		left: 150px;
		margin: 0 0 0 0px;
		_margin: 0; /*IE6 only*/
	
	}
	
	nav > ul > li {
		float: none;
		display: block;
		border: 0;
		
		_line-height: 0; /*IE6 only*/

	}
	
	nav > ul > ul > li:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	
	nav ul a {    
		
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	}
	.active {border-left: 4px solid #25f6ff;}
	.active:hover {
		cursor:default;
		background-color:#181818;
		color:#1a9398;
		
}
	
	nav ul > li > ul > li > a{
		padding:15px;
		font-size: 16px;
		font-weight:100;
		
		}
		
	
	nav > ul > li a:hover {
background-color:#222;
		color:#25f6ff;
		
	}
	
#about {
	padding:55px 0px 0px 0px;
	text-align:left;
	font: 18px/18px 'Ubuntu Condensed';
	font-weight:100;
	line-height:30px;
	
	min-height:360px;
	width: 100%;
	min-width: 660px;
	max-width: 1140px;
	margin: 0px auto;
	display: inline-block;}
	
#about h4{
	font: 46px/46px 'Ubuntu' ;
	color: #00e1ef; 
	font-weight:100;
	padding: 0px;
	margin:20px 0px 0px 0px;}
	


#about h5{
	font: 46px/46px 'Ubuntu' ;
	color: #5346a2; 
	font-weight:100;
	margin:20px 0px;}	

#about sub {
	clear: both;
	color: #00aeef;
	font-size: 22px;
	margin: 0px 0px;
	display: block;
	}
	
#about a {margin: 20px 0px; display: inline-block;}
	
#about p {
	margin: 20px 0px;
	line-height: 35px;
	clear: both;
	}	
		
	
#about img{
	float: left; 
	margin-right: 30px;}
	
#skillset {
	margin: 50px 0px;
	display: inline-block;
	}	

#services {

	text-align:left;
	font: 18px/18px 'Ubuntu Condensed';
	font-weight:100;
	line-height:30px;
	min-height:360px;
	width: 100%;
	min-width: 660px;
	max-width: 1140px;
	margin: 35px auto;
	display: inline-block;

}
	
#services h5, h4, h6, h3 {

	font-size: 40px;
	margin: 0px; 
	padding: 10px 0px;
	font-weight:100;
	font-family:'Ubuntu';}
	
#services h4 {color: #00e1ef;}	
#services h5 {color: #00aeef;}	
#services h6 {color: #5846c7;}
#services h2 {color: #fff; 
margin: 80px 0px; 
display:inline-block;
line-height:40px; 
font-family: 'ubuntu';
font-weight: 100;}	

#services ul, li{
	list-style:none;
	margin: 10px 0px;
	}
	
#services ul {
	clear: both;
	display: inline-block;}	
	
.embiggen {
	font-size: 28px;
	line-height: 34px;
	color: white;
	margin: 10px 0px;
}

#services li {
	border-top: 4px solid #333;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		background:#222;
		cursor:default; 
	margin-right: 20px;
	padding: 20px;
	max-width: 320px;
	width: 100%;
	float: left;
	}
	
#services li:hover {background-color: #333;
border-top: 4px solid #00e1ef;}		
	
#services strong {
	font: 24px/24px 'Archivo Narrow', sans-serif;
	font-weight:100;
	line-height: 30px;
	padding: 20px 0px;
	display: inline-block;
	color:#fff; }	
	
#services img {float: left; margin: 5px;}	
#services p {margin: 20px 0px;
}

#services em {padding: 0px 5px;}


	
	

#contact_form {
    background-color:#181818;
    color:#fff;
    display:none;
    padding:20px;
	min-width: 300px;
    min-height: 210px;
	text-align: left;
}

#contact_form h4{margin: 0px 0px 10px 0px; color:#00e1ef;}

.bClose{
    cursor:pointer;
    position:absolute;
    right:10px;
    top:5px;
}

#contact_form fieldset input, label, textarea { color: #777;  font: 20px/20px 'Ubuntu Condensed', sans-serif; float: left; border: none; clear: both;}


#contact_form  fieldset > input {color: #fff; font: 20px/20px 'Ubuntu', sans-serif; font-weight:100; }

#contact_form fieldset .textie, textarea { width: 97%; font: 18px/18px 'Archivo Narrow', sans-serif; overflow:auto; margin: 5px 0px 20px 0px; padding: 5px; background-color: #181818; color: #F3F3F3;}


.button { 
		border: none; 
		cursor: pointer;
		background-color:#5846c7;
		font-size:20px;
		margin: 10px 0px;
		padding: 10px;
		color: #fff;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		}
.button:hover {background-color:#00e1ef;}

label.error           		{ font-weight:normal;color:red;text-align:left;width:140px; padding-left:25px;
                        	  background: transparent url(/images/cancel.png) no-repeat scroll left; }
input.text-input			{ margin:5px 0px 15px 0px; padding:2px 0; color:#F3F3F3; }



#message						{ width:300px; margin:60px 0 0 100px; }
#message h2						{ color:white; width: 200px; }
#message p						{ color:white;font-weight:bold;margin:6px 20px; }
#checkmark						{ position:relative;top:-85px;left:-60px; }