@charset 'utf-8';

/**
 * 
 * page.css
 * 
 * @create    2011-01-11
 * @update    2011-01-11
 * 
 */


/**
 * Showcase Module
 */

#mod_showcase {
	margin-bottom: 30px;
}

		.attent {
		font-size: 80%;
		color: #888;}

/**
 * Features Module
 */

#mod_features_container {
	padding: 0 20px;
}

.mod_features{

}

	#mod_showcase h2,
	.mod_features h2 {
		margin-bottom: 20px;
		padding: 0 0 5px 22px;
		background: transparent url(../images/mod_features/ttl_bar.jpg) bottom left repeat-x;
		font-size: 161.6%;
		font-weight: bold;
		color: #206CB8;
	}

	.mod_features h3 {
		font-size:130%;
		margin-top:20px;
		margin-bottom:20px;

	}

	.mod_features_main_container {
		margin-bottom: 35px;
		overflow: hidden;
		_zoom: 1;
	}

		.mod_features_main {
			width: 220px;
			margin-right: 30px;
			float: left;
		}

		.mod_features_main.lastChild {
			margin-right: 0;
		}

			.mod_features_main h3 {
				margin-bottom: 15px;
			}

			.mod_features_main .thumb {
				margin-bottom: 10px;
			}

			.mod_features_main .desc {
				font-size: 93%;
			}

/**
 * Model Module
 */

#mod_model {

}

	#mod_model h2 {
		margin-bottom: 20px;
	}

	#mod_model_main_container {
		overflow: hidden;
		_zoom: 1;
	}

	.mod_model_main {
		width: 222px;
		margin-bottom: 10px;
		padding-top: 6px;
		padding-left: 30px;
		border-left: 2px dotted #ccc;
		float: left;
		position: relative;
		background: transparent url(../images/mod_model/mod_model_main_bg.jpg) top left no-repeat;
	}

	.mod_model_main.noBorder {
		border-left: 0;
	}

		.mod_model_main h3,
		.mod_model_main p {
			margin-bottom: 8px;
		}

		.mod_model_main .sp {
			position: absolute;
			top: 6px;
			right: 40px;
			z-index: 2;
		}

/**
 * Model Dialog
 */

#mod_dialog_container {
	display: none;
}

.mod_dialog_main {
	text-align: center;
}

	.mod_dialog_main h2 {
		padding-top: 10px;
	}

	.mod_dialog_main p {
		padding-top: 20px !important;
	}


.mod_twitter {
	clear: both;
	padding: 20px 0 0 0;
	width: 720px;}

	.mod_twitter .mod_twitter_box{
		background: url("../images/mod_features/mod_twitter_bg.gif") repeat-y;
		padding: 10px 20px 0 20px;}
		
		.twitter_ui,
		.twitter_arrow{
		float: left;
		padding-right: 10px;}

		.twitter_ui img{
		padding-bottom: 10px;}
		
			.twitter_ui p{
			width: 220px;}
		
		.twitter_arrow{
		margin: 63px 0 0 0;}

		.twitter_btn{
		text-align: right;
		padding: 10px 0 0 0;
		clear: both;}