body {

	margin:0px;

 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

/*  filter:blur(1px);
  -o-filter:blur(1px);
  -ms-filter:blur(1px);
  -moz-filter:blur(1px);
  -webkit-filter:blur(1px);
*/
  }
  
  
@font-face {
font-family:cicle;
src: url('resources/fonts/cicle-webfonts/Cicle_Semi.ttf');
}

@font-face {
font-family:raleway;
src: url('resources/fonts/raleway-webfonts/raleway_thin-webfont.woff');
}

@font-face {
font-family:junction;
src: url('resources/fonts/junction-webfonts/Junction-webfont.woff');
}

@font-face {
font-family:extravaganza;
src: url('resources/fonts/extravaganza-webfonts/extravaganzza.ttf');
}

@font-face {
font-family:danube;
src: url('resources/fonts/danube-webfonts/danube.TTF');
}

@font-face {
font-family:diavlo-light;
src: url('resources/fonts/diavlo-webfonts/diavlo-light.otf');
}

@font-face {
font-family:quicksand-light;
src: url('resources/fonts/quicksand-webfonts/Quicksand-Light.otf');
}

@font-face {
font-family:walkway;
src: url('resources/fonts/walkway-webfonts/Walkway_SemiBold.ttf');
}

  
.body_wrap {
	margin:0px;
	background: url('resources/images/jumping_blur.jpg') no-repeat center center fixed;
 -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  z-index: -1000;	  
}

.body_wrap2 {
	margin:0px;
	background: url('resources/images/jumping_blur.jpg') no-repeat center center fixed;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100% !important;
  min-width: 100% !important;
  z-index: -1000;	  
}

h1.cenbig {
	font-family: "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", sans-serif;
	font-size: 65pt;
	text-align: center;
	color: rgba(255, 255, 255, 0.8);
	background: rgba(0, 0, 0, 0);
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}
h1.cenbig_testi {
	font-family: "Helvetica Neue";
	font-size: 45pt;
	text-align: center;
	font-weight: 100;
	color: white;
	background: rgba(0, 0, 0, 0);
	margin-top: 35px;
	margin-bottom: 55px;
}
h1.cenbig2 {
	font-family: "Helvetica Neue";
	font-size: 45pt;
	text-align: center;
	font-weight: 200;
	color: black;
	background: rgba(0, 0, 0, 0);
	margin-top: 5px;
	margin-bottom: 55px;
}
h1.cenbig4 {
	font-family: "Helvetica Neue";
	font-size: 45pt;
	text-align: center;
	font-weight: 200;
	color: white;
	background: rgba(0, 0, 0, 0);
	margin-top: 35px;
	margin-bottom: 55px;
}
h1.cenbig_contact {
	font-family: "Helvetica Neue";
	font-size: 30pt;
	text-align: center;
	font-weight: 300;
	color: black;
	background: rgba(0, 0, 0, 0);
	margin-top: 35px;
	margin-bottom: 35px;
}
h1.cenbig_comp {
	font-family: "Helvetica Neue";
	font-size: 45pt;
	text-align: center;
	font-weight: 100;
	color: white;
	background: rgba(0, 0, 0, 0);
	margin-top: -30px;
	margin-bottom: 5px;
	padding-top: 15px;
}

h1.cenbig_testi {
	font-family: "Helvetica Neue";
	font-size: 40pt;
	text-align: center;
	font-weight: 100;
	color: white;
	background: rgba(0, 0, 0, 0);
	margin-top: 5px;
	margin-bottom: 10px;
}


.maindiv {
     position:absolute;
     width:600px;
     height:250px;
     z-index:15;
     top:50%;
     left:50%;
     margin: -175px 0 0 -350px;
     padding: 50px;
     background: rgba(255, 255, 255, 0.);


}


.maindiv_comp {
     position:absolute;
     width:1100px;
     height:450px;
     z-index:15;
     top:50%;
     left:50%;
     margin: -220px 0 0 -550px;
     padding: 0px;
     background: rgba(0,0,0,0);

}

.maindiv_galleria {
     position:absolute;
     width:900px;
     height:700px;
     z-index:15;
     top:50%;
     left:50%;
     margin: -350px 0 0 -500px;
     padding: 0px;

}
.maindiv_contact {
     position:absolute;
     width:100% !important;
     min-width: 100% !important;
     height:250px;
     z-index:15;
     bottom: 0px;
     left:0px;
     margin: 0px;
     padding: 0px;
     background: rgba(255, 255, 255, 1);
     box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
     border-top: 5px solid #ff3300;
}

.maindiv_testim {
	 position:absolute;
     width:1000px;
     height:720px;
     z-index:15;
     top:50%;
     left:50%;
     margin: -350px 0 0 -525px;
     padding: 0px;
     background: rgba(235, 235, 235, 0.7);
     box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
     border-top: 3px solid rgba(255, 100, 0, 1);
}

.maindiv_testim h1 {
     color: rgba(0, 0, 0, 0.3);
     font-family: "Helvetica Neue";
     font-weight: 100;
     text-transform: none;
     margin-top: 15px;
}


.contact-para {
	color: black;
	font-family: "Helvetica Neue";
	font-size: 15pt;
	font-weight: 300;
	margin: 35px 0px 0px 0px;
}

.maindiv2 {
     position:absolute;
     width:1000px;
     height:400px;
     z-index:15;
     left:50%;
     margin: 150px 0 0 -500px;
     padding: 0px;
     background-color: rgba(0, 0, 0, 0);

}
#logo {
     position:absolute;
     width:150px;
     height:150px;
     z-index:15;
     top:50%;
     left:50%;
  

}

#logoimg {
	margin: -20px;
	padding: -0px;
	opacity: 1;
}

.bordlink {
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
	font-size: 17pt;
	font-family: "Helvetica Neue";
	font-weight: 200;
	padding: 30px 70px 30px 70px;
	background: rgba(0, 255, 0 ,0.7);
	
}

.bordlink2 {
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
	font-size: 17pt;
	font-family: "Helvetica Neue";
	font-weight: 200;
	padding: 30px 70px 30px 70px;
	background: rgba(0, 50, 175 ,0.7);
	
}

.bordlink4 {
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
	font-size: 17pt;
	font-family: "Helvetica Neue";
	font-weight: 200;
	padding: 30px 90px 30px 90px;
	background: rgba(0, 200, 200, 0.7);
	
}

.bordlink3 {
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
	font-size: 17pt;
	font-family: "Helvetica Neue";
	font-weight: 200;
	padding: 30px 70px 30px 70px;
	background: rgba(255, 255, 0, 0.8);
	
}

.bordlink5 {
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
	font-size: 17pt;
	font-family: "Helvetica Neue";
	font-weight: 200;
	padding: 30px 60px 30px 60px;
	margin:0px;
	background: rgba(250, 50, 80, 0.8);
	
}

#nav
 {
 background-color: rgba(220, 220 ,220, 0);
 width:100%;
 height:48px;
 position:absolute;
 top:0px;
 
}

.title
 {
 color:rgba(220, 220, 220, 0.7);
 font-family:"Helvetica Neue";
 font-size:15pt;
 width:190px;
 margin-top:12px;
 font-weight:10	0;
 text-transform: lowercase;
 margin-left: 25px;

}
.subtitle 
{
 font-family:"Helvetica Neue";
 font-weight: 200;
 font-size:15pt;
 color: rgba(20, 100, 200, 0);
}

#navigation
{
 list-style-type:none; 
 margin-left: 20px;
 margin-top: 0px;
 margin-top: 5px;
 padding: 10px;
 float: left;

}
li 
{
 display: inline;
 padding:10px;

}
#nav a
{
 font-family: extravaganza, "Helvetica Neue";
 font-weight: 200;
 text-decoration:none;
 color: rgba(255, 255, 255, 0.7);
 padding: 5px; 
 opacity: 1;
 text-transform: uppercase;
} 
#nav a:hover 
{

	color: rgba(255, 255, 255, 1);
}

.navlinks {
	font-size: 11pt;
	text-decoration: none;
	font-family: "Helvetica Neue", Helvetica;
	font-weight: 200;
	color: rgba(255, 255, 255, 0.7);
}

.navlinks_selected {

	text-decoration: none;
	font-family: "Helvetica Neue", Helvetica;
	font-weight: 200;

	color:rgba(200, 0, 0, 1);
}
.navlinks:hover {

	text-decoration: none;
	font-family: "Helvetica Neue", Helvetica;
	font-weight: 200;
	color: rgba(200, 0, 0, 0.8);;
}

.navlinks_computers {
	font-size: 12pt;
	text-decoration: none;
	font-family: "Helvetica Neue", Helvetica;
	font-weight: 200;
	color: rgba(220, 220, 220, 0.7);
}

.navlinks_selected_computers {

	text-decoration: none;
	font-family: "Helvetica Neue", Helvetica;
	font-weight: 200;

	color:rgba(200, 200, 200, 1);
}
.navlinks_computers:hover {

	text-decoration: none;
	font-family: "Helvetica Neue", Helvetica;
	font-weight: 200;
	color: rgba(200, 200, 200, 0.8);;
}


#bar_bottom
 {
 background-color: rgba(0, 0, 0, 0);
 width:100%;
 height:48px;
 position:absolute;
 bottom:0px;
 margin-left: 0px;
}

.down-arrow {
	opacity: 0.3;
	position: absolute;
	bottom: 0px;
	color: white;
	text-decoration: none;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 200;
	font-size: 13pt;
	
}

p.footer {
	color: rgba(255, 255, 255, 0.4);
	font-family: "Helvetica Neue";
	font-weight: 300;
	font-size: 12pt;
	text-align: center;
	opacity: 0.7;
}

#socialabc {
	background-color: rgba(100, 230, 0, 0);
	height:290px;
	width:62px;
	position:absolute;
	right:0px;
	top:50%;
	margin-top: -120px;
	margin-right:-1px;
}

.social_icons {
	margin: 6px 0px 0px -10px;
	padding: 3px 0px 0px 0px;
	background: rgba(0, 0, 0, 0);
	opacity: 0.4;
}
.social_icons:hover {
	opacity: 1;
}

.social_icons_sq {
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: rgba(0, 0, 0, 0);
	opacity: 0.5;
}
.social_icons_sq:hover {
	opacity: 1;
}

.container {
	
} 
#js-background-1 { 
background: rgba(0, 0, 0, 0.1) center center no-repeat; 
height: 100% auto;
min-height: 100% !important;
min-width: 100% !important;
z-index: 1000;

}

#js-background-2 { 
background: rgba(240, 255, 0, 0.7) center 0 no-repeat; 
height: auto;
min-height: 800px !important;
}
#js-background-3 { 
background: rgba(75, 75, 200,0.7) center 0 no-repeat; 
height: auto;
min-height: 800px !important;
} 
#js-background-4 { 
background: rgba(200, 0, 50, 0.7) center 0 no-repeat; 
height: auto;
min-height: 800px !important;
}
#js-background-5 { 
background: rgba(100, 200, 70, 0.7) center 0 no-repeat; 
height: auto;
min-height: 800px !important;
}
#js-background-6 { 
background: rgba(255, 255, 255, 1) center 0 no-repeat; 
height: auto;
min-height: 800px !important;
}
#photography_bg { 
background: rgba(0, 0, 0, 1) center 0 no-repeat; 
height: auto;
min-height: 100% !important;
}
#design_bg { 
background: rgba(0, 100, 150, 0.8) center 0 no-repeat; 
height: auto;
min-height: 100% !important;
}
#testimonials_bg {
background: rgba(255, 255, 255, 1) center 0 no-repeat; 
height: auto;
min-height: 100% !important;
}
#contact_bg { 
background: rgba(0, 0, 0, 0) center 0 no-repeat; 
height: auto;
min-height: 100% !important;
}
#comp-bg {
background: rgba(200, 0, 50, 0.8) center 0 no-repeat; 
height: auto;
min-height: 100% !important;
}

.posmark_img {
margin: 70px 10px 20px 5px;
opacity:0.4;
}
.posmark_img:hover {
margin: 70px 10px 20px 5px;
opacity:1;
}
.posmark_img_current {
margin: 70px 10px 20px 5px;
opacity:1;	
}

.social_img {
	margin: 30px 0px 0px 0px;
}

.choice_web {
	margin:10px;
	background: rgba(0, 0, 0, 0);
	padding: 20px 30px 30px 30px;
	float: left;
	width: 450px;
	height: 600px;
	color:white;

}
.choice_app {
	margin:10px;
	background: rgba(0, 0, 0, 0);
	padding: 20px 30px 30px 30px;
	float: right;
	width: 450px;
	height: 600px;
	color:white;
	z-index: -999;
	
}
.number_circle {
	margin: 30px 10px 0px 0px;
	opacity: 0.5;
}
.number_circle:hover {
	margin: 30px 10px 0px 0px;
	opacity: 1;
}

.mac_img {
	opacity: 0.7;
}

.bord_circle {
	padding: 0px 13px;
	margin:	2px 7px 2px 7px; 
	border-radius: 50%;
	border: solid 1px white;
	color: white;
	text-decoration: none;
	font-family: "Gill Sans";
	font-weight: 500;
	font-size: 30pt;
	opacity: 0.5;
}
.bord_circle:hover {
	opacity: 1;
}

.circlediv {
	width:125px;
	height:125px;

	background: rgba(220, 220, 0, 0.4);
	float:left;
	color: white;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 200;
	text-decoration: none;
	color: white;
	font-size: 15pt;


}
.circlediv2 {
	width:125px;
	height:125px;

	background: rgba(200, 50, 50, 0.4);
	float:right;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 200;
	text-decoration: none;
	color: white;
	font-size: 15pt;

}
.circlediv3 {
	width:125px;
	height:125px;

	background: rgba(50, 150, 220, 0.4);
	float:left;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 200;
	text-decoration: none;
	color: white;
	font-size: 15pt;
	margin: 5px 0px 0px 0px;
}
.circlediv4 {
	width:125px;
	height:125px;

	background: rgba(50, 220, 130, 0.4);
	float:right;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 200;
	text-decoration: none;
	color: white;
	font-size: 15pt;
	margin: 5px 0px 0px 0px;
}

.circlemain {
     position:absolute;
     width:255px;
     height:800px;
     z-index:15;
     margin: -80px 0 0 10px;
     padding: 0px;

}
.square_boxes_main {
	width: 608px;
	padding: 10px;
	height: 130px;
	margin-left: 40px; 



}
.square1 {

	background: rgba(220, 220, 0, 0.4);
	width: 125px;
	height: 20px;
	float: left;
	margin: 1px;
	font-family: "Gill Sans", "Helvetica Neue", sans-serif;
	font-weight: 100;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.4);
	font-size: 15pt;


}
.square2 {
	background: rgba(200, 50, 50, 0.4);
	width: 125px;
	height: 20px;
	float: left;
	margin: 1px;
	font-family: "Gill Sans", "Helvetica Neue", sans-serif;
	font-weight: 100;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.4);
	font-size: 15pt;

}
.square3 {
	background: rgba(50, 150, 220, 0.4);
	width: 125px;
	height: 20px;
	float: left;
	margin: 1px;
	font-family: "Gill Sans", "Helvetica Neue", sans-serif;
	font-weight: 100;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.4);
	font-size: 15pt;

}
.square4 {
	background: rgba(50, 220, 130, 0.4);
	width: 125px;
	height: 20px;
	float: left;
	margin: 1px;
	font-family: "Gill Sans", "Helvetica Neue", sans-serif;
	font-weight: 100;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.4);
	font-size: 15pt;
	
}

.square1:hover {
	background: rgba(220, 220, 0, 1);
	color: rgba(255, 255, 255, 1);
}

.square2:hover {
	background: rgba(200, 50, 50, 1);
	color: rgba(255, 255, 255, 1);
}

.square3:hover {
	background: rgba(50, 150, 220, 1);
	color: rgba(255, 255, 255, 1);
}

.square4:hover {
	background: rgba(50, 220, 130, 1);
	color: rgba(255, 255, 255, 1);
}

.circlediv:hover {
	background: rgba(220, 220, 0, 1);
}

.circlediv2:hover {
	background: rgba(200, 50, 50, 1);
}

.circlediv3:hover {
	background: rgba(50, 150, 220, 1);
}

.circlediv4:hover {
	background: rgba(50, 220, 130, 1);
}

.full-length-image {
	position: absolute;
	left: 0px;
	min-width: 1000px !important;
	min-height: 100% !important;
	background: url('resources/images/jumping.png') no-repeat fixed;
	z-index: -10000000;
	
}

.circle-fly {
	position: absolute;
	top: 50%;
	left: 3%;
	width: 60px;
	height: 60px;
	padding: 30px 30px 30px 30px;
	border-radius: 50% ;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	color: rgba(255, 255, 0, 1);
	margin: -80px 0px 0px 0px;
	background: black;
	text-decoration: none;
	font-family: "Gill Sans", "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 400;
	font-size: 12pt;
	text-align: center;
	border: 3px solid rgba(255, 255, 0, 1);
}

.circle-fly2 {
	position: absolute;
	top: 50%;
	left: 3%;
	width: 60px;
	height: 60px;
	padding: 30px 30px 30px 30px;
	border-radius: 50% ;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	color: rgba(255, 255, 0, 1);
	margin: -80px 0px 0px 0px;
	background: rgba(0, 0, 0, 0.3);
	text-decoration: none;
	font-family: "Gill Sans", "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 400;
	font-size: 12pt;
	text-align: center;
}

.circle-fly:hover {
	background: rgba(255, 255, 0, 1);
	color: black;
	border: 3px solid black;
	
}

.circle-fly2:hover {
	background: rgba(255, 255, 0, 0.8);
	color: black;
	border: 0px solid black;
	
}

.news-alert {
	color: black;
	text-decoration: none;
	font-family: "Gill Sans", "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 400;
	font-size: 12pt;
	text-align: center;
}


.social-right1 {
	background-color: rgba(100, 230, 0, 0);
	height:60px;
	width: 90px !important;
	top: 50%;
	right: 0%;
	padding: 22px;
	margin: -110px 0px 0px 0px;
	position: absolute;
}

.social-right1 a {
	color: black;
	margin: 7px 2px 7px 2px;
	opacity: 0.3;
}

.social-right1 a:hover {
	opacity: 0.9;
	color: rgba(255, 100, 0, 1);
}


.social-right2 {
	background-color: rgba(100, 230, 0, 0);
	height:30px;
	width: 180px !important;
	top: 5px;
	right: 0px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	position: absolute;
}

.social-right2 a {
	color: white;
	margin: 7px 4px 7px 4px;
	opacity: 0.3;
}

.social-right2 a:hover {
	opacity: 0.9;
	color: rgba(255, 255, 255, 1);
}

.mainPageText {
	font-family: "Helvetica-Neue", Helvetica;
	font-size: 13pt;
	color: #000000;
	
	
}

.location-div {
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 10px;
	font-family: extravaganza, "Helvetica Neue", helvetica;
	font-size: 12pt;
	font-weight: 100;
	color: rgba(255, 255, 255, 0.5);
}

.location_link {
	text-decoration: none;
	color: rgba(255, 255, 255, 0.5);
}