@import url(milkbox/css/milkbox/milkbox.css);

* 	{margin:0 auto;}

body {
background: #000000 url(http://www.realbark.com/images/back2.jpg) top left repeat-x;
}

A:link {color:#FFFFFF;}
A:visited {color:#FFFFCC;}
A:hover {color:#33CC33;}

#Main_Container {
background-color:#735c3d;
-moz-border-radius: 15px;
border-radius: 15px;
width:955px;
}

.header { 
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
height:90px;
background-color:#0e210b;
-moz-border-radius-topright: 15px;
border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
border-top-left-radius: 15px;
}

#logo {
width:20%;
float:left;
padding-left:5px;
padding-top:5px;
}

#message {
width:60%;
float:left;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:10px;
margin-left:auto;
margin-right:auto:
}

#info {
width:17%;
float:right;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-right:5px;
padding-top:5px;
margin:5px;
}

.BlackLink a:link { color:#000000; font-family:Arial, Helvetica, sans-serif; }
.BlackLink a:visited { color:#735c3d; }
.BlackLink a:hover { color:#413e23; }

#MainMenu {
float:left;
width:15%;
color:#CCCCCC;
margin-left:10px;
margin-top:10px;
}

.Menu_Item {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

.Menu_SubItem {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:15px;
height:1.2em;
}

.Deer {
margin-top:248px;
}

#ContentContainer {
clear:both;
width:99%;
}

#Content {
float:left;
width:60%;
text-align:center;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
}

#Content_Wide {
float:left;
width:785px;
text-align:center;
border:medium double #0e210b;
}

.ProdImg {
float:left;
width:40%;
margin:10px;
padding:15px;
background-color:#0e210b;
-moz-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}

#Testimonials {
float:right;
width:20%;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}

#Footer {
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-align:center;
height:42px;
background-color:#444e1f;
padding:5px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-left-radius: 15px;
}

#Option_Pop_Detail {
z-index:100;
width:600px;
background-image:url(images/lt_blk_trans.png);
text-align:center;
position:absolute;
top:1500px;
left:50%;
margin-left:-200px;
}

.Feature_Header {
width:100%;
text-align:center;
padding-bottom:5px;
padding-top:5px;
background-color:#413e23;
}

.FeatureBox_Light {
width:25%;
text-align:center;
background-color:#ebd5b6;
min-height:245px;
float:left;
}

.FeatureBox_Dark {
width:25%;
text-align:center;
background-color:#c6a67b;
min-height:245px;
float:left;
}

.FeatureBox_Light_Tower {
width:25%;
text-align:center;
background-color:#ebd5b6;
min-height:185px;
float:left;
}

.FeatureBox_Dark_Tower {
width:25%;
text-align:center;
background-color:#c6a67b;
min-height:185px;
float:left;
}

.FeatureBox_Light_GBX_Option {
width:25%;
text-align:center;
background-color:#ebd5b6;
min-height:350px;
float:left;
}

.FeatureBox_Dark_GBX_Option {
width:25%;
text-align:center;
background-color:#c6a67b;
min-height:350px;
float:left;
}

.FeatureBox_Light_CB_Option {
width:33%;
text-align:center;
background-color:#ebd5b6;
min-height:300px;
float:left;
}

.FeatureBox_Dark_CB_Option {
width:33%;
text-align:center;
background-color:#c6a67b;
min-height:300px;
float:left;
}

.FeatureBox_Light_Tripod {
width:33%;
text-align:center;
background-color:#ebd5b6;
min-height:275px;
float:left;
}

.FeatureBox_Dark_Tripod {
width:33%;
text-align:center;
background-color:#c6a67b;
min-height:275px;
float:left;
}

.FeatureBox {
padding:5px;
}

.SpecBox {
clear:both;
background-color:#413e23;
width:100%;
text-align:left;
}

.SpecPad {
padding:2px;
}

.DataBox {
clear:both;
width:100%;
}

.DataCol1 {
width:580px;
float:left;
text-align:left;
color:#000000;
}

.DataCol2 {
width:80px;
float:left;
text-align:right;
background-color:#EAEAEA;
color:#000000;
}

.DataCol3 {
width:125px;
float:right;
text-align:center;
background-color:#EAEAEA;
color:#000000;
}

.DataCell_lttan {
background-color:#ebd5b6;
padding:2px;
}

.DataCell_dktan {
background-color:#c6a67b;
padding:2px;
}

.Clear {
clear:both;
width:100%;
}

.bk_bg {
	background-color:#000;
}

.FF-A {
font-family:Arial, Helvetica, sans-serif;
}

.FF-T {
font-family:"Times New Roman", Times, serif;
}

.FW-B {
font-weight:bold;
}

.FS-10 {
font-size:10px;
}

.FS-12 {
font-size:12px;
}

.FS-14 {
font-size:14px;
}

.FS-16 {
font-size:16px;
}

.FSt-I {
font-style:italic;
}

.FC-Wht {
color:#FFFFFF
}

.FC-Blk {
color:#000000
}

.FC-Lt {
color:#ebd5b6;
}

.FC-Drk {
color:#c6a67b;
}

#bigPic{
	width:700px;
	height:450px;
	padding:1px;
	background-color:#000;
	margin:auto;
}
#bigPic img{
	margin:auto;
	position:absolute;
	display:none;
}
ul#thumbs li.active{
	border:2px solid #000;	
	background:#fff;
	padding:2px;
}
ul#thumbs, ul#thumbs li{
	margin:0;
	padding:0;
	list-style:none;
}
	
ul#thumbs li{
	float:left;
	margin-right:2px;
	margin-bottom:2px;
	border:1px solid #CCC;	
	padding:3px;
	cursor:pointer;
}
ul#thumbs img{
	float:left;
	width:120px;
	height:90px;
	line-height:90px;
	overflow:hidden;
	position:relative;
	z-index:1;		
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -400px; /*position where enlarged image should offset horizontally */

}

/*End thumbnail CSS */

#imggal_cont{
width:100%; height:450px;
}
#imggal_pic{
float:left; width:120px; height:90px; padding:2px; border:2px solid #2D2D2D;
}


