@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: Prophecy_Script;
	src: url('Prophecy_Script.ttf');
}

@font-face {
	font-family: Prophecy_Script;
	font-weight: bold;
	src: url('Prophecy_Script.ttf');
}

body,hmtl
{
	background-color:#373134;
	font-family:"Times New Roman", Times, serif;
	font-size:12pt;
	margin:0px;padding:0px;
	

}

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
margin:0px;padding:0px;
/*overflow:hidden;*/
}

h1{
font-size:16px;
font-weight:bold;
letter-spacing:-0.8px;
line-height:20px;
text-transform:uppercase;
padding-bottom:12px;
}

h4{
font-size:16px;
font-weight:bold;
letter-spacing:-0.8px;
line-height:20px;
text-transform:uppercase;
padding-bottom:12px;
}

#framecontentTop, #framecontentBottom{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
/*height: 110px; /*Height of top frame div*/
/*overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/

color: black;

}
#framecontentTop{
background:white;
z-index:999;
height:160px;
}

#framecontentBottom{
top: auto;
bottom: 0; 
height: 40px; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background:white;
color: white;
z-index:998;
text-transform:uppercase;
}

#maincontent{
position: fixed; 
margin:0;
padding:0;
top: 160px; /*Set top value to HeightOfTopFrameDiv*/
left: 0;
right: 0;
bottom: 40px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: hidden; 
background:#006780;
background:white !important;
z-index:-999;/*ie6fix-21/11*/

}

#stretch {
/*background:#ccc url(../images/shoe-gradient.png) repeat-y;*/

/*background-position:50% 0;*/
padding:20px 35px 20px 35px;
height:100%;
position:relative;
}

.ie7fix {
width:100%;
height:100%;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each DIV (to provide padding)*/
background-color: #333333;
z-index:1;/*ie6fix-21/11*/
}

#innertubetop{
margin: 0px; /*Margins for inner DIV inside each DIV (to provide padding)*/
height:100%;
/*width:800px;*/
position:relative;
z-index:9999;
padding:0;
font-weight:bold;
letter-spacing:-0.8px;
text-transform:uppercase;
}

#innertubetop img {
padding:15px 0 0 35px;
}

#innertubetop ul {
padding:10px 0 0 35px;
}

#tr {
position:absolute;
right:35px;
top:15px;
}

.innertubebtm{
margin:0 auto;
height:40px;
}

.innertubebtm ul{
margin:10px 0 0 35px;
}
.innertubebtm ul li {
display:inline;
list-style-type: none;
padding-right: 10px;
font-size:12px;
color:black;
}

.innertubebtm ul li a:link, .innertubebtm ul li a:active, .innertubebtm ul li a:visited {
color:black;
padding-right: 10px;
}

* html body{ /*IE6 hack*/
padding: 470px 0 -100px 0; /*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/ /*130px 0 -100 0*/

}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}











#flashcontent {
	height: 100%;
	/*visibility:hidden;*/
	position:relative;
}





strong {
font-weight:bold;
}



.textleft {
position:absolute;
width:250px;
min-height:250px;
z-index:99;
top:20px;
left:35px;
}

.atextleft {
float:right;
margin-right:18px;
min-height:250px;
width:250px;
}

.midtext {
position:absolute;
min-height:250px;
z-index:99;
top:20px;
left:35px;
margin-left:265px;/*285*/
margin-right:460px;/*485*/
}

.textleft p {
padding:3px 0 3px 0;
}

* html .textleft {
top:200px;
}

.white {
background:white;
padding:5px;
font-size:16px;
text-transform:none;
}

.twhite {
background:white;
padding:5px;
font-size:12px;/*10*/
text-transform:uppercase;
}

.twhite p {
	font-family: Prophecy_Script, sans-serif; 
	font-size:20px;
}

.toppng {
height:14px;
background-image:url(http://www.cleob.com/images/middle.png);
position:relative;
}

.fl {
float:left;
}

.rt {
float:right;
}

.textmiddle{
float:left;
width:450px;
background:white;
min-height:250px;
padding:5px;
}

#carousel {margin:0 auto;padding-top:140px;}
#carousel ul li{margin:0 10px;display:inline;}
#carousel img{padding-left:2px;}

.jCarouselLite {
/*overflow: hidden; 
visibility: visible; 
position: relative; 
z-index: 2; 
left: 0px; 
margin:0 auto;*/
position:absolute!important;
left:50%!important;
top:50%!important;
margin-left:-555px!important;
margin-top:-190px!important;
overflow:hidden;
visibility:visible;
width:1110px;
z-index:2;
}

.grey {
position:relative;
width:100%;
height:100%;
background:none;
}

.jCarouselLite ul li {
width:370px;
height:350px;
position:relative;
}

.jCarouselLite ul li img {
position:absolute;
bottom:0;
}

.next {
background:transparent url(http://www.cleob.com/images/next.png) no-repeat scroll 0 0;
cursor:pointer;
height:61px;
right:35px;
position:absolute;
bottom:65px;
width:41px;
z-index:3;
}

.prev {
background:transparent url(http://www.cleob.com/images/prev.png) no-repeat scroll 0 0;
cursor:pointer;
height:61px;
left:35px;
position:absolute;
bottom:65px;
width:41px;
z-index:3;
}

.jCarouselLite ul {
margin: 0pt; padding: 0pt; position: relative; list-style-type: none; z-index: 1; width: 2890px; left: -850px;
}

.jCarouselLite ul li {
overflow: hidden; 
float: left; 
width: 370px; 
height: 350px;
}

a:link, a:active, a:visited {
color: #000;
text-decoration:none;
}
a:hover {
color:#000;
text-decoration:none;
}

.post {
/*padding:12px 0;
border-top:2px solid #333333;*/
border:2px solid #333333;
margin-bottom:12px;
padding:12px;
} 

.date {
font-style:italic;
padding:0 0 6px 0; 
text-transform: capitalize;
}

.blog {
float:left;
margin-bottom:35px;
min-height:250px;
width:800px;
}

.entry p{
padding:6px 0;
}
.entry img {
max-width:590px;
max-width:566px;
}
.title {
font-size:16px;
font-weight:bold;
letter-spacing:-0.8px;
line-height:20px;
padding-bottom:12px;
}

.leftspace {
margin-bottom:4px;
}

.wpsb_form_txt {
width:350px;
}

.aligncenter {
width:auto!important;
text-align:center;
}