/*You do not have the rights to edit this file without express permission from Pretty Klicks*/
/*Made by Pretty Klicks*/
/*Copyright of Pretty Klicks 2010-11*/
@charset"UTF-8";a:hover, a:active, a:focus{outline:none;-moz-outline-style:none;}
::selection {background: #f2bbbb; /* Safari */}
::-moz-selection {background: #f2bbbb; /* Firefox */}
img a:hover, img a:active, img a:focus{outline:none;-moz-outline-style:none;}
body{text-align:center;font-family:"Lucida Sans Unicode","Lucida Grande", sans-serif;color:#555;font-size:12px;padding:0px;margin:0px;background:#fff;}
a img{border:none;background:none;outline:none;vertical-align:top;}
img{border:none;outline:none;}
h1{font-size:22px;font-weight:normal;margin:0px 8px 12px 0px;padding:0px;color:#d73636;}
h2 span{color: #d73636;}
h2{font-size:16px;font-weight:normal;margin:0px 8px 12px 0px;padding:0px;color:#555;}
h4{font-size:20px;font-weight:normal;margin:30px 0px;color:#555;padding:0px;width:700px;}
h5{font-size:12px;}
/*clearfix*/
/* float clearing for IE6 */
* html .clearfix{height: 1%;overflow: visible;}

/* float clearing for IE7 */
*+html .clearfix{min-height: 1%;}

/* float clearing for everyone else */
.clearfix:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;font-size: 0;}
.clear{clear: both;}
.right{float: right;}
.left{float: left;}
#header{width:960px;padding:0px;margin:20px auto 30px auto;text-align:left;}
#menuback{width:100%;height:70px;background:#ddd;background-image:url(../images/inputnoise.png);background-repeat: repeat;border-top:#999 1px solid;border-bottom:#999 1px solid;-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 3px;box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 3px;-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 3px;}
#wrapper{width:960px;padding:0px;margin:10px auto;height:1%;text-align:left;}
#logo{background:url(../images/web-design-glasgow.jpg) no-repeat top left;width:300px;height:59px;float:left;margin:0px;padding:0;}
#details{background:url(../images/web-design.jpg) no-repeat top left;width:200px;height:70px;float:right;margin:0px;padding:0;}
#help{width:163;height:70px;float:right;margin:0px;padding:0;}
a.livehelp{border: 0 !important;text-decoration: none !important;display: block;}
#main{width:960px;height:1%;text-align:left;margin:0px auto;}
#rightcol{position:relative;width:238px;float:right;border-right:#ccc 1px solid;border-left:#ccc 1px solid;border-bottom:#ccc 1px solid;margin:30px 0px 40px 0px;padding:34px 0px 5px 0px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;}
#leftcol{width:354px;float:left;margin:30px 0px 0px 0px;}
.rightdot{border-right:#ccc 1px dotted;}
.leftdot{border-left:#ccc 1px dotted;}
#middlecol{width:355px;float:left;margin:30px 0px 0px 0px;}
.content .seemore, .contentlft .seemore{margin:12px 0px 0px 0px;float:right;}
.content .button{margin:2px 0px 0px 8px;float:left;}
#mainleft .button{float:left;margin:8px 0px;}
#mainleft .button2{float:left;margin:25px 0px;}
#slider1 #slider1Content .slider1Image .seemore{margin:15px 0px 0px 0px;z-index:99;}
.content .seemore a:link, .content .seemore a:visited, .contentlft .seemore a:link, .contentlft .seemore a:visited, #slider1 #slider1Content .slider1Image .seemore a:link, #slider1 #slider1Content .slider1Image .seemore a:visited, .content .button a:link, .content .button a:visited, #mainleft .button a:link, #mainleft .button a:visited, input.submit{background:#ddd;color:#333;padding:5px 7px;border:none;font-size:11px;text-shadow:#eee 0px 1px;-moz-border-radius:8px;-webkit-border-radius:8px;text-decoration:none;display:inline-block;cursor:pointer;}
.content .seemore a:hover, .contentlft .seemore a:hover, #slider1 #slider1Content .slider1Image .seemore a:hover, .content .button a:hover, #mainleft .button a:hover, input.submit:hover{background:#ccc;border:#999 1px solid;padding:4px 6px;color:#444;}
#main #mainleft .button2 a:link, #mainleft .button2 a:visited{font-size:16px !important;background:#f2bbbb;background-image:url(../images/inputnoise.png);background-repeat: repeat;color:#333;width:500px;border:#d73636 1px solid !important;padding:8px;text-align:center;border:none;font-size:12px;text-shadow:#eee 0px 1px;-moz-border-radius:8px;-webkit-border-radius:8px;text-decoration:none;display:inline-block;font-weight:bold;}
#main #mainleft .button2 a:hover{background:#e78c8c;border:#d73636 1px solid !important;color:#333;text-shadow: none;-webkit-box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 2px;box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 2px;-moz-box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 2px;}
.contentlft{padding:10px 10px 10px 0px;}
.content{padding:10px;}
.content a:link, .content a:visited, .contentlft a:link, .contentlft a:visited, #mainleft a:link, #mainleft a:visited, #rightcol .news a:link, #rightcol .news a:visited, #rightcol .packages a:link, #rightcol .packages a:visited{font-family:"Lucida Sans Unicode","Lucida Grande", sans-serif;font-size:12px;color:#555;text-decoration:none;border-bottom:#d73636 1px dotted;}
.content a:hover, .contentlft a:hover, #mainleft a:hover, #rightcol .news a:hover, #rightcol .packages a:hover{background:#f2bbbb;color:#d73636;text-decoration:none;border-bottom:none;}
.content a:active, .contentlft a:active{font-size:12px;color:#555;}
.talent{background:url(../images/web-design-talent.jpg) no-repeat top left;width:247px;height:34px;position:absolute;left:-1px;top:0px;z-index:99;border-left:#ccc 1px solid;}
.search{background:url(../images/portfolio_search.jpg) no-repeat top left;width:247px;height:34px;position:absolute;left:-1px;top:0px;z-index:99;border-left:#ccc 1px solid;}
.work{padding:10px;margin:0px;border-top:#fff 1px solid;border-bottom:#ccc 1px solid;color:#777;}
.col1{background:#f9f9f9;}
.col2{background:#f5f5f5;}
.work:hover{background:#e3e3e3;border-top:#999 1px solid;border-bottom:#999 1px solid;background-image:url(../images/inputnoise.png);background-repeat: repeat;}
.work .title{margin:0px 0px 8px 0px;}
.work .title a:link, .work .title a:visited{font-size:12px;color:#555;text-decoration:underline;}
.work .title a:hover{color:#d73636;text-decoration:none;}
#rightcol .morework{padding:10px;}
#rightcol .morework a:link, #rightcol .morework a:visited{color:#555;border-bottom:#d73636 1px dotted;text-decoration:none;}
#rightcol .morework a:hover{background:#f2bbbb;color:#d73636;text-decoration:none;border-bottom:none;}
#nav-menu{width:960px;margin:12px auto 0px auto;padding:0px;height:60px;z-index:9999;}
#nav-menu ul{list-style:none;z-index:9999;}
#nav-menu li{list-style:none;float:left;margin:0px;padding:0px 15px;border-right:#b3b3b3 1px solid;border-left:#e5e5e5 1px solid;position:relative;z-index:9999;}
#nav-menu li a{display:block;color:#555;font-size:14px;text-decoration:none;text-align:left;padding:5px 0px 8px 0px;}
#nav-menu li .info{color:#666;font-size:10px;text-decoration:none;text-align:left;padding:0px;}
#nav-menu li a:hover{color:#d73636;text-decoration:none !important;}
#nav-menu li:first-child{border-left: 0;}
#nav-menu li:last-child{border-right: 0;}
body#home #nav-menu li a.home, body#web #nav-menu li a.web, body#seo #nav-menu li a.seo, body#market #nav-menu li a.market, body#design #nav-menu li a.design, body#portfolio #nav-menu li a.folio, body#contact #nav-menu li a.contact{color:#d73636;display:block;font-size:14px;text-decoration:none;text-align:left;padding:5px 0px 8px 0px;}
.rt{float:right;height:1%;}
.lft{float:left;height:1%;}
.clear{clear:both;height:1%;}
#nav-menu ul.subnav{list-style:none;position:absolute;left:8px;top:25px;background:#eee;margin:0;padding:0;display:none;float:left;border:1px solid #ccc;border-top:none !important;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;box-shadow: rgba(0, 0, 0, 0.7) 0 3px 5px;-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 5px;-moz-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 5px;z-index:9999;}
#nav-menu ul.subnav li{margin:0;padding:3px 10px;border:none;clear:both;width:100px;}
#nav-menu ul.subnav li:hover{background:#fff;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;}
#nav-menu ul.subnav li a{font-size:12px;color:#555;}
#nav-menu ul.subnav li a:hover{color:#333;}
#slider1{width:700px;height:200px;position:relative;overflow:hidden;float:left;margin:30px 18px 10px 0px;padding:0px;border:#ccc 1px solid;}
#slider1Content{width:700px;position:absolute;top:0px;margin:0px;padding:0px;}
.slider1Image{float:left;position:relative;display:none;padding:0px;margin:0px;}
.slider1Image span{position:absolute;font:10px/15px"Lucida Sans Unicode","Lucida Grande", sans-serif;padding:10px 13px;width:674px;background-color:#000;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;color:#fff;display:none;margin:0px;}
.right{right:0px;bottom:0px;width:160px !important;height:186px;}
#slider1 .sliderTitle{font-size:20px;}
#bottom{width:960px;}
.botinfo{margin:30px 0px;width:319px;float:left;background:#f5f5f5;position:relative;height:155px;-webkit-box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 0px;box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 0px;-moz-box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 0px;}
.botinfo .head{color:#444;background:#ddd;height:22px;font-size:14px;padding:8px 0px 0px 10px;margin:0px 0px 8px 0px;text-shadow:#fff 0px 1px;}
.designend{background:url(../images/design_end.jpg) no-repeat top;width:8px;height:39px;z-index:99;position:absolute;top:0px;right:-8px;}
.emailicon{background:url(../images/email_16.png) no-repeat center left;height:16px;padding:0px 0px 0px 20px;}
.phoneicon{background:url(../images/phone_16.png) no-repeat center left;height:16px;padding:0px 0px 0px 20px;margin:0px 0px 8px 0px;}
#footer{-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;background:#fff;border:#ccc 1px solid;padding:0px;height:210px;margin:0px;}
.copy{color:#aaa;font-size:10px;margin:3px 0px 30px 3px;}
#footer h2{margin:10px 0px 0px 10px;}
#footer ul.footer{list-style:none;width:110px;padding:10px;float:left;margin:0px;}
#footer ul.footer li{list-style:none;padding:2px 0px;margin:0;}
#footer ul.footer li a{font-size:12px;color:#555;text-decoration:none;}
#footer ul.footer li.bold a{font-weight:bold !important;font-size:12px;color:#333;text-decoration:none;}
#footer ul.footer li.bold a:hover{background:#f2bbbb;text-decoration:none;}
#footer ul.footer li a:hover{background:#f2bbbb;color:#333;}
#footer #social{width:250px;height:210px;float:right;border-left:#ccc 1px solid;}
#footer #links{width:707px;height:210px;float:left;}
#footer #social ul{padding:10px 0px 10px 57px;margin:0px;list-style:none;}
#footer #social ul li{width:32px;height:32px;list-style:none;float:left;margin:0px 20px 20px 0px;padding:0px;}
#footer #foottext{color:#555;border-top:#ccc 1px solid;padding:10px;font-size:10px;}
input.normal{/*background-image:url(../images/inputnoise.png);background-repeat: repeat;*/width:200px;padding:5px;font-size:12px;border:#ccc 1px solid;color:#555;-moz-border-radius:8px;-webkit-border-radius:8px;outline:none;margin:0px;-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px inset;box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px inset;-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px inset;}
input.normal:hover{background:#f9f9f9;/*background-image:url(../images/inputnoise.png);*/border:#bbb 1px solid;}
textarea.normal{/*background-image:url(../images/inputnoise.png);background-repeat: repeat;*/width:500px;height:75px;padding:8px;font-size:12px;border:#ccc 1px solid;color:#555;-moz-border-radius:8px;-webkit-border-radius:8px;outline:none;margin:0px;overflow:hidden;resize:none;-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px inset;box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px inset;-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px inset;}
textarea.normal:hover{background:#f9f9f9;border:#bbb 1px solid;/*background-image:url(../images/inputnoise.png);*/}
textarea.normal:focus,input.normal:focus{background:#f5fcff;color:#333;border:#92c8e0 1px solid;/*background-image:url(../images/inputnoise.png);*/-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px inset, rgba(146, 200, 224, 0.8) 0px 0px 7px;box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px inset, rgba(146, 200, 224, 0.8) 0px 0px 7px;-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px inset, rgba(146, 200, 224, 0.8) 0px 0px 7px;}
.line{border-top:#ccc 1px dotted;margin:30px 0px;padding:0px;}
.line2{border-top:#ccc 1px dotted;margin:15px 0px;padding:0px;}
#mainleft{padding:0px 10px 0px 0px;margin:30px 0px 0px 0px;float:left;width:700px;}
ul.list{list-style:none;width:240px;padding:0px;float:left;margin:0px 10px 0px 18px;}
ul.list li{list-style-image:url(../images/tick.png);padding:2px 0px;margin:0px;}
.response{display:none;border:#E2C822 1px solid;color:#000;font-weight:bold;margin:20px 0px;background:#FFF9D7;padding:8px;}
.highlightinfo{background:#e4f6ff;padding:15px;border:#c3dfec 1px solid;-moz-border-radius:0px;-webkit-border-radius:0px;}
#main #leftcol .contentlft .twitterfeed, #main #middlecol .content .facebookfeed{background:#FAFAFA;margin:0 0 10px 0;padding:1px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;}
#main #leftcol .contentlft .twitterfeed{border:1px dotted #32cbff;}
#main #middlecol .content .facebookfeed{border:1px dotted #486ba7;}
#main #leftcol .contentlft .twitterfeed ul, #main #middlecol .content .facebookfeed ul{margin:0;padding:0;}
#main #leftcol .contentlft .twitterfeed li, #main #middlecol .content .facebookfeed li{word-wrap: break-word;border-bottom:1px dotted #CCC;list-style:none;padding:8px;margin:0;}
#main #leftcol .contentlft .twitterfeed li:hover, #main #middlecol .content .facebookfeed li:hover{background:#f3f3f3;}
#main #leftcol .contentlft .twitterfeed li span.time{-moz-border-radius:8px;-webkit-border-radius:8px;background:#32cbff;color:#fff;text-shadow:#28b3e2 0px -1px;display:block;margin:8px 0 0;padding:2px 8px;font-size:10px;width:35%;}
#main #leftcol .contentlft .twitterfeed li:hover span.time{background:#333 !important;text-shadow:#000 0px -1px;}
#main #leftcol .contentlft .twitterfeed .counter,#main #middlecol .content .facebookfeed .counter{padding:10px;font-size:12px;font-weight:bold;color:#555;}
/*2011 spring clean*/
input.contact{width:500px;padding:8px;font-size:12px;border:#bbb 1px solid;color:#555;}
a.calltoaction{background: none;border: 0;text-decoration: none;display: block;width: 960px;height: 50px;background-position: top left;background-repeat: no-repeat;margin: 0 auto;}
a.calltoaction:hover{background-position: 0 -50px;border: 0;text-decoration: none;}
a.calltoaction:active{background-position: 0 -100px;border: 0;text-decoration: none;}
a.call1{background-image: url(../images/glasgow-webdesign-cta1.png);}
a.call2{background-image: url(../images/glasgow-webdesign-cta2.png);}
a.ctamessage{background-color: transparent;border: 0 !important;border: 0 !important;text-decoration: none !important;display: block;width: 250px;height: 35px;margin-top: 15px;background-position: top left;background-repeat: no-repeat;background-image: url(../images/pk-email-send.png);}
a.ctamessage:hover{background-color: transparent !important;background-image: url(../images/pk-email-send.png) !important;border: 0 !important;text-decoration: none !important;}
a.ctamessage:active{background-position: bottom left !important;}
.feedback{background: url(../images/web-design-quote.jpg) no-repeat top left;padding: 0 40px;color: #555;min-height: 35px;}
.projlink{background: url(../images/web-design-link.jpg) no-repeat top left;padding: 7px 40px 8px;color: #555;height: 30px;}