/*
		New Marketing Network Web Site CSS
		Created by: Cameron Milani
		Rev. 300
		
		
*/

/* ==== General Settings ==== */


body  {
    font-family: 'Arial';   
    background-color:#e4e7da;
    background-repeat:repeat;
	margin: 0;          
    padding: 0; 
	font-size: 10pt;
}

p, h1, h2, h3, h4, h5, h6, li {
    margin: 1ex 1em;
}
hr{
background: rgb(186, 216, 160) !important;
height: 1px;
margin: 9px 10px 9px 0;
border: none;
}
#mainContent10 ul a{
color: #794;
font-weight: bold;
line-height:25px;
}
/* ==== Outer Div ==== */
div#outerDiv {
    width: 950px;      
    margin: 0 auto;     
    background-color:#e4e7da;
    background-repeat:repeat;     
    position: relative;
}

div#header {
    height: 20px;      
    position: relative;
	top: 0px;
}


div#content {
    background-color: #e4e7da;
    padding: 5px;
}

#outerDiv a  {
    text-decoration: none;
    color: #303;
}

#outerDiv a:hover, #outerDiv a:active {
    color: #000;
    
}


/* ==== Top Navigation  ==== */



#navigation {
    position:relative;
	top: 35px;
	left: 370px;
    height:5px;
    background-repeat:repeat;
    z-index:10;
	
}

#navigation a {
	position:relative;
	top: 5px;
	margin-left:14px;
	font-size: .8em;
	
}
body#home a#nav-home,
body#services a#nav-services,
body#approach a#nav-approach,
body#about a#nav-about,
body#stories a#nav-stories,
body#client a#nav-clients,
body#contact a#nav-contact
{
color: #794;
}



/* ==== IE5 list fix ====*/

.nav .sub li {
	float:left;
}

.nav .sub > li {
	float:none;
}


/* ==== IE6 tabbing bug ==== */

a, a:hover, a:active, a:focus {}


/* ==== Opera fix* ==== */

.sub:hover {
    clear:both;
}

/* ==== Main Content background image and size ==== */

#content {
	background: #fff url(../images/nwn_main.png);
	width: 933px;
	height: 602px;
	background-repeat:no-repeat;

		
}

#content div#mainContent {
    float: left;
    width: 950px;
    margin: 0 0;
    padding: 0 0px;
	
}
#mainContent img {
	position:relative;
	top: 130px;
	left: 85px;
}

#content div#ticker {
	position:relative;
	top: 145px;
	left: 0px;
}
#slogan{
	clear: both;
	position: absolute;
	top: 596px;
	color: white;
	font-size: 11px;
	font-weight: bold;
	left: 220px;
}

	
/* ==== Main Content 2 - Index Text Settings and locations==== */

#mainContent2 p {
	position:relative;
	font-family:'Arial';
    font-size: 13px;
    line-height: 1.6em;
    color: #212121;
    margin: 1ex 0;
	top: 120px;
	left: 105px;
}

#mainContent2 ul{
	position:relative;
	font-family:'Arial';
    font-size: 13px;
    line-height: 1.4em;
    
    margin: 1ex 0;
	top: 120px;
	left: 105px;
}
#mainContent2 ul a{color: #486304;}
#mainContent2 b {
	font-family:'Arial';
	font-size: 1em;
	line-height: 1.4em;
	color: #310605
}



/* ==== Main Content 3 - Index Right Side Image locations ==== */


#mainContent3 img {
	position:absolute;
	top: 109px;
	left: 524px;
	
}



/* ==== Main Content 4 - Success Stories Graphic Location ==== */
#mainContent4{position: relative; margin-top: 80px;}
#mainContent4 img {
	margin-top: 150px;
	margin-left: 93px;
	padding-right: 20px;
	position: relative;
}
#clients{ margin-top: 80px; margin-left: 20px; width: 445px; float: left;}
#clients h3{
	color: #003312;
	text-decoration: underline;
	padding-bottom: 40px;
	
}
#clients ul{display: inline;}
#clients li{
	width: 148px; 
	float: left; 
	color: #794; 
	list-style: none; 
	margin: 0;
 	display: block;
	font-size: 11px;
	padding-bottom: 5px;
	}

/* ==== Main Content 5 - Approach Page Head Graphic Location ==== */

#mainContent5 img {
position: relative;
top: 80px;
left: 45px;
float: left;
}


/* ==== Main Content 7  - Approach Text Settings and locations ==== */

#mainContent7 p {
	position:relative;
	font-family: 'Arial';
    font-size: .9em;
    line-height: 1.4em;
    color: #3A3B05;
    margin: 1ex 0;
	float:left;
	left: 375px;
	top: -270px;
	
}
#mainContent7b{
float: right;
margin-right: 0px;
margin-top: 170px;
line-height: 20px;
font-size: 12px;
width: 500px;}
#mainContent7b li{line-height: 23px;}
#mainContent7 ul {
	position:relative;
	font-family: 'Arial';
    font-size: .9em;
    line-height: 1.4em;
    color: #486304;
    margin: 1ex 0;
	float:left;
	top: -125px;
	left: 0px;
}

#mainContent7 b {
	font-family: 'Arial';
	font-size: 1.0em;
	line-height: 1.4em;
}

#mainContent7 h3 {
	position:relative;
	font-family: 'Arial';
    font-size: .95em;
    line-height: 1.4em;
    color: #3A3B05;
    margin: 1ex 0;
	float:left;
	top: -100px;
	left: 0px;
}


/* ==== Testimonials - Approach Page ==== */

#t1 p {
	font-family: 'Arial';
    font-size: .95em;
    line-height: 1.4em;
}


	
/* ==== Main Content 8 - Services Page Graphic Location ==== */

#mainContent8 img {
	position:relative;
	top: 101px;
	left: 7px;
	float: left;
}


/* ==== Main Content 10 - Serviecs Text Settings and locations ==== */
#mainContent10{float: right; width: 400px; margin-right: 45px; margin-top:110px;}
#mainContent10 p {

    color: #3A3B05;

}

#mainContent10 li {
    color: #3A3B05;
    margin: 1ex 0;
    	font-family:arial; 
		font-size:15px; 
}
	
#mainContent10 ul{ margin-top: 0; margin-bottom: 0;} 

#mainContent10 i {
	font-family: 'Arial';
	font-size: .9em;
	line-height: 1.4em;
	color: #3A3B05;
	margin: 1ex 0;
}
#mainContent10 hr{color: green;}
#mainContent10	p{
		font-family:arial; 
		font-size:12px; 
		line-height:16px;
	}
#mainContent10	#container{
		width:400px;
		margin:auto;
		overflow: hidden;
		height: 440px;
margin-top: 20px;
margin-left: 0px;
	}
#mainContent10	a.adjust{
		margin-left: 11px;
		padding:2px;
		display:block;
		font-weight:normal;
		color:#794 !important;
		font-size: 12px;
		width:105px;
		text-decoration:underline;
	}
#mainContent10		a.adjust:hover{
			color:#330033;
			-webkit-transition: all 400ms; /*safari and chrome */
			-moz-transition: all 400ms ease; /* firefox */
			-o-transition: all 400ms ease; /* opera */
			transition: all 400ms ease;
		}
#mainContent10	p.continued{
		margin-top:0;
	}
#mainContent10	img{
		padding:10px;
		background:#FFF;
		border-radius: 12px;
		-webkit-box-shadow: 0 1px 13px rgba(0,0,0,.25);
		-moz-box-shadow: 0 1px 13px rgba(0,0,0,.25);
		box-shadow: 0 1px 13px rgba(0,0,0,.25);
		width:400px;
		margin-left:20px;
	}

.indented   {
   padding-left: 15pt;
   padding-right: 15pt;
}

/* ==== Main Content 11 - Services Page Slogan Graphic Location ==== */

#mainContent11 img {
	position:relative;
	top: 80px;
	left: 60px;
	float: left;
}

/* ==== Main Content 12 - Service Page Text Above Graphic Locations ==== */

#mainContent12 p {
	position:relative;
	font-family: 'Arial';
    font-size: .9em;
    line-height: 1.4em;
    color: #3A3B05;
    margin: 1ex 0;
	left: 540px;
	top: -465px;
}

.indented   {
   padding-left: 15pt;
   padding-right: 15pt;
}


/* ==== Main Content 13 - Clients List 1 ==== */
#mainContent13 {
	float:left;
	padding:20px 0px 0px 35px;

}


#mainContent13 p {
	position:relative;
	font-family: 'Arial';
    font-size: .9em;
    line-height: 1.4em;
    color: #3A3B05;
    margin: 1ex 0;
	top: 40px;
	left: 0px;
}

#mainContent13 h2, h3 {
	position:relative;
	font-family: 'Arial';
    line-height: 1.4em;
    color: #3A3B05;
    margin: 1ex 0;
	top: 40px;

}

/* ==== Main Content 14 - Clients List 2 ==== */
#mainContent14 {
	float:left;
	padding:20px 0px 0px 35px;
	
}

#mainContent14 p {
	position:relative;
	font-family: 'Arial';
    font-size: .9em;
    line-height: 1.4em;
    color: #3A3B05;
    margin: 1ex 0;
	top: 40px;
	left: 0px;

}

#mainContent14 h2, h3{
	position:relative;
	font-family: 'Arial';
    line-height: 1.4em;
    color: #3A3B05;
    margin: 1ex 0;
	top: 40px;
	


}
/* ==== Main Content 15 - Clients List 3 ==== */

#mainContent15 {
	float:left;
	padding:20px 0px 0px 35px;
	
}


#mainContent15 p {
	position:relative;
	font-family: 'Arial';
    font-size: .9em;
    line-height: 1.4em;
    color: #3A3B05;
    margin: 1ex 0;
	top: 40px;
	left: 0px;

}

#mainContent15 h2, h3 {
	position:relative;
	font-family: 'Arial';
    line-height: 1.4em;
    color: #3A3B05;
    margin: 1ex 0;
	top: 40px;
	


}

#mainContent16 img {
	position:relative;
	top: -225px;
	left: 100px;
	float: left;
}
 
/* ==== About Us Page  ==== */
#mainContent17{
	position: relative;
	margin-top: 70px;
height: 532px;
background: url(../images/aboutUsQuote.jpg) no-repeat 60px 0;
}
#mainContent17 #slogan{
top: 483px;
}
#mainContent17 h1 {
	font-family: 'Arial';
    color: #3A3B05;	
}
#mainContent17 #mainContent7b{
margin-right: auto;
margin-top: 80px;
line-height: 20px;
font-size: 13px;
width: 629px;
margin-left: auto;
float: none;
}
#mainContent17 p {
	font-family: 'Arial';
    color: #3A3B05;
font-size: 14px;
font-weight: bold;
}
/* ==== Contact Form ==== */
#emf-container-outer{
	width: 325px; 
	float: right; 
	margin-right: 40px; 

	height: 400px;
	padding: 10px;
border-radius: 15px;
	}
#emf-container #emf-li-post-button.right{text-align: left !important;}
#emf-container li label.emf-label-desc{font-weight: normal !important;}
#emf-container #emf-form{padding-left: 25px;}
#emf-container ul li{padding: 0 !important;}
/* ==== footer ==== */
#footer{
	position: absolute;
	margin-left: 13px; 
	font-size: 12px; 
	clear: both;
	}

#footer p {
	position:relative;
	font-family: 'Arial';
    font-size: 12px;
    color: #3A3B05;
    margin: 0;
    padding: 0;
	text-align: center;
   	top: 0px;
	left: -390px;
	float:left;
}
#navigationBottom a{color: #794;}
#outerDiv #footer a {
    color: #794;
    text-decoration: none;
font-weight: bold;
}

/* ==== miscellaneous styles ==== */

.clear { clear: both }

.hiddenPic {display:none;}

.lightwindow img{border: hidden;}

/* trigger button */
#download_now {
	background:transparent url(/img/home/download.png) no-repeat scroll 0 0;
	display:block;
	height:44px;
	margin-bottom:30px;
	overflow:hidden;
	text-indent:-999em;
	width:159px;
	cursor:pointer;
}

/* mouseover state */
#download_now:hover {
	background-position:0 -44px ;		
}

/* clicked state */
#download_now:focus {
	background-position:0 -88px;
}

/* tooltip styling */
.tooltip {
	display:none;
	height:163px;
	width: 330px;
	font-size:11px;
	color:#fff;
	z-index: 200;
	position: absolute;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}
#logoImages{ position: relative; margin-left: 80px; width: 850px; height: 850px;}
#logoImages img{float: left; margin: 4px; padding: 0;}
#headingServices{ 
	width: 400px; 
	height: 22px; 
	color: rgb(25, 111, 0); 
	font-size: 18px; 
	padding-top: 2px; 
	padding-left: 10px;
	margin-top: 42px;
font-weight: bold;
}
#mainContent14, #mainContent13, #mainContent15{text-transform: uppercase;}
#testimonials a, .more-less a{color: #794 !important; float: right; padding-right: 25px; padding-left: 3px; text-decoration: underline !important;}
#testimonials p{margin-left: 25px;}
#testimonials span{ background: url(../images/greenQuotes.png) no-repeat 0 0 scroll, url(../images/greenEndQuotes.png) 99% 0 scroll no-repeat; padding-left: 45px; padding-right: 45px;
padding-bottom: 11px;}
#testimonials hr, #bios hr{color: #99b77e; background-color: #99b77e;}
#bios a{color: #794 !important;  padding-right: 9px; padding-left: 3px; text-decoration: underline !important;}
#bios p{margin: 7px 0;}
#bios {width: 415px; margin-top: 50px;}
.more-less a{margin-top: -21px;}