@charset "utf-8";

/*--------------------------------------*\
		Variables
\*--------------------------------------*/

#31b4d8: #31b4d8;
#ccd5d8: #ccd5d8;
#4b4b4b: #4b4b4b;

/*--------------------------------------*\
		Tag RESET
\*--------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strong,sub,sup,tt,
var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
}
img{
	border:none;
	font-style:italic;
}
input, select, option, optgroup, textarea{
	font:inherit;
}

h1,h2,h3,h4,h5,h6,ul,ol,dl,p,address,figure,pre,fieldset,table,hr{
	margin-bottom:24px;
	margin-bottom:1.5em;
}
ul,ol,dd{
	margin-left:3em;
}

html{
	overflow-y:scroll; /* Force scrollbars 100% of the time */
	line-height:1.5; /* A safe default for type of any size. */
	background-color:#fff;
}
html,body{
	height:100%;
}
img{
	max-width:100%;
	height:auto;
	color:#31b4d8;
}

/*--------------------------------------*\
		Website CSS
\*--------------------------------------*/
body{
	background:#4b4b4b;
}
.body{
	background:url(../images/bg.png) 0 0 repeat #f1f1f1;
	text-align:center;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	
}

.box-shadow{
	box-shadow:0 0 3px 1px #999;
}
.rounded-border{
	border:#31b4d8 solid 5px;
	border-radius:10px;
}

.wrapper{
	text-align:left;
}
	.header, .footer{
		background:#4b4b4b;
	}
	.header{
		height:60px;
		box-shadow:3px 0 6px #4b4b4b;
		margin-bottom:2em;
	}
	#logo, nav a, .download_latest a.download_now{
		display:block;
	}
	#logo{
		float:left;
		width:130px;
		height:54px;
		margin-top:4px;
		background:url(../images/logo.png) 0 0 no-repeat;
		text-indent:-999999px;
	}
	nav, nav ul{
		float:right;
		height:60px;
	}
	nav ul{
		margin:0;
		list-style:none;
	}
	nav li{
		float:left;
	}
	nav a{
		padding:34px 20px 10px 20px;
		height:16px;
		font-size:14px;
		line-height:1em;
		color:#fff;
		text-decoration:none;
	}
	nav a:hover, nav a.active,.download, #galleryThumbs{
		background:#31b4d8;
	}
	.container{
		position:relative;
		width:950px;
		margin:auto;
	}
	
.download, #gallery_wrapper, .adsense,.project_details{
	.box-shadow;
}
.download{
	float:left;
	width:320px;
	height:190px;
	.rounded-border;
}
.download_latest{
	padding:5px;
}
	.download_latest img{
		float:left;
		width:75px;
		margin-right:14px;
		margin-bottom:6px;
	}
	.download_latest a.download_now{
		width:305px;
		height:84px;
		margin-bottom:0;
		border-bottom:#21a9ce solid 1px;
	}
	.download_latest, .version_info a, .download_latest a.download_now, .download_latest h1, .download_latest h3{
		margin:0;
		font-weight:normal;
		font-size:12px;
		color:#fff;
		text-decoration:none;
		cursor:pointer;
	}
	.download_latest h1{
		font-size:24px;
		margin-top:4px;
	}
	.download_latest h3{
		margin-top:4px;
		font-size:14px;
	}
	.download_text{
		float:left;
		width:216px;
	}
	.version_info{
		width:295px;
		border-top:#41bbdc double 2px;
		padding:8px 5px;
	}
#gallery_wrapper{
	position:relative;
	float:right;
	.rounded-border;
	border-bottom-right-radius:0;
	/*margin-bottom:16px;*/
}
#gallery_wrapper h1{
	margin-top:40px;
	font-size:36px;
	font-weight:bold;
	text-align:center;
}
#gallery_wrapper h3{
	font-size:26px;
	text-align:center;
	color:#4b4b4b;
}
.content h1{
	margin:0 0 5px 0;
	font-size:24px;
	font-weight:normal;
	line-height:1em;
	color:#31b4d8;
}
	.content .download_text h1{
		color:#fff;
	}
#gallery, .adsense,.project_details{
		border-radius:5px;
}
#gallery{
	overflow:hidden;
	border-bottom-right-radius:0;
	background:#ccd5d8;
}
#galleryThumbs{
	position:absolute;
	height:15px;
	padding:6px 4px 0;
	top:190px;
	right:-5px;
	z-index:1;
	border-radius:0 0 5px 5px;
	box-shadow:2px 4px 4px 0px #888;
}
#gallery, #gallery_wrapper, .download{
	height:190px;
}
#gallery, #gallery_wrapper{
		width:590px;
}
	#galleryThumbs a{
		float:left;
		width:14px;
		height:14px;
		background:url(../images/thumbs.png) -26px 0 no-repeat;
	}
	#galleryThumbs a.active{
		background-position:1px 0;
	}
	.adsense,.project_details{
		height:60px;
		margin:2em 0;
		padding:6px 0;
		background:#eee;
	}
	.adsense{
		padding:6px 5px;
	}
	.first_ad, .second_ad{
		float:left;
		width:468px;
		height:60px;
		overflow:hidden;
	}
	.second_ad{
		float:right;
	}
	.project_details{
		padding:14px 18px;
		overflow:hidden;
	}
	.project_details, .project_wrapper,.project_wrapper .block{
		height:260px;
	}
		.project_wrapper{
			width:1000px;
		}
		.project_wrapper .block{
			float:left;
			width:300px;
			background:transparent;
		}
		.project_wrapper .even{
			border-right:#ccc solid 2px;
			border-left:#ccc solid 2px;
		}
		.block .block_wrapper{
			padding:10px 16px;
		}
		.block .coffee{
			font-size:12px;
			padding:140px 0 0 50px;
			height:80px;
			background:url(../images/coffee.png) 0 4px no-repeat;
		}
		.coffee * {
			margin:0;
		}
		.coffee select{
			border: #ccc solid 1px;
			background:transparent;
		}
		.block_content ul{
			margin:0;
			padding:0 15px;
			list-style:circle;
		}
		.block_content li{
			font-size:12px;
			line-height:1.8em;
		}
		.block_content li pre{
			line-height:1.5em;
		}

.clear{
	clear:both;
}
.footer{
	height:140px;
	margin-top:1.5em;
	padding:20px 0;
	box-shadow : 0 0 6px #4b4b4b;
}
	.footer_block{
		float:left;
		width:350px;
		height:120px;
		padding:0 14px 14px;
		color:#ccc;
		font-size:14px;
	}
	.social_follow{
		width:156px;
		border-left:#777 solid 1px;
		border-right:#777 solid 1px;
	}
	.footer_block h3{
		clear:both;
		margin:0;
		margin-bottom:6px;
		padding:0;
		font-size:18px;
		line-height:20px;
		color:#ccd5d8;
	}
	.footer_block a{
		font-weight:bold;
		text-decoration:none;
		color:#31B4D8;
	}
	.footer_block a:hover{
		text-decoration: underline;
	}
	
	.input{
		float:left;
		width:175px;
	}
	.input input, .input textarea{
		display:inline-block;
		width:160px;
		height:16px;
		margin:0;
		padding:2px 3px;
		border:0;
		border-radius:3px;
		margin-bottom:4px;
		font-size:12px;
	}
	.input textarea{
		height:70px;
	}
	#contact_submit{
		width:166px;
		margin:0;
		padding:2px 6px 20px 0;
		border:#31b4d8 solid 1px;
		background:#31b4d8;
		color:#fff;
		cursor:pointer;
	}
	
	.socials{
		float:left;
		width:40px;
		height:40px;
		margin:4px 12px 4px 0;
		background: url(../images/socials.png) 0 -41px no-repeat;
	}
	.facebook:hover{
		background-position:0 0;
	}
	.twitter{
		background-position:-40px -41px;
	}
	.twitter:hover{
		background-position:-40px 0;
	}
	.google{
		background-position:-78px -41px;
	}
	.google:hover{
		background-position:-78px 0;
	}
	.linkedin{
		background-position:-116px -41px;
	}
	.linkedin:hover{
		background-position:-116px 0;
	}
	.behance{
		background-position:-156px -41px;
	}
	.behance:hover{
		background-position:-156px 0;
	}
	.rss{
		background-position:-194px -41px;
	}
	.rss:hover{
		background-position:-194px 0;
	}
	
#alajax {
	font-size:12px;
}
#alajax label{
	display:block;
	width:100px;
	float:left;
	text-align:right;
	margin-right:10px;
}
#alajax .input{
	float:left;
	width:180px;
	height:32px;
	text-align:left;
}
#alajax .input input{
	width:90%;
	border:#31b4d8 solid 1px;
}
#alajax .input input[type=radio]{
	width:20px;
}
#alajax .input div{
	float:left;
	width:50px;
}
#alajax .button{
	text-align:left;
	text-align:right;
	padding-right:100px;
	margin-bottom:6px;
}
#alajax #addField{
	border:0;
	width:74px;
	height:24px;
	background: url(/images/add.png) 0 0 no-repeat;
}
#alajax textarea{
	width:90%;
	height:34px;
	border:#31b4d8 solid 1px;
}
.gtext{
	font-size:14px;
	text-align:center;
}
.left_inputs{
	float:left;
	width:300px;
}
.right_inputs{
	float:right;
	width:300px;
}
.break{
	clear:both;
}