/* Resetting the borders, margins and padding on all items, then setting up font sizes ***********************/
* { margin: 0; padding: 0; text-decoration: none; font-size: 100%; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; font-family:inherit; }
body, div, h1, h2, h3, h4, p, dl, dt, dd, img, form, fieldset, blockquote { margin: 0px; padding: 0px; border: 0px; }
body 							{ background-color:#000000; }
ul								{ padding:0em; margin:0em; margin-left:2em; }
li								{ padding:0em; margin:0em; margin-left:0.5em; }
body                            { font-size:0.625em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;  }
html, body, canvas				{ width:100%; height:100%; }
HTML, input, select, textarea   { font-size: 100%; }
input, select					{ font-size:1.2em; }

/* Generic Elements *********************************************/
h1                  { font-size:1.6em; color:#FFFFFF; }
h2                  { font-size:1.4em; line-height:1em; }
h3                  { font-size:1.1em; text-decoration:underline; }

.errortext			{ color:#FF0000; font-weight:bold; }
.requiredstar		{ color:#000000; }
.requiredstarerror	{ color:#FF0000; font-weight:bold; }

a,
a:hover,
a:visited,
a:active							{ color:#FFFFFF; }
a:hover								{ text-decoration:none; }

/* Main Elements ************************************************/
html									{ background-color:#000000; }
html>body #canvas 						{ height:auto; }
#canvas 								{ position:absolute; top:0; width:100%; height: 100%; min-height:100%; background:url(../Images/background.jpg) repeat-x #046AAA; }
.content                 				{ width:100%; margin:0px; }

/* Header Elements ************************************************/
#headercontent                 			{ }
#headerphonenumber						{ width:24.3em; height:2.6em; float:left; }

#header-topnav-container				{ width:76.2em; margin: 0pt auto; }
#header-topnav							{ height:2.6em; background:#000000 url(../Images/topnav-background.jpg) repeat-x; }

#header-topflash						{ background:url(../Images/topflash-background.jpg) repeat-x;  }
#flashbanner							{ width:762px; margin: 0pt auto; }
#flashbanner img						{ margin:0px; padding:0px; display:block; }

/* Subnav Elements ************************************************/

/*.subnavbar                            { width:762px; height:87px; margin:0px auto 0px auto; padding-left:2em; }*/
.subnavbar                              { width:800px; height:87px; margin:0px auto 0px auto; padding-left:2em; }

#header-subnav                          { width:100%; background:url(../../../../../images/subnavbackground.jpg) repeat-x #000000; }

.subnavbar a                            { height:87px; margin: 0px 30px 0px 30px; display:inline-block; float:left; text-indent:-5000px;  }

.subnavbar #web-design                  { width: 74px; background:url(../../../../../images/web-design-button.jpg) 0 0 no-repeat; }
.subnavbar #web-design:hover            { width: 74px; background-position: 0 -87px; } 
.subnavon  #web-design                  { background-position: 0 -87px;}

.subnavbar #seo                         { width: 68px; background:url(../../../../../images/seo-button.jpg) 0 0 no-repeat; }
.subnavbar #seo:hover                   { width: 68px; background-position: 0 -87px; }
.subnavon #seo                          { background-position: 0 -87px;}

.subnavbar #online-marketing            { width: 139px; background:url(../../../../../images/online-marketing-button.jpg) 0 0 no-repeat; }
.subnavbar #online-marketing:hover      { width: 139px; background-position: 0 -87px; }
.subnavon #online-marketing             { background-position: 0 -87px;}

.subnavbar #ink                         { width: 72px; background:url(../../../../../images/ink-button.jpg) 0 0 no-repeat; }
.subnavbar #ink:hover                   { width: 72px; background-position: 0 -87px; }
.subnavon #ink                          { background-position: 0 -87px;}

.subnavbar #print                       { width: 110px; background:url(../../../../../images/print-button.jpg) 0 0 no-repeat; }
.subnavbar #print:hover                 { width: 110px; background-position: 0 -87px; }
.subnavon #print                        { background-position: 0 -87px;}

.subnavbar #web-hosting                 { width: 78px; background:url(../../../../../images/web-hosting-button.jpg) 0 0 no-repeat;}
.subnavbar #web-hosting:hover           { width: 78px; background-position: 0 -87px; }
.subnavon #web-hosting                  { background-position: 0 -87px;}



.greyline								{ width: 1px; height: 87px; background:url(../../../../../images/grey-line.jpg) no-repeat; float:left;}

/* TOPNAVBAR ********************************************/
.topnavbar								{ width: 42em; height: 2.6em; float:right; text-align:center; }
.topnavbar a,
.topnavbar a:active,
.topnavbar a:hover,
.topnavbar a:visited					{ color:#FFFFFF; text-decoration:none; float:left; display:inline-block; height:2em; padding:0.5em 2em 0em 2em;}
.topnavbar a:hover						{ color:#079fff; text-decoration:none; }
.topnavbar a:active						{ color:#FFFFFF; text-decoration:none; float:left; }
.topnavon a:active,
.topnavon a:hover,
.topnavon a:visited,
.topnavon a								{ color:#079fff; text-decoration:none; }

/* Middle Elements ************************************************/
#maincontent                 			{ }
#main									{ width:76.2em; margin:0px auto 0px auto; padding:0.5em; margin-bottom:6em; }
#main a,                   	
#main a:hover,             
#main a:active,            
#main a:visited 			          	{ color:#FFFFFF; text-decoration:underline; }

.textbox								{ width:35em; float:left; padding:0em 5.5em 1.5em 3.5em; }
.textbox2								{ width:27em; float:left; padding:0em 0em 1.5em 0em; }
#featuredimage							{ float:right; }

#sitecontent							{ }
#sitecontent p							{ font-size:1.2em;  }
#sitecontent li							{ font-size:1.2em; padding-bottom:1em; }
#left									{ float:left; margin-bottom:6em; width:17em; padding:0px; margin-top:3em; }
#left ul								{ list-style-type:none; }
#left li a								{ display:block; width:100%; border-bottom:1px solid #FFFFFF; margin-bottom:0.4em; font-size:0.85em; padding-bottom:0.5em; padding-top:0.3em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
#left li a, 
#left li a:hover, 
#left li a:visited, 
#left li a:active						{ text-decoration:none; }
#left li a:hover						{ color:#000000; }
#left li, ul 							{ margin-left:0px; }
.level0									{ display:none; }

#leftmenu .on,
#leftmenu .on:hover,
#leftmenu .on:active,
#leftmenu .on:visited						{ color:#000000; background:url(../images/rollover.gif) right no-repeat;}

#right									{ float:left; margin-bottom:6em; width:56em; padding:0px; margin-left:3em; text-align:justify; }
#right ul								{ margin-left:2em; margin-top:1em; margin-bottom:1em; }
#both									{ display:inline-block; width:76.2em; }

#leftmenulist							{ font-size:1.4em;  }
#pagetitle								{ }


/* Breadcrumb Elements ************************************************/
#breadcrumbs							{ margin-bottom:2em; font-size:1.1em; }
#breadcrumbs a,
#breadcrumbs a:active,
#breadcrumbs a:visited					{ text-decoration:none; }
#breadcrumbs a:hover					{ text-decoration:underline; }
#nobreadcrumbs							{ margin-bottom:3em; }

/* Footer Elements ************************************************/
#footercontent                 			{ background:#000000 repeat-x url(../../../../../images/footer-background.jpg) center top; position:absolute; padding-top:0.2em; bottom:0px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; }
#footer									{ width:76.2em; margin:0px auto 0px auto; height:2.5em; text-align:center; padding-top:0.2em; line-height:1.7em; }
#footer a,
#footer a:hover,
#footer a:visited,
#footer a:active						{ color:#FFFFFF; font-weight:normal; text-decoration:none; }
.footerlinkseperator					{ display:inline-block; padding-left:0.5em; padding-right:0.5em; }
#footer a:hover							{ text-decoration:underline; }

/* Other Elements ************************************************/
.clearer								{ clear:both; }
.bigger									{ font-size:1.2em; }

/* Other Elements ************************************************/
.contactformlabel						{ display:block; float:left; width:20em; margin-bottom:2em; }
.contactformdata						{ display:block; float:left; width:20em; margin-bottom:2em; }

/* Portfolio Elements ************************************************/

.portfolio								{ padding:15px 0px 0px 0px ; float: left;}
.portfolioimage							{ width:263px; padding-right:10px; float:left;}
.portfoliotext							{ }
.portfoliolink							{ text-align:right; }


/* Lightbox Elements ************************************************/
#lightbox									{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img								{ border: none; }
#outerImageContainer						{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer								{ padding: 10px; }
#loading									{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav									{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav					{ left: 0;}
#hoverNav a									{ outline: none;}
#prevLink, #nextLink						{ width: 49%; height: 100%; background: transparent url(../../../../../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink 									{ left: 0; float: left;}
#nextLink 									{ right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover 	{ background: url(../../../../../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover 	{ background: url(../../../../../images/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer							{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	 }
#imageData									{	padding:0 10px; color: #666; }
#imageData #imageDetails					{ width: 100%; float: left; text-align: left;  }	
#imageData #caption							{ font-weight: bold; text-align:center; width:100%; display:block;	}
#imageData #numberDisplay					{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose					{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay									{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;	}

/* Links ************************************************/
.linkcontainer								{ width: 220px; margin-right:30px; margin-bottom:6px; float:left; font-size:1.2em;}

/* Sitemap ************************************************/
.sitemap									{ margin-left:3em; }
.sitemap ul									{ font-size:11px; }
.sitemap li									{ font-size:1em; }

/* Erskine Banner ****************************************/
.ecentre {
	text-align: center;
}

/* Heatmaps page ******************** GA - added 11May10 */
#heatMapLoginForm #imageButton {
	position:relative;
	top:7px;
}
#heatMapLoginForm p {
	margin:6px 0px 6px 0px;
}
#heatMapLoginForm input {
	font-size:12px;
	padding:1px;
	margin:0px 10px 0px 0px;
}

/* Skip to main content *********************************/
.skipnav { text-align: left; padding-left:20px;}
.skipnav a { position:absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.skipnav a:focus, .skipnav a:active { position: absolute; left:10px; top:5px; width: auto; height: auto; overflow: visible; text-decoration: underline; } 
.heatmap img { border: solid #FFFFFF; }