/* CSS Document */


/**** RESPONSIVE DESIGN ****/


img/*, embed, object, video */{
	max-width: 100% !important;
	height: auto !important;
	width: auto !important;
}


DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap OL.csc-textpic-image {
	float: none;
	display: block;
	vertical-align: top;
}
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: block;
}
DIV.csc-textpic-imagewrap UL.csc-textpic-imagerow-none .csc-textpic-image {
	display: block;
}
.csc-default {clear: both;}

DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
	max-width: 38%;
}
DIV.csc-textpic-intext-right-nowrap .csc-textpic-text,
DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
	margin-left: 40%; 
}


@media (max-width: 1400px) {



}
@media (max-width: 1240px) {


}
@media (max-width: 1020px) {
	
	#contentcontainer,
	#headercontainer,
	#footercontainer{
		padding-left:20px;
		padding-right:20px;
	}
		
}
@media (max-width: 980px) {
	
	#logo {
		background-image:url(../img/logo.png);
		background-repeat:no-repeat;
		background-size:100% auto;
		top:24px;
		left:30px;
	}
	#header{
		height:auto;
	}
	#headerinner {
		background-image:url(../img/headerbg.jpg);
		height:100px;
		left: 0px;
		position: relative;
		width: auto;
		background-color:#975d00;
		
		-webkit-border-radius: 12px 12px 0 0px; 
		-moz-border-radius: 12px 12px 0 0px;
		-o-border-radius: 12px 12px 0 0px;
		border-radius: 12px 12px 0 0px;
	}
	
	#menu{
		display:none;
	}
	#responsive-menu-button-open {
		display:block;
	}


	
}


@media (max-width: 767px) {



	.grid_col1,
	.grid_col2,
	.grid_col3,
	.grid_col4,
	.grid_col5,
	.grid_col6,
	.grid_col7,
	.grid_col8,
	.grid_col9,
	.grid_col10,
	.grid_col11,
	.grid_col12,
	.grid_col25 {
		width:96% !important;
	}
	#contentinner{
		padding-right:30px;
	}
	#footer{
		height:auto;
	}
	#footerleft{
		font-size:20px;
		line-height:20px;
		padding-top:20px;
		padding-bottom:0px;
		float:none;
		font-weight:bold;
		text-align:center;
		padding-left:0px;
	}
	#footerright{
		font-size:11px;
		line-height:30px;
		float:none;
		text-align:center;
		padding-right:0px;
	}
	#sitelinks{
		float:none;
	}
	#fb{
		display:inline-block;
		float:none;
	}
	.grid2 .grid_col_first.grid_col4{
		background:none;
		
		padding-left:0%;
		padding-right:0%;
		
		margin-left:2%;
		margin-right:2%;
	}
	.grid2 .grid_col_last.grid_col4{
		background:none;
		
		padding-left:%;
		padding-right:0%;
		margin-left:2%;
		margin-right:2%;
	}	
	.gridrow > div{
		padding-bottom:40px;
	}

}

@media (max-width: 550px) {

	#content .tx-powermail label{
		width:100%;
		float:none;
	}
	#content .tx-powermail input, 
	#content .tx-powermail select, 
	#content .tx-powermail textarea {
		width:100%;
		float:none;	
	}
	#content .tx-powermail input.powermail_submit{
		margin-left:0;
		width:100%;	
	}
	
}