/* ### GENERAL ### */
/*
* 

*//* ### FOOTER CONTAINER ### */


#footerCntr {
 padding-top: 15px;
 overflow: hidden;
 height: 240px;
 
 background: url('../images/footer-bg.gif') top left repeat-x #0a0a0a;
 }


/* ### FOOTER BOX ### */

.footerBox {
 margin: auto;
 width: 950px;
 margin: auto;
 height: 800px;
 overflow: hidden;
}


.footerBox .contact {
 padding-top: 10px;
 margin-right: 20px;
 float: left;
 width: 180px;
 height: 157px;
 background: url('../images/footer-sep.gif') top right no-repeat;
 }


.footerBox .social {
 padding-top: 10px;
 width: 150px;
 padding-right:-20px;
 height: 157px;
 float: left;
 }


.footerBox h3 {
 /*padding-bottom: 9px;*/
 color: #6fb7f9;
 font-size: 14px;
 }

.footerBox h3 a , .footerBox h3 a:hover  {
 padding-bottom: 9px;
 color: #6fb7f9;
 font-size: 14px;
 }


.footerBox ul {
 list-style: none;
 }


.footerBox li {
 font-size: 11px;
 color: #383838;
 line-height: 16px;
 }


.footerBox a {
 color: #5f5f5f;
 text-decoration: none;
 }


.footerBox a:hover {
 color: #999999;
 }


.footerBox address {
 font-style: normal;
 line-height: 16px;
 color: #5f5f5f;
 font-size: 11px;
 }


.footerBox ul.network {
 list-style: none;
 width:140px;
 margin-left:-42px;

 overflow: hidden;
 }


.footerBox ul.network li {
/* padding-right: 8px;*/
 float: left;
 }


.footerBox ul.network li a {
 display: block;
 text-indent: -9999px;
 }


.footerBox ul.network li a.fb {
 width: 31px;
 height: 31px;
 background: url('../images/home/fb-icon.png') top left no-repeat;
 }


.footerBox ul.network li a.twitter {
 width: 31px;
 height: 31px;
 background: url('../images/home/twitter31x31.png') top left no-repeat;
 }


.footerBox ul.network li a.flicker {
 width: 31px;
 height: 31px;
 background: url('../images/home/linkedin31x31.png') top left no-repeat;
 }
 
 .footerBox ul.network li a.gmail {
 width: 31px;
 height: 31px;
 margin-left:20px;
 margin-top:10px;
 background: url('../images/home/gplus31x31.png') top left no-repeat;
 }

 .footerBox ul.network li a.youtube {
 width: 31px;
 height: 31px;
 margin-top:10px;
 background: url('../images/home/youtube31x31.png') top left no-repeat;
 }

.footerBox p {
 padding-top: 2px;
 color: #5f5f5f;
 line-height: 16px;
 }


.blog h2{
font-size: 28px;
 color: #0085b5;
 line-height: 30px;
 margin:0px 0px 10px 0px;
 border-bottom: 1px solid #7fb5cd;
 }


.blog h2 a{
font-size: 28px;
 color: #0085b5;
 line-height: 30px;
 text-decoration:none;
}


.blog h2 a:hover{
font-size: 28px;
 color: #000000;
 line-height: 30px;
 text-decoration:none;
}


.blog h3 {
 padding-bottom: 5px;
 font-family: Georgia;
 font-size: 22px;
 font-style: italic;
 font-weight: normal;
 color: #000;
 }


.blog h4{
font-size: 16px;
 color: #0085b5;
 line-height: 20px;
 margin:0px 0px 2px 0px;
}


.blog h6{
font-size: 14px;
 color: #0085b5;
 line-height: 20px;
 margin:0px 0px 10px 0px;
 border-bottom: 1px solid #7fb5cd;
 }


.blog h6 a{
font-size: 14px;
 color: #0085b5;
 line-height: 20px;
 text-decoration:none;
}


.blog h6 a:hover{
font-size: 14px;
 color: #000000;
 line-height: 20px;
 text-decoration:none;
}


.blog p{
 font-size: 14px;
 color: #000;
 line-height: 20px;
 }


.blog a{
 font-size: 14px;
 color: #2d93d4;
 line-height: 20px;
 }


.blog ul{
margin:0px 0px 0px 25px;
 padding:0px;
 display:block;
}


.blog ul li{
 list-style-type:disc;
 padding:10px 0px 5px 0px;
 margin:0px 0px 0px 5px;
  font-size: 14px;
 color: #000;
 line-height: 18px;
}



.box{
width: 212px;
 height: 260px;
 background-color: #000000;
 margin: 0px 20px 35px 0px;
  display: block;
 text-align: left;
 float: left;
}


.box a{
width: 212px;
 height: 260px;
 background-color: #000000;
 margin: 0px;
  display: block;
 text-decoration: none;
}


.type{
font-size: 10px;
 font-family: Arial;
 color: #7bd5fd;
 padding: 0px 0px 0px 8px;
}


.worktitle{
font-size: 18px;
 color: white;
 padding: 0px 0px 0px 8px;
 margin-bottom: 0px;
 line-height:20px;
}


.box img{
padding: 7px 0px 8px 6px;
 }


.box a:hover{
width: 212px;
 height: 260px;
 background-color: #0085b5;
}

/*----------------------------------------- End of the simple CSS funtions( Selector & CLASSES) -----------------------------------------------*/





@media screen and (max-width:820px) {
	
	
/*#footerCntr {
display:none;

}
.footerBox {
 width:600px;
 height: 200px;
 overflow: hidden;
 margin-left:110px;
 display:inline-table;
}



.footerBox .contact {
 margin-right: 10px;
 float: left;
 width: 180px;
 height: 135px;
 background: url(none);

 }
.footerBox .social{
	
	margin-top:1px;
	margin-left:10px;

	}*/





}


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

#footerCntr {
height: 320px;


}
.footerBox {
 width:600px;
 height: 200px;
 overflow: hidden;
 margin-left:110px;
 display:inline-table;
}



.footerBox .contact {
 margin-right: 10px;
 float: left;
 width: 180px;
 height: 135px;
 background: url(none);

 }
.footerBox .social{
	
	margin-top:1px;
	margin-left:10px;

	}

}

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

#footerCntr {
height: 500px;


}
.footerBox {
 width:400px;
 height: 200px;
 overflow: hidden;
 margin-left:100px;
 display:inline-table;
}



.footerBox .contact {
 margin-right: 10px;
 margin-left:10px;
 float: left;
 width: 180px;
 height: 135px;
 background: url(none);

 }
.footerBox .social{
	
	margin-top:20px;
	margin-left:10px;

	}

}


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


#footerCntr {
height: 500px;


}
.footerBox {
 width:400px;
 height: 200px;
 overflow: hidden;
 
 margin-left:60px;
 display:inline-table;
}



.footerBox .contact {
 margin-right: 10px;
 margin-left:10px;
 float: left;
 width: 180px;
 height: 135px;
 background: url(none);

 }
.footerBox .social{
	
	margin-top:20px;
	margin-left:10px;

	}


}


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

#footerCntr {
height: 500px;

}
.footerBox {
 width:400px;
 height: 200px;
 margin-left:2px;

 overflow: hidden;
 display:inline-table;
}



.footerBox .contact {
 margin-right: 10px;
 margin-left:10px;
 float: left;
 width: 180px;
 height: 135px;
 background: url(none);

 }
.footerBox .social{
	
	margin-top:20px;
	margin-left:10px;

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

#footerCntr {
height: 945px;
}
.footerBox {
 width:380px;
 height: 200px;
 margin-left:50px;
 overflow: hidden;
 display:inline-table;
}



.footerBox .contact {
 margin-right: 5px;
 margin-left:20px;
 float: left;
 width: 180px;
 height: 135px;
 background: url(none);

 }
.footerBox .social{
	margin-top:5px;
	margin-top:145px;
	margin-left:-180px;
	
	}
}