/* Layout */
@import "inc.layout.css";

/* Styles */
@import "inc.styles.css";

/* Template specific */
#colMain {
	width:								720px;
}

#colMain #text {
	float:								left;
	width:								350px;
	padding-left:					10px;
}

#colMain #text h1 {
	margin:								0;
	padding:							8px 0;
}

#colMain #text h1 img {
	margin:								0;
	padding:							0;
}

#colMain #text p {
	font-size:						13px;
	line-height:					20px;
}

#colMain #puff1 {
	float:								right;
	margin-bottom:				13px;
	line-height:					0;
}

#colMain #puff2 {
	float:								left;
	line-height:					0;
}

#colMain #puff3 {
	float:								right;
	line-height:					0;
}

#colMain #puff1 img, #colMain #puff2 img, #colMain #puff3 img {
	display:							block;
}

#colMain #sections {
	clear:								both;
	display:							block;
	height:								204px;
	margin:								0 0 7px 0;
	padding:							0;
	list-style:						none;
	background:						url(../img/bg_start_sections.jpg) no-repeat;
}

#colMain #sections li {
	float:								left;
	width:								225px;
	height:								61px;
	padding:							15px 0 0 13px;
	margin: 							2px 0 0 0 ;
	background-repeat:		no-repeat;
}

#colMain #sections li h2 {
	display:							block;
	margin:								0 0 12px 0;
	padding:							0;
	font-size:						18px;
	line-height:					13px;
}

#colMain #sections li a {
	padding-right:				15px;
	color:								black;
	background:						url(../img/bg_link_white.gif) no-repeat bottom right;
}
#colMain #sections li a span {
	display:							inline;
	padding:							0;
	text-decoration:			none;
	font:									normal 13px Arial;
}
#colMain #sections li a:hover span {
	background-color:			#f4f3ef !important;
}