/*   
Theme Name: Nett Solutions
Theme URI: http://www.nettsolutions.com
Description: Theme for Nett Solutions
Version: 1
*/

@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:200);
@import url(//fonts.googleapis.com/css?family=Lato:300);


/*reset*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 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%;*/
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-color: #fff;
}
ol, ul {
	list-style: display;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/******************************************************/

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

html, body {
	height: 100%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; 
}

#wrap {
	min-height: 100%;
}

#main {
	overflow:auto;
	padding-bottom: 85px;
}  

footer {position: relative;
	margin-top: -85; 
	height: 85;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/******************************************/
/******************************************/
/*global Tags******************************/
/******************************************/

body{
	background-color: #fff;
}

body.custom-background{
	background-color: #fff;
}

h1{
	color:#d33135;
	font-family: 'Lato', 'Arial', 'Helvetica', sans-serif;
	font-weight:300;
	font-size:2em;
	/*margin-top: 24px;*/
	margin-top:54px;
	line-height: 1.3em;
}

.tooltiptext{
	display: none;
	padding:10px;
}

.tooltiptext h1{
	color:#35afd9;
	font-family: 'Lato', 'Arial', 'Helvetica', sans-serif;
	font-weight:300;
	font-size:1.8em;
	margin: 0 ;
	border-bottom: 1px solid #35afd9;
}

.qtip-content{
	padding: 0 9px;
}

.teamContent p, #main p, #main li{
	color:#333;
	font-family: 'Lato', 'Arial', 'Helvetica', sans-serif;
	font-weight:300;
	font-size:1.0em;
	margin-top: 18px;
	line-height: 1.3em;
}



.nimble-portfolio-content li{
	list-style-type: none;
}

.left{
	float: left;
}

.center{
	padding:0 0 20px 40%;
}

/******************************************/
/*links************************************/
/******************************************/
a:link, a:active, a:visited{
	color:#35afd9;
	text-decoration: none;
}

a:hover{
	color:#35afd9;
	text-decoration: underline;
}

a:focus{
        outline:none;
}

/******************************************/
/*redefines********************************/
/******************************************/
.pure-u-1-2{
	width:49%;
}

#main .pure-u-1-3 img{
	width:95%;
	margin-top:5px;

}

/*.home-1-3{
width:25%;
}*/

#main .pure-u-2-3{
	width:65%;
}

#main .pure-u-3-4{
	padding-bottom:40px;
	/*width:78%;*/
	width:80%;
}

.pure-u-1-4{
	/*width:21.78%;*/
	width:20%;
}

.footerinside .pure-u-2-5{
	width:40%;
}

.footerinside .pure-u-3-5{
	width:56%;
}


/******************************************/
/*header***********************************/
/******************************************/
header>nav, footer, header>nav li>ul{
	background-color:#f2f2f2;
}



header .sub-menu{
	padding:0;
	margin: 0;
	width:100%;
	padding: 0 .07em;
}

header .sub-menu li{
	font-size: .8em;
}

header>nav{
	height:50px;
	border-bottom:1px solid e5e6e9;
}

header>nav div{
	width:1080px;	
	margin: 0 auto;
}

header>nav li{
	display: inline-block;
	position: relative;
}

header>nav li>ul>li{
	text-align: center;
	padding:5px 0;
	margin:0;
        z-index:100;
}

header img{
	margin-top:15px;
}

header li a:link, header li a:visited, header li a:active{
	padding:16px 15px 6px 15px;
	color:#707070;
	text-decoration: none;
	display: block;
	/*border-left:1px solid #e5e6e9;*/
	/*border-right:1px solid #e5e6e9;*/
}

header li a:hover {
	padding:16px 15px 6px 15px;
	color:#d33135;
	/*border-left:1px solid #e5e6e9;*/
	/*border-right:1px solid #e5e6e9;*/
}

header li ul li a:link, header li ul li a:visited, header li ul li a:active{
	padding:0 15px;
	color:#707070;
	text-decoration: none;
	border:0;
}

header>nav li ul li a:hover {
	padding:0 15px;
	color:#d33135;
	border:0;
}

header>nav li>ul{
	position: absolute;
	background-color:rgba(242, 242,242, 0.8);
	border-left:1px solid #e5e6e9;
	border-right:1px solid #e5e6e9;
	border-bottom:1px solid #e5e6e9;
	padding: 0 .07em;
	z-index: 800;
}

.full{
	width:90%;
}

.cs{

	padding-bottom: 20px;
	width:95%;
}

nav>menu{
	margin: .5em 0
}

header dl, header menu, header ol, header ul{
	margin:.5em 0;
	padding:0;
}

.post-border-bottom{
  border-bottom:1px solid #999;
}
.csnb{
	border-bottom:none;
/*	padding-bottom: 20px;*/
	width:95%;
}

.cs .pure-u-1-3 .pdflink, .csnb .pure-u-1-3 .pdflink{
	text-align: center;
}

.menuwidth{
	width:1080px;
}

/******************************************/
/*main*************************************/
/******************************************/

#main{
	width:1080px;
	margin: 14px auto 0 auto;
}

.introdrop{
	margin-top:54px;
}

/*left side**************/
/*dartboard side**************/
.board{
	/*background:url('http://www.nettsolutions.com/wp-content/themes/images/boardwithdarts.png') no-repeat;*/
	/*height:800px;*/
	position:relative;
	margin: 20px 0 0 -20px
}

#main .pure-u-3-4 p{
		margin-bottom:20px;
	}

.board img{
	z-index: 500;
	max-width:1000px;
	margin-left:-25px;
}

.tooltiptext p{
	color:#333;
	font-family: 'Lato', 'Arial', 'Helvetica', sans-serif;
	font-weight:300;
	font-size:1.4em;
	margin-top: 18px;
	line-height: 1.3em;
}

.dbBig {
	background:url('images/boardwithdartsRev.png') no-repeat 230px 100px;
}

.board div.sep a{
	position: absolute;
	width:10em;
	height:8em;
	/*background-color: #999;*/
	top:210px;
	left:330px;
	display: block;
	background-image: url("http://iehack:///");
}

.board div.seo a{
	position: absolute;
	/*background-color: #999;*/
	width:9em;
	height:5em;
	top:110px;
	left:350px;
	display: block;
	background-image: url("http://iehack:///");
}

.board div.retarget a{
	position: absolute;
	/*background-color: #999;*/
	width:7em;
	height:10em;
	top:70px;
	left:150px;
	display: block;
	background-image: url("http://iehack:///");
}

.board div.social a{
	position: absolute;
	/*background-color: #999;*/
	width:9em;
	height:6em;
	top:330px;
	left:40px;
	display: block;
	background-image: url("http://iehack:///");
}

.board div.display a{
	position: absolute;
	/*background-color: #999;*/
	width:10em;
	height:6em;
	top:400px;
	left:320px;
	display: block;
	background-image: url("http://iehack:///");
}

.board div.O_O a{
	position: absolute;
	/*background-color: #999;*/
	width:7.8em;
	height:4em;
	top:500px;
	left:550px;
	display: block;
	background-image: url("http://iehack:///");
}

.modals{
	display: none;
	background-color:#fff;
}

.reveal-modal{
	background-color:#fff;
	text-align: center;
}

#cboxLoadedContent, .cboxTitle{
	background-color:#fff;
}

#cboxLoadedContent{
	padding:40px;
	border: 1px solid #bbb;
	background-color:#fff;
}

img.flushleft{
	padding:5px 20px 10px 0;
}

.team{
	margin:0;
	padding:0;
}

.team li{
	display: inline-block;
	margin:10px 5px;
}

.team li a{
	border: 0;
}

.team img{
	margin:0;
	padding:0;
}

.teamContent strong{
	color:#555;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-weight: bold;
}

.teamContent h1{
	font-size:4em;
	color:#d7d7d7;
	text-align: right;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}

.nimble-portfolio li{
	list-style: none;
}

.centeredText{
	text-align: center;
}

em{
	font-style: italic;;
}


/*right side**************/
/*social**************/

.social{
	margin: 0 0 24px 0;
}

.social ul{
	text-align: center;
	z-index: 700;
}

.social i{
	font-size:1.4em;
}

.social .pure-menu-horizontal{
	padding:0;
	z-index: 700;
	position: relative;
}

.icon-blogger-rect{
	color:#ff6501;
}

.icon-facebook-rect{
	color:#30497c;
}

.icon-twitter-bird{
	color:#0fa7d1;
}

.icon-linkedin-rect{
	color:#07709e;
}

.icon-googleplus-rect{
	color:#bc2700;
}

/*contact**************/

.contact{
	background-color: #dbdbdb;
	/*padding:20px;*/
	padding:10%;
	text-align: center;
}

.contact i{
	font-size: 2.9em;
	color:#a1a1a1;
}

.contact h1{
	color: #ff6501;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	margin-top:0px;
	font-weight: bold;
	font-size: 1.4em;
        text-align: center;
}

.contact h2{
	color: #ff6501;
	font-size:1em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;	font-weight:200;
	font-weight: bold;
	margin-top:0px;
        text-align: center;
}

.contact input, .contact textarea{
	margin:5px 0;
	width: 90%;
	padding:1%;
	color:#555;
	font-size:.7em;
	font-family: 'Lato', 'Arial', 'Helvetica', sans-serif;
}

.contact button{
	background-color:#d33135;
	padding:10px 10px;
	color:#fff;
	font-size: .2em;
	border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    margin:20px auto 0 auto;
    border: 0;
}

.contact button i{
	color: #fff;
}

.alignleft{
	float: left;
	padding:0 26px 10px 0;
}

.alignright{
	float: right;
	padding: 0 0 10px 10px;
}

.hover{
	margin-top: -30px;
}


/******************************************/
/*footer***********************************/
/******************************************/
footer{
}

.footerinside{
	width: 1080px;
	margin: 0 auto;
}

footer .pure-button{
	background:none;
	padding:0;
}

footer li{
	padding-right: 35px;
}

footer .pure-u-2-5{
	margin-top:20px;
}

.legal{
	margin-top:10px;
	text-align: right;
	padding-right:15px;
	font-family: 'Lato', 'Arial', 'Helvetica', sans-serif;
	font-weight:300;
}

.legal a:link, .legal a:visited, .legal a:active{
	color:#000;
	text-decoration: none;
}

.legal a:hover{
	color:#d33135;
}

.legal span{
	margin:0 5px;
	display: inline-block;
}

/*.inlineM{
		margin-left: -5000%;
		display: none;
	}*/

/*form*****************/
#fscf_form_fieldset1 legend{
	display: none;
}

.fscf-div-clear p{
	display: none;
}

.fscf-label{
	/*padding-right:1em;*/
	font-size: .7em;
}

.fscf-label, .legal{
	font-size: .8em;
}

#fscf_required1{
	display: none;
}

#fscf_form_fieldset1{
	width: 230px;
	letter-spacing: 0;
}

.fscf-button-submit{
	color: #fff;

}

#fscf_submit_div1 input{
	color: #fff;
	font-size:90%;
	border: 0;
}

#FSContact1, #FSContact1 fieldset{
	width: 100%;
	position:relative;
	z-index: 900;
}

#fscf_label2_4{
	float: left;
	padding-top: 8px;
	padding-right: 8px;
}

#fscf_submit1{
	background:url("images/contact_us_btn.png") no-repeat;
	width:179px;
	height:43px;
	border: 0;
}

#fscf_submit_div2{
	float: right;
	margin-top: -24px;
	background: none;
}

#fscf_field2_4{
	width:190px;
}

#fscf_submit2{
	background:none;
	border: none;
	color: #777;
	font-weight: bold;
}

.reply{
	margin-top:40px;
}

.fscf_captcha_field1{
	display: none;
}

#fscf_captcha_field1 label{
	font-family: 'Lato', 'Arial', 'Helvetica', sans-serif;
	font-weight:bold;
	/*font-size: 1em;*/
	font-size:.7em;
}

.mButton{
	display:none;
}

#fscf_captcha_refresh1{
	display: none;
}

#FSContact2{
	width:380px;
	margin-left: 60px;
}


#survey{
	margin:0;
	padding:0;
	width:810px;
	left:0;
	top:0;
	overflow: hidden;
}

#main iframe{
	width:900px;
	margin-left:-125px;
	margin-top:-228px;
	border: 0;
	height:1195px;
}

/*PureCSS.io redefines*/
/*.pure-g, .pure-g-r{
	letter-spacing: 0;
}*/


/******************************************/
/*media queries****************************/
/******************************************/

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   #main{
   		width: 90%;
   		margin-top: 0 auto
   }


	#main .pure-u-3-4{
		margin-top:4em;
		width:100%;
	}

	.board{
		width:100%;
		margin: 0 auto;
	}

	.board img{
		width:100%;
		margin-left:0;
	}

	.hover{
		display:none;
	}

   .full{
   		width: 100%;
   }

   nav ul li, nav li ul, nav li ul li{
   		border: 0;
	   	display :inline;
   }

   .team{
   		text-align: center;
   }

   #secondary{
   	display:none;
   }

   footer{
   		height: auto;
   	}
   
   .footerinside{
   		width:90%;
   }

   .footerinside ul{
   		margin-top:5%;
   }

   .footerinside .pure-u-3-5{
   		text-align: center;
   }

   .footerinside .pure-u-2-5{
                width:100%
   }

   .legal{
   		width:100%;
   		margin:10% 0;
   		float: none;
   		text-align: center;
   		font-size: .8em
   }

   .footerinside li{
	   	display: inline;
   }

   .footerinside form{
	   	margin: 10%;
   }

   header>nav div{
		width:100%;	
		margin: 0 auto;
	}

	nav img{
		margin-left:5%;
	}

	header li a:link, header li a:visited, header li a:active{
		padding:16px 15px 11px 15px;
		color:#707070;
		text-decoration: none;
		display: block;
		border:0;
	}

	header li a:hover {
		padding:16px 15px 11px 15px;
		color:#d33135;
		border:0;
	}

	header li ul li a:link, header li ul li a:visited, header li ul li a:active{
		padding:0 15px;
		color:#707070;
		text-decoration: none;
		border:0;
		display: block
	}

	header>nav li ul li a:hover {
		padding:0 15px;
		color:#d33135;
		border:0;
	}

	header>nav li>ul{
		position: absolute;
		background-color:rgba(242, 242,242, 0.8);
		border:0;
	}

	nav .pure-u-2-3{
		display: none;
	}

       menu, ol, ulmenu, ol, ul{
                padding:0
        }

	#menu_r li{
		display: block;
		padding:10px;
		font-size:16px;
	}

	.inlineM{
		margin: 1em 0 2em 1em;
		display: block;
		letter-spacing: 0;
		background-color:#d33135;
		padding:10px 10px;
		color:#fff;
		font-size: 1em;
		border-radius: 4px;
	    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	    border: 0; 
	}

	#main .pure-u-2-3{
		width:100%;
		padding-left: 0
	}

	.pure-u-1-3{
		width: 100%
	}

	.imgleft .pure-u-1-3{
   		width:100%;
   }

	#main .pure-u-2-3{
		width:100%;
		padding-left: 0
	}

   	.imgleft{
   		width:100%;
   }

   #main img{
   	width: 100%;
   }

   #FSContact2{
        margin-left:0;
        width:100%;
   }
   
   
}
@media only screen and (max-width : 767px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
     #main{
   		width: 90%;
   		margin-top: 0 auto
   }

   .full{
   		width: 100%;
   }

   menu, ol, ulmenu, ol, ul{
                padding:0
        }

   nav ul li, nav li ul, nav li ul li{
   		border: 0;
	   	display :inline;
   }

   .team{
   		text-align: center;
   }

   #secondary{
   	display:none;
   }

   footer{
   		height: auto;
   	}
   
   .footerinside{
   		width:90%;
   }

   .footerinside ul{
   		margin-top:5%;
   }

   .footerinside .pure-u-3-5{
   		text-align: center;
   }

   .footerinside .pure-u-2-5{
                width:100%
   }

   .pure-u-1-3{
		width: 100%
	}

   .legal{
   		width:100%;
   		margin:10% 0;
   		float: none;
   		text-align: center;
   		font-size: .8em
   }

   .footerinside li{
	   	display: inline;
   }

   .footerinside form{
	   	margin: 10%;
   }

   header>nav div{
		width:100%;	
		margin: 0 auto;
	}

	nav img{
		margin-left:5%;
	}

	header li a:link, header li a:visited, header li a:active{
		padding:16px 15px 11px 15px;
		color:#707070;
		text-decoration: none;
		display: block;
		border:0;
	}

	header li a:hover {
		padding:16px 15px 11px 15px;
		color:#d33135;
		border:0;
	}

	header li ul li a:link, header li ul li a:visited, header li ul li a:active{
		padding:0 15px;
		color:#707070;
		text-decoration: none;
		border:0;
		display: block
	}

	header>nav li ul li a:hover {
		padding:0 15px;
		color:#d33135;
		border:0;
	}

	header>nav li>ul{
		position: absolute;
		background-color:rgba(242, 242,242, 0.8);
		border:0;
	}

	nav .pure-u-2-3{
		display: none;
	}

	#menu_r li{
		display: block;
		padding:10px;
		font-size:16px;
	}

	.inlineM{
		margin: 1em 0 2em 1em;
		display: block;
		letter-spacing: 0;
		background-color:#d33135;
		padding:10px 10px;
		color:#fff;
		font-size: 1em;
		border-radius: 4px;
	    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	    border: 0; 
	}
	#main .pure-u-2-3{
		width:60%;
	}

	.imgleft .pure-u-1-3{
   		width:100%;
   }

   	#main .pure-u-2-3{
   		width:100%;
   }

   #main .pure-u-3-4{
       margin-top:4em;
    }

  #FSContact2{
        margin-left:0;
        width:280px;
        margin:0 auto;
   }
   
   
}

@media only screen and (max-width : 1020px) and (min-width : 768px) {
   /* Tablet view: 2 tiles */
     #main{
   		width: 90%;
   		margin-top: 0 auto
   }

   .full{
   		width: 100%;
   }

   .pure-u-3-4, .pure-u-1-4, .pure-u-3-5, .pure-u-2-5{
   		width: 100%;
   }

   nav ul li, nav li ul, nav li ul li{
   		border: 0;
	   	display :inline;
   }

   .team{
   		text-align: center;
   }

   #secondary{
   	display:none;
   }

   footer{
   		height: auto;
   	}
   
   .footerinside{
   		width:90%;
   }

   .footerinside ul{
   		margin-top:5%;
   }

   .footerinside .pure-u-3-5{
   		text-align: center;
   }

   .footerinside .pure-u-2-5{
                width:100%
   }

   .legal{
   		width:100%;
   		margin:10% 0;
   		float: none;
   		text-align: center;
   		font-size: .8em
   }

   .footerinside li{
	   	display: inline;
   }

   .footerinside form{
	   	margin: 10%;
   }

   header>nav div{
		width:100%;	
		margin: 0 auto;
	}

	nav img{
		margin-left:5%;
	}

	header li a:link, header li a:visited, header li a:active{
		padding:15px 0;
		color:#707070;
		text-decoration: none;
		display: block;
		border:0;
	}

	header li a:hover {
		padding:15px 0;
		color:#d33135;
		border:0;
	}

	header li ul li a:link, header li ul li a:visited, header li ul li a:active{
		padding:0;
		color:#707070;
		text-decoration: none;
		border:0;
		display: block
	}

	header>nav li ul li a:hover {
		padding:0;
		color:#d33135;
		border:0;
	}

	header>nav li>ul{
		position: absolute;
		background-color:rgba(200, 200,200, 1);
		border:0;
	}

	nav .pure-u-2-3{
		display: none;
	}

	#menu_r li{
		display: block;
		padding:40px;
		font-size:1.5em;
	}

	.inlineM{
		margin: 1em 0 2em 1em;
		display: block;
		letter-spacing: 0;
		background-color:#d33135;
		padding:10px 10px;
		color:#fff;
		font-size: 1em;
		border-radius: 4px;
	    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	    border: 0; 
	}

	#main .pure-u-2-3{
		padding-left: .5em;
		width:65%;
	}
   
   .imgleft .pure-u-1-3{
   		width:25%;
   }

   .imgleft .pure-u-2-3{
   		width:100%;
   }

   #FSContact2{
        margin-left:0;
        width:280px;
        margin: 0 auto;
   }
}

#fscf_field1_6{height:60px}