ï»¿°¸/*
Index CSS for site
by David Smith - Waxfrog.com
http://www.waxfrog.com
*/
#main {
}

#section-a {
	width:100%;
	position:relative;
}
#section-a .sub-section-a {
	width:940px;
	margin:auto;
	position:relative;
	min-height:404px;
}
#section-a .sub-section-a .introduction {
	width:355px;
	margin-bottom:10px;
	position:absolute;
	top:0px;
	left:0px;
}
#section-a .sub-section-a .introduction p {
	font-size:18px;
	line-height:28px;
	color: #000;
}
#section-a .sub-section-a .introduction h2 {
	font-weight:bold;
	margin-bottom:20px;
	font-size: 38px;
	color: #0f2944;
}
#section-a .sub-section-a .slide-show {
	height:390px;
	position:absolute;
	top:0px;
	right:0px;
	padding:16px 16px 0 16px;
	background:#f5f5f5;
	border:1px #dedede solid; 
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#section-a .sub-section-a .slide-show .slide-text {
	margin-top:10px;
}
#section-a .sub-section-a .slide-show h3 {
	margin:15px 0 5px 0;
	font-weight:bold;
}
#section-a .sub-section-a .slide-show h3:hover {
	text-decoration: underline;
}
#section-a .sub-section-a .slide-show p {
	font-size:14px;
	color:#000;
	margin-top: 15px;
}
#section-a .sub-section-a .slide-show h3 a:hover {
	text-decoration:none;
}
#section-a .sub-section-a .slide-show .slide-background-fade {
	background:url('../images/slide-background-fade.gif') no-repeat;
	width:531px;
	height:89px;
	position:absolute;
	left:0px;
	bottom:-1px;
	margin:0px -1px -1px -1px;
}
#section-a .sub-section-a .slide-show .jFlowPrev {
	position:absolute;
	top:141px;
	left:0px;
	width:35px;
	height:35px;
	text-indent:-1000px;
	overflow:hidden;
	background:transparent url('../images/arrow.png') no-repeat;
	margin-left:-1px;
	-moz-border-radius: 0px 5px 5px 0px;
	border-radius:  0px 5px 5px 0px;
}

#section-a .sub-section-a .slide-show .jFlowPrev:hover {
	background:transparent url('../images/arrow.png') no-repeat -70px 0px; 
}

#section-a .sub-section-a .slide-show .jFlowNext {
	position:absolute;
	top:141px;
	right:0px;
	width:35px;
	height:35px;
	text-indent:-1000px;
	overflow:hidden;
	background:transparent url('../images/arrow.png') no-repeat -35px 0px; 
	margin-right:-1px;
	-moz-border-radius: 5px 0px 0px 5px;
	border-radius:  5px 0px 0px 5px;
}

#section-a .sub-section-a .slide-show .jFlowNext:hover {
	background:transparent url('../images/arrow.png') no-repeat -105px 0px; 
}

#section-a .sub-section-a .slide-show .slide-text {
	position:relative;
	z-index:1000;
}
#section-a .block {
	position:absolute;
	bottom:0px;
	left:0px;
	background:#edf8fe url('../images/tile-block.gif');
	width:100%;
	min-height:122px;
	/* for IE */
 	filter:alpha(opacity=60);
  	/* CSS3 standard */
  	opacity:0.6;
}
#section-b {
	width:940px;
	margin:auto;
	position:relative;
}
#section-b .featured {
	margin-bottom:55px;
}
#section-b .featured .cat {
	position:absolute;
	top:0;
	right:0;
}
#section-b .featured .cat a {
	display:block;
	padding:5px;
	background:#913f98;
	color:#fff;
	text-decoration:none;
}
#section-b .featured .cat a:hover {
	background:#b670bc;
}
#section-b .featured .block-1,
#section-b .featured .block-2, 
#section-b .featured .block-3 {
	float:left;
	width:294px;
	position:relative;
	background:#eff5ff;
}
#section-b .featured .block-1 {
	border:30px #fff solid;
	margin:-75px -30px -30px -30px;
}
#section-b .featured .block-2 {
	margin:29px 0px 0px 29px;
}
#section-b .featured .block-3 {
	margin:29px 0px 0px 29px;
}
#section-b .featured .block .text {
	padding:25px;
}
#section-b .featured .block-1 .text {
	min-height:191px;
	max-height:191px;
	overflow:hidden;
}
#section-b .featured .block-2 .text,
#section-b .featured .block-3 .text  {
	min-height:115px;
	max-height:115px;
	overflow:hidden;
} 
#section-b .featured .block .text h3 {
	font-size:26px;
	font-weight:normal;
	margin-bottom:18px;
}
#section-b .featured .block p {
	font-size:14px;
	margin-bottom:0;
}
#section-c {
	width:940px;
	margin:auto;
	position:relative;
	margin-bottom:55px;
}
#section-c .content {
	width:617px;
	float:left;
}
#section-c .content h4 {
	color:#133353;
	margin-bottom:19px;
	font-size:23px;
}
#section-c .content p {
	font-size:14px;
	margin-bottom:20px;
}
#section-c .content .info {
	border:3px #f3f5f6 solid;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom:12px;
}
#section-c .content .info .text {
	width:282px;
	float:left;
	padding:26px 0px 26px 26px;
}
#section-c .content .info .image {
	width:254px;
	float:right;
	padding:11px 26px 11px 0px;
}
#section-c .content .contact {
	border:3px #f3f5f6 solid;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:26px;
}
#section-c .content .contact p {
	margin-bottom:0px;
}

#section-c .content .contact .left {
	float:left;
	width:230px;
}
#section-c .content .contact .left img {
	font-size:13px;
	float:left;
	width:81px;
	margin-right:12px;
}
#section-c .content .contact .left a img {
	border:1px #9ecae6 solid;
}
#section-c .content .contact .left a:hover img {
	border:1px #ec008c solid;
}
#section-c .content .contact .left p {
	font-size:14px;
	float:left;
	width:120px;
}
#section-c .content .contact .left p span {
	display:block;
}
#section-c .content .contact .left p span.tel {
	color:#ec008c;
	font-size:14px;
}
#section-c .content .contact .left p span.link {
	margin-bottom:12px;
}
#section-c .content .contact .right {
	float:right;
	width:295px;
}
#section-c .content .contact .right img {
	float:left;
	width:148px;
	margin-right:16px;
}
#section-c .content .contact .right p {
	float:left;
	width:130px;
}
#section-c .social {
	width:280px;
	float:right;
}
#section-c .social .twitter {
	display:block;
	width:158px;
	height:69px;
	background:url('../images/twitter-button.gif') no-repeat;
	text-indent:-1000px;
	overflow:hidden;
	margin-bottom:10px;
}
#section-c .social .twitter:hover {
	background:url('../images/twitter-button.gif') no-repeat 0px -69px;
}
#section-c .social .feeds {
	height:120px;
}
#section-c .social .buttons {
	height:50px;
}
