/*
Theme Name: Network Interlinks
Theme URI: http://mointernational.com/
Author: the MOI team
Author URI: http://mointernational.com/
Description: The 2011 theme for Network Interlinks by Marketing Options International.
Version: 1
*/

/*

Site colours:
706f73 - menu/headings bgd/font grey
8bc249 - menu current-menu-item / links light green
939498 - menu divider light grey
f9f9f9 - .callouts bgd grey
ebebea - .callouts border grey
*/

* {
	margin:0;
	padding:0;
	outline: none !important;
}
html, body {
	font-family:arial;
	background:#fff;
	color:#222;
}
img, fieldset {
	border:none;
}
:focus {
	-moz-outline-style:none;
}
label, article, aside, canvas, details, figure, footer, header, hgroup, menu, nav, section, summary {
	display:block
}
p, li, td, a, label, .fieldwrap, legend {
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#706f73;
}
p {
	margin-bottom:10px;
}
blockquote {
	font:italic normal 12px/16px Arial, Helvetica, sans-serif;
	color:#706f73;
}
input[type="text"], textarea {
	font:normal 13px/13px "Courier New", Courier, monospace;
	color:#4D4D4D;
}
label, input[type=submit] {
	cursor:pointer;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	margin-bottom:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#loader .download {
	background:url('img/download.png') no-repeat 0 0 transparent;
	height:42px;
	text-align:left;
	padding-left:50px;
	display:inline-block;
	line-height:50px;	
}

#pagewrap {
	width:960px;
	margin:0 auto;
}

header {
	position:relative;
	height: 142px;
	overflow:hidden;
}
	#networkinterlinks {
		width:170px;
		height:142px;
		text-indent:-9999px;
		overflow:hidden;
		display:block;
		background:url('img/networkinterlinks.png') no-repeat 50% 18px #fff;
		float:left;
	}
	#top {
		width:790px;
		height:142px;
		overflow:hidden;
		position:relative;
		float:right;
		background:#fff url('img/top.jpg') no-repeat 0 0;
	}
	#top h1 {
		color:#fff;
		font-size:24px;
		position:absolute;
		bottom:35px;
		left:35px;
	}
	#menu-top {
		position:absolute;
		right:5px;
		top:0;
		background:transparent url('img/menu-top-bgd.png') no-repeat 0 0;
		width:227px;
		padding:0 0px;
		overflow:hidden;
	}
	#menu-top li {
		list-style:none;
		float:left;
		display:inline;
		background:transparent url('img/menu-top-divider.png') no-repeat 100% 50%;
		padding-right:0px;
	}
	#menu-top li:last-child {
		padding-right:0;
		background:none;
	}
	#menu-top a{
		font:bold 10px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#484848;
		display:block;
		height:30px;
		padding:0 8px 0;
		text-decoration:none;
	}
	
menu {
	height:30px;
	background:#706f73 url('img/menu-primary-bgd.png') repeat-x 0 0;
}
	#menu-primary {
		/*margin-left:170px;*/
	}
#menu-primary #menu-Home {
    width: 170px;
    text-align: center;
}
	#menu-primary li {
		list-style:none;
		display:inline;
		float:left;
		position:relative;
		border-left:1px solid #939498;
	}
	#menu-primary li:last-child {
		border-right:1px solid #939498;
	}
	#menu-primary a {
		padding:0 20px;
		height:30px;
		display:block;
		overflow:hidden;
		color:#fff;
		font: bold 14px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	#menu-primary .current-menu-item a, #menu-primary li:hover a, #menu-primary .current-page-ancestor a {
		background:#8bc249 url('img/menu-primary-active.png') repeat-x 0 0 !important;
		height:30px;
	}

#main {
	overflow:hidden;
}

/* COLUMNS ---------------------- */

#colleft {
	width:100%;
	float:left;
	background:none;
	overflow:hidden;
	position:relative;
}
#colright {
	width:100%;
	float:left;
	background:#fff;
	position:relative;
	left:170px;
}

/* LEFT COLUMN ---------------------- */

	.lhs {
		width:170px;
		background:#fff url('img/left-col-bgd.png') repeat-x 0 0;
		min-height:409px;
		float:left;
		padding-top:25px;
		padding-bottom:30px;
		overflow:hidden;
		position:relative;
		right:170px;
	}
		
		#lhs-menu-holder {
			padding:0;
		}
		#lhs-menu-holder li {
			line-height:0;
			font-size:0;
			list-style:none;
			display:block;
			width:168px;
			float:left;
		}
		.lhs-menu {
		}
		.lhs-menu li {
			list-style:none;
			border-bottom:2px dotted #e0e0e0;
			border-left:1px solid #e0e0e0;
			border-right:1px solid #e0e0e0;
		}
		.lhs-menu li:last-child {
			border-bottom:none;
		}
		.lhs-menu a {
			padding:10px 30px 10px 20px;
			background:url('img/menu-left-arrow.png') no-repeat 95% 50% #fff;
			color:#706f73;
			font:bold 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;
			display:block;
			text-decoration:none;
		}

/* MAIN COLUMN ---------------------- */
	
	.content {
		position:relative;
		right:170px;
		padding-bottom:30px;
		overflow:hidden;
	}
	
	.copy {
		float:left;
		width:510px;
		padding:25px 20px 0;
	}
		
		.copy h1 {
			font: bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#8bc249;
		}
		
		.copy h2 {
			font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#706f73;
		}
		.copy a {
			font:bold 12px/16px Arial, Helvetica, sans-serif;
			color:#8bc249;
			text-decoration:underline;
		}
		.copy ul {
			margin-left:13px;
			margin-bottom:10px;
		}
		.copy li {
			margin-bottom:10px;
		}
		.box {
			position:relative;
			background:#f9f9f9;
			padding:10px 15px;
			border:1px solid #ebebea;
		}
			.box-corner-tl {
				position:absolute;
				top:-1px;
				left:-1px;
			}
			.box-corner-tr {
				position:absolute;
				top:-1px;
				right:-1px;
			}
			.box-corner-bl {
				position:absolute;
				bottom:-1px;
				left:-1px;
			}
			.box-corner-br {
				position:absolute;
				bottom:-1px;
				right:-1px;
			}
			.box h3 {
				font:bold 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#706f73;
				
			}
			.box li {
				list-style:none;
				padding-left:20px;
				background:url('img/list-arrow.png') no-repeat 0 4px transparent;
				margin-bottom:5px;
			}
			.box a {
				font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#706f73;
				text-decoration:underline;
			}
			.box-gradient {
				padding-bottom: 5px;
				padding-top: 10px;
				overflow:hidden;
			}
			.box-gradient img {
				display: block;
			}
			
/* RIGHT COLUMN ---------------------- */		

		.rhs {
			width:240px;
			float:right;
			padding-top:25px;
		}
			#contact-box {
				width:220px;
				padding:0 10px;
				overflow:hidden;
			}
				#contact-box-top {
					background:#004d9b url('img/contact-box-top-bgd.png') no-repeat 0 0;
					height:27px;
					position:relative;
					overflow:hidden;
				}
					#contact-box-top-email {
						position:absolute;
						right:30px;
						top:3px;
					}
					#contact-box-top-call {
						position:absolute;
						right:8px;
						top:3px;
					}
					#contact-box-top h6 {
						color:#fff;
						font:bold 11px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;
						float:left;
						padding-left:8px;
						margin:0;
					}
				#contact-box-body {
					position:relative;
					float:left;
					width:218px;
					border-left:1px solid #c1c1c1;
					border-right:1px solid #c1c1c1;
					border-bottom:1px solid #c1c1c1;
				}
					#contact-box-bgd-right {
						background:#fff;
						width:218px;
						overflow:hidden;
						position:relative;
						float:left;
					}
					#contact-box-bgd-left {
						background:#f0efef;
						width:218px;
						float:left;
						position:relative;
						right:120px;
					}
					#contact-box-content-left {
						float:left;
						overflow:hidden;
						width:86px;
						position:relative;
						left:126px;
						padding:12px 0;
					}
						#contact-box-body-email {
							background:url('img/contact-box-body-email.png') no-repeat 0 0 transparent;
							width:86px;
							height:19px;
							display:block;
							text-align:center;
							font:bold 10px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
							color:#706f73;
							margin-bottom:12px;
							text-decoration:none;
						}
						#contact-box-body-call {
							background:url('img/contact-box-body-call.png') no-repeat 0 0 transparent;
							width:86px;
							height:31px;
							padding-top:4px;
							display:block;
							text-align:center;
							font:bold 10px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
							color:#706f73;
							text-decoration:none;
						}
						#contact-box-body-email span, #contact-box-body-call span {
							color:#8BC249;
						}
					#contact-box-content-right {
						float:left;
						overflow:hidden;
						width:104px;
						position:relative;
						left:140px;
						padding:16px 0;
					}
						#contact-box-content-right h3 {
							color:#706f73;
							font:bold 29px/29px "Trebuchet MS", Arial, Helvetica, sans-serif;
							margin:0;
							padding:0;
							text-align:center;
						}
						#contact-box-content-right h4,#contact-box-content-right p {
							color:#8bc249;
							font:bold 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
							margin:0;
							padding:0;
							text-align:center;
						}
					#contact-box-corner-br {
						position:absolute;
						bottom:-1px;
						right:-1px;
						z-index:99;
					}
					#contact-box-corner-bl {
						position:absolute;
						bottom:-1px;
						left:-1px;
						z-index:99;
					}
		
/* FOOTER ---------------------- */
		
footer {
	background:#706f73 url('img/footer-bgd.png') repeat-x 0 0;
	height:60px;
	overflow:hidden;
	padding: 20px 20px 0 131px;
}
	#copyright {
		float:left;
	}
	#menu-footer {
		float:right;
	}
	#copyright li, #menu-footer li {
		list-style:none;
		float:left;
		display:inline;
		border-right: 1px solid #fff;
		margin-right:5px;
		padding-right:5px;
	}
	#copyright li:last-child, #menu-footer li:last-child {
		padding-right:0;
		margin-right:0;
		border-right:none;
	}
	#copyright a, #menu-footer a {
		text-decoration:underline;
	}
	#copyright li, #copyright a, #menu-footer a, #menu-footer li {
		color:#fff;
		font: normal 9px/9px arial;
	}
	
/* OVERLAYS and FORMS ---------------------- */

.overlay {
	margin-top:13px;
}
.overlay form {
	overflow:hidden;
}
.inputfields {
	overflow:hidden;
	float:left;
}
.inputfields .fieldwrap:nth-child(2n+1) {
	margin-right:20px;
}
.fieldwrap {
	overflow:hidden;
	float:left;
	width:235px;
	margin-bottom:10px;
	padding:5px;
}
.fieldwrap label {
	display:inline;
	line-height:22px;
	padding-right:5px;
}
.fieldwrap input[type="text"], .fieldwrap input[type="submit"], .fieldwrap textarea {
	border:1px solid #8bc249;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:2px 4px;
}
.fieldwrap input {
	width:230px;
}
.fieldwrap textarea {
	width:500px;
}
.fieldwrap div {
	padding:5px;
}
.fieldwrap input[type="radio"] {
	width:auto;
	margin-right:3px;
	position:relative;
	top:2px;
}
.inputmini {
	width:56px !important;
}
.inputdate {
	width:86px !important;
}
.radiofields .fieldwrap {
	width:510px;
}
.radiofields legend {
	float:left;
	padding-right:10px;
	line-height:22px;
	*position:relative;
	*left:-7px;
	
}
.fieldwrap label {
	margin-right:10px;
}
.overlay .fieldwrap {
	padding:0;
	width:245px;
}
.overlay input {
	width:235px;
}
.overlay .submit {
	width:510px;
	margin-bottom:0;
	text-align:right;
}
.textarea {
	width:100% !important;
}
.submit {
	padding-bottom:0;
	width:100%;
	text-align:center;
}
input[type="submit"] {
	background:url('img/btn-submit.png') no-repeat 0 0 transparent;
	width:139px;
	height:25px;
	overflow:hidden;
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	*border:none !important;
	*padding-top:0 !important;
}
.hidden {
	display:none;
}
.error {
	border:1px solid #f00 !important;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}