/* Gary Ward.biz  CSS Document - copyright Agent8 Design*/

body{text-align: center;background-color: #fff;margin: 0px;color:#000; background-image:url(images/background.gif); background-attachment:scroll; background-position:top center; background-repeat:repeat-x; font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:10px;color:#5c5c5c;text-decoration:none;}
body a{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:10px;color:#5c5c5c;text-decoration:none;}

img {border:none;}

#wrapper{position:relative; left: 64px; top: 0px; width: 625px;margin: 0px;}
#logo{position:absolute; left: 0px; top: 10px;}

#nav_home{position:absolute;left: 0px;top: 310px;;}
#nav_about{position:absolute;left: 71px;top: 0px;}
#nav_services{position:absolute;left: 166px;top: 0px;}
#nav_clients{position:absolute;left: 262px;top: 0px;}
#nav_news{position:absolute;left: 350px;top: 0px;}
#nav_freestuff{position:absolute;left: 446px;top: 0px;}
#nav_contact{position:absolute;left: 560px;top: 0px;}

#subnav{position:absolute;left: 0px;top: 368px;width: 160px;}

#main_image{position:absolute;left: -64px;top: 70px;}

#content{position:relative;left: 175px;top: 370px;width: 440px;}
#content2{position:absolute;left: 200px;top: 568px;width: 400px;}

p{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:13px;color:#111111;text-decoration:none;margin:0px; background-color:#fff; list-style:url(images/dot.gif) outside none;} 
p a{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:13px;color:#111111;text-decoration:underline;background-color:#fff;}
p a:visited{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:13px;color:#111111;text-decoration:underline;background-color:#fff;}
p a:hover{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:13px;color:#0094D4;text-decoration:underline;background-color:#fff;}

li{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:13px;color:#111111;text-decoration:none;margin:0px; background-color:#fff; list-style:url(images/dot.gif) outside none;}
li a{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:13px;color:#111111;text-decoration:underline;background-color:#fff;}
li a:visited{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:13px;color:#111111;text-decoration:underline;background-color:#fff;}
li a:hover{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:13px;color:#0094D4;text-decoration:underline;background-color:#fff;}


.blue{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:13px;color:#0094D4;text-decoration:none;margin:0px; background-color:#fff; list-style:url(images/dot.gif) outside none;}
.blue a{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:13px;color:#0094D4;text-decoration:underline;background-color:#fff;}
.blue a:visited{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:13px;color:#0094D4;text-decoration:underline;background-color:#fff;}
.blue a:hover{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:13px;color:#111111;text-decoration:underline;background-color:#fff;}

.bluebold{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:13px;color:#0094D4;text-decoration:none;margin:0px; background-color:#fff; list-style:url(images/dot.gif) outside none; font-weight:bold;}
.bluebold a{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:13px;color:#0094D4;text-decoration:underline;background-color:#fff; font-weight:bold;}
.bluebold a:visited{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:13px;color:#0094D4;text-decoration:underline;background-color:#fff; font-weight:bold;}
.bluebold a:hover{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:13px;color:#111111;text-decoration:underline;background-color:#fff; font-weight:bold;}

.subnav{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:13px;color:#111111;text-decoration:none;background-color:#fff;}
.subnav a{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:13px;color:#111111;text-decoration:none;background-color:#fff;}
.subnav a:visited{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:13px;color:#111111;text-decoration:none;background-color:#fff;}
.subnav a:hover{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:13px;color:#0094D4;text-decoration:none;background-color:#fff;}


.copyright{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:10px;color:#777777;text-decoration:none;background-color:#fff;}
.copyright a{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:10px;color:#777777;text-decoration:none;background-color:#fff;}
.copyright a:visited{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:10px;color:#777777;text-decoration:none;background-color:#fff;}
.copyright a:hover{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:10px;color:#0094D4;text-decoration:underline;background-color:#fff;}


h1{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:15px;color:#535353;text-decoration:none;margin:0px; background-color:#fff;}
h1 a{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:15px;color:#535353;text-decoration:none;background-color:#fff;}
h1 a:visited{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:15px;color:#535353;text-decoration:none;background-color:#fff;}
h1 a:hover{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:15px;color:#0094D4;text-decoration:none;background-color:#fff;}

.h1bluehighlight{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:15px;color:#0094D4;text-decoration:none;margin:0px; background-color:#fff;}
.h1bluehighlight a{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:15px;color:#0094D4;text-decoration:none;background-color:#fff;}
.h1bluehighlight a:visited{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:15px;color:#0094D4;text-decoration:none;background-color:#fff;}
.h1bluehighlight a:hover{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:15px;color:#535353;text-decoration:none;background-color:#fff;}

h2{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:14px;color:#0094D4;text-decoration:none;margin:0px; background-color:#fff;}
h2 a{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:14px;color:#0094D4;text-decoration:underline;background-color:#fff;}
h2 a:visited{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:14px;color:#0094D4;text-decoration:none;background-color:#fff;}
h2 a:hover{font-family:"Trebuchet MS",Helvetica,sans-serif;text-align:left;font-size:14px;color:#535353;text-decoration:underline;background-color:#fff;}

.clientfloatright{ float:right; padding-left:5px;}
.clientfloatleft{ float:left; padding-right: 8px;}





/* Lightbox v2.02 http://www.huddletogether.com/projects/lightbox2/ */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #0094D4;
	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/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/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	color:#0094D4;
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #0094D4;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#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: #fff;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}