/* cmsms stylesheet: font modified: 06/07/16 13:07:42 */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 27, 2012 */



@font-face {
    font-family: 'FSLolaRegular';
    src: url('http://www.redstoneinteriors.co.uk/uploads/font/fs_lola-webfont.eot');
    src: url('http://www.redstoneinteriors.co.uk/uploads/font/fs_lola-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.redstoneinteriors.co.uk/uploads/font/fs_lola-webfont.woff') format('woff'),
         url('http://www.redstoneinteriors.co.uk/uploads/font/fs_lola-webfont.ttf') format('truetype'),
         url('http://www.redstoneinteriors.co.uk/uploads/font/fs_lola-webfont.svg#FSLolaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* cmsms stylesheet: default modified: 06/14/16 11:43:13 */
@charset "utf-8";
/*------------------------------------------
Created:	27 March, 2012
Author:	Adam Alexander
Contact:	adam@websitedesignglasgow.co.uk
Website:	www.websitedesignglasgow.co.uk
-------------------------------------------*/

* {
	margin: 0;
}

/*********** reset **********/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
div, p, a, li, td { -webkit-text-size-adjust:none; }
/* end reset */

body {
	font-family: 'FSLolaRegular', Verdana, Geneva, sans-serif;
	font-size:62.5%;
	color:#62635E;
	margin:0px;
	padding:0px;
}
/* ----- Generic styles ----- */

p, .rightcol ul {
	font-size: 1.3em;
	margin:0px;
	padding:0px 0px 15px;
	line-height: 1.4em;
}
.red { color: #CB283E; }
abbr {
	cursor:help;
}
.clear {
	clear:both;
}
/* ----- Anchors ----- */
	
a:link, a:visited, a:active {
	color:#CB283E;
	text-decoration:none;
}
a:hover {
	color: #666;
	text-decoration:none;
}
a.pagelink:link, a.pagelink:visited {
	text-align: right;
	display: block;
	font-size: 1.1em;
}
/* ----- Headers ----- */
h1 {
	font-family: 'FSLolaRegular', Verdana, Geneva, sans-serif;
	font-size: 2em;
	font-weight: normal;
	color: #CB283E;
	letter-spacing: 0;
	padding: 0 0 15px;
	}

h2 {
	font-family: 'FSLolaRegular', Verdana, Geneva, sans-serif;
	padding:0 0 10px;
	margin:0px;
	color:#CCC;
	font-size:3em;
}
.footer h2 { font-size: 2em; padding: 0; }
h3 {
	padding:0 0 10px;
	margin:0px;
	color:#FFF;
	font-size:1.1em;
}
h4 {
	padding:0 0 10px 0;
	margin:0px;
	color:#FFF;
	font-weight: normal;
	font-size:1.3em;
}

/**************************************Media queries******************************************/

@media all and (min-width: 1000px) {
.wrapper {
	margin: auto;
	width: 1000px;
}
.header {
	padding: 0px;
	position: relative;
	height: 130px;
}
.logo {
	padding: 20px 90px 0 0;
	float: left;
}
.leftcol {
	width: 60%;
	float: left;
}
.rightcol {
	width: 36%;
	float: right;
	border-top: #CCC 1px solid;
	padding: 15px 1%;
position: relative;
}
#menuwrapper {
	position: absolute;
	top: 68px;
	right: 0px;
	margin-top: 10px;
	text-align: right;
z-index:55555;
}
#menuwrapper ul li {
display: inline-block;
	margin: 0px;
	position: relative;
}
#menuwrapper ul li:hover ul, #menuwrapper ul li li:hover ul, #menuwrapper ul li li li:hover ul, #menuwrapper ul li li li li:hover ul {
	display:block;
}
a#pull {  
    display: none;  
}
}

/**********************************************************************************************/

@media all and (max-width: 1000px) {
.wrapper {
	margin: auto;
	width: 100%;
}
.header {
	padding: 0px;
	position: relative;
	height: 130px;
}
.logo {
	padding: 20px 0 0 10px;
	float: left;
}
.leftcol {
	width: 60%;
	float: left;
}
.rightcol {
	width: 36%;
	float: right;
	border-top: #CCC 1px solid;
	padding: 15px 1%;
position: relative;
}
#menuwrapper {
	position: absolute;
	top: 68px;
	right: 0px;
	margin-top: 10px;
	text-align: right;
z-index:55555;
}
#menuwrapper ul li {
display: inline-block;
	margin: 0px;
	position: relative;
}
#menuwrapper ul li:hover ul, #menuwrapper ul li li:hover ul, #menuwrapper ul li li li:hover ul, #menuwrapper ul li li li li:hover ul {
	display:block;
}
a#pull {  
    display: none;  
}
}


/**********************************************************************************************/

@media all and (max-width: 768px) {
.header {
	padding: 0px;
	position: relative;
text-align: center;
	height: auto;
}
.logo {
	padding: 20px 0 0;
margin: 10px auto;
	float: none;
}
.leftcol {
	width: 100%;
	float: none;
margin: 0;
}
.rightcol {
	width: 96%;
	float: right;
	border-top: none;
	padding: 15px 0;
margin: 0 2%;
position: relative;
}
#menuwrapper {
	position: static;
z-index:55555;
}
#menuwrapper ul {
padding-bottom: 10px;
text-align: center;
}

}


/**********************************************************************************************/

@media all and (max-width: 480px) {
#menuwrapper { display: none; }
#menuwrapper ul { padding: 0; }
#menuwrapper ul li {
	display: block;
	border-top: 1px #CCC solid;
}
#menuwrapper ul ul {
	display: none;
}
#menuwrapper ul li:hover ul, #menuwrapper ul li li:hover ul, #menuwrapper ul li li li:hover ul, #menuwrapper ul li li li li:hover ul {
	display:none;
}
a#pull {  
    display: block;  
}
}

/*******************************************END************************************************/

/* ----- Main Containers ----- */



.content { padding-bottom: 30px; }
.image { position: relative; }
.tel {
color: #CB283E;
font-size: 2.5em;
}
.leftcol img, .responsive {
	max-width: 100%; 
	width: 100%; 
	height: auto; 
}

.footer {
	border: #CCC 1px solid;
	border-left: none;
	border-right: none;
	padding: 10px;
margin-top: 10px;
}
.footer p {
	padding: 0;
}
.footer-right {
	float: right;
	text-align: right;
	color: #CB283E;
	font-size: 1.2em;
}
.footer-right a { color: #CB283E; }
.footer-right a:hover { color: #333; }
a.facebook:link, a.facebook:visited {
	display: inline-block;
	background: url(http://www.redstoneinteriors.co.uk/uploads/images/facebook.jpg) no-repeat top;
	width: 25px;
	height: 25px;
	margin: 0 3px 6px 0;
}
a.twitter:link, a.twitter:visited {
	display: inline-block;
	background: url(http://www.redstoneinteriors.co.uk/uploads/images/twitter.jpg) no-repeat top;
	width: 25px;
	height: 25px;
	margin: 0 3px 6px 0;
}
a.twitter:hover, a.facebook:hover {
	background-position: bottom;
}
a.siteby:link,  a.siteby:visited {
	text-align:right;
	float: right;
	width: 39%;
	color: #BDC1B2;
	padding: 4px 1% 5px 0;
font-size: 1.2em;
}
a.siteby:hover {
	color: #999;
}
.copyright {
	float: left;
	width: 59%;
	color: #BDC1B2;
	padding: 4px 0 5px 1%;
font-size: 1.2em;
}
/* ----- Navigation ----- */


.submenu { padding-bottom: 5px; }
.submenu ul li {
display: inline-block;
	margin: 0px;
	position: relative;
}
#menuwrapper ul li a:link, #menuwrapper ul li a:visited, .sechead {
	display: block;
	font-size: 1.8em;
	color: #BDC1B2;
height: 18px;
	padding: 5px 10px;
	border-left: 1px #BDC1B2 solid;
}
.submenu ul li a:link, .submenu ul li a:visited {
	display: block;
	font-size: 1em;
	color: #BDC1B2;
	padding: 0 5px;
	border-right: 1px #BDC1B2 solid;
}
#menuwrapper ul li a.currentpage:link, #menuwrapper ul li a.currentpage:visited, #menuwrapper ul li a.activeparent:link, #menuwrapper ul li a.activeparent:visited, .submenu ul li a.currentpage:link, .submenu ul li a.currentpage:visited {
	color: #CB283E;
}
#menuwrapper ul li:first-child a,  .submenu ul li:last-child a { border: none; }
#menuwrapper ul li a:hover, .submenu ul li a:hover {
	color: #CB283E;
}
#menuwrapper ul ul {
	position: absolute;
	top: 28px;
	left: 0px;
	display: none;
	text-align: left;
	border: 1px #BDC1B2 solid;
	border-top: none;
background-color: #FFF;
}
#menuwrapper ul ul li {
	padding: 0;
	width: 200px;
	display: block;
border-top: 1px #BDC1B2 solid;
}
#menuwrapper ul ul li a:link { border: none; }

a#pull {  
    background-color: #CB283E;
color: #FFF;
font-size: 1.8em;
text-align: center;
padding: 10px 1%; 
width: 98%;
}

/******************* Contact form **************************/

label { width: 110px; color: #333; text-align: left; padding: 0px 5px 0px 0px; font-size: 1.2em; float: left;}
.longdesc { padding-bottom: 10px!important; width: 100%; }

.contactform .longdesc input, .contactform .longdesc select, .contactform .longdesc textarea { margin-left: 145px!important; }
.contactform div { display: inline-block; }
.statictxt { width: 100%; font-size: 1.2em; }
.contactform div div label { width: 60px; }
.contactform div div input { width: 30px; border: none; }

.contactform div { padding: 2px 0px; }

.contactform input, .contactform textarea { background-color: #FFF; border: 1px #CCC solid; color: #333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width: 170px; padding: 1px 5px; }
.contactform textarea { font-size: 1.1em; padding: 5px; width: 170px; }
.contactform .submit { padding: 5px 0px 0px 115px; }
.contactform input.fbsubmit, .contactform input.fbsubmit_next { color: #FFF; width: 120px; background-color: #999; cursor: pointer;  }
.contactform input.fbsubmit_prev { width: 80px; margin-right: 5px; }
.contactform input.cms_checkbox { width: 20px!important; }
.error_message { display: none; background-color: #FF2200; padding: 10px; margin-bottom: 10px; color: #FFF; font-size: 1.2em; position: absolute; left: 0px; top: -30px; z-index: 1000; }
.errror { background-color: #ff2200; color: #FFF; padding: 2px; float: right; }

.loginform label { text-align: right; padding-right: 3px; }
.loginform input { width: 170px; margin-bottom: 5px; }
.loginform .submit { width: 100px; margin-left: 116px; }
.reminders { padding-left: 116px; }


#holder {
width: 400px;
margin: 100px auto 0;
text-align: center;
}
#holder img { padding: 0 0 20px; }


    .google-maps {
        position: relative;
        padding-bottom: 60%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }