@charset "utf-8";
/*          CSS Document           */
/* ------------------------------- */
/* Written by Yngve Wikøren Nilsen */
/* ------------------------------- */

/* --------------------------------- */
/* ------ CSS Document Layout ------ */
/* --------------------------------- */
/* 1. General Styles And Tool Styles */
/* 2. General HTML-tags Styles 		 */
/*  2.1 Header Styles 				 */
/*	2.2 Links Styles 				 */
/*	2.3 Form Styles 				 */
/* 3. Layout Styles 				 */
/*  3.1 div Container Styles		 */
/*   3.1.1 div Header Styles		 */
/*   3.1.2 div Left Styles			 */
/*   3.1.3 div Main Styles			 */
/*    3.1.3.1 div Breadcrumbs Styles */
/*    3.1.3.2 div Print Styles		 */
/*    3.1.3.3 div Box Styles		 */
/*   3.1.4 div Right Styles			 */
/*   3.1.5 div Footer Styles		 */
/*   3.1.6 div Right Styles			 */
/* 4. Page Specific Styles			 */
/*  4.1 div Front Styles			 */
/* --------------------------------- */

/* ----- General Styles And Tool Styles ----- */
* {
	margin: 0px;
	padding: 0px;
	background: transparent;
}
.brclear{
	clear: both;
	font-size: 1px;
	height: 0;
	line-height: 0;
	margin: 0;
}

body {
	margin: 0 auto;
	padding: 0px;
	width: 990px;
	background: #fdf0e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666;
	line-height: 1.5em;
}

/* ----- General HTML-tags Styles ----- */
/* Header Styles */
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #776351;
}
h1 {
	font-size: 2.2em;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1em;
}
	#right h1 {
		color: #CA894F;
		font-size: 1em;
		font-weight: normal;
		text-transform: uppercase;
	}

h2 {
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: dashed 1px #fcefe3;
	padding-bottom: 15px;
}

h3 {
}
	
h4 {
}
h5 {}
h6 {}
/* end header styles */

p {
	margin:0 0 10px 0;
}
	#footer p {
		padding-top: 5px;
	}
	p.ingress {
		font-weight: bold;
	}
hr {
}
img {
	border: none;
}
	#main img {
		border: solid 2px #ccc;
	}
/* Link Styles */
a,
a:link,
a:visited,
a:active {
	text-decoration: underline;
	color: #ca894f;
}
	#logo a {
		text-decoration: none;
	}
	#iToolsBrand a {
		color: #9f9e9e;
	}
a:hover {
	text-decoration: none;
}
#main ul,
#main ol {
	margin-left: 40px;
}

/* ----- Form Styles ----- */
form ol {
}
form li {
	list-style: none;
	padding-top: 10px;
}
label {
	display: block;
	width: 7em;
	float: left;
	text-align: right;
	padding-right: 10px;
}
.formBtn {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #776351;	
}
	.formBtn:hover {
		color: #CA894F;
	}
input,
textarea {
	border: solid 1px #ccc;
}
	input:hover,
	input:focus,
	textarea:hover,
	textarea:focus {
		border: solid 1px #CA894F;
	}
	


/* ------------------------- */
/* ----- Layout Styles ----- */
/* ------------------------- */

/* ----- ID "container" ----- */
#borderLeft {
	width: 984px;
	background: #fff url(../gfx/borderLeft.jpg) repeat-y top left;
}
#borderRight {
	width: 984px;
	background: url(../gfx/borderRight.jpg) repeat-y top right;
}
#container {
	margin: 0 27px;
}

	/* HEADER (Includes header with logo, slideshow and horizontal top navigation) */
	#header {
		width: 100%;
		position: relative;
	}
		#logo {
			float: left;
			width: 50%;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 1.3em;
			padding-top: 10px;
		}
		#headerArticle {
			height: 240px;
			position: relative;
			z-index: 10;
		}
		
		#logInBtn {/* LogIn txt at end of menu */
			list-style: none;
			font-family: Georgia, "Times New Roman", Times, serif;
			text-decoration: none;
			color: #666;
			font-size: 1.2em;
			padding: 0px 0 4px 10px;
			float: right;
		}
			#logInBtn a {
				color: #666;
				text-decoration: none;
			}
			#logInBtn a:hover {
				color: #CA894F;
			}
			
		#loginBox {
			width: 250px;
			height: 100px;
			background: #fff;
			border: solid 2px #ccc;
			padding: 5px;
			position: absolute;
			display: none;
			top: 52px;
			right: 0;
			z-index: 20;
		}
			#loginBox_handle {
				border: solid 1px #666;
				padding-left: 4px;
				width: 1em;
				float: right;
			}
				#loginBox_handle a {
					text-decoration: none;
					font-weight: bold;
					color: #666;
				}
				#loginBox_handle:hover {
					border: solid 1px #CA894F;
				}
				#loginBox_handle a:hover {
					color: #CA894F;
				}
		
	/* LEFT (Includes (product) menu on the left, search and addtional content) */
	#left {
		width: 150px;
		float: left;
		margin-top: 15px;
	}
	
	/* MAIN content (Includes all articles) */
	#main {
/*		min-height: 500px;
		height: auto!important;
		height: 500px;*/
		width: 540px;
		float: left;
		background: url(../gfx/borderTop.jpg) no-repeat top left;
		margin : 10px 0 0 5px;
		padding: 20px 30px 30px 30px;
	}
		

	/* RIGHT (Optional right container for all sites) */
	#right {
		width: 145px;
		float: left;
		margin-top: 15px;
		padding: 10px 20px 10px 10px;
	}
	/* FOOTER (Includes adresses, copyright declarations, i-tools branding, and more) */
	#footer {
		font-size: 0.85em;
		padding: 0 27px;
		margin-right: 5px;
		background: url(../gfx/borderBottom.jpg) no-repeat left top;
		color: #ca894f;
	}
		#footerContent {
			border-top: dashed 1px #ddd;
		}
			#iToolsBrand {
				text-align: right;
				color: #9f9e9e;/*same color for "#iToolsBrand a {}"*/
			}

/* -------------------------------- */
/* ----- Page Specific Styles ----- */
/* -------------------------------- */

/* FRONTPAGE (Styles for frontpage only) */