html {

height: 100%;

}

body {  
	margin: 0px;
	background: url(../images/bg_grad.png) repeat-y;
	background-color: #020000; 
	color: #FFF;
	font-family:  "Myriad Pro","Arial"; 
	font-size: 12px; 
	line-height: 14pt; 
	height: 100%;

}

div.clearer, span.clearer {

	clear: both; 
	line-height: 0px; 
	height: 0px;
	font: normal 0px "Helvetica", "Arial"; 
	margin: 0px;
	padding: 0px;
	border: 0px solid black;

} 

A IMG { border: none; }

a {

	outline: none;

}

a:link {  font-weight: bold; text-decoration: underline; color: black;}
a:visited {  text-decoration: none; font-weight: bold; color: black;}
a:hover {  text-decoration: underline; font-weight: bold; color: black;}

#accordion a:link {  font-weight: bold; text-decoration: underline; color: #FFF;}
#accordion a:visited {  text-decoration: none; font-weight: bold; color: #FFF;}
#accordion a:hover {  text-decoration: underline; font-weight: bold; color: #FFF;}

/*/////*/

#main-menu {
	margin-left: 90px;	
	margin-top: 6px; 
	height: 24px; 
	text-transform: uppercase;
	font-family: "Arial";

}

#main-menu ul { 

	padding: 0px;
	margin: 0px;

}
		
 #main-menu li { 

	line-height: 12px; /* fixes "stair-step" effect in IE */ 
	display: block;
	float: left;
	padding-left: 0;
	height: 24px; 
	text-align: center;
	background-position: 0 0;

} 

*html #main-menu li { height: 12px; }

 #main-menu li a { 

	display: block; 
	outline: none; 
	width: 100%; 
	height: 18px;
	padding-top: 6px;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;

}

 #main-menu li.active, #main-menu li A.active { 
	background-color: #282210;
	color: #e55d22;

}
			
 #main-menu li:hover, #main-menu li A:hover { 
	background-color: #282210;
	color: #e55d22;

}

#about { width: 65px; }

#footage { width: 80px; }

#stills { width: 70px; }

#collection { width: 70px; }

#samples { width: 80px; }

#services { width: 85px; }

#pricing { width: 80px; }

#news { width: 65px; }

#contact { width: 75px; }

/*//////*/

#texture {

	width: 100%; 
	min-height: 100%; 

}

#hoof {

	width: 100%; 
	min-height: 100%; 
	background: url(../images/hoofmark.png) no-repeat; 
	background-position: 700px 550px;

}

*html #hoof { background: none; }

#maxTile {

	height: 129px; 
	background: url(../images/max_tile.gif) repeat-x;

}

#header {

	width: 959px; 
	height: 129px; 
	background: url(../images/header.gif) no-repeat;

}

#headerClick {

	height: 99px;
	text-indent: -9999px;

}

#headerClick A {

width: 100%;
height: 100%;
display: block;
outline: none;

}

/*//////*/

.bodyContainer {

	display: table; 
	height: 100%; 
	width: 100%;  
	#position: relative; 
	overflow: hidden;

}

.bodyNested {

	#position: absolute; 
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;

}

/*//////////*/

#contentContainer {

	width: 960px; 
	min-height: 700px; 
	padding: 5px 0px;
	margin-top: 10px;
	border: 0px solid red;

}

*html .sixfix { width: 90%; }

.contentColumn {

	margin-left: 20px; 
	width: 690px; 
	float: left;  
	min-height: 500px;

}

.contentColumnDetail {

	margin-left: 20px; 
	width: 590px; 
	float: left;  
	min-height: 500px;
	padding: 20px;

}

.quicktimeContainer {

	width: 585px; 
	/*min-height: 345px; */
	background-color: #000;
	text-align: center;
	padding: 15px 0px;
	margin-bottom: 8px;

}

.keyframeContainer {

	/*background-color: #FFF; */
	padding-left: 8px; 
	padding-top: 8px; 
	padding-bottom: 2px;

}

.keyframe {

	width: 110px; 
	height: 85px; 
	background-color: #000; 
	float: left; 
	margin: 0px 6px 6px 0px;

}

.sidebarColumn {

	margin-left: 15px; 
	float: left; 
	width: 225px; 
	min-height: 565px;
	background: url(../images/sixty.png);

}

*html .sidebarColumn { background: none; background-color: #000; }

.sidebarColumnDetail {

	float: left; 
	width: 293px; 
	min-height: 500px;

}

*html .sidebarColumn { width: 212px; }

*html .sidebarColumnDetail { width: 270px; }

.sidebarInner {

padding: 15px;
color: #787d55;

}

.fullContentColumn {

	margin-left: 20px; 
	padding: 20px;
	min-height: 300px;
	background: url(../images/sixty.png);

}

.tiledContentColumn {

	margin-left: 20px; 
	margin-right: 155px;
	padding: 20px;
	min-height: 100px;

}

/*//////////*/

.resultTile {

	width: 190px; 
	height: 280px; 
	float: left;
	cursor: pointer;

}

.ender { width: 170px; }

.resultImage {

	width: 170px; 
	height: 96px; 
	/*background: url(../small_keyframes/BullDog-7195_AA_SMALL.jpg) no-repeat; */
	background-position: center center;
	background-color: #000;
	margin-bottom: 17px;
	cursor: pointer;

}

.resultTileText {

	border-top: 1px dotted #6e441e; 
	padding-top: 10px;

}

.resultTileInner {

	width: 165px; 
	font-size: 10px; 
	line-height: 12px; 
	color: #EEE;

}

#accordion {

margin-left: 35px;
color: #CDCDCD;

}

#accordion H3.toggler {

font-family: Arial;
font-size: 12px;
color: #CDCDCD;
display: block;
margin-bottom: 0px;
padding-bottom: 3px;
border-bottom: 1px dotted #865929;
cursor: pointer;


}

#accordion H3 A {

	font-family: Arial;
	font-size: 12px;
	color: #CDCDCD;
	display: block;
	margin-bottom: 0px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #865929;
	cursor: pointer;

}

#details LABEL {

float: left;
width: 130px;

}

.sampleBreak {

	border-top: 1px dotted #865929; 
	height: 10px;

}

.sampleTile {

	width: 340px; 
	height: 240px; 
	float: left; 
	margin-right: 10px; 
	font-size: 10px; 
	font-family: "Arial"; 
	line-height: 13px;


}

.sampleEnder { margin-right: 0px; }

.sample {

	height: 192px; 
	background-color: #000; 
	margin-bottom: 8px;
	text-indent: -9999px;

}

.sample A{

	width: 100%;
	height: 100%;
	display: block;
	outline: none;

}

#quickSearchInput {

	width: 97%; 
	padding: 3px; 
	background-color: #CCC; 
	border: 1px solid #CCC; 
	margin-top: 5px;

}

#qsOptionContainer {

	width: 50%; 
	float: left; 
	margin-top: 10px;

}

#qsSubmitContainer {

	width: 50%; 
	float: left; 
	text-align: right; 
	margin-top: 10px;

}

#quicksearchSubmit {

	width: 70px; 
	color: #FFF; 
	text-align: center; 
	background-color: #706F1E; 
	border: 1px solid #706F1E; 
	font-family: "Georgia"; 
	font-weight: bold; 
	margin-left: auto;
	padding: 2px;

}

#asOptionContainer {

	width: 120px; 
	float: left; 
	margin-top: 10px;

}

.clarendonCopySmallz, .clarendonCopySmallWhitez { 


font-family: Arial; 
font-size: 13px; 
color: #efedd8; 
line-height: 18px;
margin-top: 6px;
margin-bottom: 0px; 
display: block;

}

.clarendonCopySmallz A, .clarendonCopySmallWhitez A { 

color: #e55d22;
}

.pagination{ padding: 0px; }

#paginate { padding: 0px; }

.pagination A { color: #FFF; }
.pagination A:hover { color: #FFF; text-decoration: none; }

.pagination A.persist { color: #e55d22; text-decoration: none; }

.blog_body { padding: 10px 10px 10px 35px; background: url(../images/sixty.png); }

.blog_body A { color: #865929; }



.fieldContainerFull {

	border-bottom: 1px solid white;
	margin-bottom: 5px;
	padding-bottom: 5px;

}

.fieldContainerFull LABEL { font-size: 10px; font-weight: bold; text-transform: uppercase; }
.fieldContainerLabel { font-size: 10px; font-weight: bold; text-transform: uppercase; }

.fieldContainerFull SELECT {

	width: 99%;
	padding: 2px;
	font-weight: bold;

}

#calculatorResult { font-weight: bold; font-size: 17px; text-align: left; color: #e55d22;}