@charset "utf-8";
/* CSS Document */

/******************/
/* General Styles */
/******************/

*{
	margin:0px;
	border:0px;
	padding:0px;
}

img{
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
    user-select: none;
}

.scrollto{
	margin-top:500px;
}


.section{
	width:960px;
	margin:auto;
	padding-top:90px;
	padding-bottom:90px;
}

.simple-footer{
	background-image:url(../images/scroll_decorations/footer.png);
	background-repeat:no-repeat;
	padding-bottom:30px;
	width:960px;
	height:256px;
}

.simple-footer-text{
	font-family: 'Satisfy', cursive;
	font-size:36px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	font-weight:400;
	color:#777;
	text-shadow:0px 1px 0px #ffffff;
}

.inter-section{	width:960px;  -moz-user-select: -moz-none;   -khtml-user-select: none;   -webkit-user-select: none;    user-select: none;}

.simple-top{
	background-image:url(../images/scroll_decorations/simple/line.png);
	height:226px;
	width:960px;
}

.simple-text{
	font-family: 'Satisfy', cursive;
	color:#777;
	font-size:36px;
	width:960px;
	text-align:center;
	font-weight:400;
	padding-top:30px;
	padding-bottom:40px;
	text-shadow:0px 1px 0px #ffffff;
}

.quote-centre{
	font-family: 'Lato', sans-serif;
	text-align:center;
	letter-spacing:0.9px;
	font-size:13px;
	font-style: italic;
}

.simple-bottom{
	background-image:url(../images/scroll_decorations/simple/arrow.png);
	width:960px;
	height:216px;
}

.simple-second-top{
	background-image:url(../images/scroll_decorations/simple-second/top.png);
	width:960px;
	height:236px;
}

.simple-second-bottom{
	background-image:url(../images/scroll_decorations/simple-second/bottom.png);
	width:960px;
	height:256px;
}


.simple-second-text{
	font-family: 'Satisfy', cursive;
	color:#777;
	font-size:36px;
	width:960px;
	text-align:center;
	padding-top:10px;
	padding-bottom:5px;
	font-weight:400;
	text-shadow:0px 1px 0px #ffffff;
}

.complex-top-bottom{
	background-image:url(../images/scroll_decorations/complex/element.png);
	width:960px;
	height:600px;	
}

.complex-text{
	font-family: 'Satisfy', cursive;
	padding-top:10px;
	color:#777;
	font-size:36px;
	font-weight:400;
	position:absolute;
	margin-top:275px;	
	width:960px;
	text-align:center;
	text-shadow:0px 1px 0px #ffffff;
}

#home{ height:600px; top:50px;}

body{
	min-width:960px;
	background-image:url(../images/background/background2.png);
	background-repeat:repeat;
	overflow-x:hidden;
}

#content{		z-index:1;		padding-top:100px;}
#content-960{	width:960px;	margin: 0 auto;}

/********************/
/* Navigation Items */
/********************/

#navigation{
	background-image:url(../images/navigation/bgMenu.png);
	background-repeat:repeat-x;
	height:71px;
	width:100%;
	position:fixed;	
	margin:auto;
	margin-top:-15px;
	z-index:10000;
}


.navigation-wrapper{
	padding-top:39px;
	width:420px;
	margin:auto;
}


a.navigation-item{
	font-size:14px;
	color:#FFFFFF;
	background-color:rgb(131,180,201);
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
	filter: dropshadow(color=#343434, offx=1, offy=1);
	font-family: 'Lato', sans-serif;
	font-weight:700;
	text-decoration:none;

	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;	
	background-image: linear-gradient(bottom, rgb(131,180,201) 6%, rgb(164,200,215) 53%);
	background-image: -o-linear-gradient(bottom, rgb(131,180,201) 6%, rgb(164,200,215) 53%);
	background-image: -moz-linear-gradient(bottom, rgb(131,180,201) 6%, rgb(164,200,215) 53%);
	background-image: -webkit-linear-gradient(bottom, rgb(131,180,201) 6%, rgb(164,200,215) 53%);
	background-image: -ms-linear-gradient(bottom, rgb(131,180,201) 6%, rgb(164,200,215) 53%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.06, rgb(131,180,201)),
		color-stop(0.53, rgb(164,200,215))
	);
	padding-left:15px;
	padding-top:7px;
	padding-right:15px;
	padding-bottom:5px;
	margin-left:5px;
}

a.menuTitle{
	text-decoration:none;
	text-transform:capitalize;
	color:#f1f1f1;
	font-size:13px;
	font-weight:lighter;
}

.menu > li {
	font-family: 'Lato', sans-serif;
	display:block;
	float:left;
	position:relative;
	height:34px;
	z-index:99;
}
.menu > li:hover {
	color:#F00000;
}


.dropdown {
	display:none;
	position:absolute;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	width:100px;
	list-style:none;
	text-decoration:none;
	background:#ffffff repeat-x;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#CCCCCC;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC;
	top:31px;
	margin-left:4px;
}
.dropdown li {
	color:#777;
	padding-top:5px;
	padding-bottom:8px;
}
.dropdown li a {
	text-decoration:none;
	font-size:12px;
}
.dropdown li a:hover {
	color:#333;
}

/*******************/
/*Top Side Elements*/
/*******************/

.screen{
	position:absolute;
	margin-left:160px;
}

#facebookLike{
	position:absolute;
	margin-top:210px;
	margin-left:280px;
	z-index:6000;
}

#twitterTweet{
	position:absolute;
	margin-top:210px;
	margin-left:605px;
	z-index:6001;
	left: -286px;
	top: 196px;
}


.coffee{
	position:absolute;
	margin-left:50px;
	margin-top:200px;
}


.mouse{
	position:absolute;
	margin-top:330px;
	margin-left:630px;
}

.keyboard{
	position:absolute;
	margin-left:310px;
	margin-top:380px;
}

.ipad{
	position:absolute;
	margin-top:150px;
	margin-left:730px;
}

.logo{
	position:absolute;
	margin-left:390px;
	margin-top:212px;
	width:260px;
}

.logo-heading{
	font-family: 'Lato', sans-serif;
	text-align:center;
	letter-spacing:0.9px;
	font-size:11px;
}

.blueprint{
	margin-top:30px;
	background-image:url(../images/blueprint.png);
	width:151px;
	height:151px;
	position:absolute;
}

.blueprint-logo{
	-webkit-transform: rotate(320deg);
	-moz-transform: rotate(320deg);
	padding-top:45px;
	padding-left:22px;
}

.iphone{
	position:absolute;
	margin-top:350px;
	margin-left:90px;
}

.iphone-headset{
	position:absolute;
	margin-top:320px;
	margin-left:183px;
}


/*//////////////////*/
/*Thumbnail Gallery */
/*//////////////////*/

.image-deco{
	padding:3px;
	-webkit-box-shadow: 0px 1px 1px 2px #cacaca; 
	-moz-box-shadow: 0px 1px 1px 2px #cacaca;
	box-shadow: 0px 1px 1px 2px #cacaca;	
}

img.filtrable-image{
	margin-right:9px;
	background-image:url(../images/filtrable/thumb_bg.html);
	background-repeat:no-repeat;
	margin-right:11px;
	z-index:-100;
}

p.filtrable-text{
	font-family: 'Lato', sans-serif;
	z-index:100;
	width:296px;
	margin-top:168px;
	padding-top:5px;
	padding-bottom:5px; /*Correctional Value, shadow included! */
	margin-left:3px;
	color:#FFFFFF;
	background-image:url(../images/filtrable/bg.png);
	background-repeat:repeat;
	position:absolute;
	text-align:center;
	font-size:13px;
	opacity:1;
	display:none;
}


#container {
	margin:auto;
	display: block;
	width: 1000px; 
	overflow: hidden;
}

.title {
	font-size: 12px;
	font-weight: bold;
	color: #161616;
	margin: 2em 0 1em 0;
	text-shadow: 0px 1px 0px #f3f5da;
	display: block;
}

.clear {
	clear: both;
}

ul {
	margin: 0;
	text-align: left;
}

ul.filtrable-titles li a{
	color:#000000;
}

ul.filtrable-titles li {
	cursor:pointer;
	font-family: 'Lato', sans-serif;
	margin-top:20px;
	float:right;
	list-style-type: none;
	display: inline-block;
	font-size:12px;
	padding: 4px 19px;
}
	
	.selected-filtrable {
		background-image:url(../images/background/heading-bg.png);
		text-shadow:none;
	}

ul.filtrable-items li {
	list-style-type: none;
	display: block;
	float: left;
	margin: .5em;
}
	
	ul.item li img {

	}
#filtrable-items-container {
	margin-left:-10px;
	margin-top:10px;
	width: 990px; 
	height: 100%; 
	overflow:hidden;
}

.page {
	cursor: pointer;
}

.zoom-project{
	 position:absolute;
	 z-index:9999; 
	 margin-top:3px;
	 margin-left:3px;
	 display:none;
}

.href-project{
	position:absolute; 
	z-index:9999; 
	margin-top:3px; 
	margin-left:249px;
	display:none;
}


/**********************/
/*Portfolio One Styles*/
/**********************/

.picture-one-text{
	background-image:url(../images/zoom-text.png);
	font-family: 'Lato', sans-serif;
	z-index:100;
	width:500px;
	margin-top:203px;
	padding-top:5px;
	padding-bottom:5px; /*Correctional Value, shadow included! */
	margin-left:3px;
	color:#FFFFFF;
	background-repeat:repeat;
	position:absolute;
	text-align:center;
	font-size:13px;
	opacity:1;
	display:none;
}

.zoom-project-one{
	position:absolute;
	margin-top:3px;
	margin-left:3px;
	display:none;
}

.href-project-one{
	position:absolute;
	margin-left:453px;
	margin-top:3px;
	display:none;
}

.portfolio-image{
	float:left;
}

.portfolio-image img{
	margin-bottom:40px;
}

.portfolio-text{
	float:left;
	padding-left:30px;
}

.portfolio-one-title{
	padding-bottom:20px;
}

.portfolio-one-benefactor{
	background:url(../images/portfolio-icons/user.png) 0 3px no-repeat;
	padding-left:30px;
	padding-bottom:0px;
}

.portfolio-one-completion{
	background:url(../images/portfolio-icons/calendar.png) 0 3px no-repeat;
	padding-left:30px;
	padding-bottom:0px;
}

.portfolio-one-address{
	background:url(../images/portfolio-icons/address.png) 0 4px no-repeat;
	padding-left:30px;
	padding-bottom:20px;
}

.portfolio-one-description{
	width:420px;
}


.contact-wrapper{
	padding:10px;
	width:960px;
	background-color: rgba(255, 255, 255, 1);
	border-style:solid;
	border-width:1px;
	border-color:#ced4d7;
	border-offset:10px;
	outline: 5px solid #eef5f7;
	outline-offset: -7px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.google-maps{
	margin-top:20px;
	margin-right:20px;
	margin-left:-15px;
}

.contact-title{
	padding-left:20px;
	padding-top:15px;
}

#contact{
	padding-top:20px;
	padding-left:15px;	
}

#contactName{
	background-image:url(../images/contact-small.png);
	background-repeat:no-repeat;
	height:43px;
	width:400px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:20px;
}

label#name_label{
	font-family: 'Lato', sans-serif;
	font-size:13px;
	line-height:40px;
	padding-left:3px;
}

#contactEmail{
	background-image:url(../images/contact-small.png);
	background-repeat:no-repeat;
	height:43px;
	width:400px;
	padding-left:10px;
	padding-right:10px;	
	margin-bottom:20px;
}

label#email_label{
	font-family: 'Lato', sans-serif;
	font-size:13px;
	line-height:40px;
	padding-left:3px;
}

label#message_label{
	font-family: 'Lato', sans-serif;
	font-size:13px;
	line-height:40px;
	padding-left:3px;
}

#contactMessage{
	background-image:url(../images/contact-big.png);
	padding-left:10px;
	padding-right:10px;
	min-width:400px;
	padding-top:10px;
	padding-bottom:10px;
	height:123px;
	min-height:123px;
	overflow:hidden;
}

.contactButton{
	float:right;
	margin-right:30px;
	margin-top:15px;
}

.nameError{
	color:#000;
	font-size:70px;
	z-index:9999;
	position:absolute;
}