/* CSS Document

 url(original/vwpxrule.gif) */

/* start global rules */
.hide { display: none;}
body {background: #FFF url(/images/headbg.jpg) repeat-x; padding: 0; margin: 0; text-align: center;}
a {text-decoration: none;}
div {padding: 0; margin: 0; }

/* end global rules */

#header, #nav, #content, #footer, #left, #right {text-align: left; padding: 0; margin: 0; }

/* start header */
#header { background: url(/images/nibblue.jpg) no-repeat right top; font: 1em Arial, Helvetica, sans-serif; color: #FFF;  padding-top: 4px; }
#header p, #header h1 {padding: 0 20px; margin: 0;}
#header p.hd1 {font-size: .8em;	padding-top: 4px;  color: #1A2626;}
#header p.hd2 {letter-spacing: .3em; font-size: 1em; font-weight: bold; padding-top: 17px;}
#header h1 { font-size: .8em; color: #1A2626; font-weight: normal;  padding-top: 6px;}
#header p.hd3 { background: #9cc; font-size: .8em; text-align: right; letter-spacing: 0.2em; font-weight: bold; padding-right: 8px; padding-bottom: 5px;}
/*
#header p.hd4 {padding: 5px 10px 5px; letter-spacing: normal; font-weight: normal;}
#header p.hd4 a, #header p.hd4 a:link, #header .hd4 a:visited { text-decoration: none; color: #1A2626;}
#header p.hd4 a:hover {text-decoration: underline;}
*/
/* end header */

/* start navigation*/
#nav ul { background:  #699; margin: 0; list-style: none; padding: 20px 0 0 0;  text-align:center; border-top: solid 1px #cc9; }
#nav ul li { display: inline; margin: 0; padding: 0;}
#nav ul li a { padding: 21px 2px 2px 2px; font: .85em Verdana, Arial, Helvetica, sans-serif; color: #fff; text-align:center; text-decoration: none; margin: 0 7px; font-weight: bold;}
#nav ul li a:link, #nav ul li a:visited { color: #fff;}
#nav ul li a:hover {background: url(/images/navonbg.gif) no-repeat center top;}
#nav ul li a#navon {color: #000;}
/* end navigation */

/* start content */
#content { 
	min-height: 350px;
	width: 742px;
	margin: auto;
	border: #cc9 solid 0;
	border-width:  0 1px;
	position: relative;
	padding: 30px;
	wid\th: 680px;
}
#left, #right {
	font: .75em Arial, Helvetica, sans-serif;
	width: 325px;
	min-height: 350px;
}

#all {
	font: .75em Arial, Helvetica, sans-serif;
	}
#right {
	position: absolute;
	top: 28px;
	left: 384px;
}
#left p, #right p, #all p {
	margin: 0 0 10px 0;
	line-height: 1.7em;
}
#left p img, #right p img {
	margin: 0;
	padding: 0;
float: left;
}

.title4 {color:#996; display: block; font: 1.5em Verdana, Arial, Helvetica, sans-serif;}
.indent {padding-left: 20px; clear: both; display: block;}/* end content */
.ppsspace {padding-top: 43px;}
#left p.acrobat {position: absolute; bottom: 10px; font-size: .9em; width: 325px; line-height: 1.3em;}
	/* start article */
div.article { margin: 0 0 10px 0; padding:0; clear: both; position: relative; }
div.article img { margin: 0 0 10px 0; padding: 0; float: left; }
div.article ul { padding: 0; list-style: none; margin: 0 0 0 60px;}
div.article ul li {padding: 0; margin: 0;}
div.article ul li.artin {padding-left: 15px;}
		/* start links */
div.article ul li.artin a:link, div.article ul li.artin a:visited {color:#699; font-weight: normal;}
.note {font-size: .85em; color: #996;}
div.article a:link, div.article a:visited, .cntlnk:link, .cntlnk:visited, .acrobat a:link, .acrobat a:visited, li.cntlnk {color:#699; font-weight: bold;}
div.article a:hover, .cntlnk:hover, div.article ul li.artin a:hover, .acrobat a:hover { color: #996; text-decoration: underline;}
		/* end links */
	/* end article */
	/* start services */
ul.services {position: relative; width: 100%; margin: 0 0 10px 0;}
ul.services li, ul.gwriter li { padding: 5px;	margin: 0;	list-style: disc inside;}
#left ul.services {padding:0 0 20px 0; background: url(/images/serv1.gif) no-repeat right top;}
#right ul.services {margin-top: 40px; padding:0 0 30px 0; background: url(/images/serv2.gif) no-repeat right top;}
	/* end services */
	/* start whyr */
#right p.why { padding: 40px 0 0 0;}
	/* end whyr */
	/* start form */
label {color: #699; display: block; vertical-align: top; clear:both;}
#reqfirstname, #reqlastname, #reqemail, #reqtelephone, #reqenquiry, .red { color: red; 	vertical-align: top;}
#right form p { line-height: 1.25em;}
	/* end form */

/* start footer */
#footer {width: 742px; margin: auto; clear: both; text-align: center; font: .75em Arial, Helvetica, sans-serif; padding: 5px 0; background: #cc9;}
#footer a:link, #footer a:visited { color: #1A2626;}
#footer a:hover {color: #699; }
	
/* end footer */


/*
stops box breaking in modern browsers  - following width must end up as content minus borders etc 
voice-family: "\"}\""; 
voice-family: inherit;
*/