/* cmsms stylesheet: default modified: 03/06/19 15:59:55 */
@charset "utf-8";
/*------------------------------------------
Created:	07 October, 2009
Author:		Adam Alexander
Contact:	adam@websitedesignglasgow.co.uk
Website:	www.websitedesignglasgow.co.uk
-------------------------------------------*/

/*********** 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;
}
body {
    line-height: 1;
}
div, p, a, li, td { -webkit-text-size-adjust:none; }
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* end reset */

body	{
	font-family:verdana, arial, helvetica, sans serif;
	font-size:62.5%;
	color:#333;
	margin:0px;
	padding:0px;
	background:#000 url(https://websitedesignglasgow.co.uk/uploads/images/background-stripe.jpg) repeat-x top;
	}

@media all and (min-width: 1000px) {

.wrapper	{
	width:980px;
	margin:0px auto;
	}	
.header	{
width: 960px;
	margin:0px auto -30px;
	padding:0px 0px 50px;
	background: url(https://websitedesignglasgow.co.uk/uploads/images/glasgow-header.png) no-repeat bottom right;
	}
.contentwrap {
	background: url(https://websitedesignglasgow.co.uk/uploads/images/content-bottom.png) no-repeat bottom center;
	padding: 0px 10px 30px;
	margin-bottom: 10px;
	}
.contentwrap2 {
	background: url(https://websitedesignglasgow.co.uk/uploads/images/content-top.png) no-repeat top center;
	padding: 30px 0px 0px;
	}
.logo {
	padding: 30px 30px 0px 30px;
	}
.leftcol {
	width: 66%;
	float: left;
	padding: 0;
	}
.leftpad {
	padding: 0 0 0 3%;
}
	
.orangeleftcol {
	background-color: #FF6600;
	width: 100%;
	padding: 10px 0px 20px 0px;
	color: #FFF;
	clear: both;
	}
	
.column {
	width: 29%;
	float: left;
	padding: 0 0 0 3%;
}
	
.rightcol {
	width: 27%;
	float: right;
	padding: 0px 3% 0px 0;
	}
.split { 
	background: #FFF url(https://websitedesignglasgow.co.uk/uploads/images/dotted-line.gif) repeat-y 68% 0px;
}
.footer	{
	margin:0px auto;
	padding:0px;
	width: 960px;
	color:#7A7A7A;
	position: relative;
	}
	
.footer .colsleft {
	float: left;
	width: 20%;
	padding: 10px 0px 20px 3%;
	}
	
.footer .colright {
	float: right;
	width: 27%;
	padding: 10px 3% 20px 0;
	}
#menuwrapper ul {
	height: 24px;
	padding: 0px 10px;
	}

#menuwrapper ul li {
	float:left;
	padding: 0px;
	margin: 0px;
}

#menuwrapper ul li a {
	background: url(https://websitedesignglasgow.co.uk/uploads/images/tableft.png) no-repeat left bottom;
	margin-right: 10px;
	display: inline-block;
	color: #333;
	font-weight: bold;
	}
#menuwrapper ul li a span {
	background: url(https://websitedesignglasgow.co.uk/uploads/images/tabright.png) no-repeat right bottom;
	display: inline-block;
	height: 16px;
	padding: 8px 15px 0px;
	margin-right: -10px;
	}
a#pull {  
    display: none;  
}
}

@media all and (max-width: 1000px) {

.wrapper	{
	width: 100%;
	margin:0px auto;
	}
.header	{
width: 100%;
	margin:0px auto -30px;
	padding:0px 0px 50px;
	background: url(https://websitedesignglasgow.co.uk/uploads/images/glasgow-header.png) no-repeat bottom right;
background-size: 100%;
	}
.contentwrap {
	background:  url(https://websitedesignglasgow.co.uk/uploads/images/content-bottom-wide.png) repeat-x bottom center;
	padding: 0px 0px 30px;
	margin-bottom: 10px;
	}
.contentwrap2 {
	background: url(https://websitedesignglasgow.co.uk/uploads/images/content-top-wide.png) repeat-x top center;
	padding: 30px 0px 0px;
	}
.logo {
	padding: 30px 30px 0px;
	}
.leftcol {
	width: 66%;
	float: left;
	padding: 0;
	}
.leftpad {
	padding: 0 0 0 3%;
}
	
.orangeleftcol {
	background-color: #FF6600;
	width: 100%;
	padding: 10px 0px 20px 0px;
	color: #FFF;
	clear: both;
	}
	
.column {
	width: 29%;
	float: left;
	padding: 0 0 0 3%;
}
	
.rightcol {
	width: 27%;
	float: right;
	padding: 0px 3% 0px 0;
	}
.split { 
	background: #FFF url(https://websitedesignglasgow.co.uk/uploads/images/dotted-line.gif) repeat-y 68% 0px;
}
.footer	{
	margin:0px auto;
	padding:0px;
	width: 100%;
	color:#7A7A7A;
	position: relative;
	}
	
.footer .colsleft {
	float: left;
	width: 47%;
	padding: 10px 0px 20px 3%;
	}
	
.footer .colright {
	float: right;
	width: 47%;
	padding: 10px 0 20px 3%;
	}
#menuwrapper ul {
	height: 24px;
	padding: 0px;
	}

#menuwrapper ul li {
	float:left;
	padding: 0px;
	margin: 0px;
}

#menuwrapper ul li a {
	background: url(https://websitedesignglasgow.co.uk/uploads/images/tableft.png) no-repeat left bottom;
	margin-right: 10px;
	display: inline-block;
	color: #333;
	font-weight: bold;
	}
#menuwrapper ul li a span {
	background: url(https://websitedesignglasgow.co.uk/uploads/images/tabright.png) no-repeat right bottom;
	display: inline-block;
	height: 16px;
	padding: 8px 15px 0px;
	margin-right: -10px;
	}
a#pull {  
    display: none;  
}
}

@media all and (max-width: 480px) {

.logo {
	max-width: 90%; 
	width: 90%;
	height: auto; 
padding: 5%;
}
.header	{
width: 100%;
	margin:0px auto;
	padding:0 0 20px;
	background: url(https://websitedesignglasgow.co.uk/uploads/images/glasgow-header.png) no-repeat bottom right;
background-size: 100%;
	}
.leftcol {
	width: 100%;
	float: left;
	padding: 0;
	}
.leftpad {
	padding: 0 3%;
}
.column {
	width: 94%;
	float: left;
	padding: 0 3%;
}

.rightcol {
	width: 94%;
	float: right;
	padding: 0px 3% 0px;
	}
.split { 
	background: none;
}
.footer .colsleft {
	float: left;
	width: 94%;
	padding: 10px 3% 20px 3%;
	}
	
.footer .colright {
	float: right;
	width: 94%;
	padding: 10px 3% 20px 3%;
	}
#menuwrapper {
display: none;
	}

#menuwrapper ul {
	height: auto;
	padding: 0px;
	}

#menuwrapper ul li {
	float:none;
	padding: 0px;
	margin: 0px;
border-bottom: 1px #CCC solid;
}

#menuwrapper ul li a {
	background: #fff none;
	margin: 0;
	display: block;
	color: #333;
	font-weight: bold;
	}
#menuwrapper ul li a span {
	background: none;
	display: block;
	height: 16px;
	padding: 8px 3% 0px;
	margin-right: 0px;
	}
a#pull {  
    display: block;  
}
}
	
/* ----- Generic styles ----- */

p	{
	font-size: 1.2em;
	margin:0px;
	padding:0px 0px 12px;
	line-height: 1.4em;
	}
.social p {
padding: 0 0 2px;
font-weight: bold;
}
.addthis_sharing_toolbox {
padding-bottom: 5px; }
abbr	{
	cursor:help;
	}
	
.clear	{
	clear:both;
	}
.quotee {
	display:block;
	font-style:italic;
	text-align: right!important;
	}
.sitemap { font-size: 1.4em; }
.sitemap ul, .sitemap ul li {
padding: 10px;

}

/* ----- Anchors ----- */
	
a:link, a:visited, a:active	{
	color:#333;
	text-decoration:none;
	}
	
a:hover	{
	color:#666;
	text-decoration:none;
	}
	
.footer a:link, .footer a:visited { color: #7A7A7A;	}
	
.footer a:hover { color: #CCC; }
	
a.pagelink:link, a.pagelink:visited {
	color: #FF6600;
	font-weight:bold;
	text-align: right;
	display: block;
	}

a.pagelink:hover { color: #666666; }

.orangeleftcol a:link, .orangeleftcol a:visited { color: #FFF; }
.orangeleftcol a:hover { color: #CCC; }

a.blocklink:link, a.blocklink:visited {
	background-color: #FF6600;
display: inline-block;
padding: 10px 20px;
color: #FFF;
	font-weight:bold;
font-size: 1.4em;
	text-align: center;
text-transform: uppercase;
	display: block;
	}

a.blocklink:hover { background-color: #FF812D; }

/* ----- Headers ----- */

h1	{
	font-family: 'Cuprum', Arial, sans-serif;
	padding:0px 0px 10px;
	margin:10px 0px;
	color: #FF6600;
	font-size:2.2em;
	font-weight: normal;
	}
	
h2	{
	padding:10px 0px;
	margin:0px;
	color:#333;
	font-size:1.4em;
	}
.orangeleftcol h2 {
	color: #FFF;
}
.footer h2 {
	font-family: 'Cuprum', Arial, sans-serif;
	padding: 0px 0px 10px 0px;
	color:#993D00;
	font-size:1.6em;
	font-weight: normal;
	}
	
h3	{
	font-family: 'Cuprum', Arial, sans-serif;
	padding:0px 0px 10px;
	margin:10px 0px;
	color: #FF6600;
	font-size:2.2em;
	font-weight: normal;
	}
	
/* ----- Main Containers ----- */

.content {
	background-color: #FFFFFF;
	padding-top: 15px;
	}
.slide { position: relative; }
.minheight {
	min-height: 400px;
}
	

/* ----- Content divs ----- */




.footer ul li { padding-bottom: 3px; }
	
p.testimonial {
	margin-top: 30px;
	padding: 0px 0px 12px 14px;
	font-size: 1.2em;
	background: url(https://websitedesignglasgow.co.uk/uploads/images/open-quote.gif) no-repeat top left;
	}
	
.newsitem {
	padding: 15px 0px 0px;
	clear: both;
	}
.newsitem img {
	float: left;
	padding-right: 15px;
	}	
	
.newsitem .date {
	font-size: 0.9em;
	color: #999;
	}
	
.portfoliocontrol img {
	padding: 5px;
	margin: 0px;
	}
	
ul.inline {
	padding: 0px 0px 10px 0px;
	list-style: circle;
	margin-left: 0px; 
	}
	
ul.inline li { 
	font-weight: bold;
	padding: 0px 0px 5px 10px;
	margin-left: 30px;
	width: 170px;
	display: inline-block;
	 }
	
/* ----- Navigation ----- */


	
#menuwrapper ul li a:hover {
	background-position: left top;
	color: #666;
	}
#menuwrapper ul li a.menuactive {
	background-position: left top;
	color: #FF6600;
	}
	
#menuwrapper ul li a span:hover, #menuwrapper ul li a.menuactive span {
	background-position: right top;
	}

a#pull {  
	background-color: #FFF;
	color: #ff6600;
	font-size: 1.4em;
	padding: 10px 3%; 
	width: 94%;
border-bottom: 1px #CCC solid;
}
	
ul.footernav {
	padding: 5px 0px 0px 100px;
	}
	
ul.footernav li {
	display: inline;
	padding: 5px 15px;
	}
	
ul.footernav li a {
	color: #999;
	}
	
ul.footernav li a:hover {
	color: #ccc;
	text-decoration: underline;
	}

.pwdd { position: absolute; right: 10px; top: 10px; }


/************ accordion ******************/

#list a {
	font-weight: bold;
	display: block;
	margin: 10px 0px;
	cursor: pointer;
	}
	
	
/************ pagination ******************/
	
.pagination {
    font-size: 80%;
	float: right;
}
        
.pagination a {
    text-decoration: none;
	border: solid 1px #AAE;
	color: #F60;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
	min-width:1em;
	text-align:center;
}

.pagination .current {
    background: #F60;
    color: #fff;
	border: solid 1px #AAE;
}

.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
}

		
/********************** Form *******************************/

label, .captchatext { 
	width: 25%; 
	color: #666; 
	text-align: right; 
	padding: 4px 1% 0px 0px; 
	font-size: 1.1em; 
	float: left;
}
.contactform { 
	position: relative; 
	padding-top: 10px; 
	z-index: 1;
}
.contactform div { 
	padding: 2px 0px; 
	text-align: left; 
}
.contactform div div { 
	display: inline-block; 
}
.contactform div div label { 
	width: 60px; 
	text-align: right; 
	padding-right: 0; 
}
.contactform div div input {
	width: 20px; 
	border: none; 
}
.contactform input, .contactform textarea { 
	background-color: #FFF; 
	border: none; 
	color: #666; 
	font-family: 'Roboto Slab', sans-serif; 
	font-size: 1.2em; 
	width: 60%; 
	padding: 2px 5px; 
	border: 1px #ccc solid; 
}
.contactform textarea { 
	padding: 5px; 
	height: 120px; 
}
.contactform .submit { 
	padding: 5px 0px 0px 26%; 
}
.contactform input.fbsubmit { 
	width: 80px; 
	margin-right: 5px; 
background-color: #30B0B5;
color: #FFF;
border: none;
cursor: pointer;
}
.contactform input.cms_checkbox { 
	width: 5px!important; 
}
.error_message { 
	background-color: #FF2200; 
	padding: 10px; 
	margin-bottom: 10px; 
	color: #FFF; 
	font-size: 1.2em; 
}
.errror { 
	color: #ff2200; 
	padding: 2px 0 0 26%; 
}
.errrror { 
	background-color: #ff2200; 
	color: #FFF; 
	padding: 2px; 
	width: 208px; 
	display: block; 
	margin-left: 205px; 
}

.captcha img {  
	padding: 0 0 5px; 
}
.captcha input { 
	margin: 0 0 0 26%; 
	width: 145px; 
	display: block; 
}
/****************************News *****************************/

.newsimg {
float: left;
padding: 5px 10px 5px 0;
}
.NewsSummaryPostdate, #NewsPostDetailDate { 
color: #CCC; 
padding: 0 0 3px;
}

.NewsSummary {
clear: both; 
padding: 5px 0;
border-bottom: #EEE 1px solid;
}
.NewsSummary h2 {
font-size: 1.3em; 
padding: 5px 0;
}
.summary li {
border-bottom: 1px #CCC solid;
}
.summary li a:link, .summary li a:visited {
display: block;
padding: 10px;
font-size: 1.2em;
}


/********************************* Portfolio *******************************/

    #owl-demo .item{
      margin: 0 10px;
    }
    #owl-demo .item img{
      display: block;
      width: 100%;
      height: auto;
    }

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

#portfoliocube img { 
	max-width: 30%; 
	width: 30%;
	height: auto; 
padding: 1%;
}
.portfolioimg {
	max-width: 100%; 
	width: 100%;
	height: auto; 
padding-bottom: 20px;
}