/* Base Stylesheet for Creative Impulse */

/* Overall body of the pages */
body
{
	font-size: 12pt; font-family: Times New Roman, serif;
	background: white;
	margin: 0px; padding: 0px
}

body.world
{
	font-size: 12pt; font-family: Times New Roman, serif;
	background: white url("allessa_faded_1600x1200.jpg");
	margin: 0px; padding: 0px
}


/* Formatting for elements which should be common to all pages.*/

/* Banner: logo, page title, navigation bar */
#banner
{
/*	position: absolute; top: 0px; left: 0px; */
	position: relative;
/*	position: fixed; top: 0px; left: 0px; */
	width: 100%;
	height: 128px;
	background-color: navy;
	border-bottom: 2px solid navy
}
#banner img
{
	float: left
}
#pagetitle
{
	text-align: center;
	font-size: 28pt; font-weight: bold; font-style: italic;
	color: white;
}
#navigation
{
/*	clear: left;
	width: 100%; */
	background-color: navy;
	font-size: 12pt; font-weight: bold;
	color: white;
	text-align: right;
	position: absolute; right: 0px; bottom: 0px;
}
#navigation a
{
/*	border-right: 2px solid white; */
	color: white;
	padding: 10px 20px;
	text-decoration: none
}
#navigation a:hover
{
	color: skyblue; text-decoration: underline
}

/* Footer: Copyright notice */
#footer
{
	position: fixed; bottom: 0px; left: 0px;
	width: 100%;
	background-color: navy;
	text-align: right; vertical-align: bottom;
	font-size: 75%; font-style: italic;
	color: white;
}


/* Styles to apply to the main part */

#main
{
/*	position: relative; left: 200px; right: 200px;*/
/*	padding-right: 200px; padding-left: 200px;*/
	padding-right: 15%; padding-left: 15%;
	padding-bottom: 20px; padding-top: 10px;
}

#main .announce
{
	font-weight: bold; font-style: italic;
	color: navy; font-size: 16pt;
}

#main .quote
{
	padding-right: 50px; padding-left: 50px;
	font-style: italic;
}


/* Styles for the "about" page */
#company
{
	width: 40%;
	float: left;
	padding-right: 10px;
}
#charlie
{
	width: 55%;
	float: left;
	padding-left: 10px;
}