/* 
	CSS Author: Drew Bartlett
	CSS For Individual Page Elements That Are NOT Structure-Related OR On Every Page
*/


/*------------------------------------------------- Home Page Recent Projects --*/
.top_square_header
{
	background: url(../images/top_nav_bg.png) repeat-x top;
	border: solid 1px #3c84bc;
	color: #fff;
	font-size: 18pt;
	height: 25px;
	margin: 0 auto 5px auto;
	padding: 4px 5px 6px 10px;
	width: 941px;
}
	.top_square_header h1
	{
		color: #fff;
		display: inline;
		font-size: 18pt;
		margin: 0;
	}
	
.recent_sites
{
	background: #ebebeb;
	/*border-top: 0;*/
	height: auto;
	margin: 0 auto;
	padding: 5px;
	width: 948px;
}

.right_recent
{
	float: right;
	margin: 0;
	width: 492px;	
}

.right_recent_site_top
{
	background: url(../images/header_repeat_bg.png) repeat-x top;
	color: #fff;
	float: right;
	font-size: 18pt;
	height: 28px;
	margin: 0;
	padding: 4px 5px;
	width: 482px;	
}

.right_recent_site
{
	background: #def0ff;
	border: solid 1px #3c84bc;
	float: right;	
	height: 223px;
	overflow: auto;
	text-align: center;
	width: 490px;
}
	.right_recent_site p
	{
		font-size: 11pt;
		text-align: left;
		padding: 5px 10px;
	}

.right_recent_site_bottom
{
	background: url(../images/footer_repeat_bg.png) repeat-x bottom;
	color: #fff;
	float: right;
	font-size: 12pt;
	height: 18px;
	margin: 0;
	padding: 4px 5px;
	text-align: right;
	width: 482px;	
}

.left_image
{
	float: left;	
	text-align: center;
	width: 452px;
}

.pro_img_large
{
	border: solid 1px #818181;
	width: 450px;
}

.small_proj_container
{
	margin: 0 auto;
	width: 960px;
}

.small_recent_projects
{
	float: left;	
	margin: 5px 5px 5px 5px;
	text-align: left;
	width: 305px;
}

	.small_recent_projects p
	{
		text-align: left;
		margin: 0;
	}

	.small_recent_projects h6
	{
		color: #1a5582;
		font-size: 12pt;
		font-weight: 100;
		margin: 5px 0;
		text-align: left;
	}
	
.pro_img_small
{
	border: solid 1px #818181;
	width: 305px;
}

/*-------------------------------------------------- Services Page --*/
.service
{
	float: left;
	margin: 5px;
	width: 468px;
}

	.service_top
	{
		background: url(../images/header_repeat_bg.png) repeat-x top;	
		float: right;
		height: 28px;
		margin: 0;
		padding: 4px 5px;
		width: 458px;	
	}
	
	.service_top h1
	{
		color: #fff;
		display: inline;
		font-size: 18pt;
		margin: 0;
	}
	
	.service_description
	{
		background: transparent url(../images/services_bg.png) no-repeat top;
		border-top: solid 1px #3c84bc;
		float: right;	
		height: 190px;
		width: 468px;
	}
		.service_description p
		{
			font-size: 11pt;
			text-align: left;
			margin: 5px;
			padding: 5px 10px;
		}

/*-------------------------------------------------- Contact Page --*/
.form_message
{
	background: #c9f3ca;
	border: solid 1px #99c99a;
	color: #00c405;
	font-size: 12pt;
	height: auto;
	margin: 5px auto;
	padding: 10px 8px;
	text-align: center;
}

.form_error
{
	background: #f3c9c9;
	border: solid 1px #c99999;
	color: #c40000;
	font-size: 12pt;
	height: auto;
	margin: 5px auto;
	padding: 10px 8px;
	text-align: center;
}

/*-------------------------------------------------- Pricing Page --*/

span.pricing
{
	font-size: 14pt;
	text-decoration: underline;
}

ul.pricing
{
	font-size: 12pt;
	line-height: 10pt;
	margin: -10px 0px 0px 0px;	
	padding-left: 70px;
}

ul.pricing li
{
	list-style-type: square;
	margin: 0;
}

ul.pricing ul 
{
	font-size: 12pt;
	line-height: 8pt;
	margin: -15px 0px -10px 0px;	
	padding-left: 60px;
}

ul.pricing ul li
{
	list-style-type: square;
	margin: 0;
}


/*-------------------------------------------------- Portfolio Page --*/
.right_portfolio
{
	float: right;
	margin: 5px 0;
	width: 492px;	
}

.right_portfolio_top
{
	background: url(../images/header_repeat_bg.png) repeat-x top;
	color: #fff;
	float: right;
	font-size: 18pt;
	height: 28px;
	margin: 0;
	padding: 4px 5px;
	width: 482px;	
}

.right_portfolio_text
{
	background: #def0ff;
	border: solid 1px #3c84bc;
	float: right;	
	height: 217px;
	overflow: auto;
	text-align: center;
	width: 490px;
}
	.right_portfolio_text p
	{
		font-size: 11pt;
		text-align: left;
		margin: 0;
		padding: 5px 10px;
	}

.right_recent_site_bottom
{
	background: url(../images/footer_repeat_bg.png) repeat-x bottom;
	color: #fff;
	float: right;
	font-size: 12pt;
	height: 18px;
	margin: 0;
	padding: 4px 5px;
	text-align: right;
	width: 482px;	
}

.left_port_image
{
	float: left;	
	margin: 5px 0;
	text-align: center;
	width: 442px;
}

.port_img_large
{
	border: solid 1px #818181;
	width: 440px;
}