@font-face {
    font-family: "CenturyGothic";
    src: url(https://www.srdarlowbuilding.co.uk/fonts/GOTHIC.TTF);
}

@import url(http://fonts.googleapis.com/css?family=Handlee);


/*TURNS OFF COMMENTS ARE CLOSED TEXT*/
.format_text .to_comments {display: none;}

body { background:#FFFFFF url(https://www.srdarlowbuilding.co.uk/images/site-bkg.jpg) repeat-x; margin: 0 0px 0 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px;}


/*CUSTOM HEADER SPACING*/
.custom #header { border: 0;
height:100px;
width:980px;
margin: 0 0px 0 0px;
padding-top:0;
padding-bottom:0;
padding-right: 0px; 
padding-left: 0px;
}

/*ADDS A CUSTOM CONTAINER */
.custom #container { width: 980px; min-height:100%; margin: 0 auto; background:transparent url("https://www.srdarlowbuilding.co.uk/images/container-bkg.png") repeat;}

/*ADDS A CUSTOM PAGE BACKGROUND */
.custom #page { background:transparent url("https://www.srdarlowbuilding.co.uk/images/page-bkg.png") bottom no-repeat;}

.custom #column_wrap { width: 920px}
.custom #content { background: none; width: 608px; float: right; margin: 0 0px 0 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px;}
.custom #sidebars { width: 312px; border: 0; float: left; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; }
.custom #sidebar_1 { border: 0;  width: 312px; center top repeat-y; border: 0px; float: left; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; }
.custom #sidebar_2 { float: left; border: 0; width: 60px; center top repeat-y; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; }
.custom .sidebar ul.sidebar_list { border: 0; padding-top: 0px; padding-right: 0px; padding-left: 0px; }
.custom .sidebar { }
#column_wrap .sidebar ul.sidebar_list { border: 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; }
.custom .post_box { border: 0px; width: 608px; float: right; margin: 0 0px 0 0px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px;}


/*CUSTOM FOOTERR SPACING*/
.custom #footer { border: 0; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; list-style-position : outside; }

/* MENU STYLES */

.custom #menu-main-menu  {
border: 0px;
z-index:10;
background: none;
text-transform: lowercase; 
width: 220px;

}
.custom #menu-main-menu li {
	float: none;
	position: static;
	margin-bottom:0;
width: 220px;
background: none;
border:0px;
text-transform: lowercase; 

}

.custom #menu-main-menu li a {
font-family: "CenturyGothic";
font-size:16px;
float: none;
	position: static;
	margin-bottom:0;
width: 220px;
background: none;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	background-image: url(https://www.srdarlowbuilding.co.uk/images/menu-divide.png);
	background-repeat: no-repeat;
	background-position: 0px 34px;

text-transform: lowercase; 
padding-left:0px;
padding-right:20px;
padding-top:0px;
padding-bottom:30px;
}

#menu-main-menu .current-menu-item a, #menu-main-menu .current_page_item a, #menu-main-menu a:hover {
	background: #none;
border:0px;
text-transform: lowercase; 
}

.custom #menu-main-menu ul, .custom #menu-main-menu ul li, .custom #menu-main-menu ul a {
	width:auto; background: none;
text-transform: lowercase; 
}


/* WIDGET STYLES */
.custom li.widget { margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; border: 0px;
}


/* TEXT STYLES */

.spacer {
line-height: 40px;
}
.sidetestimonials {
font-family: 'Handlee', sans-serif, Arial;
font-weight: 400;
font-size: 16px;
color: #06178E;
line-height: 24px;

}

.sidetestimonials A:link {
font-family: 'Handlee', sans-serif, Arial;
font-weight: 400;
font-size: 16px;
color: #EF0A22;
line-height: 24px;

}

.sidetestimonials A:active {
font-family: 'Handlee', sans-serif, Arial;
font-weight: 400;
font-size: 16px;
color: #EF0A22;
line-height: 24px;

}

.sidetestimonials A:visited {
font-family: 'Handlee', sans-serif, Arial;
font-weight: 400;
font-size: 16px;
color: #EF0A22;
line-height: 24px;

}

.sidetestimonials A:hover {
font-family: 'Handlee', sans-serif, Arial;
font-weight: 400;
font-size: 16px;
color: #EF0A22;
line-height: 24px;

}

.photosubtext {
font-family: Arial;
font-weight: 400;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
.photosubtext A:link {
font-family: Arial;
font-weight: 400;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
.photosubtext A:active {
font-family: Arial;
font-weight: 400;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
.photosubtext A:visited {
font-family: Arial;
font-weight: 400;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
.photosubtext A:hover {
font-family: Arial;
font-weight: 400;
font-size: 11px;
color: #FFFFFF;
text-decoration: underline;
}

/* DIV STYLES */

#left-menu {
	background: none;	
	position:relative;
	width:312px;
	height:305px;
	left: 0px;
	top: 0px;
	visibility: visible;
	z-index: 1;
}
#left-menu-01 {
	background : none;
	position:absolute;
	width: 15px;
	height: 305px;
	left: 10px;
	top: 0px;	
	visibility: visible;
	z-index: 0;
	}
	
#left-menu-02 {
	background : none;
	position:absolute;
	width: 222px;
	height: 305px;
	left: 25px;
	top: 0px;	
	visibility: visible;
	z-index: 0;
	}


#photobox {

background: url(https://www.srdarlowbuilding.co.uk/images/photo-feat-bkg.jpg);
position:relative;
    float: right;
    clear: both;
left: 26px;
margin-left: -20px;
    border:0px;
    height:337px; 
width:287px;
padding-top:0px;
padding-bottom:0px;
padding-right: 0px; 
padding-left: 0px;
}

#photoboxleft {
	background: none;	
	position:absoloute;
	width:24px;
	height:207px;
	left: 0px;
	top: 105px;
	visibility: visible;
	float:left;
overflow:hidden;
	z-index: 1;
}

#photoboxright {
	background: none;	
	position:absoloute;
	width:26px;
	height:207px;
	left: 261px;
	top: 105px;
float:right;
	z-index: 1;
}
#phototext {
	background: none;	
	position:absoloute;
	width:235px;
	height:27px;
	left: 24px;
	top: 180px;
    clear: both;
	float:left;	
overflow:hidden;
	z-index: 40;
}
#photoimage {
	background: none;	
	position:absoloute;
	width:235px;
	height:207px;
	left: 24px;
	top: 105px;
	float:left;
overflow:hidden;
	z-index: 1;
}
#photobottom {
	background: none;	
	position:absoloute;
	width:287px;
	height:25px;
	left: 0px;
	top: 312px;
	float:right;
overflow:hidden;
	z-index: 1;
}