/* style.css
   Primary stylesheet for BeP design's website
   by Greg Poole
 */

body, td, input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
}

body {
	margin:0px;
	padding:0px;
}

a {
	text-decoration:none;
	color:#00b1eb;
}

a:hover {
	text-decoration:underline;
}

.body {
	border:2px solid #808080;
}

.date {
	background:url(images/date_background.jpg);
	background-repeat:x-repeat;
	vertical-align:middle;
	text-align:center;
	color:#ffffff;
}

.banner {
	background-color:#01b1ec;
}

.menu {
	background-color:#e3e3e3;
}

.menu img {
	border:0px;
}

.category_item {
	font-size:7pt;
}

.category_item a {
	color:#6d6d6d;
}

.category_item img {
	border:1px solid #00b1eb;
}

.menu .footer {
	background:url(images/menu_bottom.jpg);
	vertical-align:top;
	background-position:top right;
	background-repeat:no-repeat;
}

.main_body {
	background:url(images/body_uppercorner.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#ffffff;
	padding:20px;
	padding-bottom:0px;
	padding-right:0px;
}

.description {
	padding:20px;
	padding-top:0px;
	vertical-align:top;
	line-height:15pt;
	color:#6d6d6d;
}

h1 {
	color:#00b1eb;
	font-weight:bold;
	line-height:10pt;
	padding:0px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:10pt;
}

.description #container {
	overflow:hidden;
	height:250;
}

.body_right {
	background:url(images/body_right_background.jpg);
	vertical-align:top;
}

.divider {
	background:url(images/divider_background.jpg);
	background-repeat:x-repeat;
}

.divider .d_right {
	background:url(images/divider_background_alt.jpg);
	background-repeat:x-repeat;
}

.footer .left {
	padding-left:20px;
	padding-top:5px;
	padding-right:20px;
	padding-bottom:10px;
	text-align:left;
	vertical-align:middle;
	background-color:#ffffff;
}

.footer .right {
	background-color:#bbbbbb;
	padding-top:5px;
	padding-left:5px;
}

.footer .right input,.footer .right img {
	margin-top:5px;
	margin-bottom:5px;
}

.mailing_list {
	border:1px solid #ffffff;
	font-size:8pt;
	padding:5px;
	background-color:#bbbbbb;
	color:#ffffff;
	height:25px;
}

.address {
	padding-left:20px;
	color:#6d6d6d;
}

.scroll img {
	border:0px;
}

.scroll .middle {
	background-color:#f6f6f6;
	vertical-align:middle;
	text-align:center;
	padding:2px;
}

.feature {

}

.feature .main {
	border-right:1px solid #a0a0a0;
	border-left:1px solid #a0a0a0;
	border-top:1px solid #a0a0a0;
}

.feature .bottom_left {
	border-left:1px solid #a0a0a0;
	border-bottom:1px solid #a0a0a0;
}

.feature .main div {
	color:#6d6d6d;
	padding:6px;
}

.feature .main div .thumbnail {
	text-align:center;
}

.feature .main div .thumbnail img {
	border:1px solid #00b1eb;
}

.quote {
	font-style:italic;
	color:#808080;
	line-height:14pt;
}

.quote_author {
	font-style:italic;
	color:#00b1eb;
}

.feature_title {
	color:#ffffff;
	font-size:10pt;
	font-weight:bold;
	padding-left:10px;
	line-height:12px;
	padding-top:4px;
}

#detail {
	padding:5px;
	border:1px solid #989898;
	font-size:8pt;
	visibility:hidden;
	position:absolute;
	z-index:5;
	text-align:left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/detail_bg.png');
	top:-1000;
	left:-1000;
	width:235px;
}

#detail[id] {
	background-image:url(images/detail_bg.png);
}

#detail #client {
	text-transform:uppercase;
	color:#00b1eb;
	display:block;
	font-weight:bold;
}

#detail #description {
	color:#808080;
	display:block;
}

#detail #image {
	display:block;
	margin-top:10px;
}

#article {
	color:#6d6d6d;
	margin-top:10px;
	margin-left:25px;
	margin-right:10px;
}

#article h1 {
	color:#01b1ec;
	font-size:10pt;
}

.intro-text {
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	color:#888888;
}

.showmyborders,.showmyborders td {
	border:1px solid #ff0000;
}