/*
Theme Name: NVI International
Theme URI:
Description:
Version:1.0.0http://nviinternational.com/wp-admin/theme-editor.php?file=/themes/nvi/style.css&theme=NVI+International&a=te
Author:Tyssen Design
Author URI:http://www.tyssendesign.com.au/
Tags:
*/
html { 
	min-height: 100%; 
	padding-bottom: 1px;
 }
body {
	margin: 0;
	font: 100%/1.5 Verdana, Arial, Helvetica, sans-serif;
	color: #4D5653;
	background: #FFF url(images/body_bg.png) repeat-x;
}

#wrap {
	width: 985px;
	margin: 0 auto;
	font-size: 85%;
}

	#content {
		clear: both;
		float: left;
		width: 907px;
		margin: 0 auto 2em;
		padding: 1em 18px 1em 60px;
		background: url(images/content_bg.jpg) no-repeat
	}

#content2 {
		clear: both;
		float: left;
		width: 907px;
		margin: 0 auto 2em;
		padding: 1em 18px 1em 60px;
		background: #ffffff no-repeat;
		height: 300px;
	}
		#main {
			position: relative;
			z-index: 10;
			float: left;
			width: 522px;
		}
		.wide #main {
			float: none;
			width: auto;
			margin-right: 40px
		}
		
		#sidebar {
			position: relative;
			z-index: 10;
			float: right;
			width: 320px;
			margin-top: 2em
		}

/*------ general styles ------*/
a { text-decoration: none; color: #153C8B; font-weight: bold; }
a:hover, a:focus, a:active { text-decoration: underline }
h1, h2, h3, h4 { 
	line-height: 1.3;
	color: #70AA3A
}
	h2 a, h3 a, h4 a { color: #70AA3A }
h1 { 
	font-size: 235%; 
	line-height: 1;
	color: #8F6BAD;
	letter-spacing: -1px
}
	h1 span {
		display: block;
		font-weight: normal;
		color: #70AA3A
	}
h2 { font-size: 170% }
h3 { font-size: 140% }
h4 { font-size: 120% }
h5 { font-size: 100% }
.purple { color: #8F6BAD }
.green { color: #70AA3A }
.green2 { color: #70AA3A }
.big { color: #70AA3A; font-size: 120%; font-weight: bold; }
p { margin: 0 0 1em; line-height: 1.5 }
	h2 span, h3 span, h4 span, p span { color: #8F6BAD }
	h2.purple span, h3.purple span, h4.purple span { color: #70AA3A }
ul, ol { padding-left: 1.5em; margin: 0 0 1em 1.5em }
li { margin-bottom: 1em }
ul { list-style: disc }
ul ul { list-style: circle }
ol { list-style: decimal }
.alpha { list-style: lower-alpha }
.roman { list-style: lower-roman } 
.no-bullet { padding-left: 0; list-style: none }
img { border: 0 }
abbr { border-bottom: 1px dotted }
abbr:hover { cursor: help }
strong, em, .em { font-weight: bold }
em { font-style: normal }
address { font-style: normal }
blockquote, q { quotes: none }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
.clear { 	
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
}

.offset { 
	position: absolute;
  left: -999em;
  overflow: hidden; 
}

.small { font-size: 90% }

.IR { 
	position: relative;
	overflow: hidden;
	font-size: 1em;
}
		
.IR em {
	display: block;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
}

.image { float: right; padding: 15px 0 15px 15px; }

.headline { 
	font-size: 250%; 
	line-height: 1.2;
	font-weight: bold;
	color: #8F6BAD;
	letter-spacing: -1px
}
.headline2 {
	line-height: 1.2;
	display: block;
	font-weight: normal;
	color: #70AA3A
}

.headlinered { 
	font-size: 230%; 
	line-height: 1.2;
	font-weight: normal;
	color: #AA1000;
	letter-spacing: -1px
}


/* forms */
form { font-size: 80% }

	input, textarea {
		padding: 5px;
		font-size: 14px;
		font-weight: bold;
		color: #777F7C;
		background: #FFF url(images/input_bg.png) repeat-x
	}
	
	input, textarea, select { 
		width: 400px;
		margin-bottom: .5em;
		border: 1px solid #CCC
	}
	
	.btn {
		width: auto;
		margin: 1em 0;
		padding: 0;
		border: none;
		background: none
	}
	.btn:hover { cursor: pointer }
	
	label.error { color: #C00 }
	input.error, textarea.error { border-color: #C00 }

/*------ header ------*/
.header { 
	background: #489614 url(images/header_bg.png) center top no-repeat;
	color: #FFF;
	font-size: 80%
}
	.header .inner {
		position: relative;
		width: 985px;
		height: 155px;
		padding-top: 1px;
		margin: 0 auto;
	}
	#element, #element em { width: 272px; height: 41px }
	#element em { background: url(/images/.png) no-repeat }
	
	#logo { 
		position: absolute;
		top: 29px; left: 28px;
		margin: 0;
	}
	
	#slogan { 
		position: absolute;
		top: 43px; right: 219px;
		margin: 0 
	}
	
	.header .nav { 
		position: absolute; 
		top: 122px; left: 18px;
		width: 910px;
		height: 34px;
		margin: 0;
		padding: 0;
		list-style: none;
		background: url(images/nav_bg.png) no-repeat;
		font-size: 92.5%
	}
		.header .nav li { 
			float: left;
			text-align: center;
		}
			.header .nav li:last-child a { border: 0 }

			.header .nav a { 
				float: left;
				height: 30px;
				line-height: 30px;
				margin: 2px 0 0 0;
				border-right: 1px solid #FFF;
				color: #7F8689;
				font-weight: normal;
				text-decoration: none;
				background-repeat: no-repeat 
			}
			.header .nav a:hover, .header .nav a:focus, .header .nav a:active { 
				position: relative;
				top: -8px; left: 1px;
				height: 40px;
				line-height: 40px;
				color: #FFFFFF;
				font-weight: bold;
				border: 0;
				text-decoration: none
			}

			#n-home a { width: 70px }
			#n-about a { width: 83px }
			#n-what a { width: 96px }
			#n-success a { width: 115px }
			#n-free a { width: 96px }
			#n-products a { width: 132px }
			#n-services a { width: 77px }
			#n-blog a { width: 52px }
			#n-academy a { width: 86px }
			#n-contact a { width: 92px }
			#n-home a:hover, #n-home a:focus, #n-home a:active { width: 71px; background-image: url(images/n-home.png) }
			#n-about a:hover, #n-about a:focus, #n-about a:active { width: 84px; background-image: url(images/n-about.png) }
			#n-what a:hover, #n-what a:focus, #n-what a:active { width: 97px; background-image: url(images/n-what.png) }
			#n-success a:hover,#n-success a:focus, #n-success a:active { width: 116px; background-image: url(images/n-success.png) }
			#n-free a:hover, #n-free a:focus, #n-free a:active { width: 97px; background-image: url(images/n-free.png) }
			#n-products a:hover, #n-products a:focus, #n-products a:active { width: 133px; background-image: url(images/n-products.png) }
			#n-services a:hover, #n-services a:focus, #n-services a:active { width: 78px; background-image: url(images/n-services.png) }
			#n-blog a:hover, #n-blog a:focus, #n-blog a:active { width: 53px; background-image: url(images/n-blog.png) }
			#n-academy a:hover, #n-academy a:focus, #n-academy a:active { width: 87px; background-image: url(images/n-academy.png) }
			#n-contact a:hover, #n-contact a:focus, #n-contact a:active { width: 93px; background-image: url(images/n-contact.png) }
	
/*------ content ------*/
.intro { font-weight: bold; font-size: 130%; }

.img-r { 
	float: right;
	margin: .5em 0 1em 15px;
}

.img-l { 
	float: left;
	margin: .5em 15px 1em 0;
}

.center { text-align: center }

.round { 
	position: relative;
	width: 459px;
	margin: 40px 0; 
	padding: 10px 30px
}
	.round .top, .round .btm {
		position: absolute;
		left: 0;
		width: 519px;
		height: 16px;
		background-repeat: no-repeat
	}
	.round .top { top: -10px }
	.round .btm { bottom: -10px }
	
	.round h2 { margin-top: 0 }
	
	.round ul {
		margin: 0;
		padding: 0;
		list-style: none
	}
		.round li {
			position: relative;
			margin-left: -30px;
			padding-left: 30px;
			background: url(images/arrow.png) 0 50% no-repeat
		}
			.round li p {
				margin-bottom: 1em;
				padding-bottom: 1em;
				background: url(images/line1.png) 0 100% repeat-x
			}
			.round li:last-child p {
				width: 459px;
				margin: 0;
				padding: 0;
				background: none
			}

.green { background: #E2E6C6 }
	.green .top { background-image: url(images/green_top.png) }
	.green .btm { background-image: url(images/green_btm.png) }
	
.grey { background: #EFF0EC }	
	.grey .top { background-image: url(images/grey_top.png) }
	.grey .btm { background-image: url(images/grey_btm.png) }

.greywide { background: #EFF0EC }	
	.greywide .top { background-image: url(images/grey_wide_top.png) }
	.greywide .btm { background-image: url(images/grey_wide_btm.png) }

.video { 
	width: 499px;
	padding: 10px;
	text-align: center 
}

.endorse h2 { padding-right: 110px }
img.endorse {
	position: absolute;
	z-index: 10;
	top: -20px; right: 20px
}

ul.check {
	margin: 0;
	padding: 0;
	list-style: none;
}
	.check li {
		margin-bottom: 2em;
		padding-left: 25px;
		background: url(images/check1.png) no-repeat
	}

ul.checkpurple {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #8F6BAD;
	font-weight: bold
}
	.checkpurple li {
		margin-bottom: 2em;
		padding-left: 25px;
		background: url(images/check1.png) no-repeat
	}
	
.free {
	position: relative;
	z-index: 100;
	width: 361px;
	margin: 2em 0 3em;
	padding: 15px 0 0 130px;
	font-weight: bold;
	color: #777F7C;
	background: url(images/free_bg_top.png) no-repeat
}
	.free h2 {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
	}
	.free p, .free form { position: relative; z-index: 100 }
	.free p { margin-right: 15px }
	.free input, .signup input { width: 225px }
	.free .btn, .signup .btn { width: auto; margin-bottom: 0 }
	.privacy {
		padding-left: 25px;
		font-weight: normal;
		line-height: 1.2
	}
	.free .privacy {
		width: 236px;
		margin: -1em 100px 0 0;
		background: url(images/lock1.png) 0 50% no-repeat;
		font-size: 90%;		
	}
		.privacy a { color: #153C8B; font-weight: normal }
	.free .btm {
		position: absolute;
		width: 491px;
		height: 16px;
		left: 0; bottom: -16px;
		background: url(images/free_bg_btm.png) 0 100% no-repeat
	}

/*------ sidebars ------*/
.signup {
	position: relative;
	width: 317px;
	margin-bottom: 3em;
}
	.signup .heading {
		height: 94px;
		margin: 0;
		padding: 26px 0 0 22px;
		background: url(images/amazing_bg.jpg) no-repeat
	}
	.signup .sub {
		margin: 0;
		padding: .4em 0 .5em 50px;
		border: 2px solid #FFF;
		background: url(images/sign_sub_bg.png) repeat-x;
		color: #94C245;
		font-size: 95%;
		font-weight: bold;
		line-height: 1.2
	}
		.signup .sub img {
			position: absolute;
			top: 99px;
			left: -17px;
		}
	.signup ul {
		margin: 0;
		padding: 2em 25px 1px 15px;
		background: #745191 url(images/sign_check_bg.png) no-repeat;
		list-style: none;
		color: #FFF
	}
		.signup li {
			width: 232px;
			margin-bottom: 1em;
			padding: .5em 0 0 35px;
			background: url(images/check2.png) no-repeat
		}
		* html .signup li { background-image: url(images/check2_ie.png)	}
		.signup li:last-child { margin-bottom: 0 }
			.signup strong { color: #BDDB60 }
	.signup form {
		margin: 0;
		padding: 2em 0 2em 50px;
		background: #745191 url(images/sign_form_btm.png) 0 100% no-repeat;
		color: #FFF
	}
		.signup .privacy {
			position: relative;
			margin: -1em 25px 0 0;
			background: url(images/lock2.png) 0 50% no-repeat;
		}
			.signup .privacy a { color: #9EB7E8 }

.testimonials {
	position: relative;
	width: 320px;
	margin-bottom: 3em;
	padding-top: 1px;
	background: url(images/test_top.png) no-repeat
}
	.testimonials h2 {
		position: relative;
		z-index: 100;
		margin: 25px 25px .2em 25px;
		padding-bottom: 42px;
		font-size: 140%;
		font-weight: normal;
		color: #8F6BAD;
		background: url(images/quote_mark.png) 100% 100% no-repeat
	}
	.testimonials h2 + p {
		position: relative;
		z-index: 50;
		width: 275px;
		margin: -40px 0 0 25px;
		padding-bottom: 1em;
		background: url(images/line2.png) 0 100% repeat-x
	}
		
	.testimonials ul {
		width: 320px;
		margin: 0;
		padding: 2em 0 .5em;
		list-style: none;
		background: url(images/test_btm.png) 0 100% no-repeat
	}
		.testimonials li { margin-bottom: 3em }
		.testimonials li:last-child { margin-bottom: 0 }
			.testimonials blockquote {
				margin: 0 25px;
				font: italic 100%/1.5 Georgia, "Times New Roman", Times, serif;
				color: #70AA3A
			}
				.testimonials cite {
					display: block;
					font: italic 92.5%/1.5 Arial, Helvetica, sans-serif;
					color: #8C928F
				}

.teaser { margin-bottom: 3em }
	.teaser div {
		position: relative;
		width: 320px;
		height: 147px;
	}
	.teaser h2, .teaser p { position: absolute; margin: 0 }
		.teaser p a {
			display: block;
			width: 121px;
			height: 50px;
			color: #FFF
		}
		.teaser p a:hover, .teaser p a:focus, .teaser p a:active { text-indent: -999em }
	.power { background-color: #6F399B; background-image: url(images/power_box.png) }
		.power div { background: url(images/power_bg.png) 13px 73px no-repeat }
			.power h2 { top: 18px; right: 31px }
			.power p { bottom: 0; right: 20px }
			.power a { background: url(images/learn_more1_on.png) no-repeat }
	.group { background-color: #6F399B; background-image: url(images/group_box.png) }
		.group div { background: url(images/group_bg.png) 209px 37px no-repeat }
			.group h2 { top: 15px; left: 16px }
			.group p { bottom: 0; left: 16px }
			.group a { background: url(images/learn_more2_on.png) no-repeat }		

.upcoming, .categories { 
	position: relative; 
	width: 320px;	
	font-size: 92.5% 
}
.categories { margin-bottom: 4em }
	.upcoming h2, .categories h2 { margin-bottom: 0 }
		.upcoming h2 img, .categories h2 img { vertical-align: bottom }
	.upcoming ul, .categories ul {
		margin: 0;
		padding: 0;
		list-style: none
	}
		.upcoming li, .categories li {
			width: 288px;
			margin: 0;
			padding: 1em 15px;
			border: 1px solid #D1D6BA;
			border-width: 0 1px;
			background: #EFF0EC
		}
		.categories li { background: #E5E9DC }
		.upcoming .alt { background: #E5E9DC }
			.upcoming p { margin: 0; padding-left: 15px }
			.upcoming li p:first-child { background: url(images/arrow2.png) 0 6px no-repeat }
				.upcoming strong { color: #8ABA52 }
				.upcoming a {
					color: #2A4E95;
					font-style: italic;
					font-weight: normal;
					text-decoration: underline
				}
				.categories a { color: #2A4E95 }
	.upcoming .btm, .categories .btm {
		position: absolute;
		bottom: -10px; left: 0;
		width: 320px; height: 15px;
		background: url(images/upcoming_btm.png) 0 100% no-repeat
	}

/*------ footer ------*/

.text_small {font-size: 75%; text-align:center;}
.footer {
	clear: both;
	position: relative;
	z-index: 1;
	top: -7em;
	width: 945px;
	height: 123px;
	margin: -2em auto -6em;
	font-size: 82.5%;
	text-align: center;
	background: url(images/footer_bg.jpg) no-repeat;
	color: #ABABA2
}
	.footer .nav {
		position: absolute;
		bottom: 10px; left: 25px;
		margin: 0;
		padding: 0;
		list-style: none
	}
		.footer .nav li {
			display: inline;
			margin-right: 5px;
			padding-right: 5px;
			border-right: 1px solid #ABABA2;
		}
		.footer .nav li:last-child {
			margin: 0;
			padding: 0;
			border: 0
		}
			.footer a {
				color: #ABABA2;
				font-weight: normal
			}
	.footer p {
		position: absolute;
		bottom: 10px; right: 25px;
		margin: 0
	}

#box-table-a {
	margin-bottom: 25px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th {
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-a td {
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td {
	background: #d0dafd;
	color: #339;
}

#box-table-b {
	margin: 45px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
	border-top: 7px solid #9baff1;
	border-bottom: 7px solid #9baff1;
}
#box-table-b th {
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #e8edff;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-b td {
	padding: 8px;
	background: #e8edff; 
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}

/* Blog */
.bread { margin-top: 2em }
.date-stamp { border: 0 }
.commentlist {
	margin: 0;
	padding: 0;
	list-style: none
}
	.hentry, .commentlist li {
		margin-bottom: 1em;
		padding-bottom: 1em;
		border-bottom: 1px dotted #CCC
	}
		.commentlist p { clear: both }
		.vcard img {
			float: left;
			margin: 0 15px 1em 0
		}

.meta, .comment-meta { font-size: 87.5% }

div.meta {
	width: 100%;
	margin: 1em 0;
	overflow: hidden
}
	div.meta p { margin: 0 }
	.left, .right { width: 50% }
	.left { float: left }
	.right { float: right; text-align: right }
		.meta p { background-repeat: no-repeat }
		.meta .cats, .meta .author { padding-left: 20px; background-position: 0 50% }
		.meta .comments, .meta .link { padding-right: 20px; background-position: 100% 50% }
		.meta .cats { background-image: url(images/folder.png) }
		.meta .author { background-image: url(images/edit.png) }
		.meta .comments { background-image: url(images/comment.png) }
		.meta .link { background-image: url(images/date.png) }

.button {
    border: 1px solid #006;
    background: #70AA3A;
    width: 200px;
    color: #FFFFFF;
    cursor: pointer;
}
.button:hover {
    border: 1px solid #006;
    background: #94D35A;
    width: 200px;