@charset "utf-8";

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


.blog-container .post-list{
width: 100%;
        }

.blog-container .side-panel{
width: 100%;
        }

#services{

width: 470px;

}



#services img{

padding: 10px;

width: 135px;

}



#services .bottomline1{

padding: 10px 5px 10px 78px;

}





#services .bottomline2{

padding: 10px 78px 10px 5px;

}



#menu{

width: 120px !important;

color: #fff !important;

float: right;

}



#menu a{

color: #fff !important;

}



#menu0, #menu1, #menu2, #menu3, #menu4, #menu5{

display: none;

}



#menu6{

text-align: center;

margin: 0 auto;

display: block;

float: right;

}



#menu6 a{

background: #dc0000;

padding: 5px 20px !important;

color: #fff;

font-weight: bold;

display: block;

}



	#menu6 a:hover{

	background: #dddddd !important;

	}

	

	

	#menu a.main_current {

	color: #fff;

	}







/* Drop Down Styles */



#menu ul ul {

max-height: 0px;

float: left;

position: absolute;

background: #dc0000 !important;

z-index: 200;

color: #fff !important;

overflow: hidden;

}



#menu li:hover ul {

max-height: 600px;

clear: left;

z-index: 1000;

 -webkit-transition: all 0.7s ease-in-out;

  -moz-transition: all 0.7s ease-in-out;

  -o-transition: all 0.7s ease-in-out;

  transition: all 0.7s ease-in-out;

}



#menu ul ul li {

float: none;

padding-top: 0;

}



#menu ul ul a {

display: block;

width: 52px;

font-size: 14px;

line-height: 20px;

text-align: center;

color: #fff !important;

border-top: 1px solid #fff;

padding: 9px 0 0px 5px;

border-right: none;

}



#menu .firstItem a {

border: none;

}



#menu ul ul a:hover{

background: #dddddd;

color: #fff;

}



#menu ul ul ul{

display: none;

}

/* End Drop Down Styles */



#clientinfo{

margin: 1% 0 1% 1.6%;

}



#clientinfo p{

padding: 0;

}



#projectcontact{

margin: 20px 0;

}



.workslideshow #slideshow{

display: block;

}



.workslideshow #slideshow{

padding: 30px 0 0 0 !important;

}



#slideshowoutside{

display: none;

}



#slideshow{

display: none;

}



#mobiletagline{

display: block;

text-align: center;

padding: 20px !important;

}



#mobiletagline h1{

font-size: 32px;

color: #d60000;

font-weight: normal;

text-align: center;

}



#mobiletagline p{

font-size: 18px;

padding: 10px;

text-align: center;

}



#content #desktoptagline, #clients{

display: none;

}



#leftborder, #rightborder{

display: none;

}



#toprightborder, #topleftborder{

border-right: none;

border-left: none;

margin-top: 20px;

}



#howwework p{

margin: 30px 15px 0 15px !important;

font-size: 14px !important;

}



#howwework img{

display: block;

margin: 0 auto;

max-width: 100%;

min-width: 75px;

}



#map{

display: none !important;

}



.mapbutton{

display: block;

}



/* Contact Form */



#contact-left, #contact-right{

float: left;

}



#contact-right{

width: 290px;

}



#contact-right p{

float: left;

font-size: 14px;

padding-right: 12px;

}



#contact-left input{

width: 280px;

height: 25px;

padding: 5px;

background: #fff;

border: 2px solid #cdcdcd;

}



#contact-left textarea{

width: 280px;

padding: 5px;

background: #fff;

border: 2px solid #cdcdcd;

resize: none;

}



#contact-left label{

font-size: 14px;

display: block;

padding: 0 0 5px 0;

}



#contact-left .separator{

height: 5px;

display: block;

}



#contact-left .indent input{

background: #820000 url("../../../../../projects/opensites3/tony5/Redback_Creations_2013_2813/images/sce/red-grad.jpg") repeat-x center left; 

color: #fff;

font-size: 20px;

text-align: left;

cursor: pointer;

height: 35px;

width: 190px;

padding: 5px;

display: block;

margin: 10px 0;

border: none;

}



/* End of Contact Form */



.contactcolumn{

float: left;

width: 254px;

display: block;

padding: 0 30px;

}





#footerform{

display: none;

}





#centercolumn{

border-left: none !important;

width: 260px !important;

margin: 0 auto;

}





/* Responsive Grid System */



/*  GRID OF FIVE   ============================================================================= */

.span_1_of_5 {

	width: 48%; 

}



	.span_1_of_2 {

		width: 100%; 

	}

	

	.span_1_of_2_alt {

	width: 49.2%;

	}	



	.span_3_of_4 {

		width: 100%; 

	}



	.span_1_of_4 {

		width: 100%; 

	}

/*  END OF GRID OF FIVE   ============================================================================= */





.span_3_of_3 { 

width: 100% !important;

}

.span_2_of_3 {

width: 100% !important;

}

.span_1_of_3 {

width: 100% !important;

}



/* End Responsive Grid System */



.work-width {

margin: 0px;

text-align: center;

}



.work-2-col-left, .work-2-col-right, .work-3-col-left, .work-3-col-mid, .work-3-col-right {

margin: 0px !important;

}



.work-width h3 {

text-align: center !important;

}



.contentheader-internal p {

text-align: left !important;

}



.work-2-col-left a:hover span, .work-2-col-right a:hover span, .work-3-col-left a:hover span, .work-3-col-mid a:hover span, .work-3-col-right a:hover span {

display: none;

}



.hide-480px {

display: none !important;

}



.show-480px {

display: inline;

}



.services-rollover a:hover span {

display: none;

}



}