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

.container{
		min-height:800px;
		width:100%;
		float:left;
		}
	.container .projects{
		margin:auto;
		width:100%;
		float:left;
		margin-bottom:70px;
		-webkit-transition: width 0.9s ease-in-out;
		-moz-transition: width 0.9s ease-in-out;
		-o-transition: width 0.9s ease-in-out;
		transition: width 0.9s ease-in-out;
			}
		.container .projects .heading{
			text-align:center;
			}
			.container .projects .heading h1{
				width:100%;
				text-shadow:1px 1px 0 #fafafa, 2px 2px 0 #999, 0 0 2px #fafafa;
				font-size:45px;
				margin-top:75px;
				padding-bottom:8px;
				-webkit-transition: font-size 0.9s ease-in-out;
				-moz-transition: font-size 0.9s ease-in-out;
				-o-transition: font-size 0.9s ease-in-out;
				transition: font-size 0.9s ease-in-out;
				}
			.container .projects .projectsContent {
				float: left;
				margin: auto 0;
				width: 100%;
				}
				.container .projects .projectsContent ul{
					margin: auto;
					width: 1340px;					
					}
				@media (max-width: 1350px) {
					.container .projects .projectsContent ul{
						width:96%;
						margin:0 2% 70px 2%;
						}
				}
	
					.container .projects .projectsContent ul li{
						float: left;
						width: 50%;						
						}
						.container .projects .projectsContent ul li h2{
							text-align:center;
							width:93%;
							font-size:30px;
							font-weight:100;
							color:#888;
							margin:50px 0 30px 0;
							padding:0 0 13px 0;
							border-bottom:1px solid #ccc;
							}
						.container .projects .projectsContent ul .itWas h2{
							float:right;
							}
						.container .projects .projectsContent ul li img{
							margin: 0 0 97px;
							width: 93%;							
							}
						.container .projects .projectsContent ul .itWas img{
							float:right;
							}
					.container .projects .projectsContent ul .projectsMain{
						text-align:center;
						width:100%;
					}
						.container .projects .projectsContent ul .projectsMain ul{
							width:100%;
							height:auto;
							min-height:520px;
							float:left;
							margin:0;
						}
							.container .projects .projectsContent ul .projectsMain ul li{
								width:100%;
							}
								.container .projects .projectsContent ul .projectsMain ul li .spanLine{
									background:url(../images/homepage/line.jpg) no-repeat center center;
									display:inline-block;
									width:100%;
									height:1px;
								}
								.container .projects .projectsContent ul .projectsMain ul li a{
									text-decoration:none;
									display:inline-block;
									opacity:1.0;
								}
								.container .projects .projectsContent ul .projectsMain ul li a:hover{
									opacity:0.6;
								}

									.container .projects .projectsContent ul .projectsMain ul li a h2{
										font-size: 25px;
										margin: 20px 0 3px 0;
										width: 100%;
										border:none;
									}
								.container .projects .projectsContent ul .projectsMain ul .links{
									margin-top:56px;
									}
									.container .projects .projectsContent ul .projectsMain ul .links a{
										width:260px;
										height:4px;
										padding:116px 0 39px 0; 
										background-image:url(../images/shared/check.png);
										background-position:center 38px;
										font-family: 'Open Sans Condensed', sans-serif;
										text-decoration:none;
										display:inline-block;
										background-repeat:no-repeat;
										color:#000000;
										font-size:22px;
										-webkit-transition: background-color 0.5s ease-in-out;
										-moz-transition: background-color 0.5s ease-in-out;
										-o-transition: background-color 0.5s ease-in-out;
										transition: background-color 0.5s ease-in-out;
									}
									.container .projects .projectsContent ul .projectsMain ul .links a:hover{
										background-color:#ddd;
										opacity:1.0;
									}
					.container .projects .projectsContent ul .itWas{
						}
					.container .projects .projectsContent ul .itIs{
						}
					.container .projects .projectsContent ul .workType{
						width:100%;
						margin-bottom:50px;
						}
						.container .projects .projectsContent ul .workType img{
							width:43%;
							float:left;
							margin:0 0 4% 4%;
							}	
						.container .projects .projectsContent ul .workType span{
							border-bottom:solid 1px #ccc;
							height:32px;
						    margin: 0 4% 31px 4%;
						    width: 90%;
							display:inline-block;
							}