/*
Theme Name:     cakes
Theme URI:      http://www.gf-roofing-contractors.co.uk
Description:    cakes
Author:         David
Author URI:
Template:       twentytwelve
Version:        1
*/


.footer_inner{ width:960px;  margin:0 auto; text-align:center;}

.footer_inner ul { margin:0; padding:0}

.footer_inner ul li{ list-style:none; display:inline; margin:0; padding:0; font-size:11px; margin-left:5px; margin-right:5px}

.footer_inner ul li a{ color:#797979; text-decoration:none}

.footer_inner ul li a:hover{ color:#ccc; text-decoration:none}

.social {text-align: center;float:center;width:400px;display:inline-block;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;}



.middly {width:960px;height:auto;padding-top:15px;background-color:#fce2ed;}
.middly2 {width:960px;height:auto;padding-bottom:10px;background-color:#fce2ed;}

.lefty {width:660px;float:left;height:auto;}
.box1000{ border:1px solid #acaea6; padding:10px; margin-bottom:20px; width:937px;height:auto;}
.box100{ border:1px solid #acaea6; padding:10px; margin-bottom:20px; width:637px;height:auto;}
.box200{ width:290px;float:right;height:auto;margin-top:30px;}

.container .footer_container .footer_inner p {
	font-size: 10px;
}


.container .footer_container .footer_inner ul li a span {
	color: #411F28;
}
.container .footer_container .footer_inner p {
	color: #411F28;
}
.container .content h2 {
	color: #411F28;
	padding-left: 10px;
}


.container .menus .nav-wrap .button a {
	padding-top: 5px;
	padding-bottom: 5px;
}

.one {width:310px; height:350px;float:left;}
.two {width:310px; height:350px;float:left; margin-left:10px;margin-right:10px;}

.container .content .middly p {
	font-size:1em;color:#666;font-family: Arial, Helvetica, sans-serif;
	
}

.container .content .middly ul li {
	font-size:1em
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	
}

.boxes {
	
	padding-bottom: 10px;
	margin-right: 14px;
width:145px;
height:185px;
float:left;
}

.boxes1 {
	
	padding-bottom: 10px;float:left;width:145px;
height:185px;
	
}

.boxes2 {
	
	padding-left: 10px;margin-right: 14px;
padding-bottom: 10px;float:left;width:145px;
height:185px;
	
}
.middly ul li {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

.container .content .middly .three h3 {
	color: #9D3939;
}
.container .content .middly .three p em {
	font-size: 0.9em;
}

img.center { display: block; margin-left: auto; margin-right: auto; }

.three {width:300px;float:left;height:auto;margin-top:30px;}
.midthree {width:300px;margin-left:25px;margin-right:25px;margin-top:30px;float:left}
.container .content .middly h3 {
	color: #952C2E;
}
.container .content .middly ul li a span {
	color: #411F28;
}
.container .content .middly p span span {
	color: #9E3C3F;
}

img {border:0;}.container .content .middly p span {
}

.down {
	margin-bottom: 140px;
}


.l {width:700px;float:left;height:auto;}
.r {width:240px;float:left;height:auto;margin-left:20px;}
.pay {
	margin: 0px;
}
.three1 {width:500px;float:left;height:auto;margin-top:30px;}
.three2 {width:200px;float:left;height:auto;margin-top:30px;}
.midthree1 {width:200px;margin-left:25px;margin-right:25px;margin-top:30px;float:left}

.pays {height:70px;}.container .content .middly .three p span a {
	color: #006;
}
.container .content .middly table {
}
.container .content .middly .table {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}


.table {width:650px;height:auto;}


.leftside {width:400px;height:auto;float:left;}

.rightside {width:500px;height:auto;float:left;margin-left:30px;}.container .content .middly .leftside p a {
	color: #00F;
}

.form {
    padding: 30px;
   
    border: 1px solid #bbb;
/*
    box shadow optional and looks best ontop of a textured background
*/
    -moz-box-shadow: 0 0 10px #bbb;
    -webkit-box-shadow: 0 0 10px #bbb;
    box-shadow: 0 0 10px #bbb;
}
.form p {
    margin: 10px 0;
    font-size: 14px;
    color: #404040;
}
/*
    h2 tag is optional, if you do use this you are going to need to put the follow line in the header of your html
<link href="http://fonts.googleapis.com/css?family=Raleway:100" rel="stylesheet" type="text/css">
*/
.form h2, .form h3, .form h3, .form h4, .form h4, .form h5, .form h6 {
    margin: 0 0 30px 0;
    padding: 0 0 0 0px;
    color: #888;
    border-bottom: 1px solid #d0d0d0;
    font-family: 'Raleway', arial, serif
}
.form fieldset {
    padding: 10px;
    border: 1px solid #d0d0d0;
	background-color: #f1e3f0;
}
.form legend {
    padding: 0 6px;
}
.form hr {
    background-color: #f1e3f0;
    border: 0;
    color: #d0d0d0;
    height: 1px;
}
.form input, .form textarea {
    padding: 4px;
    background: #fff;
    background-color: #f1e3f0;

    outline: none;
}
.form input:focus, .form textarea:focus {
    border: 1px solid #516527; /*Change color to fit theme of your site*/
	background-color: #f1e3f0;
}
input[type=button], input[type=submit], input[type=reset] {
    display: inline-block;
    background: #d0d0d0 url("../images/btn.bg.png") repeat-x 0px 0px;
    padding:5px 10px 6px 10px;
    font-weight:bold;
    border:1px solid #888;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 0 0 3px #888;
    -webkit-box-shadow: 0 0 3px #888;
    box-shadow: 0 0 3px #888;
    text-shadow: 1px 1px &35;fff;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover {
    background:#e0e0e0 url("../images/btn.bg.png") repeat-x 0px 0px;
    color: #516527; /*Change color to fit theme of your site*/
    cursor: hand;
    cursor: pointer;
}.container .content .leftcon h2 {
	color: #28BA4E;
}
.content .middly .image h2 {
	color: #2F2627;
}
.container .content .middly p a {
	color: #066;
}
.container .content .middly img {
	margin-top: 0px;
}
.marg {
	margin-top: 15px;
	padding-top: 15px;
}

.content .middly .middly .table table tr td p strong {
	margin-right: 20px;
	margin-left: 60px;
	margin-top: 5px;
	padding-top: 15px;
}
.container .content .middly ul li a {
	color: #883B41;
}
.container .content .middly ul li strong {
	color: #3C3234;
}
.container .content .middly ul li {
	line-height: 22px;
text-align:justify;padding-right:10px;
	
}
.names2 {
	color: #ff0000;
}
.container .content .middly .l .names2 {