/*
		# # # # # # # # # # # # # # # # # # # # # # # # #
		CSS STYLE SHEET - DIVISIONS
		FOR DOMAIN: www.NBMWEBDESIGNS.net
		CREATED:    28/09/07
		CREATED BY: JAMES MARRIOTT @ NBM WEB DESIGNS
		            WWW.NBMWEBDESIGNS.NET
		            sales@nbmwebdesigns.net
		            Tel. 0870 116 4539
		LAST UPDATE: 18/11/07 BY: JMM @ NBM WEB DESIGNS
		- - - - - - - - - - - - - - - - - - - - - - - - -
		Please feel free to copy this stylesheet and use 
		it any way you like but please, no hotlinks.
		- - - - - - - - - - - - - - - - - - - - - - - - -
		# # # # # # # # # # # # # # # # # # # # # # # # #
*/
/* -#-#-#-#-#-#-#-#-#-#-#-#-#-#- START STYLE SHEET -#-#-#-#-#-#-#-#-#-#-#-#-#-#- */

/* ----- BODY, FIELDSETS, RESETS ----- */
body { /*  */
	width:790px; /* Set width of page */
	margin:0 auto; /* Center the page */
	}
fieldset { /* Style the form-> fieldsets */
	border:2px solid #90c;
	padding:5px;
	}
/* ----- WRAPPER / CONTAINERS ----- */
	#wrapper { /* Wraps the page divisions (leftcol, centercol) to ensure correct layout */
		width:690px;
		margin:0 50px;
		text-align:center;
		float:left;
		}
	#wrapper2 { /* Wraps the page divisions (leftcol, centercol) to ensure correct layout */
		width:670px;
		margin:0 60px;
		text-align:center;
		float:left;
		}
	#container_scroll { /* leftcol +.container_scroll = 790px */
		width:640px; height:450px; /* TOTAL WIDTH: 650px */
		overflow:scroll; /* NB. "overflow-y" doesn't validate! */
		margin:0; padding:0 5px;
		float:left;
		}
	#container_max { /* leftcol +.container_max = 790px */
		width:640px; /* TOTAL WIDTH: 650px */
		margin:0; padding:0 5px;
		float:left;
		}
	div.portfolio { /* leftcol + .portfolio = 790px */
		width:633px; /* TOTAL WIDTH: 650px */
		border:1px solid #90c;
		margin-bottom:10px; padding:5px;
		float:left;
		}
	div.indexcontainer { /*  */
		width:540px; /* (leftcol + .indexcontainer = 680px) */
		border:0;
		margin:5px 0; padding:0;
		float:left;
		}
	#full_scroll { /* Used in the 'Show Code' section */
		width:128%; /* Should really be bigger to allow for 800x600 monitor but is a compromise */
		margin:1%;
		float:left;
		}
	div.infobox { /* Frame for info in left column */
		border:1px solid #90c;
		margin-bottom:10px; padding:2px 5px;
		float:left; /* Not required but 'belt and braces' */
		}
	div.pageinfo { /* /CODE/ Frame for the pages welcome message */
		width:533px; /* TOAL WIDTH:545px (533 + (1+1) + (5+5)) */
		border:1px solid #90c;
		margin-bottom:10px; padding:2px 5px;
		text-align:justify;
		float:left;
		}

/* ----- MAIN BODY DIVIDIONS ----- */
	#header { /*  */
		width:790px; height:100px; /* Height required as may not always contain text */
		background:url(../images/header-new.png) no-repeat;
		border-bottom:1px solid #90f;
		margin:5px 0; padding-bottom:10px;
		line-height:1.2em; /* Will vary on browser settings. Ok whilst header fixed height */
		float:left;
		}
	#headerout { /*  */
		width:658px;
		border:1px solid #90f;
		margin:5px 60px 10px 60px;
		padding:5px; /* The alternative is to put a margin around headerin but IE doesn't show this properly! */
		float:left;
		}
	#headerin { /*  */
		width:656px;
		border:1px solid #90f;
		margin:0;
		line-height:4em;
		text-align:center;
		float:left;
		}
	#pagetop { /* Welcome message on each page */
		width:679px; /* TOTAL WIDTH:685px (679 + (1+1) + (2+2)) */
		border:1px solid #90f;
		margin-bottom:5px; padding:2px;
		text-align:left;
		float:left;
		}
	#pagetop_max { /* Welcome message on each page */
		width:778px; /* TOTAL WIDTH:790px (778 + (1+1) + (5+5)) */
		border:1px solid #90f;
		margin:5px 0; padding:5px;
		text-align:justify;
		float:left;
		}
	#leftcol { /*  */
		width:130px; /* Total: 140px (130 + 10) */
		margin-right:10px;
		float:left;
		}
	#centercol { /* Since last update, this is now the RIGHT column of a two column design */
		width:545px;
		text-align:justify;
		float:left;
		}
	#leftcol2 { /* Since last update, this is now the RIGHT column of a two column design */
		width:470px;
		text-align:left;
		float:left;
		}
	#rightcol2 { /*  */
		width:170px; /* Total: 240px (130 + 10) */
		margin-left:10px;
		padding-left:20px;
		text-align:left;
		float:left;
		}
	#footer {
		width:770px; /* TOTAL WIDTH:790px (770 + (10+10)) */
		text-align:center;
		border-top:1px solid #90f;
		margin:5px 0; padding:5px 10px;
		float:left;
		}
	div.btn {
		border:0;
		background:transparent;
		}

/* ----------------------------------------------------------------------------------------- */

#links a {
	background:#fff;
	display: block; 
  padding:0;
	margin:0;
	}
#links a:hover {
	background:#fff;
	}
#links a span {
	display:none;
	}
#links a:hover span {
	display:block;
	background:#00f;
	width:30em;
	border:1px solid #90f;
	padding:5px;
	margin:0;
	color:#fff;
	z-index:1000;
	}
#linkbox a {
	display:block;
	width:120px;
	border:3px double #90c;
	margin:10px 0;
	padding:2px;
	text-align:center;
	}
#linkbox a:hover {
	background:#90c;
	border:3px double #fff;
	color:#fff;
	}
#linkbox2 a {
	display:block;
	width:120px;
	border-bottom:1px solid #90c;
	margin:10px 0;
	padding:2px;
	text-align:center;
	}
#linkbox2 a:hover {
	background:#90c;
	border-bottom:1px solid #fff;
	color:#fff;
	}

/* ------------- START NAVIGATION MENU DIVISIONS ------------- */	
	.navlist { /* Reset Navigation menu margins / Padding */
		display:block; /* The key for the effect */
		margin:0; /* removes indent IE pre v7 and Opera */
		padding:0; /* removes indent Mozilla and NN7 */
		list-style-type:none; /* Turns of 'bullets' */
		}		
	.navlist a, .navlist a:visited { /* Make the links work as a button effect */
		display:block;
		width:120px;
		background-color:transparent;
		border-bottom:1px solid #333;
		margin-bottom:2px; padding:2px;
		text-decoration:none;
		text-align:center;
		}		
	.navlist a:hover { /* Set the menu buttons for mouse hover */
		background-color:#90c;
		color:#fff;
		}

/* -#-#-#-#-#-#-#-#-#-#-#-#-#-#- END STYLE SHEET -#-#-#-#-#-#-#-#-#-#-#-#-#-#- */