/* CSS Document */

body{
font:15px/1.5 arial, Heavetica,sans-serif;
padding:0;
margin:0;
background-color:#f4f4f4;
}
.container{
width:80%;
margin:auto;
overflow:hidden;
}
ul{
margin:0;
padding:0;

}
.button_1{
height:38px;
background:#e8491d;
border:0;
padding-left:20px;
padding_right:20px;
color:#ffffff;
}
.dark{
padding:15px;
background:#35424a;
color:#ffffff;
margin-top:10px;
margin-bottom:10px;
}

/*headeer */
header{
background:#35424a;
color:#ffffff;
padding-top:30px;
min-height:70px;
border-bottom:#e8491d 3px solid;
}
header a{
color:#ffffff;
text-decoration:none;
text-transfrom:uppercase;
font-size:16px;
}
header ul{
margin:0;
padding:0;
}
header li{
folad:left;
display:inline;
padding:0 20px 0 20px;
}
header #branding{
float:left;
}
header #branding h1{
margin:0;
}
header nav{
float:right;
margin-top:10px;
}
header .highlight, header .current a{
color:#e8491d;
font-weight:bold;
}
header a:hover
{
color:#cccccc;
font-weight:bold;
}
/*showcase */
#showcase{
min-height:400px;
background:url(showcase.jpg) no-repeat 0 -100px;
text-align:center;
color:#ffffff;
}
#showcase h1{
margin-top:100px;
font-size:55px;
margin-bottom:10px;

}
#showcase p{
font-size:20px;
}
#newsletter{
padding:15px;
color:#ffffff;
background:#35424a;
}
#newsletter h1{
float:left;
}
#newsletter form{
float:right;
margin-top:15px;
}
#newsletter input[type="email"]{
padding:4px;
height:25px;
width:250px;
}

/*Boxes */
#boxes{
margin-top:20px;
}
#boxes .box{
float:left;
text-align:cneter;
width:30%;
padding:10px;
}
#boxes .box img{
width:90px;
}
/*sidebar */
aside#sidebar{
float:right;
width:30%;
margin-top:10px;
}
/*main-col */
article#main-col{
	float:left;
	width:65%;
}
aside#sidebar .quote input,aside#sidebar .quote  textarea{
width:90%
padding:5px;
}

/*main-col */
article#main-col{
fload:left;
width:65%;
}
/*service */
ul#services li{
list-style:none;
padding:20px;
border:#ccccc soldi 1px;
margin-bottom:5px;
background:#e6e6e6;
}
/*contact */
aside1#sidebar1{
float:left;
width:65%;
margin-top:10px;
}
/*end contact */

footer{
padding:20px;
margin-top:20px;
color:#fffff;
background-color:#e8491d;
text-align:center;
}
/*Media queries */
@media(max-width:768px){
header #branding,
header nav, 
header nav li
#newsletter h1,
#newsletter form,
#boxes .box,
article#main-col,
aside#sidebar
{
float:none
text-align:center;
width:100%;
}
header{
padding-bottom:20px;
}
#showcase h1{
margin-top:40px;
}
#newsletter button, .quote button{
display:block;
width:100%;
}
#newsletter form input[type="email"],.quote input, .quote textarea{
width:100%;
margin-buttom:5px;
}
}