/* -------------------------------------------------------------- 
   
   base.css
   * bilgeadam.com homepage css file for screen media.
   
-------------------------------------------------------------- */

/* Feature
-------------------------------------------------------------- */

#showcase {
	float: left;
	padding: 1px 0;
	width: 620px;
	height: 260px;
	border-bottom: 4px solid #0075e7;
	margin: 0;
	margin-bottom: 20px;
}

#showcase * {
	margin: 0;
	padding: 0;
}

#showcase img {
	display: block;
}

#promo {
	margin-left: 630px;
	color: #d8dcdf;
	padding: 1px 0;
}

#promo .block {
	background: url(../img/promo_bg.jpg) no-repeat;
	padding: 15px 20px;
	height: 200px;
	margin: 0;
	overflow: auto;
}

#promo.programs div.branches {
	display: none;
}
#promo.branches div.programs {
	display: none;
}

#promo .block a {
	text-decoration: none;
	color: #fff;
}
#promo .block a:hover {
	text-decoration: underline;
}

#promo .heading {
	background: none;
	padding: 0;
	font-size: 14px;
	margin-bottom: 5px;
}

#feature .heading a {
	color: #ffdeb4;
}

#promo .block ul {
	list-style: url(../img/bullet_tri_orange.gif);
	line-height: 20px;
	margin-bottom: 10px;
	padding-left: 5px;
}

#promo .tabs li {
	float: left;	
}

#promo .tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 35px;
}

#promo .tabs {
	background-image: url(../img/promo_tabs_bg.gif);
	background-repeat: no-repeat;
}
#promo.programs .tabs {
	background-position: 0 0;
}
#promo.branches .tabs {
	background-position: 0 -70px;
}
#promo.programs .hover {
	background-position: 0 -35px;
}
#promo.branches .hover {
	background-position: 0 -105px;
}

#promo .tabs a {
	position: relative;
	display: block;
	text-align: left;
	text-indent: -1000em;
	padding: 7px 0;
}

#promo .tabs .programs a {
	width: 190px;
	margin-right: 20px;
}

#promo .tabs .branches a {
	width: 120px;
}

#promo p.more a {
	color: #ffdeb4;
}



/* Context
-------------------------------------------------------------- */
.promo {
	float: right;
	clear: right;
	width: 240px;
}

.column .heading {
	font-size: 16px;
	margin-bottom: 10px;
}

.promo .block {
	margin-bottom: 20px;
}

.list {
	width: 340px;
	margin: 0;
	padding: 0;
}

.item {
	clear: none;
	margin: 0;
}

.item  p {
	margin: 0;
}

.list .more {
	border-top: 1px solid #d8dcdf;
	padding: 5px 0;
	margin-bottom: 10px;
}

.cover {
	border: none;
	padding-top: 0;
}

.cover .picture {
	float: none;
	border: none;
}

.item .title {
	margin: 0;
	font-size: 13px;
	margin-bottom: 5px;
}

.title a {
	color: #b46400;
	text-decoration: none;
}

.title a:hover {
	text-decoration: underline;
}

.extra {
	background: none;
	border: none;
}

.promo {
	background: none;
	padding: 0;
	margin: 0;
}

.promo .heading {
	background: none;
	padding: 0;
	margin-bottom: 10px;
}

.block {
	margin: 0;
	padding: 0;
}

.form {
	background: none;
}