body { background:#89bbe2 url(stsatic/backlarge.jpg) center top no-repeat; padding:0; margin:0 auto; text-align:center; color:#333333;  }
#outerwrapper{ border-left:1px solid #78aad1;border-right:1px solid #78aad1; width:920px;  background:white;margin:0 auto;  text-align:left; padding-top:1px;   }
#wrapper{ width:900px;  background:white;margin:0 auto; line-height:1.4em;}

#header{ padding:0; margin:0;  height:110px; background:#fff url(resources/images/header.gif) center no-repeat; }
#header .hideme { display:none; }
#maincontent{ /* float:left; width: 66%; margin-left:4px; */ padding-top:10px; }
.imgleft { float:left; padding:0 10px 10px 0; }
.imgright { float:right; padding:0 0 10px 10px; }
.clearleft{clear:left; }
.clearright{clear:right;}
.clearboth{clear:both;}
#secondarycontent{ margin-left:70%;   }

.comment { padding:10px; }
 
#primarynav a{ color:White; text-decoration:none;   }


#footer{ clear:left; padding:20px 10px; background:#fff; }

body{ font-family: Arial, sans-serif;  font-size:67.5%; }

a:link{ color:Blue; }
a:visited{ color:Blue; }
a:hover{ color:Blue; }
 


h1{  
	 
	display: block;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	letter-spacing: -1px;
	color: #222222;
 
	
	  }
	  
	  #footer p{ padding:0; margin:0;}
	  #footer .left{ float:left; }
	  #footer .right {float:right; font-style:italic;}
	  #footer .clearboth{ clear:both;}

.brick { padding:10px 0; margin:0; } 

#wrapper { font-size:130%; }


#box {  background: #1f7a77 url(resources/images/bottom.gif) no-repeat left bottom;
        background: #eee url(resources/images/bottom.gif) no-repeat left bottom;
        }
         
  #box img {   padding:0 14px; }     
         
#box h2 { background:url(resources/images/top.gif) no-repeat left top; padding-top:20px;
            padding:20px 14px 0 14px;
          }
  #box h3, #box h4 { padding:0px 20px; }        
  
#box ul, #box p{ padding:0 20px 10px 20px;}

#box ul { list-style:none; padding-top:0; margin-top:0;}


 #primarynav{ text-align:left; margin:0 auto; padding:0; list-style:none;  width:100%; height:36px; background: #5da2da url(http://www.picturestockton.co.uk/designwork/nav-bg.gif) repeat-x; float:left; margin:0 auto;}
  #primarynav li{ float:left; height:36px; }
  #primarynav a{ display:block; padding:0 2em 0 2em; line-height:2.7em; height:36px; text-decoration:none; color:white; font-weight:bold;
   float:left; 
  background: url(http://www.picturestockton.co.uk/designwork/nav-sep.gif) repeat-y left top;}
  #primarynav .first a { background:none; margin-left:0; padding-left:0; }
  #primarynav a:hover{ color:#3086c5;}
  #primarynav ul { list-style:none; margin:0 auto;     }

#header h1 { float:left;}
.tr {float:right; }
.ch{clear:both;}
 
 #header { height:90px; background:  url(shttp://www.picturestockton.co.uk/designwork/header-bg.jpg) repeat-x; border-bottom:0px solid red; }
 #header h1 { height:72px; width:400px; background: url(http://www.picturestockton.co.uk/designwork/header-logo.gif) no-repeat; }
 .hideme { display:none; }
 
 
 
 
 /* repeaters */ 
 
 
 .hbox {  overflow:hidden; padding:0 5px 15px;   display:block;  
}
#pager { background:#e1e1e1; padding:6px;}
.ifl{ float:left; padding-right:5px; margin-right:5px;  }

.random {  margin-right:10px; margin-bottom:10px; border:none; padding:4px; border:1px solid gray;}
 .randomtop { margin-top:10px;}

.bbox{ float:left; background:white; width:160px;}
.bbox2{   padding-right:5px; margin-right:5px; }
.bbox2 img { border:1px solid black;}



h3{padding:0; margin:0; }
.hbox p{ padding:0; margin:0;}

#crumbs{  background:#fff; }