@import "main.css";
@import "type.css";

/*	Centering */

body,td,th { background:url(../images/peterusborne-back.gif) repeat-x; margin:0px; padding:0px; text-align:center; font-family:Arial, sans-serif; font-size: 11px; color: #000; line-spacing:1.3px; }
#model {	width:998px; margin:0px auto; text-align:left; overflow:hidden;}

/*	Generic Styling */

#grafismo {background-position:left top; background-repeat:no-repeat; background-image:url(../PNG/grafismo.png); width:533px; height:1400px; position:absolute}

a {	color:#666; text-decoration: none; outline-color:invert; outline-style:none; outline-width:medium;}
a:hover {	color:#999; 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(../images/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(../images/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(../images/80.png); background-repeat:repeat;}
a:hover.tip2 span {	display: block; }

p {	font-family: Arial, sans-serif; font-size: 11px; color: #333; line-height: 1.7em; }
h2 { background:url(../images/oops.gif) no-repeat; width:40px; height:17px; text-indent: -2000px; margin: 0px; padding: 0px;} /* Oops */
h3 {	display:block; text-transform:lowercase; font-size:14px; color:#999; line-height:1.5em; padding:0; margin-top:0px; margin-bottom:0px; font-weight:normal; }
h4 { background:url(../images/peterusborne.gif) no-repeat; height:19px; width:148px; text-indent: -2000px; margin: 0px; padding: 0px;} /* For when I use my real name */
h5 { background:url(../images/buzzusborne.gif) no-repeat; height:19px; width:148px; text-indent: -2000px; margin: 0px; padding: 0px;} /* For when I feel like being Buzz */
h6 { background:url(../images/alldone.gif) no-repeat; width:65px; height:14px; text-indent: -2000px; margin: 0px; padding: 0px;} /* All done */

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(../../template07/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(../images/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(../images/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(../images/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(../images/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(../images/clickhere.gif) no-repeat; text-indent:-2000px; }
.clickhere a:hover { background:url(../images/clickhere2.gif) no-repeat; }

#nu-container {
	width:100%;
	background: url(../images/headback1.gif) repeat-x;
	margin-bottom:50px;
}
#nu {
	display:block inline;
	width:998px; margin:0px auto; text-align:left; overflow:hidden;
	height:194px;
}
h1 {
	background: url(../images/peterusborne-logo.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;
	}
.h2 {
	background: url(../images/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/headback1.gif) 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{ background: url(../PNG/logo2.png) no-repeat; width:300px; margin:0px 0px 0px 0px; }


li.prihome a { margin-left:250px; background:url(../images/liHomeNav.gif) no-repeat; width:63px; }
li.prihome_on a { margin-left:250px; background:url(../images/liHomeNav.gif) no-repeat; width:63px; background-position:0 -193px; }
li.prihome_on a:hover { background-position:0px!important; }
li.priprojects a { background:url(../images/liProjectsNav.gif) no-repeat; width:87px; }
li.priprojects_on a { background:url(../images/liProjectsNav.gif) no-repeat; width:87px; background-position:0 -193px;}
li.priprojects_on a:hover { background-position:0px!important; }
li.priabout a { background:url(../images/liAboutNav.gif) no-repeat; width:90px; }
li.priabout_on a { background:url(../images/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/liContactNav.gif) no-repeat; width:84px; }
li.pricontact_on a { background:url(../images/liContactNav.gif) no-repeat; width:84px; background-position:0 -193px;}
li.pricontact_on a:hover { background-position:0px!important; }
li.priblog a { background:url(../images/liBlogNav.gif) no-repeat; width:60px; }

/* End of Primary Navigation */

/* Secondary Navigation - 24th February 2008 */

ul#secondarynav { float:left; margin:0px 0px 0px 50px; padding:0px; width:210px; display:block; overflow:hidden; }
#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(../images/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(../images/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(../images/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(../images/liProjectsNav.gif) no-repeat; background-position:0 -193px; width: 87px; height:193px; text-indent:-2000px; }

.nuabout a { float:left;	display:block inline; background: url(../images/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(../images/liAboutNav.gif) no-repeat; background-position:0 -193px; width: 90px; height:193px; text-indent:-2000px; }

.nucontact a { float:left;	display:block inline; background: url(../images/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(../images/liContactNav.gif) no-repeat; background-position:0 -193px; width: 84px; height:193px; text-indent:-2000px; }

.nublog a { float:left;	display:block inline; background: url(../images/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(../images/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; }


#cv {margin: 10px 0px 0px 0px; height:22px; width:99%; font-size:14px; font:Arial, Helvetica, sans-serif; font-weight:bold; color:#666666; background:#f3f3f3; padding: 3px 5px 0px 7px}

#cv_col {float:left; display:inline; width:80%; padding-right:20px; }
#thanks_col {float:left; display:inline; width:80%; height:300px; padding-right:20px; }

#delicious { margin-left: 150px}