@import url(reset.css);

	html
		{
			height:100%;
			margin-bottom:1px;
		}

	body
		{
			background:white url('../_design/body-bg.jpg') repeat-x top left;
			font-family:"Corbel", "Myriad Pro", Tahoma, "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
			font-size:80%;
			line-height:130%;
			text-align:center;
		}

/* Headings */

	h1
		{
			color:#435d74; /*ffae00*/
			font-family:Georgia, Serif;
			font-size:250%;
			padding:1em 0;
		}

	h2
		{
			/*color:#ffae00;*/
			font-size:150%;
			padding:.7em 0 0 0;
			font-family:Georgia, Serif;
		}

	h3
		{
			/*color:#ffae00;*/
			font-size:150%;
			padding:.7em 0 0 0;
			font-family:Georgia, Serif;
		}
	
	
/* Layout */
	#container
		{
			width:100%;
			text-align:left;
		}
	
	#content-container
		{
			clear:both;
			float:left;
			width:100%;
		}
	
	#branding,
	#main-nav,
	#content-wrap,
	#footer
		{
			clear:both;
			margin:0 auto;
			overflow:hidden;
			width:980px;
			text-align:left;
		}
	
	#content-container
		{
			float:left;
			width:660px;
		}

	#aside-container
		{
			float:left;
			width:320px;
		}
		
	#branding-container,
	#main-nav-container,
	#content-wrap-container,
	#footer-container
		{
			clear:both;
			width:100%;
			float:left;
			text-align:center;
		}


	#branding-container
		{
			background:white url('../_design/body-bg.jpg') repeat-x top left;
		}

/* Branding */
	#branding
		{
			background:white url('../_design/bellee-banner.jpg') no-repeat top left;
			font-family:Georgia, Serif;
			height:324px;
			position:relative;
		}

	#branding a
		{
			display:block;
			width:100%;
			height:100%;
			text-indent:-9999px;
			overflow:hidden;
		}

/* Main menu */
	#main-nav-container
		{
			background:transparent;
		}

	#main-nav
		{
			background:transparent url('../_design/bellee-banner.jpg') no-repeat bottom right;
		}

	#main-nav ul
		{
			float:left;
			width:100%;
			padding-top:10px; padding-left:35px;
		}

	#main-nav li
		{
			float:left;
			margin-right:5px;
		}

	#main-nav a
		{
			color:#fff;
			display:block;
			padding:15px 30px 10px 30px;
			text-decoration:none; text-transform:uppercase;
			font-size:150%;
		}

	#main-nav a:hover
		{
			color:#ccc;
		}

	.pghome #mnuhome a, .pgportfolio #mnuportfolio a, .pgguide #mnuguide a, .pgcontact #mnucontact a
		{
			background:transparent url('../_design/menu-link-right.png') no-repeat top right;
			color:#041a35;
			font-weight:bold;
		}

	.pghome #mnuhome, .pgportfolio #mnuportfolio, .pgguide #mnuguide, .pgcontact #mnucontact
		{
			background:transparent url('../_design/menu-link-left.png') no-repeat top left;
		}


/* Section styles */
	
	/* Main content */
	#content-wrap-container
		{
			background:transparent;
		}
		
	#content-wrap
		{
			background:transparent url('../_design/content-container-bg.png') no-repeat top left;
			min-height:360px;
		}
		
	#main-content
		{
			padding:20px 50px;
			line-height:1.5em;
			font-size:140%;
		}
		
	#main-content p
		{
			padding:.5em 0;
		}
		
	/* aside content */
	#aside-container
		{
			background:transparent url('../_design/aside-bg-top.jpg') no-repeat 0px 20px;
			color:white;
		}

	#aside-container p.aside-stop
		{
			background:white url('../_design/aside-bg-bot.jpg') no-repeat bottom left;
			padding-bottom:50px;
		}
		
	#aside-container .widget
		{
			padding:10px 40px 0 20px;
		}

	#aside-container .fillout
		{
			min-height:500px;
		}
		
	#aside-container .widget h3
		{
			font-size:300%;
			padding:1em 0 .4em 0;
		}

	#aside-container .widget p
		{
			padding:.3em 0;
		}

	#aside-container .widget a
		{
			color:#ff9900;
			text-decoration:underline;
		}

	#aside-container .widget a:hover
		{
			text-decoration:none;
		}

	/* portfolio page */


	dl.bellee-portfolio-list dt
		{
		/*font-family:Georgia, Serif;*/
		font-size:1.0em;
		}
		
	.widget .random-bellee-portfolio dt
		{
			padding:.4em 0;
			font-size:1.1em;
		}
	
	dl.bellee-portfolio-list dd
		{
			width:560px;
			height:210px;
			background:transparent url('../_design/portfolio-thumbnail-bg2.jpg') no-repeat top left;
		}

	dl.bellee-portfolio-list dd img
		{
			width:527px;
			height:152px;
			margin:17px 0 0 17px;
		}
		
	td.thumbnail
		{
			background:transparent url('../_design/portfolio-thumbnail-bg2.jpg') no-repeat top left;
		}
	
	/* portfolio widget */
	#portfolio-widget h3
		{
		}
		
	#portfolio-widget
		{
			margin-top:20px;
		}
		
	/*
	#portfolio-widget #portfolio-slide li.slideable
		{
			width:320px; height:206px;
		}
	*/
	
	
	/* Footer */
	#footer-container
		{
			background:#fff url('../_design/footer-container-bg3.jpg') repeat-x 0px -34px;
			min-height:200px;
		}
		
	#footer
		{
			color:white;
			padding:80px 30px 30px 30px;
			background:transparent url('../_design/bellee-logo.png') no-repeat 880px 70px;
		}
		
	#footer-nav
		{
			float:left;
			width:200px;
		}
	
	#footer-nav ul
		{
			float:left;
			width:100%;
		}

	#footer-nav ul li
		{
			clear:both;
			float:left;
			width:100%;
		}

	#footer-nav li a
		{
			color:#e5e5e5;
			display:block;
			padding:5px 20px;
			text-decoration:none;
		}

	#footer-nav li a:hover
		{
			color:#f0ff00;
		}

	.pghome #fmnuhome a, .pgportfolio #fmnuportfolio a, .pgguide #fmnuguide a, .pgcontact #fmnucontact a
		{
			color:#ff9900;
		}


/* HTML elements */


	.clearit
		{
			clear:both;
		}