/*  
Theme Name: Nano Business Alliance
Author: Medium Large
Author URI: http://www.medlrg.com

	Nano Business Alliance
	http://www.nanobusiness.org

	This theme was designed and built by Ryan Faubion for Medium Large

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php



/* ----- CSS ----- */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Verdana, sans-serif;
	background: #77adc9 url(../images/bgtile.png) repeat;
	color: #555;
	line-height: 17px;
	margin: 0px 0px;
	padding: 0px;           	     
	}
a {
	color: #5599bc;
	text-decoration: none;
	}
a:hover {
	color: #5599bc;
	text-decoration: underline;
	}
img, img a {
	border: none;
	}
/* ----- MASTHEAD ----- */	
	
div#upperbg { 
	margin: -10px 0 0 0px; 
	background: transparent url(../images/bg_upperleft.png) no-repeat;
	width: 567px;         
	height: 471px;         
	}

div#headercontainer { 
	margin: -420px 0 0 77px; 
	background: transparent url(../images/logoshape.png) no-repeat;
	width: 62px;         
	height: 72px;         
	}
.logo {
	margin: -8px 0 0 73px;
	border: none;
	}
.logo a {
	border: none;
	}	
.upperleft {
	margin: 0px;
	padding: 0px;
	}
div#upperright {
	font-size: 1.3em;
	color: #a6d49c;
	margin-top: 10px;
	padding-top: 20px;
	width: 150px;
	margin-left: 870px;
	}
#upperright a {
	color: #fff;
	text-decoration: none;
	}
#upperright a.active {
	color: #a6d49c;
	text-decoration: underline;
	}
#upperright a:hover {
	color: #a6d49c;
	text-decoration: underline;
	}
	
/* ----- REGISTRATION ----- */	

div#registration {
	margin-left: 484px;
	margin-top: -33px;
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	padding: 3px 0 0 8px;
	width: 282px;
	height: 28px;
	background: transparent url(../images/regslice.png) repeat-x;
	}
div#registration a{
	color: #fff;
	text-decoration: none;
	}
div#registration a:hover{
	color: #4F99BD;
	}
.regleft {
	margin-left: 462px;
	margin-top: -14px;
	}
div#registration_right {
	margin-top: -14px;
	margin-left: 838px;
	height: 28px;
	width: 60px;
	background: transparent url(../images/regright.png) no-repeat;
	}
#regarrow {
	margin: 0px 0 -3px 6px;
	}
#reglinked {
	margin: 0px 0 -5px 3px;
	}


/* ----- NAVIGATION ----- */
	
div#navigation_container {
    margin: 0 0 0 65px;
    padding: 0;
    width: 450px;
    height: 34px;
    background: transparent url(../images/nav_tile.png) repeat-x;
    }
div#navigation_arrow {
	margin-right: -15px;
	padding: 0;
    background: transparent url(../images/nav_arrow.png) right no-repeat;
    }
div#navigation {
	margin: 0;
    padding: 0;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    }
div#navigation ul {
    padding:0px 2px 0px 2px; 
    margin: 0;
    color: #FFF;
    line-height: 34px;
    margin-left: 10px;
    white-space: nowrap;
    }
div#navigation li {
    padding: 0em .2em 0em 0em;
    margin: 0px;
    display: inline;
    color: #fff;
    height: 26px;
    }
div#navigation li a{
     font-weight: bold;
    color: #fff;
    padding-right: 15px;
    text-decoration: none;
    }
div#navigation li a:hover {
    color: #4F99BD;
    text-decoration: none;
    padding: 0px:
    }
div#navigation li.active a {
    color: #4f99bd;
    }
div#navigation li a:link {
    color: #FFF:
    }
div#navigation li.last {
    background: none;
    }
div#navigation li.last a{
    background: none;
    }
div#navigation li.activelast {
    background: none;
    }
div#navigation li.activelast a{
    color: #dd9a0a;
    background-image: none;
    }

/* ----- HOMEPAGE BANNER ------ */

div#masthead {
	height: 332px;  
	width: 919px;         
	background: none; 
	margin: 20px 0 0 107px;   
	}
div#mastheadbg {
	position: absolute;
	z-index: 0;
	height: 332px;  
	width: 919px;         
	background: transparent url(../images/uploads/container_bkgr.png) no-repeat top; 
	margin: 0px;   
	}
#subcontainer {
	position: absolute;
	z-index: 10;
	background: transparent url(../images/uploads/subcontainer_bkgr.png) no-repeat top;
	height: 205px;
	width: 282px;
	margin: 6px 0 0 3px;
}	
#subcontainer_brd {
	position: absolute;
	z-index: 10;
	background: transparent url(../images/uploads/subcontainer_brd.png) no-repeat top;
	height: 212px;
	width: 284px;
	margin: 2px 0 0 3px;
}
	
/* ----- HOMEPAGE CONTENT ------ */

div#contentbg {
	height: 240px;  
	width: 919px; 
	margin: -5px 0 0 107px;           
	background: transparent url(../images/bottomhome_content.png) no-repeat; 
	}
div#otherfooter {
	text-align: center;
	font-weight: bold;
	color: white;
	width: 695px;
	border-top: 1px dashed #a6d49c;
	padding: 6px 0 5px 0;
	margin: 0px 0 40px 220px;
	float: left;
	border-bottom: 1px dashed #a6d49c;
	}
	
/* ----- NEWS BANNER ------ */

div#masthead_news {
	height: 145px;  
	width: 919px;         
	margin: -5px 0 0 107px; 
	background: transparent url(../images/subcontentheader.png) no-repeat;  
	}
/* ----- NEWS NAVIGATION ----- */
	
div#newsnav_container {
    margin: 0px 0 0 105px;
    padding: 0;
    width: 350px;
    height: 25px;
    background: transparent;
    }

div#newsnav {
	margin: 0;
    padding: 0;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    }
div#newsnav ul {
    padding:0px 2px 0px 2px; 
    margin: 0;
    color: #FFF;
    line-height: 25px;
    margin-left: 10px;
    white-space: nowrap;
    }
div#newsnav li {
    padding: 0em 0em 0em 0em;
    margin: 0px;
    display: inline;
    color: #fff;
    height: 25px;
    }
div#newsnav li a{
     font-weight: bold;
    color: #fff;
    padding-right: 3px;
    padding-left: 3px;
    text-decoration: none;
    }
div#newsnav li a:hover {
    color: #a6d49c;
    text-decoration: none;
    padding: 0px:
    }
div#newsnav li.active a {
    color: #a6d49c;
    }
div#newsnav li a:link {
    color: #FFF:
    }
/* ----- NEWS  ----- */

#subnews_title {
	margin: 95px 0 0 20px;
	color: white;
	font-size: 2.1em;
	}

/* ----- CONTENT CONTAINER ----- */

div#contentcontainer {
	width: 911px;         
	background: #fff; 
	border-left: 4px solid #a6d49c;
	border-right: 4px solid #a6d49c;
	border-bottom: 4px solid #a6d49c;
	margin: 0px 0px 20px 107px;   
	float:left;
 	}
div#content {
	padding: 20px 15px 20px 15px;
	margin-bottom: 15px;
	height: 100%;  
	width: 911px;   
	}
.contentcol1 {
	padding: 0px 0px 20px 0px;
	float: left;
	width: 200px;
	height: 100%;  
	}
.image{
	padding: 0px 0px 0px 0px;
	margin-bottom: 4px;
	width: 196px;
	height: 240px;
	background: gray;
	border: 2px solid #a6d49c;
	}
.contentcol2 {
	padding: 0px 15px 20px 15px;
	float: left;
	width: 450px;
	height: 100%;  
	}
.contentcol3 {
	padding: 0px 0px 20px 0px;
	float: left;
	width: 200px;
	height: 100%;  
	clear: right;
	}
.newsentry {
	height: 100%; 
	border-bottom: 1px dashed #a6d49c;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
.newsentry a{
	color: #4F99BD;
	}
h1 {
	color: #4F99BD;
	margin: 0px;
	padding: 0px;
	}
h2 {
	color: #4F99BD;
	margin: 0px;
	padding: 0px;
	}
h3 {
	color: #4F99BD;
	font-size: 1.4em;
	margin: 0px;
	padding: 0px;
	}
h4 {
	color: #4F99BD;
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
	}
h5 {
	color: #4F99BD;
	font-size: 1.4em;
	margin: 0 0 5px 0;
	padding: 0px;
	text-align: center;
}
h6 {
	color: #4F99BD;
	font-size: 1.1em;
	margin: 4px 0 4px 0;
	padding: 0;
	text-align: center;
}
h3.feature {
	color: #4F99BD;
	font-size: 1.4em;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px dashed #a6d49c;
	}
p.newsdate {
	font-family: Georgia, serif;
	color: #555;
	font-size: 1em;
	margin: 0px 0px;
	padding: 0px;
	}
p.subtitle {
	font-family: Georgia, serif;
	color: #555;
	font-size: 1.1em;
	margin: 0px 0px;
	padding: 0px;
	}
p.readmore a{
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 1em;
	margin: -8px 0px;
	padding: 0px;
	float: right;
	}
.readmore a{
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 1em;
	margin: -8px 0px;
	padding: 0px;
	float: right;
	}
	
/* ----- PUBLIC POLICY ----- */


div#masthead_public {
	height: 145px;  
	width: 919px;         
	margin: -5px 0 0 107px; 
	background: transparent url(../images/subcontentheader_b.png) no-repeat;  
	}
	
/* ----- CONTACT ----- */

div#contactcontainer {
	padding: 10px;  
	}
.contact {
	height: 400px;
	line-height: 17px;
	}
.contacttop {
	margin: 10px 0 10px 0;
	}
#page-wrap{
	padding: 0px 0px 0px 0px;
	margin:0px;
	min-height: 500px;
	height: 460px;
	}
#contact-area{
	margin-top: 0px;
	}
#contact-area input, #contact-area textarea{
	padding: 5px;
	width: 415px;
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
	}
#contact-area textarea{
	height: 90px;
	}
#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #ffd000;
	}
#contact-area input.submit-button{
	width: 100px;
	float: left;
	}
label{
	text-align: left;
	padding: 5px 0 5px 0;
	font-size: 1.2em;
	}
	
/* ----- LISTS ----- */

ul {
	margin: 0px;
	padding: 0px;
	}

li {
	margin: 0px 0px 0px 1.5em;
	padding: 0px;
	}
	
/* ----- CONTENT CONTAINER ----- */

div#homecontentcontainer {
	width: 919px;  
	height: 240px;        
	background: transparent url(../images/bottomhome_content.png) no-repeat;
	margin: 0px 0px 20px 107px;   
	float:left;
 	}
div#contenthome {
	padding: 10px 15px 20px 15px;
	margin-bottom: 15px;
	height: 100%;  
	width: 911px;   
	} 	
#membercol {
	padding: 0px 0px 20px 0px;
	float: left;
	width: 290px;
	height: 100%;  
	}
.membertmb {
	height: 63px;
	width: 46px;
	border: 2px solid #000;
	float: left;
	margin: 0 9px 0 9px;
	overflow: hidden;
}
.membertitle {
	width: 47px;
	font-size: 1.3em;
	text-align: center;
	line-height: 1.2em;
	color: #000;
	margin: 5px 11px 0 10px;
	float: left;
}
.foundertmb {
	height: 50px;
	width: 38px;
	border: 1px solid #000;
	float: left;
	margin: 0 12px 0 12px;
	overflow: hidden;
}
.foundertitle {
	font-size: .96em;
	line-height: 1.0em;
	margin: 2px 8px 0 9px;
}
#membershowcasecol {
	padding: 0px 15px 20px 15px;
	float: left;
	width: 275px;
	height: 100%;  
	}
#newscol {
	padding: 0px 0px 20px 0px;
	margin-left: 18px;
	float: left;
	width: 272px;
	height: 100%;  
	clear: right;
	}
.membershomeimg {
	margin: 25px 0 0 0;
	float: left;
	}
#memberarrow_container {
	margin: 9px 0 0 5px;
	}
#showcaseentry {
	font-size: .8em;
	height: 100px;
	border-bottom: 1px dashed #a6d49c;
	}	
#showcaseentry_two {
	float: left;
	margin: 0 0 0 41px;
	}		
#showcaseentry p{
	margin: 0px;
	}
h4.showcase{
	font-size: 1.5em;
	margin: 10px 0 0 0;
	padding: 0px;
	}
.showcaseimg {
	border-top: 1px dashed #a6d49c;
	margin: 20px 0 0 0;
	padding-top: 8px;
	}
h4.news{
	font-size: 1.2em;
	margin: 10px 0 0 0;
	padding: 0px;
	}
p.readmorenews {
	font-family: Georgia, serif;
	font-style: italic;
	float: right;
	}
.newsentryhome p{
	margin: 0px;
	padding: 0px;
	}
.newsentryhome {
	margin: 0px;
	padding: 0px 0px 22px 0px;
	border-bottom: 1px dashed #a6d49c;
	}
h4.newshome{
	font-size: 1.2em;
	margin: 25px 0 0 0;
	padding: 0px;
	}
/* ----- JS Slider ----- */


.slide {
	display: inline;
}
.arrow-left {
	height: 11px;
	width: 17px;
}

.arrow-right {
	height: 11px;
	width: 16px;
}


/*This hidden the controller for sliding slogan section*/
.hidden-controller {
	display: none;
}

/* Div which holds all the slides in slogan sliding section*/
.header-slides {
	float: left;
	display: inline;
}

img, div { behavior: url(iepngfix.htc) }