/* Coding and design by Hambo Design
-------------------------------------------------------------*/

body 						{ background-color: #fff; text-align: center; }



/* List Styling
-------------------------------------------------------------*/

li							{ font-size: 1.2em; }

dl 							{ margin-bottom: 15px; }
dt 							{ margin-bottom: 10px; }
dd 							{ margin-bottom: 5px; }


/* Navigation Styling
-------------------------------------------------------------*/

#navigation ul 		{ list-style: none; margin: 0; padding: 0; height: 20px; text-align: center; }
#navigation li 		{ display: inline; margin: 0; margin-right: 5px; padding: 0; }
#navigation li.last	{ margin-right: 0; }
#navigation li a 	{ padding-right: 5px; text-decoration: none; }

#navigation_footer ul		{ list-style: none; margin: 0; padding: 0; }
#navigation_footer li 		{ float: left; margin: 0; margin-right: 5px; padding: 0; }
#navigation_footer li.last	{ margin-right: 0; }
#navigation_footer li a 	{ padding-right: 5px; text-decoration: none; }



/* DIV Classes
-------------------------------------------------------------*/

.content_row				{ clear: left; margin-bottom: 40px; width: 980px; }
.content_bubble_top		{ background: url(/assets/images/presentation/bubble_top.gif) no-repeat; height: 15px; width: 980px; }
.content_bubble			{ background-color: #f1f1f1; float: left; padding-top: 20px; width: 980px; }
.content_bubble_bottom		{ background: url(/assets/images/presentation/bubble_bottom.gif) no-repeat; clear: left; height: 14px; width: 980px; }
.content_column			{ float: left; margin-left: 20px; width: 220px; }
.content_column img		{ float: left; margin: 0 10px 0 0; }

.reasons_column			{ float: left; margin: 0 0 40px 20px; width: 220px; }

.testimonial_column			{ float: left; margin-left: 20px; padding-bottom: 10px; width: 300px; }
.testimonial_column	img		{ float: right; margin: 0 0 0 10px; }

.portfolio_column			{ float: left; margin-left: 20px; padding-bottom: 10px; width: 300px; }
.portfolio_column img		{ border: 2px solid #999; }

.about_column				{ float: left; margin-left: 20px; padding-bottom: 10px; width: 300px; }

.footer_column				{ float: left; margin-left: 20px; padding-bottom: 30px; width: 300px; }

.contact_message			{ background-color: #ddd; margin: 0 0 10px 20px; padding: 10px 20px; overflow: auto; width: 900px; }
.contact_message p		{ display: block; float: left; height: 20px; padding-top: 7px; }
.contact_message img		{ float: left; margin-left: 10px; }

.folio img					{ border: 5px solid #ccc; margin: 0; }



/* DIV Areas
-------------------------------------------------------------*/

#branding	 					{ height: 30px; margin: 0 auto; padding: 10px 0; position: relative; width: 960px; }
#container 					{ margin: 0 auto; text-align: left; width: 980px; }

#banner_wrap					{ background: url(/assets/images/presentation/bg_hambo.png) bottom repeat-x; position: relative; }
#banner						{ background: url(/assets/images/presentation/banner_hambo.png) top no-repeat; height: 312px; margin: 0 auto; position: relative; top: 0; width: 960px; }

#logo						{ float: left; margin-top: 10px; }

#navigation					{ position: absolute; top: 0; right: 40px; height: 30px; padding-top: 10px; text-align: center; width: 320px; background: #eee; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; }
#contact						{ display: block; float: right; height: 60px; margin-right: 20px; }

#main						{ padding-top: 30px; width: 980px; }



/* Footer Area
-------------------------------------------------------------*/

#footer 					{ background-color: #222; border-top: 2px dotted #fff; overflow: auto; padding: 25px 0; }
#footer_inner				{ margin: 0 auto; text-align: left; padding: 0 20px; width: 940px; }
#footer_credits				{ background-color: #1f1f1f; border-top: 1px solid #161616; clear: both; margin: 0 auto; overflow: auto; padding: 10px 20px 5px; width: 940px; }
#navigation_footer			{ float: left; width: 600px; }