/* CSS Document */

/*Standard Tags*/
html { background:#000;}
body { background:#000; margin-top:30px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#CCC; font-size:12px;}
h1,h2,h3,h4,h5,h6,h7 { font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:700;}
h4 { padding:0px; margin:0px; display:inline; margin-left:20px;}
h5 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:500; letter-spacing:1px; }
h6 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:900; text-transform:capitalize; color:#00FF99;}
a:link { text-decoration:none; font-weight:500;}      /* unvisited link */
a:visited {text-decoration:none; font-weight:100;}  /* visited link */
a:hover {text-decoration:none; font-weight:900}  /* mouse over link */
a:active {text-decoration:none;}  /* selected link */
h3 { margin:0px; padding:0px 0px 10px 0px; color:#6EBC8B;}



/*Divisions*/
div#wrapper { margin:0 auto; width:1020px; background:url(../images/page-background.jpg) no-repeat; height:780px;}
div#header { margin:0 auto; position:relative; width:984px; height:144px; background:url(../images/header.jpg) no-repeat;}
div#tagtext { position:absolute; width:449px; height:36px; top:15px; left:480px;}
div#navbuttons { position:absolute; width:560px; height:72px; top:70px; left:400px;}
div#main { margin:0 auto; position:relative; width:984px; margin-top:20px; margin-bottom:20px; }
/*---------------------*/
div#leftsection { width:224px; float:left;}
div#leftsectiontop { width:224px; background:url(../images/left-feature-top.jpg) no-repeat; height:36px;}
div#leftsectionmid { width:224px; background:url(../images/left-feature-mid.png) repeat-y; padding-top:1px; padding-bottom:1px;}
div#leftsectionbot { width:224px; background:url(../images/left-feature-bottom.png) no-repeat; height:36px;}
div#leftcontent { width:200px; background:none; margin:0 auto; position:relative;}
/*---------------------*/
div#rightsection { float:right; width:744px;}
div#rightsectiontop { width:744px; height:38px; background:url(../images/right-section-top.jpg) no-repeat;}
div#rightsectionmid { width:744px; background:url(../images/right-section-mid.png) repeat-y; padding-bottom:-100px;}
div#rightsectionbot { width:744px; height:38px; background:url(../images/right-section-bottom.png) no-repeat;}
div#rightcontent { width:720px; background:none; margin:0 auto; position:relative;}
div#rightmove { position:relative; top:-10px; margin:0px; padding:0px;}
/*---------------------*/
div#footer { margin:0 auto; width:984px; height:64px; background:url(../images/footer.png) no-repeat; position:relative;}

div#address { width:250px; height:260px; float:left; margin-left:20px;}
div#form-section { width:402px; height:260px; float:right; position:relative; top:-10px;}
div#form-top { width: 402px; height:20px; background:url(../images/form-top-bak.png) no-repeat;}
div#form-mid { width: 402px; background:url(../images/form-mid-bak.png) repeat-y; height:260px; }
div#form-bot { width:402px; height:20px; background:url(../images/form-bot-bak.png) no-repeat;}

/* Division + standard tags*/
div#rightmove strong { letter-spacing:1px;}
div#header h1 a { display:block;}
div#rightmove a:link { color:#33FF33;}
div#rightmove a:visited { color:#33FF33;}
div#rightmove a:hover { color:#33FF33; text-decoration:underline;}
div#rightmove a:active { color:#33FF33;}
div#rightmove ul { padding:0px; margin:0px; padding-bottom:10px; list-style:none; margin-left:50px;}
div#rightmove ul li { padding:0px; margin:0px; list-style-type:none; list-style:url(../images/bullet-list-content.png); padding-bottom:2px;}
div#address p { letter-spacing:1px;}
div#footer p { position:relative; font-size:14px; font-weight:700; padding-left:25px; float:left; padding-right:30px; margin:0px; top:23px;}
#header blockquote { width:449px; height:36px; background:url(../images/tag-line-text.png) no-repeat; text-indent:-9999px; padding:0px; margin:0px;}
#header h1 { font-size:14px; text-indent:-9999px; background:url(../images/nottingham-printers-logo.png) no-repeat; height:111px; width:324px; position:relative; top:15px; left:23px;}
div#navbuttons ul { margin:0px; padding:0px;}
div#navbuttons li { margin:0px; padding:0px; list-style-type:none; background:url(../images/button-off.png) no-repeat; width:136px; height:36px; float:left; padding-right:3px; text-align:center; font-weight:800; position:relative; color:#fff; padding-top:9px; margin-top:-2px; cursor:pointer; font-style:normal; font-variant:small-caps;}
div#navbuttons li:hover { background:url(../images/button-on.png) no-repeat;}
div#navbuttons li a { width:140px;}
div#navbuttons a:link { color:#fff; font-weight:500; width:140px; display:block;}
div#navbuttons a:visited {text-decoration:none; font-weight:500;color:#eee;}  /* visited link */
div#navbuttons a:hover {text-decoration:none; font-weight:900; color:#000;}  /* mouse over link */
div#navbuttons a:active {text-decoration:none;color:#fff; font-weight:900;}  /* selected link */

div#leftcontent p { margin:0px; padding:0px; padding-bottom:10px;}
div#rightcontent p { margin:0px; padding:0px; padding-bottom:10px; }
div#leftcontent ul { margin:0px; padding:0px; margin-left:0px; position:relative; top:-10px;}
div#leftcontent li { margin:0px; padding:0px; padding-bottom:10px; list-style-type:none; background:url(../images/sidenav-button-off.png) no-repeat 0px 0px; padding-left:30px; font-size:12px; font-weight:700; padding-top:2px; color:#999}
div#leftcontent a { color: #D7FFEB; width:167px; display:block; height:18px;}
div#leftcontent ul li a:hover { background:url(../images/bullet-list-hover.png) no-repeat; font-weight:500;}
div#leftcontent li:hover { background:url(../images/sidenav-button-on.png) no-repeat 0px 0px; color:#bbb; cursor:pointer; }

/*Form Layout*/
div#form-mid form { margin-left:10px; margin-right:10px; position:relative; padding:0px;}
#form-mid form input { width:182px; height:22px; background:url(../images/input-bak.png) no-repeat; border:none; color:#0f9; float:right;}
#form-mid form input:hover { background:url(../images/input-bak-over.png) no-repeat;}
#form-mid form input:focus { background:url(../images/input-bak-over.png) no-repeat;}
#form-mid form label, label span { display:block; padding-bottom:11px;}
#form-mid form label { float: left; width:100%;}
#form-mid form label span { float:left;  padding-left:20px;}

#form-mid form #textmessage:hover {background:url(../images/message-bak-over.png) no-repeat top right;}
#form-mid form #textmessage:focus {background:url(../images/message-bak-over.png) no-repeat top right;}
#form-mid form textarea { width:242px; height:62px; background:url(../images/message-bak.png) no-repeat top right; float:right; border:transparent; overflow:auto;  display:block; color:#00FF99;}
#form-mid form textarea:hover, textarea:focus, textarea:active { background:url(../images/message-bak-over.png) no-repeat top right;}
#form-mid form input.sendbtn {
	background:url(../images/send-off-bak.png) no-repeat; height:25px; width:70px; top:-40px; position:relative; right:290px;}
#form-mid form input.sendbtn:hover { background:url(../images/send-on-bak.png) no-repeat; width:70px; height:25px;}

/* Comments Section */
form fieldset { border:0px none;} 
form.unilogin { border:0px none !important;}
#mainCommentHolder{
border-top: 1px dashed #ccc;}

.commentHolder{
border-bottom:1px dashed #ccc;
font-size: 12px;
}

.commentText{
padding-top:20px;
padding-left: 30px;
width:520px;
}

.commentAuthor{
padding-top:20px;
float:right;
width:150px;
}

/* End Comments Section */



/* hide the hidden form field */
		.spform_input {
		position:absolute;
		text-decoration:underline;
		background-color:#CC0000;
		left:0px;
		display: none;
		top:-500px;
		width:1px;
		height:1px;
		overflow:hidden;
		}