/*"Websiteedinburgh.co.uk" stylesheet. Created by Website Edinburgh Limited. (c) Copyright 2010 Website Edinburgh Limited and Michael Millar.*/
body { background-color: #e6e6e6; font-family: Tahoma, Arial, Verdana; font-size: 100%; color: #000000; padding: 0px; margin-top: 30px; margin-bottom: 30px; margin-right: auto; margin-left: auto; text-align: center; }
a img { border: none; }

/*Text styles*/
h1 { color: #0066ff; font-weight: bold; font-family: Tahoma; font-size: 1.3em; }

.price { color: #0066ff; font-weight: bold; font-family: Tahoma; font-size: 1em; }

li { padding-bottom: 1em; }

/*Image styles*/
.floatright { float: right; padding-top: 0px; padding-bottom: 5px; padding-right: 0px; padding-left: 5px; }

/*Link styles*/
a.main:link { color: #3399ff; text-decoration: none; font-family: Tahoma; font-size: 1em; }

a.main:visited { color: #3399ff; text-decoration: none; font-family: Tahoma; font-size: 1em; }

a.main:hover { color: #3399ff; text-decoration: underline; font-family: Tahoma; font-size: 1em; }

a.main:active { color: #3399ff; text-decoration: none; font-family: Tahoma; font-size: 1em; }

a.footer:link { color: #000000; text-decoration: none; font-family: Tahoma; font-size: 1em; }

a.footer:visited { color: #000000; text-decoration: none; font-family: Tahoma; font-size: 1em; }

a.footer:hover { color: #3399ff; text-decoration: underline; font-family: Tahoma; font-size: 1em; }

a.footer:active { color: #000000; text-decoration: none; font-family: Tahoma; font-size: 1em; }


/*Header section styles*/
#top { width: 950px; height: 27px; min-height: 27px; background-image: url(images/layout/top-bg.gif); background-repeat: no-repeat; border-spacing: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; }
#header { width: 910px; height: 46px; min-height: 46px; background-color: #ffffff; border-spacing: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 20px; padding-left: 20px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; }
#header-logo { width: 300px; height: 46px; min-height: 46px; background-image: url(images/layout/logo.gif); background-repeat: no-repeat; border-spacing: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; float: left; }
#header-details { width: 610px; height: auto; min-height: 36px; font-size: 0.85em; color: #0066ff; border-spacing: 0px; padding-top: 10px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: right; float: right; }
#header-clearfix { width: 910px; height: 1px; min-height: 1px; border-spacing: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; clear: both; }

/*Navigation section styles*/
#navigation-top { width: 930px; height: 1px; background-color: #3399ff; border-spacing: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 20px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; }
#navigation-container { width: 930px; height: auto; min-height: 40px; background-color: #ffffff; border-spacing: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 20px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; }
ul#tabBar { font-family: Tahoma; font-size: 0.8em; list-style: none; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; }
ul#tabBar li { float: right; background: #ffffff; padding-top: 12px; padding-bottom: 2px; padding-right: 20px; padding-left: 20px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; }
ul#tabBar li:hover { color: #ffffff; }
ul#tabBar li#cur { background:#ffffff url(images/layout/nav-arrow.gif) 50% 0px no-repeat; padding-top: 12px; padding-bottom: 2px; padding-right: 20px; padding-left: 20px; }
ul#tabBar li a { color: #000000; text-decoration:none; font-weight: bold; display:block; }
ul#tabBar li a:hover { color:#3399ff; font-weight: bold; }
	
/*Content section styles*/
#content-white { width: 930px; height: auto; min-height: 300px; background-color: #ffffff; border-spacing: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 20px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; }
#content-white-text { width: 600px; height: auto; font-size: 0.8em; border-spacing: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; float: left; }
#content-white-sidebar { width: 330px; height: auto; border-spacing: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; float: right; }
#content-white-clearfix { width: 910px; height: 1px; min-height: 1px; border-spacing: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; clear: both; }
#content-blue { width: 930px; height: auto; min-height: 200px; background-color: #3399ff; border-spacing: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 20px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; }
#content-blue-left { width: 500px; height: auto; font-size: 0.8em; border-spacing: 0px; padding-top: 5px; padding-bottom: 0px; padding-right: 15px; padding-left: 15px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; float: left; }
#content-blue-right { width: 370px; height: auto; border-spacing: 0px; padding-top: 5px; padding-bottom: 0px; padding-right: 15px; padding-left: 15px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; float: right; }
#content-blue-clearfix { width: 910px; height: 1px; min-height: 1px; border-spacing: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; clear: both; }

/*Testimonials bubble styles*/
#bubble-top { width: 500px; height: 20px; background-image: url(images/home-bubble-top.gif); background-repeat: no-repeat; border-spacing: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; margin-top: 10px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; }
#bubble-content { width: 470px; height: auto; min-height: 100px; background-color: #ffffff; border-spacing: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 15px; padding-left: 15px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; }
#bubble-bottom { width: 500px; height: 60px; background-image: url(images/home-bubble-bottom.gif); background-repeat: no-repeat; border-spacing: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; }

/*Latest work section styles*/
#latest-container { width: 370px; height: auto; min-height: 145px; background-color: #ffffff; border-spacing: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; margin-top: 10px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; }
ul.slideshow { list-style: none; width: 370px; height: 145px; overflow: hidden; position: relative; margin: 0; padding: 0; }	
ul.slideshow li { position: absolute; left: 0; right: 0; }
ul.slideshow li.show { z-index: 500; }
ul img { border: none; }
#slideshow-caption { width: 370px; height: 45px; position: absolute; bottom: 0; left: 0; color: #ffffff; background: #3399ff; z-index: 500; }
#slideshow-caption .slideshow-caption-container { padding: 5px 0px; z-index: 1000; }
#slideshow-caption h3 { margin: 0; padding: 0; font-family: Tahoma; font-size: 0.85em; }
#slideshow-caption p { margin: 5px 0 0 0; padding: 0;}

/*Contact form styles*/
.cform-item { width: 500px; height: auto; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; }
.cform-text { width: 200px; height: auto;  padding-top: 5px; padding-bottom: 0px; padding-right: 10px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; float: left; }
.cform-field { width: 290px; height: auto; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; float: right; }
.cform-clearfix { width: 500px; height: 10px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; clear: both; }






input, textarea, select {
  margin: 0;
  padding: 2px;
  font-size: 1em;
  color: #666666;
  background: #F5F5F5;
  border: 1px solid #ccc;
  margin: 5px 0;
}   

input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #FFFFFF;
}

input.button {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(images/submit.jpg) no-repeat left top;
  width: 90px;
  height: 28px;
margin: 0 auto;
}

span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
  display: block;
  width: 90%;
  height: 22px;
  line-height: 22px;
  color: #FFFFFF;
  font-weight: bold;
  background: #FF9D9D url(images/stop.gif) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
}

.msgSent {
  font-size: 20px;
  text-align: center;
}




/*Footer section styles*/
#bottom { width: 950px; height: 27px; min-height: 27px; background-image: url(images/layout/bottom-bg.gif); background-repeat: no-repeat; border-spacing: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; }
#footer { width: 910px; height: auto; border-spacing: 0px; font-size: 0.7em; color: #000000; padding-top: 2px; padding-bottom: 2px; padding-right: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: left; }