/*	Centering */

body,th { background:url(../images/topbg.jpg) repeat-x ; margin:0px; padding:0px; text-align:center; font-family:"Trebuchet MS", arial; font-size: 12px; color: #000; line-spacing:1.3px; }
#model {	width:1154px; margin:0px auto; text-align:left; overflow:hidden;}


/*	Generic Styling */

a {	color:#666; text-decoration: none; outline-color:invert; outline-style:none; outline-width:medium;}
a:hover {	color:#FF9900; text-decoration: none; outline-color:invert; outline-style:none; outline-width:medium;}
a:link { text-decoration: none; outline-color:invert; outline-style:none; outline-width:medium;}
a:visited {	text-decoration: none; outline-color:invert; outline-style:none; outline-width:medium;}
a:active {	text-decoration: none; outline-color:invert; outline-style:none; outline-width:medium;}
input, select { outline-color:invert; outline-style:none; outline-width:medium;}

/* Tooltips */

#caption { display: block inline; width:387px; padding:10px; color:#FFF; font-size:11px; margin:0px 0px 0px 0px; -webkit-border-radius: 8px; }

a.external {	padding-right:12px; background:url(../gfx/ico_external.gif) no-repeat 100% 50%; } /* External link detection */
a.tip {	position: relative; }
a.tip span {	display: none; position: absolute; top: 20px; left: -10px; width: 125px; padding: 15px 10px 10px 10px; z-index: 100; color: #fff; background: url(../projects/gfx/tooltip-back.png); }
a:hover.tip {	font-size: 99%; }
a:hover.tip span {	display: block; }

a.tip2 {	position: relative; }
a.tip2 span {	display: none; position: absolute; top: 0px; left: 0px; width: 170px; padding: 20px; z-index: 100; color: #fff; background-image:url(../gfx/80.png); background-repeat:repeat;}
a:hover.tip2 span {	display: block; }

p {	font-family: "Trebuchet MS", arial; font-size: 14px; color: #333; line-height: 1.4em; width:574px; }
.longp {	font-family: "Trebuchet MS", arial; font-size: 12px; color: #333; line-height: 1.7em; width:650px; }


ul {	list-style: none; }
li {	line-height: 1.3em; }
label {	display:block inline; float:left; width:100px; font-weight:bold; }
.hidden { display: inline; font-weight:bold; padding-right:10px; }


/* Header */

#headspace { display: block inline; float: left; width: 998px; margin:60px 0px 50px 50px; padding-bottom:30px;}
.iam { padding:2px 0px 20px 0px;}

div#navbar { height: 18px; width: 100%; float: left; display: inline;}
div#navbar ul { float: left; margin: 0px; padding: 0px; white-space: nowrap; list-style-type: none;}
div#navbar li { float: left; list-style-type: none;}

.liHome a { float: left; list-style-type: none; position: absolute; background:url(../gfx/liHome.gif) 0 0 no-repeat; width: 30px; height: 18px; text-indent:-2000px;}
.liHome a:hover { background-position: 0 -18px; }

.liProjects a { float: left; list-style-type: none; position:absolute; margin-left:50px; background:url(../gfx/liProjects.gif) 0 0 no-repeat; width: 53px; height: 18px; text-indent:-2000px;}
.liProjects a:hover { background-position: 0 -18px; }

.liAbout a { float: left; list-style-type: none; position:absolute; margin-left:123px; background:url(../gfx/liAbout.gif) 0 0 no-repeat; width: 53px; height: 18px; text-indent:-2000px;}
.liAbout a:hover { background-position: 0 -18px; }

.liContact a { float: left; list-style-type: none; position:absolute; margin-left:196px; background:url(../gfx/liContact.gif) 0 0 no-repeat; width: 47px; height: 18px; text-indent:-2000px;}
.liContact a:hover { background-position: 0 -18px; }

.liBlog a { float: left; list-style-type: none; position:absolute; margin-left:263px; background:url(../gfx/liBlog.gif) 0 0 no-repeat; width: 27px; height: 18px; text-indent:-2000px;}
.liBlog a:hover { background-position: 0 -18px; }

.clickhere a {display:block inline; float:left; width:210px; height:72px; background:url(../gfx/clickhere.gif) no-repeat; text-indent:-2000px; }
.clickhere a:hover { background:url(../gfx/clickhere2.gif) no-repeat; }

#nu-container {
	width:100%;
	background: url(../gfx/nu/headback1.gif) repeat-x;
	margin-bottom:50px;
}
#nu {
	display:block inline;
	width:998px; margin:0px auto; text-align:left; overflow:hidden;
	height:194px;
}
h1 {
	font-family: "Trebuchet MS", verdana, arial;
	font-size: 32px;
	color:#333;
	margin-top:0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;


	}
	
h2 {
font-family: "Trebuchet MS", verdana, arial; font-size: 28px; color:#666; margin-top:15px; margin-bottom:0px; font-weight:normal;
}
h3 {
font-family: "Trebuchet MS", verdana, arial; font-size: 19px; color:#999; margin-top:0px; margin-bottom:10px; margin-left:50px ;font-weight:normal;
}
.h2 {
	background: url(../gfx/nu/peterusborne-logo-secure.gif);
	width:53px; height: 66px;
	text-indent: -2000px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	margin:117px 0px 0px 55px;
	color:#fff;
	float:left;
}
.h1 { 
	float: left;
	width: 53px;
	height:193px;
	position:absolute;
	margin:0px 0px 0px 55px;
}


/* Primary Navigation - 22nd February 2008 */

ul#primarynav { width:998px; background:#333 url(../images/top/headback1.jpg) repeat-x; color:white; float:left; border-bottom:1px solid #ccc; margin:0px 0px 50px 0px; }
#primarynav li { float:left; }
#primarynav a { color:white; text-decoration:none; display: block; height:193px;  text-indent:-2000px; }
#primarynav a:hover { background-position:0 -386px; }
li.prilogo a { background:url(../images/top/libranding.jpg) no-repeat; width:220px; margin:0px 0px 0px 56px; }
li.prihome a { margin-left:44px; background:url(../images/top/lihomenav.jpg) no-repeat; width:87px; }
li.prihome_on a { margin-left:44px; background:url(../images/top/lihomenav.jpg) no-repeat; width:87px; background-position:0 -193px; }
li.prihome_on a:hover { background-position:0px!important; }
li.priprojects a { background:url(../images/top/liprojectsNav.gif) no-repeat; width:87px; }
li.priprojects_on a { background:url(../images/top/liprojectsNav.gif) no-repeat; width:87px; background-position:0 -193px;}
li.priprojects_on a:hover { background-position:0px!important; }
li.pritestimonials a { background:url(../images/top/litestimonials.jpg) no-repeat; width:100px; }
li.pritestimonials_on a { background:url(../images/top/litestimonials.jpg) no-repeat; width:100px; background-position:0 -193px;}
li.pritestimonials_on a:hover { background-position:0px!important; }
li.priservices a { background:url(../images/top/liservices.jpg) no-repeat; width:87px; }
li.priservices_on a { background:url(../images/top/liservices.jpg) no-repeat; width:87px; background-position:0 -193px;}
li.priservices_on a:hover { background-position:0px!important; }
li.pristudio a { background:url(../images/top/listudio.jpg) no-repeat; width:87px; }
li.pristudio_on a { background:url(../images/top/listudio.jpg) no-repeat; width:87px; background-position:0 -193px;}
li.pristudio_on a:hover { background-position:0px!important; }

li.priclients a { background:url(../images/top/liclients.jpg) no-repeat; width:87px; }
li.priclients_on a { background:url(../images/top/liclients.jpg) no-repeat; width:87px; background-position:0 -193px;}
li.priclients_on a:hover { background-position:0px!important; }

li.priquote a { background:url(../images/top/liquote.jpg) no-repeat; width:87px; }
li.priquote_on a { background:url(../images/top/liQuote.jpg) no-repeat; width:87px; background-position:0 -193px;}
li.priquote_on a:hover { background-position:0px!important; }

li.priabout a { background:url(../images/top/liaboutNav.gif) no-repeat; width:90px; }
li.priabout_on a { background:url(../images/top/liaboutNav.gif) no-repeat; width:90px; background-position:0 -193px;}
li.priabout_on a:hover { background-position:0px!important; }
li.pricontact a { background:url(../images/top/licontact.jpg) no-repeat; width:84px; }
li.pricontact_on a { background:url(../images/top/licontact.jpg) no-repeat; width:84px; background-position:0 -193px;}
li.pricontact_on a:hover { background-position:0px!important; }
li.priblog a { background:url(../images/top/liBlogNav.gif) no-repeat; width:60px; }

/* End of Primary Navigation */

/* Secondary Navigation - 24th February 2008 */

ul#secondarynav {
	float:left;
	padding:0px;
	width:210px;
	display:block;
	overflow:hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#secondarynav li { border-bottom:1px solid #DEDEDE; }
#secondarynav li a { display: block; padding:6px 0px 5px 3px; color:#999; }
#secondarynav li a:hover { background:#f4f4f5; color:#333; }
li.directions { display:block; font-weight:bold; padding:0px 0px 10px 3px; }

/* End of Secondary Navigation */

	
.nuhome a { float:left;	display:block inline; background:url(../gfx/nu/liHomeNav.gif) no-repeat; width: 63px; height:193px; text-indent:-2000px; margin-left:255px; }
.nuhome a:hover { background-position:0 -386px; }
.nuhome-on a { float:left;	display:block inline; background:url(../gfx/nu/liHomeNav.gif) no-repeat; background-position:0 -193px; width: 63px; height:193px; text-indent:-2000px; margin-left:255px; }

.nuprojects a { float:left;	display:block inline; background: url(../gfx/nu/liProjectsNav.gif) no-repeat; width: 87px; height:193px; text-indent:-2000px; }
.nuprojects a:hover { background-position:0 -386px; }
.nuprojects-on a { float:left;	display:block inline; background:url(../gfx/nu/liProjectsNav.gif) no-repeat; background-position:0 -193px; width: 87px; height:193px; text-indent:-2000px; }

.nuabout a { float:left;	display:block inline; background: url(../gfx/nu/liAboutNav.gif) no-repeat; width: 90px; height:193px; text-indent:-2000px; }
.nuabout a:hover { background-position:0 -386px; }
.nuabout-on a { float:left;	display:block inline; background:url(../gfx/nu/liAboutNav.gif) no-repeat; background-position:0 -193px; width: 90px; height:193px; text-indent:-2000px; }

.nucontact a { float:left;	display:block inline; background: url(../gfx/nu/liContactNav.gif) no-repeat; width: 84px; height:193px; text-indent:-2000px; }
.nucontact a:hover { background-position:0 -386px; }
.nucontact-on a { float:left;	display:block inline; background:url(../gfx/nu/liContactNav.gif) no-repeat; background-position:0 -193px; width: 84px; height:193px; text-indent:-2000px; }

.nublog a { float:left;	display:block inline; background: url(../gfx/nu/liBlogNav.gif) no-repeat; width: 60px; height:193px; text-indent:-2000px; }
.nublog a:hover { background-position:0 -386px; }
.nublog-on a { float:left;	display:block inline; background:url(../gfx/nu/liBlogNav.gif) no-repeat; background-position:0 -193px; width: 60px; height:193px; text-indent:-2000px; }

#expo { 
	width:890px;
	margin:0px auto;
	text-align:left;
	overflow:hidden;
	background:#f0ecec;
	border-bottom: 1px solid #d7d6d6;
	margin-top:-1px;
	border-left: 1px solid #d7d6d6;
	border-right: 1px solid #d7d6d6;
}
.expotext { display: block; padding:15px 20px 0px 20px; }

.security { background: #F4F4F5; border:1px solid #ccc; padding:3px; }
#security { margin:0px 0px 0px 50px; padding:20px; border:1px solid #ccc; width: 850px; }

/* jQuery classes preceded by jq_ which are associated with js/fade.js */

ul#jq_portfolio { margin:0px; padding:0px; list-style:none; }
#jq_portfolio li { margin-bottom:30px; }
ul#jq_portfolio img { border:none; } 
.jq_fade { margin:35px 0px 0px 0px; }
.jq_fade em { font-style:normal; color:#333; font-family:Arial,sans-serif; font-size:11px; line-height:1.7em; }
.jq_fade em a { color:#333; }
.jq_fade em a:hover { color:#999;  }
#jq_query { width:550px; height:145px; overflow:hidden; border:1px solid #DEDEDE; padding:8px; margin:20px 0px 0px 0px; }
#jq_noscript { z-index:1000; }

/* SERVICES */

ul#webnav {
	float:left;
	padding:0px;
	width:195px;
	display:block;
	overflow:hidden;
padding:6px 0px 5px 3px; color:#9575E8; 
}
#webnav li { border-bottom:1px solid #DEDEDE; display: block; padding:6px 0px 5px 3px; color:#9575E8;  }
#webnav li a { display: block; padding:6px 0px 5px 3px; color:#9575E8; }
#webnav li a:hover { background:#f4f4f5; color:#333; }

ul#brandnav {
	float:left;
	padding:0px;
	width:195px;
	display:block;
	overflow:hidden;
padding:6px 0px 5px 3px; color:#999999; 
}
#brandnav li { border-bottom:1px solid #DEDEDE; display: block; padding:6px 0px 5px 3px; color:#999999;  }
#brandnav li a { display: block; padding:6px 0px 5px 3px; color:#999999; }
#brandnav li a:hover { background:#f4f4f5; color:#333; }

ul#printnav {
	float:left;
	padding:0px;
	width:195px;
	display:block;
	overflow:hidden;
padding:6px 0px 5px 3px; color:#FF9900; 
}
#printnav li { border-bottom:1px solid #DEDEDE; display: block; padding:6px 0px 5px 3px; color:#FF9900;  }
#printnav li a { display: block; padding:6px 0px 5px 3px; color:#FF9900; }
#printnav li a:hover { background:#f4f4f5; color:#333; }

ul#marketingnav {
	float:left;
	padding:0px;
	width:195px;
	display:block;
	overflow:hidden;
padding:6px 0px 5px 3px; color:#17B2A8; 
}
#marketingnav li { border-bottom:1px solid #DEDEDE; display: block; padding:6px 0px 5px 3px; color:#17B2A8;  }
#marketingnav li a { display: block; padding:6px 0px 5px 3px; color:#17B2A8; }
#marketingnav li a:hover { background:#f4f4f5; color:#333; }


ul#copywritingnav {
	float:left;
	padding:0px;
	width:195px;
	display:block;
	overflow:hidden;
padding:6px 0px 5px 3px; color:#E35B82; 
}
#copywritingnav li { border-bottom:1px solid #DEDEDE; display: block; padding:6px 0px 5px 3px; color:#E35B82;  }
#copywritingnav li a { display: block; padding:6px 0px 5px 3px; color:#E35B82; }
#copywritingnav li a:hover { background:#f4f4f5; color:#333; }

ul#photographynav {
	float:left;
	padding:0px;
	width:195px;
	display:block;
	overflow:hidden;
padding:6px 0px 5px 3px; color:#57648A; 
}
#photographynav li { border-bottom:1px solid #DEDEDE; display: block; padding:6px 0px 5px 3px; color:#57648A;  }
#photographynav li a { display: block; padding:6px 0px 5px 3px; color:#57648A; }
#photographynav li a:hover { background:#f4f4f5; color:#333; }
/* End of Secondary Navigation */

.homesubtitle{
font-size:20px; color: #333333; letter-spacing:1px; line-height:1.0em;}

.homesubtext{
font-size:11px; color: #666666; letter-spacing:-1px;}

/* ---( = begin imagebar layout elements )------------------------------- */

ul#imgbar{ 
	position: relative; 
	float:none;
	width: 553px; 
	height: 230px; 
	margin: 0; 
	padding: 0 0px; 

}

#imgbar li { 
	display: block; 
}

#imgbar{
position: relative;
	margin: 0; 
	padding: 0 0px; 
}