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


/* HEADER */ 

.header_menu_box{
	height:18px;
	padding:4px;
	color:#CCCCCC;
}

.header_contact{
	width:645px;
	float:right;
	text-align:right;
	padding:5px;
	font-size:15px;
}


/* HOME */

.home_holder{
	width:1000px;
	float:left;
	padding-left:30px;
	padding-right:30px;
}

.home_strap{
	width:940px;
	float:left;
	text-align:center;
	font-size:22px;
	padding-top:30px;
	padding-bottom:30px;
}

.home_column1, .home_column2,.home_column3{
	width:300px;
	float:left;
	text-align:left;
	margin-bottom:20px;
	font-size:14px;
	background-repeat: no-repeat;
	padding-bottom: 35px;
}

.home_spacer{
	width:20px;
	height:300px;
	float:left;
}

.home_title{
	padding:5px;
	width:280px;
	float:left;
	font-size:25px;
	text-align:center;
}

.home_col_image{
	width:290px;
	height:60px;
	float:left;
	background-color:#F90;
	margin-bottom:5px;
}

.home_col_text{
	width:300px;
	height:135px;
	float:left;
	margin-top:30px;
	text-align:left;}


.home_text{
	width:900px;
	float:left;
	margin-top:30px;
	padding-left:50px;
	padding-right:50px;
}

.home_image{
	width:450px;
	height:100px;
	float:left;
	text-align:right;
	margin-bottom:2px;
}

.home_content{
	width:430px;
	height:100px;
	float:left;
	text-align:left;
	margin-bottom:2px;
	padding-left:20px;
}

/* SERVICES */

.service_text{
	width:900px;
	float:left;
	margin-top:30px;
	padding-left:100px;
	padding-right:20px;
}

.services_image{
	width:400px;
	height:100px;
	float:left;
	text-align:right;
	margin-bottom:2px;
}


.services_content{
	width:400px;
	height:100px;
	float:left;
	text-align:left;
	margin-bottom:2px;
	padding-left:20px;
}

.strap_stretch{
	width:100%;
	height:auto;
	float:left;
	background: rgb(51,51,51); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(30,30,30,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(100%,rgba(30,30,30,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(30,30,30,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(30,30,30,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(30,30,30,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(51,51,51,1) 0%,rgba(30,30,30,1) 100%); /* W3C */	-webkit-box-shadow:0 0 5px 4px rgba(0, 0, 0, .05); 
	-moz-box-shadow:0 0 5px 4px rgba(0, 0, 0, .05); 
	box-shadow:0 0 5px 4px rgba(0, 0, 0, .05);

}

.strap_holder{
	width:1000px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:40px;
	color:#FFF;
	padding-top:40px;
	padding-bottom:40px;
}


.process{
	float:left;
	margin-bottom:80px;
}

.process_text{
	width:1000px;
	height:100px;
	float:left;
}

.process_dna, .process_spec, .process_des, .process_dev, .process_sup{
	width:165px;
	height:100px;
	float:left;
	font-size:12px;
}

.process_dna{
	margin-left:45px;
}

.process_spec, .process_dev{
	margin-left:15px;
}

.process_des{
	margin-left:17px;
}

.process_sup{
	margin-left:17px;
}

/* PROJECTS */

.project_logo{
	width:500px;
	float:left;
	margin-left:50px;
	margin-right:50px;
}

.project_preview{
	width:500px;
	float:left;
	margin-left:50px;
	margin-right:50px;

}

.project_outcome{
	width:400px;
	margin-left:50px;
	margin-right:50px;
	float:left;
	font-size:14px;
	margin-top:20px;
}

.project_overview{
	width:500px;
	float:left;
	margin-top:30px;
	font-size:14px;
}

.project_details{
	width:500px;
	float:left;
	font-size:14px;
	margin-top:20px;
}

.project_screenshot{
	width:200px;
	float:left;
	margin-top:20px;
	margin-left:25px;
	margin-right:25px;
}


/* FOOTER */

.footer_logo{
	float:left;
	width:150px;
	height:130px;
	color:#CCCCCC;
	padding:10px;
	font-size:12px;
	padding-top:90px;
}

.footer_work{
	float:left;
	width:140px;
	height:120px;
	color:#CCCCCC;
	font-size:12px;
	padding-top:100px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}


.footer_touch{
	float:left;
	width:170px;
	height:120px;
	color:#CCCCCC;
	padding:10px;
	font-size:12px;
	padding-top:100px;

}

.footer_menu_holder{
	float:left;
	width:315px;
	height:230px;
	color:#CCCCCC;
	font-size:15px;
	text-align:right;
	overflow:hidden;
}
.footer_menu{	
	float:left;
	padding-top:80px;
	padding-left:25px;
	width:275px;
	height:140px;
	-moz-transform: scale(1) rotate(-25deg) translate(0px, 0px) skew(0deg, 0deg);
	-webkit-transform: scale(1) rotate(-25deg) translate(0px, 0px) skew(0deg, 0deg);
	-o-transform: scale(1) rotate(-25deg) translate(0px, 0px) skew(0deg, 0deg);
	-ms-transform: scale(1) rotate(-25deg) translate(0px, 0px) skew(0deg, 0deg);
	transform: scale(1) rotate(-25deg) translate(0px, 0px) skew(0deg, 0deg);
}
.footer_social{
	float:left;
	width:125px;
	height:110px;
	color:#CCCCCC;
	font-size:12px;
	text-align:right;
	padding-top:95px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/* CONTACT */

.contact_content{
	float:left;
	width:400px;
	padding-left:100px;
	padding-right:25px;
	padding-top:30px;
	padding-bottom:30px;
	font-size:14px;
}	
/* twitter */ 

.tweet{
	width:478px;
	height:55px;
	float:left;
	text-align:right;
	font-size:14px;
	padding-left:5px;
	padding-right:5px;
	color:#CCCCCC;
}
.tweet_list{
    list-style:none;
    margin:0;
    padding:0;
}
.tweeted a {
}
.tweet_text a, .tweet_text a:link{
	text-decoration:none;
	color: #CCCCCC;
	font-size: 14px;
	font-weight:normal;
	
}
.tweet_text a:visited, .tweet_text a:active{
	text-decoration:none;
	color: #FFF;
	font-size: 14px;
	font-weight:normal;
}

.tweet_text a:hover{
	text-decoration:none;
	color: #FFF;
	font-size: 14px;
	font-weight:normal;

}

.tweeted .rss-items {
}


/* all */

.font12{
	font-size:12px;
}


.font14{
	font-size:14px;
}

.font16{
	font-size:16px;
}

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

a.menu:hover{
	color:#FFFFFF;
	text-decoration:none;
}

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

a.menu_intro:hover{
	color:#009999;
	text-decoration:none;
}

.borderless img{
	border: 0px solid #FFF;
}