/*

Zangaroa Web Development theme
name: Zangaroa Web Development
designer: Dennis Wyman  
designer_url: http://www.zangaroa.com/ 
layouts: layout-wt
*/

/* Page Wrapper -------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #45586E url("bg_body.gif") repeat-x center top;
	font: normal 13px arial, helvetica, sans-serif;
	color: #000000;
}

a, a:link, a:visited, a:active {
	color: #315774;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

#container {
	background: transparent url("bg_container.png") repeat-x center top;
}

#container-inner {
	margin: 0 auto;
	width: 990px;
	position: relative;
}


/* Header -------------------------------------------------- */

#header {
	display: block;
	clear: both;
	width: 990px;
	height: 155px;
	background: transparent url("bg_header.png") no-repeat left top;
}

	#header h1 {
		width: 370px;
		height: 130px;
	}

	#header h1 * {
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -5000em;
	}


/* Content Wrapper -------------------------------------------------- */

#content {
	padding: 0;
	width: 990px;
	margin: 0 auto;
}

	#content-header {
		background: transparent url("bg_content_header.png") no-repeat center top;
		display: block;
		clear: both;
		height: 20px;
	}

	#content-inner {
		background: transparent url("bg_content_inner.png") repeat-y center top;
		display: block;
		clear: both;
	}

	#content-footer {
		background: transparent url("bg_content_footer.png") no-repeat center top;
		display: block;
		clear: both;
		height: 16px;
	}



/* Right Column -------------------------------------------------- */

#beta {
	position: relative;
	float: right;
	width: 316px;
	margin-top: -10px;
}


/* Left Column -------------------------------------------------- */

#alpha {
	position: relative;
	float: left;
	width: 670px;
}

#alpha-inner {
	padding: 5px 15px 20px 20px;
}


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

#footer {
	display: block;
	clear: both;
	width: 990px;
	height: 111px;
	padding: 10px 0;
	margin: 0 auto;
	color: #FFF;
}

#subfooter {
	display: block;
	clear: both;
	width: 964px;
	height: 1px;
}


/* Footer Sitemap */

#footer table {
	font: 12px verdana, geneva, sans-serif;
	margin: 0 auto;
	text-align: center;
}

	.footer-column1 {
		width: 250px;
	}
	
	.footer-column2 {
		width: 250px;
	}
	
	.footer-column3 {
		width: 250px;
	}

.footer-sitemap h3 {
	font-size: 14px;
	margin: 0 0 5px 0;
}

.footer-sitemap .description {
	font-size: 10px;
	font-weight: normal;
}

.footer-sitemap ul {
	list-style: none;
	margin: 0 0 0 5px;
}

	.footer-sitemap li {
		margin: 0 0 3px 0;
	}

.footer-sitemap a {
	color: #C5F3A3;
}

	.footer-sitemap a:hover {
		color: #FFFFFF;
	}


/* Page Content -------------------------------------------------- */

#alpha h1 {
	font-size: 19px;
	font-weight: bold;
	padding: 0 0 4px 0;
}

#alpha h2 {
	font-size: 17px;
	font-weight: bold;
}

#alpha h3 {
	font-size: 15px;
}
	
#alpha p {
	margin: 0 0 1.5em 0;
	text-align: justify;
}

#alpha ul, #alpha ol {
	padding: 0 0 1.5em 20px;
}

	#alpha li {
		padding: 0 0 5px 0;
	}

	
/* Contact Form */

#content .contact table, #content .contact small {
	margin: 0 0 0 20px;
}
	#content .contact td {
		padding: 3px;
	}


/* Common Widget CSS -------------------------------------------------- */

#widgetServices,
#widgetProgramming,
#widgetHosting,
#widgetPortfolio,
#widgetCorp
{
	margin: 0 0 15px 0;
	padding: 0 5px 0 15px;
}

	#widgetServices h2,
	#widgetProgramming h2,
	#widgetHosting h2,
	#widgetPortfolio h2,
	#widgetCorp h2
	{
		font-family: verdana, sans-serif, sans-serif;
		border-bottom: 1px solid #99ABC1;
		margin: 0 14px 5px 0;
		padding: 4px 5px 5px 2px;
		font-size: 14px;
		font-weight: bold; 
		text-align: left;
	}
	
	#widgetServices li,
	#widgetProgramming li,
	#widgetHosting li,
	#widgetPortfolio li,
	#widgetCorp li
	{
		font-size: 11px;
		list-style: none;
		padding: 2px 23px 2px 10px;
		font-weight: bold;
	}

		#widgetServices li a,
		#widgetProgramming li a,
		#widgetHosting li a,
		#widgetPortfolio li a,
		#widgetCorp li a,
		{
			text-decoration: none;
		}
	
		#widgetServices li a:hover,
		#widgetProgramming li a:hover,
		#widgetHosting li a:hover,
		#widgetPortfolio li a:hover,
		#widgetCorp li a:hover
		{
			text-decoration: underline;
		}


/* Buttons */

#widgetButtons img, #widgetButtons form {
	margin: 0 0 0 -6px;
	border: 0;
}


/* Contact Widget */

#widgetContact {
	width: 305px;
	clear: both;
	border-left: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	background: #FFF;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
}

	#widgetContact h2 {
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		color: #333;
		padding: 7px 0 4px 0;
	}

	#widgetContact p {
		margin: 0 10px 1.5em 10px;
		text-align: center;
	}

	#widgetContact small {
		margin: 0 10px;
	}

	#widgetContact .textfield, #widgetContact textarea {
		width: 273px;
		margin: 0 0 7px 10px;
		font: normal 11px arial, helvetica, sans-serif;
		padding: 2px 3px;
	}

		#widgetContact textarea {
			height: 100px;
		}

	#widgetContact .button {
		margin: 5px auto 0 auto;
		display: block;
		background: #DDD;
		color: #000;
		padding: 3px 5px;
		font-size: 13px;
		border: 1px solid #555;
		font-weight: bold;
	}