/* -- main.php -- */
.main .portfolio_preview {
	text-align:							center;
}
.main .portfolio_preview img {
	padding:								2px;
	background-color:				#fff;
	border:									1px solid #777;
}
.main .portfolio_preview .project {
	margin:									5px 10px;
	padding:								5px 7px;
	
	background-image:				url('img/main/project_preview_bg.jpg');
	background-repeat:			no-repeat;
	background-position:		top-left;
	background-color:				#cbc5a8;
	
	border:									1px solid #999688;
}
.main .portfolio_preview .project .name,
.main .portfolio_preview .project .link {
	color:									#222;
	text-align:							left;
	
	font-weight:						bold;
	font-size:							12px;
}
.main .portfolio_preview .project .link:hover img {
	border:									1px solid #333;
}
.main .portfolio_preview .project .description {
	text-align:							left;
	
	font-weight:						normal;
	font-size:							11px
}

/* -- Portfolio.php -- */
.portfolio .portfolio_preview {
	text-align:							left;
}
.portfolio .portfolio_preview .project {
	margin:									5px 10px;
	padding:								5px 7px;
	
	background-color:				#eee;
	
	border:									1px solid #999688;
}
.portfolio .portfolio_preview img {
	float:									left;
	padding:								2px;
	margin-right:						4px;
	background-color:				#fff;
	border:									1px solid #777;
}
.portfolio .portfolio_preview .project .content_area {
	width:									554px;
	float:									left;
}
.portfolio .portfolio_preview .project .name {
	color:									#222;
	text-align:							left;
	
	font-weight:						bold;
	font-size:							14px
}
.portfolio .portfolio_preview .project .link {
	color:									#666;
	text-align:							left;
	
	font-weight:						bold;
	font-size:							11px;
	line-height:						13px;
	font-style:							italic;
}
.portfolio .portfolio_preview .project .link:hover img {
	border:									1px solid #333;
}
.portfolio .portfolio_preview .project .description {
	text-align:							left;
	
	font-weight:						normal;
	font-size:							12px
}

/* -- web_dev.php -- */
.web_dev .dev_packages {
	margin:							7px;
	border:							1px solid #ccc;
	background-color:		#f0f0f0;
}
.web_dev .dev_packages .package {
	margin:							7px;
	padding:						3px;
	
	border:							1px solid #bbb;
	background-color:		#e0e0e0;
}
.web_dev .dev_packages .package img {
	float:							left;
	margin:							8px 2px 8px 2px;
}
.web_dev .dev_packages .package .left {
	float:							left;
	width:							140px;
}
.web_dev .dev_packages .package .left .package_name {
	font-size:					15px;
	font-weight:				bold;
	
	font-family:				arial, verdana;
}
.web_dev .dev_packages .package .left .price_caption {
	float:							left;
	width:							50px;
	
	padding-left:				8px;
	font-variant:				small-caps;
	font-weight:				bold;
}
.web_dev .dev_packages .package .left .price_value {
	float:							left;
	width:							50px;
}
.web_dev .dev_packages .package .left .save_caption {
	clear:							both;
	float:							left;
	width:							50px;
	
	padding-left:				8px;
	font-variant:				small-caps;
	font-weight:				bold;
	color:							#fd4444;
}
.web_dev .dev_packages .package .left .save_value {
	float:							left;
	width:							50px;
	
}
.web_dev .dev_packages .package .columns {
	float:							left;
	width:							220px;
}
.web_dev .dev_packages .package .columns table {
	margin:							4px;
}
.web_dev .dev_packages .package .columns td {
	padding:						1px 10px 1px 4px;
	
	border:							1px solid #777;
	background-color:		#f0f0f0;
}
.web_dev .dev_packages .package .right {
	float:							left;
	width:							210px;
}
.web_dev .dev_packages .package .right .features_caption {
	font-weight:				bold;
}

/* -- hosting.php -- */
.hosting .domain_info .content {
	float:						left;
}
.hosting .domain_info table {
	float:						right;
	
	border-width:			1px 1px 1px 1px;
	border-spacing:		1px;
	border-color:			#aaa;
	
	border-collapse: separate;
	background-color: #efefef;
}
.hosting .domain_info table th.caption {
	padding:							3px 6px 3px 6px;
	background-color:			#bbb;
	font-weight:					bold;
}
.hosting .domain_info table td.caption {
	padding:							3px 6px 3px 6px;
	
	font-size:						13px;
	font-variant:					small-caps;
	text-align:						right;
	
	background-color:			#bbb;
	font-weight:					normal;
}
.hosting .domain_info table td.value {
	padding:							12px;
	text-align:						center;
	background-color:			#e0e0e0;
}
.hosting .hosting_info .content {
	padding:					1px 1px 5px 1px;
}
.hosting .hosting_info table {
	border-width:			1px 1px 1px 1px;
	border-spacing:		1px;
	border-color:			#aaa;
	
	border-collapse: separate;
	background-color: #efefef;
}
.hosting .hosting_info table th.caption {
	padding:							3px 6px 3px 6px;
	background-color:			#bbb;
	font-weight:					bold;
}
.hosting .hosting_info table td.caption {
	padding:							3px 6px 3px 6px;
	
	font-size:						13px;
	font-variant:					small-caps;
	text-align:						right;
	
	background-color:			#bbb;
	font-weight:					normal;
}
.hosting .hosting_info table td.value {
	padding:							12px;
	text-align:						center;
	background-color:			#e0e0e0;
}