/* 3 Color Notation System

Dark Color
Color 1 = #000000

Medium Color
Color 2 = #949494

Light Color
Color 3 = #ffffff

*/

/************* Main Settings ****************/

html { 
	height: 100%;
	margin:0 auto;
	width:100%;
}

#main {
	margin:0 auto;
	width: 100%;
	vertical-align: middle;
	overflow:hidden;
}
#main2 {
	margin:0 auto;
	width: 100%;
	vertical-align: middle;
	overflow:hidden;

}

/************* Layout Styles ****************/

.banner {
	margin:0 auto;
	width: 518;
	height:49px;
	vertical-align: middle;
	overflow:hidden;
}


/************* Content Containers ****************/

#layoutContainer{
	width:1031px;
}
.layoutContainer{
	width:640px;
}
.layoutContainer2{
	margin-top:27px;
	width:640px;
	background-image: url(../images/bg-middle.png);
	background-repeat:repeat-y;
}
.layoutContainer3{
	width:640px;
}
.one {
	padding:20px;

}
.two {


}
.three {


}
.four {
	padding:20px;

}

/************* Footer ****************/

.footer {
	width:100%;
	margin:0 auto;
	clear:both;
	color: #FFFFFF;
	float:none;
	vertical-align: middle;
	text-align:center;
}
.footer a {
	text-decoration: none;
	vertical-align:middle;
	color:#949494;
}

/************* Font Settings ****************/

@font-face
{
    font-family: 'CalistoMTRegular';
	src: url('../fonts/calist-webfont.eot');
	src: local('☺'), url('../fonts/calist-webfont.eot?iefix') format('eot'), url('../fonts/calist-webfont.woff') format('woff'), url('../fonts/calist-webfont.ttf') format('truetype'), url('../fonts/calist-webfont.svg#webfontIg9UTQzW') format('svg');
	font-weight: normal;
	font-style: normal;
}

font.normal {
	font-size: 12px; 
	color: #949494; 
}
font.small { 
	font-size: 12px; 
	color: #eaccb2; 
}
font.smallLink { 
	font-size: 12px; 
	color: #eaccb2; 
}
font.pageText {
	font-size: 10pt; 
	color: #949494; 
}
font.pageColor {
	font-size: 10pt;
	font-weight:bolder;
	color: #949494; 
}
font.normal-color {
	font-size: 14px;
	color: #949494;
	font-weight: bold;	
}
font.large-bold { 
	font-size: 14px; 
	color: #949494; 
	font-weight: bold; 
}
font.login { 
	font-size: 10pt; 
	color: #949494; 
}
font.subText { 
	font-size: 9pt; 
	color: #949494; 
}
font.next {
	font-weight: bold;
	color: #FFF;
}
a { 
	outline: none;
}
a, a:link, a:visited {
	color:#52413e;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
p { 
	margin: 0px;
  	padding: 0px 0px 0px 0px;
	line-height: 1.3em;
}
i {
	font-size: 12pt;
	color: #949494;
}
b {
	font-size: 14pt;
	font-weight: bolder;
	color: #949494;
}
h1
{ 	color: #949494;
 	letter-spacing: .1em;
  	font-weight: bold;
  	text-transform: uppercase;
  	padding: 0px 0px 0px 0px; 
  	margin: 0px 0px 0px 0px; 
	font-size:12px;
}

h2
{ 	color: #949494;
  	letter-spacing: .1em;
  	padding: 0px 0px 0px 0px; 
  	margin: 0px 0px 0px 0px; 
	font-size:10px;
	line-height: 2.2em;
}
li.normal { 
	font-size: 12px; 
	color: #949494; 
}



/**************** Module Classes ****************/

.audioDetail {
	background-color:#000000;
	padding:5px;
	width:350px;

}
.audioNoDetail {
	padding:5px;
	width:350px;
}
.blog {

}
.comments {

}
.commentScroll {

}
.documentTop {

}
.documentContainer {

}
.documentWindow {
	width:100%;
	height:500px;

}

.newscontainer {

}
.newsScroll {

}
.pageTextContainer {

}
.productStats {

}
.productContainer {
	border:1px solid #949494;
	width:98%;
}
.formContainer {
	background-color:#151515;
	width:400px;	
	padding:5px;
}
.formTitle {
	width:30%;
	text-align:left;	
}
.formField-container {
	width:70%;
	text-align:center;
}
.formField {
	width:98%;
}
.formSubmit {

}
.formError {

}
.regContainer {
	width:400px;
	background-color:#151515;
	padding:5px;
}
.regTitle {
	width:25%;
	text-align:left;	
}
.regField-container {
	width:75%;
	text-align:center;
}
.regField {
	width:98%;
}
.regSubmit {
	
}
.regError {

}
.loginContainer {
	width:400px;
	background-color:#151515;
	padding:5px;
}
.loginTitle {
	width:25%;
	text-align:left;	
}
.loginField-container {
	width:75%;
	text-align:center;
}
.loginField {
	width:98%;
}
.loginSubmit {

}
.loginError {

}
.emailContainer {
	width:400px;
	background-color:#151515;
	padding:5px;
}
.emailTitle {
	width:30%;
	text-align:left;	
}
.emailField-container {
	width:70%;
	text-align:center;
}
.emailField {
	width:98%;
}
.emailSubmit {

}
.emailError {

}
.videoContainer {
	width:350px;
	background-color:#000000;
}
.videoListContainer {
	border:1px solid #ffffff;
	width:350px;
	background-color:#000000;
}


/**************** Re-Usable Styles ****************/

#slideshow 
{ 
	float: none; 
	margin: 15px; 
	background-color: transparent; 
}
.topLayer{
 	z-index: 2;
}
#nav_box
{ 
	width: 95%;
	height: 15px;
	background:#ffffff;
	overflow: visible; 
	float: none; 
	border: 0px 0px 0px 0px solid;
	padding: 0px 0px 0px 0px;
	outline: solid 0px black; 
}

#nav_box_float
{ 
	width:95%;
	background:#ffffff;
	overflow: visible; 
	float: none; 
	border: 0px 0px 0px 0px solid;
	padding: 0px 0px 0px 0px;
	outline: solid 0px black; 
}

/**************** Pagination ****************/

div.pagination {
	font-family: Calibri, Arial;
	font-size: 11px;
	padding: 3px;
	margin: 3px;
	height:20px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #fff;
	text-decoration: none; /* no underline */
	color: #ffffff;
	display: inline-block;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #c7c7c7;
	color: #c7c7c7;
	display: inline-block;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #ffffff;
	font-weight: bold;
	background-color: #b1b1b1;
	color: #000000;
	display: inline-block;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #2d2d2d;
	color: #2d2d2d;
	display: inline-block;
}

/**************** Slideshow Container ****************/

.homeslide {
	width:640px;
	background-color:#000000;
	padding:10px;
}