/* CSS Document */



/************************************************************************



	Site:		BuildABusinessInADay.com



	Author:		eROI		[www.eroi.com]  



	Client:		Starve-Ups		[http://www.starveups.com/starveups/]



	Listing Order:

	==============



	1 - Global

	2 - Structure/Layout

	3 - Main Content

	4 - Sub Navigation

	5 - Left Navigation

	6 - Footer Navigation

	



************************************************************************/



/***********************************************************************

	1 - GLOBAL STYLES

************************************************************************/



body {

	background: #736D55;

	font: 62.5%/1.6em Helvetica, Arial, Verdana, sans-serif;

	color: #838282;

	text-align: center;

}



html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td { 

	margin: 0; 

	padding: 0; 

}



a {

	text-decoration	: none;

	color: #838282;

}



a:hover {

	text-decoration	: underline;

}



a img {

	border: none;

}



.clearer {

	clear: both;

	line-height: 0;

}



.disappear {

	display: block;

	margin-left: -9999px;

}



/***********************************************************************

	2 - STRUCTURE/LAYOUT STYLES

************************************************************************/



div#container {

	text-align: left;

	padding: 0 0 5px 0;

	background: #F8F3DD url(../images/bg_page.jpg) repeat-x top left;

}	



div#wrap {

	width: 816px;

	margin: 0 auto;

}



/***********************************************************************

	3 - HEADER STYLES

************************************************************************/



div#header {

	padding: 8px 0 0 0;

}



div#logo {

	width: 300px;

	float: left;

	padding: 35px 0 10px 0;

}



div#logo h1 {

	background: url(../images/logo_urbanhumanity.png) no-repeat top left;

	width: 291px;

	height: 89px;

}



div#logo h1 a {

	display: block;

	width: 100%;

	height: 100%;

}



div#utilities {

	width: 500px;

	float: right;

	position: relative;

}



div#utilities ul {

	list-style-type: none;

	position: absolute;

	right: 0;

	top: 90px;

	line-height: 1em;

}

div#utilities ul li {

	float: left;

	border-right: 1px solid #939183;

	color: #5c5b5b;

	padding: 0 8px;

}

div#utilities ul li a {

	text-transform: uppercase;

	color: #5c5b5b;

	font-size: 120%;

}

div#utilities ul li.last {

	border: none;

}





/***********************************************************************

	4 - CONTENT STYLES

************************************************************************/



div#banner {

	width: 800px;

	margin: 0 auto;

	border: 8px solid #e8e4c2;

}



div#callouts {

	padding: 15px 0;

	margin: 0 auto;

}



div.callout {

	width: 256px;

	float: left;

	border: 4px solid #e8e4c2;

	margin: 0 5px;

}



div.callout a img {

	border: none;

}



div#callouts div.first {

	margin-left: 2px;

}

div#callouts div.last {

	margin-right: 0;

}



div#banner_bottom {

	width: 800px;

	margin: 0 0 15px 0;

}





/***********************************************************************

	4 - FOOTER STYLES

************************************************************************/



div#footer {

	background: url(../images/bg_footer.jpg) repeat-x top left;

	margin: 0 auto;

	text-align: center;

	color: #fff;

	font-size: 120%;

	padding: 10px 0 0 0;

}



div#footer a {

	color: #fff;

}



div#footerwrap {

	width: 820px;

	background: url(../images/divider_footer.jpg) no-repeat top left;

	background-position: 2px 0;

	margin: 0 auto;

	text-align: left;

	padding-left: 5px;

}



div.footerbox {

	background: url(../images/divider_footer.jpg) no-repeat top right;

	width: 200px;

	height: 146px;

	float: left;

	padding: 10px 10px 0 25px;

}



div#footer div.first {

	width: 150px;

}



div.footerbox h3 {

	text-transform: uppercase;

	font-size: 120%;

	padding-bottom: 5px;

}



div.footerbox ul {

	list-style-type: none;

}



div.footerbox ul li {

	padding-bottom: 4px;

}