/***************************************************************
Style Sheet for eSpeakers.com

Copyright 2007 by eSpeakers.com, All Rights Reserved
***************************************************************/



#content {
	background:url('/images-layout/home-content-bg.gif') bottom left repeat-y;
}

#columnWrapper {
	padding:0 0 4px 0;
	width:960px;
	background:url('/images-layout/home-column-wrapper-bg.gif') bottom left no-repeat;
}

.column1 {
	display:inline;
	float:left;
	margin-right:10px;
	width:230px;
}

.column2 {
	display:inline;
	float:left;
	margin-right:10px;
	width:230px;
}

.column3 {
	display:inline;
	float:left;
	margin-right:10px;
	width:230px;
}

.column4 {
	display:inline;
	clear:right; /* ie6 fix */
	float:left;
	width:240px;
}




.columnStyle1, .columnStyle2, .columnStyle3, .columnStyle4 {
	position:relative;
	margin:0;
	border:0;
}


.columnStyle1 .columnTopLeft, .columnStyle2 .columnTopLeft, .columnStyle3 .columnTopLeft {
	position:relative;
	display:block;
	margin:0;
	height:25px;
}

.columnStyle1 .columnTopLeft {
	background:url('/images-layout/green-column-top-left.gif') top left no-repeat;
}
.columnStyle2 .columnTopLeft {
	background:url('/images-layout/blue-column-top-left.gif') top left no-repeat;
}
.columnStyle3 .columnTopLeft {
	background:url('/images-layout/orange-column-top-left.gif') top left no-repeat;
}
.columnStyle4 .columnTopLeft {
	height:6px;
	background:url('/images-layout/gray-column-top.gif') top left no-repeat;
}

.columnTopRight {
	height:25px;
}

.columnStyle1 .columnTopRight {
	background:url('/images-layout/green-column-top-right.gif') top right no-repeat;
}
.columnStyle2 .columnTopRight {
	background:url('/images-layout/blue-column-top-right.gif') top right no-repeat;
}
.columnStyle3 .columnTopRight {
	background:url('/images-layout/orange-column-top-right.gif') top right no-repeat;
}
.columnStyle4 .columnTopRight {
	height:6px;
}




.columnStyle1 .columnTopRight, .columnStyle2 .columnTopRight, .columnStyle3 .columnTopRight, .columnStyle4 .columnTopRight {
	position:relative;
	height:25px;
}
.columnStyle4 .columnTopRight {

	font-size:0;
}


.columnStyle1 .center, .columnStyle2 .center, .columnStyle3 .center, .columnStyle4 .center {
	margin:0;
	padding:8px;
	font-size:90%;
	color:#6d6d6d;
	
	/* IE7 follows at least one standard; but unless we set this, the main nav slides right underneath the footer. */
	min-height:250px;
	
	/* IE6 Mumbo-jumbo */
	height:auto !important;
	height:250px;
}
.columnStyle1 .center {
	background:none;
}
.columnStyle2 .center {
	background:none;
}
.columnStyle3 .center {
	background:none;
}
.columnStyle4 .center {
	padding:0 0 0 1px;
}



.columnStyle1 .columnBottomLeft, .columnStyle2 .columnBottomLeft , .columnStyle3 .columnBottomLeft, .columnStyle4 .columnBottomLeft {
	display:none;
}


.columnStyle1 h1, .columnStyle2 h1, .columnStyle3 h1 {
	position:absolute;
	top:4px;
	left:0;
	float:left;
	padding:0 0 0 5px;
	margin:0;
	
	/*font-size:78%;*/
	font-size:90%;
	font-style:italic;
	text-transform:uppercase;
	color:#fff;
	
	border:0;
}
.columnStyle1 h1 a:link, .columnStyle2 h1 a:link, .columnStyle3 h1 a:link,
.columnStyle1 h1 a:visited, .columnStyle2 h1 a:visited, .columnStyle3 h1 a:visited {
	text-decoration:none;
	color:#fff;
}

h2 {
	font-size:100%;
	font-style:italic;
	margin:15px 0;
	color:#000;
}

p {
	margin-bottom:15px;
}

.columnStyle4 p {
	padding-top:10px;
	padding-left:10px;
	font-size:120%;
	font-weight:bold;
}

.columnStyle1 .center a:link, .columnStyle1 .center a:visited,
.columnStyle2 .center a:link, .columnStyle2 .center a:visited,
.columnStyle3 .center a:link, .columnStyle3 .center a:visited {
	position:absolute;
	bottom:0;
	right:5px;
	padding:0;
	font-weight:bold;
	text-decoration:none;
}

.columnStyle1 .center a:link, .columnStyle1 .center a:visited {
	color:#82bd40;	
}
.columnStyle2 .center a:link, .columnStyle2 .center a:visited {
	color:#3d61ad;
}
.columnStyle3 .center a:link, .columnStyle3 .center a:visited {
	color:#ffa810;
}

.columnStyle1 .center a:hover, .columnStyle1 .center a:active,
.columnStyle2 .center a:hover, .columnStyle2 .center a:active,
.columnStyle3 .center a:hover, .columnStyle3 .center a:active {
	text-decoration:underline;
}

.columnStyle1 .columnBottomLeft, .columnStyle2 .columnBottomLeft, .columnStyle3 .columnBottomLeft {
	display:none;
}

.blobBanner {
	height:400px;
	margin:0;
	padding:0 0 0 0;
	background:#fff;
}
.blobBanner h2 {
	text-align: center;
	top:20px;
	left:10px;
	width:255px;
	font-size:400%;
}

.mejs-container .mejs-controls{
	visibility:hidden;
}

.blobBanner #vidContainer {
	top:-2px;
	right:0px;
	width:640px;
	position: absolute;
}

.blobBanner #vidBlock {
	display:block;
	border: 2px #666 solid;
	padding:0;
	margin-top:20px;
	height:356px;
	position: relative;
	 -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	border-right: none;
}

.blobBanner #vidBlock h2 {
	margin-left: 20px;
	padding-top:20px;
}

.blobBanner img {
	float:left;
	padding:0;
}

ul.news {
	display:block;
	margin:0;
	margin-left:5px;
	padding-left:0;
	list-style:none;
	height:300px;
	overflow: auto;
}

ul.news li p:first-child {
	background-color: #666;
	color:white;
	font-weight:bold;
	width:95%;
	padding:7px 3px 1px 3px;
	margin:0;
}


ul.news .newsbody {
	font-weight:normal;
	font-size:1em;
	margin:0;
	padding:2px 5px 5px 10px;
}

.blobProduct {
	position:absolute;
	top:1px;
	right:0;
	padding-left:100px;
	width:300px;

}
.blobProduct img{

	float:right;
	margin:12px 5px 5px 8px;
}
.blobProduct p {
	margin-top:17px;
	text-align:right;
	font-size:76%;
	font-weight:bold;
	color:#666;
}

.headerMore {
font-size:75%;
margin-left:10px;
text-decoration:underline;
}