/* CSS Document by ashishwd */
/*
Theme Name: Red Deer Electric
Theme URI: http://www.csglobal.co.in/
Description: Red Deer Eletric.
Version: 1.0.0
Author: Ashishwd
Author URI: http://www.csglobal.co.in/
*/

body{
	color:#474747;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#060503;
	line-height: 170%;
	}
a{
	color:#b21c21;
	text-decoration:none;
	}
a:hover{
	color:#000;
	text-decoration:none;
	}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend, caption{
	margin: 0; 
	padding: 0; 
	border: 0; 
	}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 5px;
	line-height:130%;
	}
.alignleft{	
	float:left;
	margin:0 20px 0 0; padding-top:10px;
	}
.aligncenter{ padding-top:5px; float:left;}

.alignright { 
	float: left;
	margin:0 0 0 80px; padding-top:10px;
	}
.facebook{	float:right;
	margin:0 0 0 20px}
.clear{
	clear:both;
	}
	/* remove this */
	#wrapper{
	width:938px;
	margin:0 auto;
	}
	/**/

#header{
	background-image:url(images/bg-header.jpg);
	background-repeat:no-repeat;
	height:144px;
	}
#logo{
	float:left;
	width:250px;
	}
#menu{
	float:right
	}
#menu ul{
	margin:90px 0 0 0;
	padding:0;
	list-style:none;
	}
#menu li{
	float:left
	}
#menu li a{
	margin:0 0 0 20px;
	display:block;
	text-transform:uppercase;
	font-size:11px;
	color:#fff;
	text-align:center;
	padding:6px 0 9px 0;
	width:78px;
	}
#menu li a:hover{
	background-image:url(images/bg-menu.png);
	background-repeat:no-repeat;
	color:#000;
	}
#menu  li.testi a{
	width:90px;
	}
#menu  li.testi a:hover{
	background-image:url(images/bg-testi.png);
	background-repeat:no-repeat;
	color:#000;
	}
#slider{
	background-color:#b21c21;
	}
#img{
	max-width:655px;
	float:left;
	width:100%;
	}
#wel-content{
	padding:15px 12px;
	width:255px;
	float:right;
	color:#fff;
	}
#wel-content p{
	margin:0 0 16px 0
	}
#container{
	background-color:#dad6cc;
	padding:20px;
	}
#container p{
	margin:0 0 15px 0;
	}
.left-bar{
	width:266px;
	float:left;
	margin:0 40px 0 0
	}
.caption{
	padding:0 0 12px 0
	}
.right-bar{
	width:266px;
	float:right;
	}

.logo{max-width:900px;
     width:100%;
	#height:22px;
	background-color:#dad6cc;
	margin:0 auto;
	color:#000;
	padding-top:15px;
	font-size:18px;
	padding-bottom:40px; 
	text-align:center;
	}
.logo ul {
	list-style:none;
	padding: 0px;
}
.logo ul li {
	max-width: 285px;
    display: inline-block;
    padding:20px;
	}

.logo img {
	vertical-align:middle;
	
}

.map
{
width:300px;
height:250px; 
float:right;
}

#footer{
	background-color:#3f3b38;
	padding:10px;
	clear:both;
	color:#979797;
	font-size:11px;
	}
#footer a, #footer a:hover{
	color:#fff;
	text-decoration:none
	}
.post{
	width:570px;
	float:left;
	}
ul.services{
	margin:0 0 0 25px;
	padding:0;
	list-style: circle;
	line-height:200%;
	}
.services li{
	float:left;
	width:47%;
	}
.thumb img{
	padding:3px;
	border:1px solid #bdb8ad;
	background-color:#fff;
	}
	
.footermenu{ width:100%; height:auto; text-align:center;}

#menu1{ padding-left:90px;}
#menu1 ul{
	margin:7px 0 0 0;
	padding:0;
	list-style:none;
	}
#menu1 li{
	float:left
	}
#menu1 li a{
	margin:0 0 0 20px;
	display:block;
	text-transform:uppercase;
	font-size:11px;
	color:#fff;
	text-align:center;
	padding:6px 0 9px 0;
	width:78px;
	}
#menu1 li a:hover{
	background-image:url(images/bg-menu.png);
	background-repeat:no-repeat;
	color:#000;
	}
#menu1  li.testi a{
	width:90px;
	}
#menu1  li.testi a:hover{
	background-image:url(images/bg-testi.png);
	background-repeat:no-repeat;
	color:#000;
	}
#menu1  li.privacy a{
	width:100px;
	}
#menu1  li.privacy a:hover{
	background-image:url(images/bg-privacy.png);
	background-repeat:no-repeat;
	color:#000;
	}
.center-logo {
	max-width: 250px;
	width:100%;
    margin: auto;
	
	}
.center-logo img {
	width:100%;
	}

	
/*--responsive CSS -- */
.home-boxes {
	text-align:center; 
	padding:20px; 
	background:#DAD6CC;
	
}
.embed-container { 
     position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; 
	 }
.embed-container iframe, .embed-container object, .embed-container embed {
	 position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	 }

#nav-icon2 {
	display:none;
	}
	.wrapper{
	max-width:938px;
	width:100%;
	margin:0 auto;
	}
@media only screen and (max-width: 867px) {
#nav-icon2 {
	display:block!important;
	}
#menu {
	 display:none; 
   }
#menu1 {padding-left:0px!important;}   
#menu1 li {
    float: none;
    display: inline-block;
    text-align: center;
}
#footer .alignleft {
	display:block!important;
	    float: none;
    margin: 15px 0px 0px 0px;
    padding-top: 10px;
}
#footer .alignright {
	display:block!important;
	    float: none;
    margin: 15px 0px 0px 0px;
    padding-top: 10px;
}
#footer .facebook {
	display:block!important;
	    float: none;
    margin: 15px 0px 0px 0px;
    padding-top: 10px;
}

}
@media only screen and (max-width: 951px) {
	#slider #img  {
	max-width:100%;
	float:none;
	}
	#wel-content {
	width:90%;
	margin:auto;
	float:none;
}
.home-boxes  .left-bar {
    width: 266px;
    float: none; 
    margin: 0 0px 15px 0;
    display: inline-block;
}
.home-boxes  .right-bar {
    width: 266px;
    float: none;
    display: inline-block;
}
.post {
    width: 70%;
}
.right-bar {
    width: 26%;
}
img
{
	max-width:100%;
}
}

#slider #img img {
	width:100%;	
}
@media only screen and (max-width: 820px) {
.map {
    float: none;
    margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.post {
    width: 100%;
    float: none;
}
.right-bar {
    width: 100%;
    float: none;
	padding-top:40px;
	clear:both;
}
td, th
{
	padding:5px!important;
}
}
@media only screen and (max-width: 480px) {

#header
{
	height:120px;
}
#logo {
    width: 196px;
}
}