/* Screw Productions - Site styles
   Updated: October  2009
   Author:  Wayne Parkinson
   Images:  All the pictures on this site have been provide by Screw Productions
---------------------------------------------------------------------------------- */


/*	FIRST line of css.  This Star (*) sets all margins and padding 
	to zero and helps render Firefox and IE to look very similar.
--------------------------------------------------------------------- */
*	{
	margin: 0;
	padding: 0;
}


body {
	background-color: #FFFFCC;
	color: #000000;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: black;
	padding: 8px;
	padding-bottom: 14px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
	padding: 8px;
}


h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
}




p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: black;
	line-height: 20px;
	margin-top: 8px;
	margin-right: 18px;
	margin-bottom: 8px;
	margin-left: 18px;
}





/*	=wrapper
	Code to set outer layer of the top portion 
	of page, excluding the footer section
-------------------------------------------------- */
#wrapper {
	position: absolute;
	left: 50%;
	margin-left: -396px;
	width: 792px;
	top: 10px;
}


/*	=header
	Code to set header matching the font and colours from the 
	advertising on the Abingdon Business Cards and Invoices
---------------------------------------------------------------- */
#header {
	margin: 0px auto;
	text-align:center;	
	width: 792px;
	height: 90px;
	top: 10px;
}


/*	=navigation
	Code to set navigaton bar area and the look  
	and feel of the navigation buttons.
-------------------------------------------------- */
#navbar {
	position: relative;
	width: 242px;
	height: 1140px;
	background-color: #339933;
	top: 0px;
}

#navbuttons{
	position: absolute;
	top: 0px;
	left: 0px;
}


#navbuttons dl dt a:link, #navbar dl dt a:visited {
	display: block;
	font-size: 13px;
	padding-left: 9px;
	font-weight: normal;
}	


#navbuttons dt a:link {
	line-height: 30px;
	margin-left: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration:underline;
	color: white;
}


#navbuttons dt a:hover {
	color: #8B2323;
}


#navbuttons dd a:link {
	line-height: 30px;
	margin-left: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	color: white;
}

#navbuttons dd a:hover {
	color: #8B2323;
}


#navbuttons dt a:visited {
	line-height: 30px;
	margin-left: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	color: black;
}


#navbuttons dd a:visited {
	line-height: 30px;
	margin-left: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	color: black;
}


.unnamed1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: normal;
	color: #FFFFFF;
}


.Linknone {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: normal;
	color: #FFFFFF;
}


.LinkonPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: normal;
	color: #000000;
}
.plaintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: normal;
	color: #000000;
}


/*	=factorypic
	Code to set product list area look and feel.
-------------------------------------------------- */
#factorypic {
	position: absolute;
	top: 90px;
	left: 242px;
	width: 546px;
	height: 1140px;
	background-color: white;
}


/*	=inside
	Code to set product list area look and feel.
-------------------------------------------------- */
#inside {
	position: absolute;
	top: 90px;
	left: 48px;
	height: 1140px;	
}





/*	=about
	Code to set product list area look and feel.
-------------------------------------------------- */
#about {
	position: absolute;
	top: 90px;
	left: 242px;
	width: 542px;
	height: 1140px;
	background-color: white;
	padding-left: 10px;
}


/*	=company
	Code to set product list area look and feel.
-------------------------------------------------- */
#company {
	position: absolute;
	top: 90px;
	left: 242px;
	width: 542px;
	height: 1140px;
	background-color: white;
	padding-left: 10px;
}


/*	=company
	Code to set product list area look and feel.
-------------------------------------------------- */
#company p {
	margin-right: 240px;
}


/*	=companypics
	Code to set product list area look and feel.
-------------------------------------------------- */
.companypics {
	float:right;
	padding-right: 8px;
	padding-left: 8px;
}



/*	=productlist
	Code to set product list area look and feel.
-------------------------------------------------- */
#prodlist {
	position: absolute;
	top: 90px;
	left: -99px;
	width: 538px;
	height: 1140px;
	background-color: white;
	margin-left: 341px;
	padding-left: 12px;
}

#prodlist h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: black;
	padding: 8px;
	padding-bottom: 14px;
}



/*	=screw-ul and screw-nums
	Code to set layout of the screw links to Technoical and Stock Info.
------------------------------------------------------------------------ */
#screw ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
	list-style-type: none;
	padding: 0;
	margin-left: 20px;
	margin-top: 20px;
}


/*	=screw-p
	Code to set layout of the screw links to Technoical and Stock Info.
------------------------------------------------------------------------ */
#screw p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: black;
	margin-top: 8px;
	margin-right: 18px;
	margin-bottom: 12px;
	margin-left: 18px;
}



/*	=footer
	Code to set footer outer to locate it imeadiately 
	below the main part of the site.
------------------------------------------------------- */
#footer {
	position: absolute;
	left: 50%;
	margin-left: -396px;
	width: 792px;
	top: 1200px;
}

#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: black;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
}