@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body {

	background-color: #000;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	color:#fff;

	font-family:Arial, Helvetica, sans-serif;

}

.main_width21 {
	width:834px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.main_width21_new {
	width:1051px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.project_main21 {
	width:834px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:1.9em;
}

.project_main21_new {
	width:1051px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:1.9em;
}







#main {

	float: left;

	height: auto;

	width: 100%;

}



.main_width {

	width:617px;

	height:auto;

	margin-left:auto;

	margin-right:auto;

}





.main_width1 {

	width:1060px;

	height:auto;

	margin-left:auto;

	margin-right:auto;

}





.main_width1_inner {

	width:100%;

	height:auto;

	float:left;

}







.main_width_inner {

	width:100%;

	height:auto;

	float:left;

}



#header {

	width:100%;

	height:auto;

	float:left;

}



#mdl {

	width:100%;

	height:auto;

	float:left;

}



#footer {

	width:100%;

	height:auto;

	float:left;

}



.logo {

	width:100%;

	height:auto;

	float:left;

	margin-top:3.1em;

	margin-bottom:1.1em;

	text-align:center;

}







.footer1 {

	width:100%;

	height:auto;

	float:left;

	margin-top:1.1em;

	

	font-weight:bold;

	color:#a6a6a6;

	text-transform:uppercase;

	font-family:Arial, Helvetica, sans-serif;

	font-size:15px;

}



.footer12 {

	width:617px;

	height:auto;

	margin-left:auto;

	margin-right:auto;

	text-align:right;

	font-size:15px;

	font-weight:bold;

	color:#a6a6a6;

	text-transform:uppercase;

	

}



.footer12 a {

	color:#a6a6a6;

	text-decoration:none;

}



.footer12 a:hover {

	color:#fff;

}



.footer1 a {

	color:#a6a6a6;

	text-decoration:none;

}



.footer1 a:hover {

	color:#fff;

}



.project_main {

	width:617px;

	height:auto;

	margin-left:auto;

	margin-right:auto;

	margin-top:1.9em;

}



.project_main_inner {

	width:100%;

	min-height:650px;

	float:left;

	padding-bottom:1.1em;

}



.project_box {

	width:183px;

	height:203px;

	margin-right:34px;

	margin-bottom:15px;

	float:left;

	

}



.project_box img {

	width:100%;

	height:auto;

	border:none;

}



.project_box1 img {

	width:100%;

	height:auto;

	border:none;

}	



.project_box1 {

	width:183px;

	height:203px;

	margin-right:0px;

	margin-bottom:15px;

	float:left;

}



.title { 

font-size:15px;

color:#fff;

width:100%;

height:auto;

float:left;

font-weight:bold;

padding-bottom:3px;

padding-top:3px;

text-transform:uppercase;



}





.title1 { 
font-size:13px;
color:#fff;
width:100%;
height:auto;
float:left;
font-weight:bold;
padding-bottom:4px;
padding-top:3px;


}









.con_lft {

	width:30%;

	height:auto;

	float:left;

}



.con_rgt {

	width:62%;

	float:right;

	height:auto;

	font-size:14px;

	line-height:23px;

}



.con_rgt h1 {

	font-size:21px;

	text-transform:uppercase;

	color:#e48a15;

	margin-bottom:15px;

	padding:0px;

	width:100%;

	margin-top:0px;

}



.con_rgt strong {

	width:100px;

	float:left;

}



.con_rgt a {

	color:#fff;

}





/* ---------------------- RESPONSIVE STUFF - ONLY TOUCH IF YOUR'E CONFIDENT WITH CSS ---------------------- */



@media only screen and (max-width: 1279px) {

.main_width21 {
	width:94%;
}

.main_width21_new {
	width:94%;
}

.project_main21_new {
		width:100%;
	}
	
	

.main_width {

	width:94%;

}



.main_width1 {

	width:94%;

}







}





/*Ipad Portrait*/

@media only screen and (max-width: 835px) {

	.project_main21 {
		width:100%;
	}
	
	.main_width21_new {
	width:100%;
}


	.project_main {

		width:100%;

	}
	
	.project_main21_new {
		width:100%;
	}

	.project_box {

	width:32%;

	height:32%;

	margin-right:1%;

	margin-bottom:1%;

}



.project_box1 {

	width:32%;

	height:32%;

	margin-bottom:1%;

}



.title {

	margin-top:12.5em;

}



.title1 {

	margin-top:12.5em;

}



.con_rgt {

	width:50%;

}



.con_lft {

	width:45%;

}



.title {

	margin-top:0px;

}



.title1 {

	margin-top:0px;

}

.project_main_inner {
	min-height:inherit;





}

.footer12 {
	text-align:left;
}

.footer12 a {
	margin-left:0px !important;
	margin-right:10px !important;
	margin-bottom:20px !important;
}

}






/* Smartphones (portrait) ----------- */

@media only screen and (max-width : 320px) {

	.main_width21 {
	width:96%;
}

.main_width21_new {
	width:96%;
}

.project_main21 {
	width:94%;
}

.project_main21_new {
	width:94%;
}

.main_width {

	width:96%;

}





.main_width1 {

	width:96%;

}





.logo {

	width:100%;

	text-align:center;

	margin-top:1.1em;

	margin-bottom:1.1em;

}



.footer1 {

	font-size:17px;

}



.project_main {

	width:94%;

}



.footer12 {

	width:94%;

}



.project_box {

	width:90%;

	height:auto;
	margin-bottom:25px;
	margin-right:5%;
	margin-left:5%;

	margin-bottom:1%;

}

.project_box span {
	font-size:19px;
	margin-bottom:10px;
	display:block;
}

.project_box1 span {
	font-size:19px;
	margin-bottom:10px;
	margin-top:15px;
	display:block;
}



.project_box1 {

	width:90%;
		margin-right:5%;
	margin-left:5%;

	height:auto;

	margin-bottom:1%;

}



.con_rgt {

	width:100%;

	margin-bottom:1.0em;

}



.con_lft {

	width:100%;

	margin-bottom:1.0em;

}



.title {

	margin-top:0px;

	font-size:10px;

}



.title1 {

	margin-top:0px;

	font-size:6px;

}





}







/* Smartphones (landscape) ----------- */

@media only screen 

and (min-width : 321px) 

and (max-width : 480px) {


.main_width21 {
	width:96%;
}

.main_width21_new {
	width:96%;
}

.project_main21 {
	width:94%;
}

.project_main21_new {
	width:94%;
}

.main_width {

	width:96%;

}



.main_width1 {

	width:96%;

}



.footer1 {

	font-size:20px;

}



.logo {

	width:100%;

	margin-top:1.1em;

	margin-bottom:1.1em;

}



.project_main {

	width:94%;

}



.footer12 {

	width:94%;

}



.project_box {

	width:32%;

	height:32%;

	margin-right:1%;

	margin-bottom:1%;

}



.project_box1 {

	width:32%;

	height:32%;

	margin-bottom:1%;

}







.con_rgt {

	width:100%;

	margin-bottom:1.0em;

}



.con_lft {

	width:100%;

	margin-bottom:1.0em;

}



.title {

	margin-top:0px;

	font-size:12px;

}



.title1 {

	margin-top:0px;

	font-size:9px;

}





}