/*
              Title:          default 
      
              Author:         Global Web Limited
              Version:        134 
              Filename:       css/default.css 
              Date:           16:05 11 February 2010
              File Type:      Style Sheet
      
              Copyright:      Copyright (c) 1994-2009 Global Web Limited.
                              All rights reserved.
      
              Address:        Global Web Limited
                              Twin Spires Business Park
                              Mugiemoss Road
                              Bucksburn
                              Aberdeen
                              AB21 9BG
                              United Kingdom
      
              Telephone:      +44 1224 454000
              Fax:            +44 1224 454001
              E-mail:         support@globalweb.co.uk
      	      Web:            http://www.globalweb.co.uk/
      
      */
      


/* 1.basic styles
-------------------------------------------------- */

body {
	color:#000;
	background: #fff url(../images/background.jpg) repeat;
	text-align:center;
	margin:0;
	padding:0;
	font: 76.5% Arial, Helvetica, sans-serif;
}
img { border:0; }
*html>body { height:100%; }
p {font-size:1.1em} /* This keeps the font at 11pt */
h1 { font-size:1.2em; }/* This increases the font to 12pt */
h2 { font-size:1.15em; }
h3 { font-size:1.1em; }
h4 { font-size:1.05em; }
h1,h2,h3,h4,h5,h6,a { color:#FA0000; }
small {font-size: 0.8em; color:#FA0000; } /* This decreases the font to 8pt */
a { color:#FA0000; text-decoration:none;}
a:hover { color:#000; text-decoration:none; }
img, hr { border:0; }

a[href$='.doc'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon-doc.gif) no-repeat center right;
}
a[href$='.txt'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon-txt.gif) no-repeat center right;
}
a[href$='.vcard'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon-vcard.gif) no-repeat center right;
}
a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon-pdf.gif) no-repeat center right;
}
a[href$='.ical'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon-ical.gif) no-repeat center right;
}
a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/icon-mailto.gif) no-repeat center right;
}
a[href^="http:"] {
	padding: 5px 20px 5px 0;
        background: transparent url(../images/icon-external.gif) no-repeat center right;
}

/* 2.page layout
-------------------------------------------------- */
#topband {
	width:100%;
	height:40px;
	left:0px;
	top:0px;
	z-index:-1;
	position:absolute;
	background: url(../images/header-bg.png) repeat-x center top;
}
#wrapper { 
	width:969px;
	margin:0 auto;
	height:100%;
	min-height:100%;
	z-index:1;
	position:relative;
}
#header {
	width:969px;
	height:143px;
	background: url(../images/header.png) no-repeat;
	margin:0;
	padding:0;
}
.callus { float:left; width:200px; }
#main {
	width:969px;
	height:100%;
	position:relative;
	margin:0px;
	padding:0px;
	background: url(../images/main-bg.png) repeat-y;
}
#content { padding:12px; text-align:left;}
#footer { margin:0px; background: url(../images/footer-bg.png) repeat-y; }
#copyright { padding:6px 0px 0px 0px; margin:0px; clear:both; }
#mainContact { float:right; width:200px; }
.projectCatIntro { width:270px; float:left; margin:0px 18px 8px 0px; padding:6px; }
.example { width:250px; float:left; margin:4px; }
.beforeAfter { width:420px; float:left; margin:12px; }
.before, .after { float:left; width:210px; }

.floatRight { float:right; }
.floatLeft { float:left; margin:0px 8px 8px 0px; }
.skipNav { display:none; }
.clear { clear:both; }


/* 3.typography
-------------------------------------------------- */
.navigation {
	float:left;
	height:40px;
	width:969px;
	min-width:969px;
	text-align:left; 
	margin:0px; padding:12px 0px 0px 14px;
	font:bold 1.4em Arial, Helvetica, sans-serif;
}
.navigation ul {
	width:485px;
	list-style:none;
	margin:0px 0px 0px 10px;
	padding:0;font-size:0.8em;
	float:left;
}
.navigation li { display:inline;  }
.navigation li a { text-decoration:none; background:url(../images/nav-divider.gif) no-repeat right; }
.navigation li a:link, .navigation li a:visited {
	color:#fff;
	padding:0.4em;
	text-decoration:none;
}
.navigation li a:hover {
	color:#CF9D0B;
        background-color:#535D5F;
 }

.callus { color:#fff; font-size:0.7em;}
.callusNumber { color:#CF9D0B; }

#mainContact { font-size:0.7em; margin:6px; float:left;}
#mainContact p { margin:0; }
#mainContact a { text-decoration:none; }

.asterix { color:red; font-size:1.4em;}
.copyright { font-size:0.8em; color:#fff; background;#000; text-align:left; padding:8px 0px 8px 22px; clear:both; height:40px; line-height:20px;}
.copyright a { text-decoration:underline; color:#fff; }

.newsTitle h3 {
	color:#A9D427;
	font-weight: bold;
        font-size:1.3em;
	text-transform: uppercase;
}
.moreNews { float:right; }
.newsItem h2 { margin:0px; }
.newsItem p { margin:4px 0px 4px; }
.newsItem small { color:#000; font-style:normal; }
.aboutNav a { margin:0px 12px; }
.projectCatIntro h3 { margin:6px 0px 0px 0px; }
blockquote { font-size:12px; background:#efefef;  padding:8px; border-left:6px solid #cdcdcd; }
cite { font-size:12px; margin-left: 70%; clear:both; }
.testimonialsList { font-size:1.4em; }
.findoutmore { background:url(../images/wee-red-arrow.gif) no-repeat right center; padding:0px 16px 0px 0px; }
.indent { padding: 0px 0px 0px 20px; }

#usefullinks li { padding: 0px 0px 10px 0px; list-style:none; }
#usefullinks strong { display:block; }

.spaced li { padding: 0px 0px 10px 0px; }
.spaced ul { padding-top: 10px; }
.pleasing { position:absolute; top:40px; left:620px; width:334px; height:94px; }
.divider {
background:#fff url(../images/divider.gif) no-repeat;
width:400px;
height:14px;
border:none;
margin:0;
font-size: 1px;
line-height: 0;
} 

/* 4.forms
-------------------------------------------------- */
.inputstring, .inputtext { width:90%; }
.search {
	width: 243px;
	height:14px;
	padding: 0;
	margin:0px 4px 0px 0px;
	float:left;
        color:#fff;
        font-size:0.8em;
}
.search table { width:100%; }
.searchField { margin:0px 0px 0px 6px; height:14px; width:146px; border:0; }
input:focus.searchField { background-color:#FFF6DF; }
#searchbutton {
	margin: 0px 0px 0px 8px;
	padding: 0px;
	border: none;
	float: right;
}
#feedback fieldset { background: #fff; }
#feedback fieldset legend { font-weight:bold; font-size:1.2em;}
#feedback div { margin:0 0 15px 0; }
#feedback div label { display:block; width:12em; float:left; margin: 0 12px 3px 0; font-weight:bold; }
#feedback input, #feedback textarea {
width:300px;
padding:5px;
font-size:1.4em;
border:none;
background:#efefef url(../images/field-bg.png) repeat-x top left; 
border-bottom:1px solid #cdcdcd;
border-right:1px solid #cdcdcd;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
#feedback input[type=radio] { width:30px; background:transparent; border:none; }
#feedback .submitBtn { width:60px; border:1px solid #000; padding:4px; font-size:1em; margin:1.2em 0 0 12em; }
#feedback .submitBtn a:link { cursor:hand; cursor:pointer; }
#feedback input:focus, #feedback textarea:focus { background:#fff; }
#feedback .asterix { margin:0 0 0 4px; }
input#captcha { margin-left:9em; }

/* 5.images
-------------------------------------------------- */
.footerAnimation { position:relative; width:906px; height:152px; margin:0px 0px 0px 32px;}
.fade-box {
position: absolute;
top: 0;
left: 0;
margin: 0px;
width: 906px;
height: 152px;	
}

#mainContact img { float:left; padding:0px 6px 6px 0px; }
#logoPrint { display:none; }
.floatImg1  { float:right; margin:0px 0px 4px 4px;}
.floatImg2  { float:right; border:1px solid #ccc; padding:4px; margin:0px 0px 4px 4px;}

.productThumbs { float:right; width:321px; clear:left; }
.productThumbs img { float:left; margin:6px; }
.logoLink { position:absolute; top:40px; left:10px; width:354px; height:94px; }
p.widgetLogo { background:url(../images/widget-logo.gif) no-repeat left center;  padding:0px 0px 0px 24px;  } 
.windowOpen, .windowClosed { float:left; width:46%; margin:12px; }
.examples { width:260px; padding:4px; }
#container { text-align:center; }



/*-----Home Page Slideshow-----*/

#slideshowContainer { float:right; margin:0px 0px 8px 28px;

}
#slideshow {
position:relative;
width: 906px;
height: 152px;
margin:0px 0px 0px 32px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0px;
    z-index:8;
    opacity:0.0;
    height: 152px;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 152px;
    display: block;
    border: 0;
}