@charset "utf-8";
/* CSS Document */

* { margin: 0 }

html, body { width: 100%; height: 100% }

body { background: #000; color: #FFF }

img { border: 0 }

a { text-decoration: none }



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



/*******************************************************
* CONTAINER
*******************************************************/

#container
{
	margin: 0 auto;
	width: 1000px;
	height: auto;
		background: #FFF;
}



/*******************************************************
* HEADER/NAV
*******************************************************/

#container #header
{
	padding-top: 18px;
	width: 100%;
	height: 121px;
		background: #000;
}

#container #header h1#logo
{
	width: 266px;
	height: 35px;
		float: left;
}

#container #header h3#fb
{
	width: 307px;
	height: 27px;
		float: right;
	position: relative;
}

#container #header h3#fb #header-fb
{
	position: absolute;
	right: 139px;
	top: 0px;
}

#container #header h3#fb #header-bitesquad
{
	position: absolute;
	right: 0px;
	top: 7px;
}

#container #header ul#nav
{
	padding: 32px 0 18px 0;
	list-style: none;
	clear: both;
	
	font-family: 'FunctionProDemi',Arial,sans;
	font-size: 1.1em;
}

#container #header ul#nav li { float: left }

#container #header ul#nav li#about { padding-right: 20px }
#container #header ul#nav li#our-gelato { padding-right: 20px }
#container #header ul#nav li#our-coffee { padding-right: 20px }
#container #header ul#nav li#awards { padding-right: 20px }
#container #header ul#nav li#delivery { padding-right: 20px }
#container #header ul#nav li#wholesale { padding-right: 20px }
/*#container #header ul#nav li#distributors { padding-right: 10px }*/
/*#container #header ul#nav li#featuring-bottega { padding-right: 20px }*/
#container #header ul#nav li#locations-and-contact { float: right }

#container #header ul#nav a:link,
#container #header ul#nav a:visited { color: #e5d4bb }

#container #header ul#nav a:hover,
#container #header ul#nav a.active { color: #b5cb39 }



/*******************************************************
* CONTENT
*******************************************************/

#container #content
{
	width: 100%;
	height: auto;
	color: #000;
}

#container #content h3#heading
{
	padding: 0 0 20px 5px;
	background: transparent url('/images/common/separator-green.gif') repeat-x 0 100%;
}

#container #content h3.short { width: 394px }




/*******************************************************
* LOCATIONS FOOTER
*******************************************************/

#container #locations
{
	padding-top: 23px;
	width: 100%;
	height: 83px;
	background: #FFF url('/images/common/locations-mapBackground.jpg') no-repeat 100% 0;
	clear: both;
}

#container #locations h4,
#container #locations p { margin-left: 34px }

#container #locations p
{
	margin-top: 10px;
	font-family: 'FunctionProLight',Arial,sans;
	font-size: 20px;
	color: #733b0d;
	float: left;
}


/*******************************************************
* TEXT FOOTER
*******************************************************/

#container #footer
{
	padding: 37px 0;
	width: 100%;
	text-align: center;
	background: #000;
}



#container #footer p.mailing-list
{
	margin-bottom: 40px;
	font-family: 'FunctionProBook',Arial,sans;
	font-size: 21px;
	color: #FFF
}



#container #footer p.mailing-list a { color: #FFF }



#container #footer p.copyright
{
	font-family: 'FunctionProLight',Arial,sans;
	font-size: 18px;
	color: #8f795d
}



#container #footer a { color: #8f795d }


/*******************************************************
* CONTENT
*******************************************************/

.module { width: 100%; height: 100%; overflow: visible; clear: both }