/* ----------------------------------------------------------------------
Style Sheet for Togethervile Parent Centers

author: Inayaili de Leon
email: hello@yaili.com
website: http://yaili.com/
------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------
CONTENTS:
=Resets & General
=Links
=Header
=Nav
=Child-Nav
=Main
=Boxes
=Images
=Lists
=Tables
=Forms
=Home
=Sidebar
=Footer
------------------------------------------------------------------------*/

/* =Resets & General -----------------------------------------------------
------------------------------------------------------------------------*/
html
{
	overflow:auto;
	}
	
	
body { background-color:#031225 ; margin:0; padding:0; font:12px "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif; color:#000; text-align:center; vertical-align:middle; }
h1, h2, h3, h4, h5, h6, p, ul, li, div, img, form, fieldset, input, label, legend, select, textarea, button, span, a { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
ul { list-style:none; }
.clear { clear:both; height:0; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } /* ie6.css, ie7.css */
a img { border:none; }

#page-wrapper { width:980px; margin:auto; text-align:left; }

/* =Links ----------------------------------------------------------------
------------------------------------------------------------------------*/	
a:link { color:#71777e; text-decoration:none; font-size:9px; font-weight:400;}
a:visited { color:#c6c7c9; text-decoration:none; font-size:9px; font-weight:400; }
a:hover { color:#c6c7c9; text-decoration:none; font-size:9px; font-weight:400; }
a:active {  color:#71777e; text-decoration:none; font-size:9px; font-weight:400;}

/* =Header ---------------------------------------------------------------
------------------------------------------------------------------------*/
#header {  }
	#header .inner { height:170px; position:relative; width:980px; margin:auto; }	
	#togetherville { position:absolute; right:0; top:0; }	
		#togetherville a { display:block; width:150px; height:64px; background:url(../images/togetherville-logo.png) no-repeat right top; text-indent:-10000px; }
		
	p#account-links { position:absolute; top:10px; right:0; }
		p#account-links a.active { color:#fff; }
	
	.buttons-header { position:absolute; right:0; top:45px; }
	
		.buttons-header a { padding:8px 14px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border:none; font-size:14px; cursor:pointer; color:#fff; }
		
			.buttons-header a span.points { background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:12px; padding:2px 4px; }



/* =Main --------------------------------------------------------------
------------------------------------------------------------------------*/
#main { background:#dfdddb; width:890px; float:right; border-bottom-right-radius:5px; border-top-right-radius:5px;  border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-topright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-right-radius:5px; min-height:400px; margin-bottom:40px; }

#main .inner { padding:40px; }



/* =Footer ---------------------------------------------------------------
------------------------------------------------------------------------*/
#bkg_bottom { background:url(../images/bkg_bottom.png) repeat-x 50% bottom; bottom:0; clear:left; height:90px; left:0; position:fixed; width:100%; z-index:0; }

#footer { clear:both; padding:16px 0;margin-bottom:0px; }


.Footer
{
	width:100%;
	font:9px "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif; 	
	font-weight:400;
	text-align:center;
	color: #71777e;
	background-color: #2c343f;
    margin-bottom:0px;    
	clear:both;	
	left:0px;
}

#footer a:link { color:#71777e; text-decoration:none; font-size:9px; font-weight:400;}
#footer a:visited { color:#71777e; text-decoration:none; font-size:9px; font-weight:400; }
#footer a:hover { color:#c6c7c9; text-decoration:none; font-size:9px; font-weight:400; }
#footer a:active {  color:#71777e; text-decoration:none; font-size:9px; font-weight:400;}


.Spacer
{
	padding-left: 12px;
	padding-right: 12px;
}

/* =Links ----------------------------------------------------------------
------------------------------------------------------------------------*/	
#Left a:link { color:#ffffff; text-decoration:none; font-size:14px; font-weight:bold;}
#Left a:visited { color:#ffffff; text-decoration:none; font-size:14px; font-weight:bold; }
#Left a:hover { color:#ffffff; text-decoration:none; font-size:14px; font-weight:bold ;}
#Left a:active {  color:#ffffff; text-decoration:none; font-size:14px; font-weight:bold;}


#GoalsLink a:link { color:#d67c50; text-decoration:none; font-size:14px; font-weight:bold;}
#GoalsLink a:visited { color:#d67c50; text-decoration:none; font-size:14px; font-weight:bold; }
#GoalsLink a:hover { color:#d67c50; text-decoration:none; font-size:14px; font-weight:bold ;}
#GoalsLink a:active {  color:#d67c50; text-decoration:none; font-size:14px; font-weight:bold;}


#EthosLink a:link { color:#83af54; text-decoration:none; font-size:14px; font-weight:bold;}
#EthosLink a:visited { color:#83af54; text-decoration:none; font-size:14px; font-weight:bold; }
#EthosLink a:hover { color:#83af54; text-decoration:none; font-size:14px; font-weight:bold ;}
#EthosLink a:active {  color:#83af54; text-decoration:none; font-size:14px; font-weight:bold;}



#SolutionsLink a:link { color:#838181; text-decoration:none; font-size:14px; font-weight:bold;}
#SolutionsLink a:visited { color:#838181; text-decoration:none; font-size:14px; font-weight:bold; }
#SolutionsLink a:hover { color:#838181; text-decoration:none; font-size:14px; font-weight:bold ;}
#SolutionsLink a:active {  color:#838181; text-decoration:none; font-size:14px; font-weight:bold;}



#Header a:link { color:#606666; text-decoration:none; font-size:9px; font-weight:bold; }
#Header a:visited { color:#606666; text-decoration:none; font-size:9px; font-weight:bold; }
#Header a:hover { color:#030303; text-decoration:none; font-size:9px; font-weight:bold; }
#Header a:active {  color:#030303; text-decoration:none; font-size:9px; font-weight:bold;}