/* 
CODER = Joshua Crispin
		Dallas, TX  & Minden, Nevada
		PH: 817.605.7015
		WEB: http://www.impinc.us

COLOR PALETTE SITEWIDE:

#880105 = Red Background/Borders.
#FFF2D2 = Very Light Tan: Used for Body Background Color.
#EFEFEF = Light Gray: Used for div#BigAd background.

IMAGE SIZES SITEWIDE:
(01) 100 x 76   (small)
(02) 150 x 126  (medium)
(03) 200 x 152  (large)
(04) 524 x 504  (BigAd Div)
(05) 486 x 137  (MedAd Div)
(06) 233 x 114  (SmallAd Div)
(07) 100 x 76   (SideProduct Images)
(08) 656 x 95   (HeaderImage Div)
(09) 134 x 504  (SideNAV Div)
(10) 235 x 54   (LOGO TopLeft)

*/

/* ------------ START FONT CLASSES -------------------*/
/*a{ color:#FFFFFF;}*/


a:link{color: #FFFFFF; text-decoration:none;} 

a:hover{color: #FFFFFF; text-decoration:underline;}

a:visited{color: #FFFFFF; text-decoration:none;}

.TopNAV{	
	font-color: #FFFFFF;	
	text-align:center; 
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
}
	
.NAV{
	color:#FFFFFF;	
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
}

.SideProductText{
	color: #FFFFFF;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
}

.NormalText{
	color: #000000; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif;
}

.REDtitle {
	color: #FF0000; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif;
}

.SUBtitle2 { 
	color: #000000; 
	font-size: 12px; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif;
}

/* ------------ START FINAL FONT CLASSES -------------------*/
.TitleBlk14pxCtrNone	
{	color: #000000;
	font-size: 14px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.TitleBlk14pxLEFTNone	
{	color: #000000;
	font-size: 14px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.TitleRed14pxCtrNone	
{	color: #990000;
	font-size: 14px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.TitleRed14pxLEFTNone	
{	color: #990000;
	font-size: 14px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.TitleBlk14pxCtrBold		
{	color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.TitleBlk14pxLEFTBold		
{	color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.TitleRed14pxCtrBold		
{	color: #990000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.TitleRed14pxLEFTBold		
{	color: #990000;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.TitleBlk14pxCtrBoldItc	
{	color: #000000;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.TitleBlk14pxLEFTBoldItc	
{	color: #000000;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.TitleRed14pxCtrBoldItc	
{
	color: #990000;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.TitleRed14pxLEFTBoldItc	
{
	color: #990000;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}


.mediumWhite12pxLeftNone	
{	color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.smallBlk10pxCtrNone	
{	color: #000000;
	font-size: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.smallRed10pxCtrNone	
{	color: #990000;
	font-size: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.smallBlk10pxLeftNone	
{	color: #000000;
	font-size: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.smallRed10pxLeftNone	
{	color: #990000;
	font-size: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.smallBlk10pxRightNone	
{	color: #000000;
	font-size: 10px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
}

.smallRed10pxRightNone	
{	color: #990000;
	font-size: 10px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
}

.SUBtitleBlk12pxCtr{
	color: #000000;
	font-size: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.SUBtitleRed12pxCtr{
	color: #990000;
	font-size: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.smallWhite10pxLeftNone	
{	color: #FFFFFF;
	font-size: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.smallWhite10pxCTRNone	
{	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}


.smallWhite10pxLeftBold
{	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.smallWhite10pxCTRBold	
{	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.Bold{font-weight: bold;}
.Italic{font-style: italic;}
.Underline{text-decoration:underline;}

/* ------ END FINAL FONT CLASSES ------ */

/* `````````````````````````````````````````````````````````` */
/* ```````````` BEGIN MAIN PAGE DIV LAYOUT `````````````````` */
/* `````````````````````````````````````````````````````````` */

/* ------ START BODY & CONTAINER DIV ------ 
body{
	color:#8B6E44;
	font-color: #8B6E44;
	font:Tahoma;
	font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
	background-image: 
	 	url(http://www.sampsonresources.com/A_NEW_SITE_DESIGN/Images/
		WebGradient_Tall_blues_2x4000.jpg);
	background-repeat:repeat-x;
}

/* `````````````````````````````````````````````````````````` 

/* ---- STILL NEED TO HAVE THE CONTENT STAY CENTERED YET FILL ANY SCREEN SIZE ---- 
Div#OuterLayer{
	font-color: #000000;
	font:Tahoma;
	font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
	width: 100%;
	height: 100%;
	position: absolute; 
	top: 0px;
	left: 0px;
	z-index: 0;
	color:#FFF2D2;
	background-color:#FFF2D2;
} 

/* --- THIS DIV CONSTRAINS ALL CONTENT DIVs TO 800x600 --- 
Div#MiddleContent{
	font-color: #000000;
	font:Tahoma;
	font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
	position:absolute;
	width:800px;
	height:600px;
	top:0px;
	left:110px;
	float:right;
	z-index:1;
}

/* ------ END BODY & CONTAINER DIV ------ 

/* ------ START MAIN IMAGE DIVs ------ 

div#BackgroundImage{
	position: absolute; 
	left:0px; 
	top:0px;
	width:800px; 
	height:600px;
	z-index:2; 
	visibility:visible;
	border: none;
}

div#HeaderImage{
	position: absolute; 
	left:71px; 
	top:0px;
	width:656px; 
	height:95px;
	z-index:3; 
	visibility:visible;
	border: none;
	background-image: url(/A_NEW_SITE_DESIGN/Images/Sampson_Resources_HEADER_Blues_656x95.jpg);
	background-repeat: no-repeat;
}

div#SideNavImage{
	position: absolute; 
	left:71px; 
	top:96px;
	width:134px; 
	height:504px;
	z-index:3; 
	visibility:visible;
	border: none;
	background-image: url(/A_NEW_SITE_DESIGN/Images/Sampson_Resources_SideNav_Image_DARKER%20ORANGE_134x504.jpg);
	background-repeat:no-repeat;
}

/* ------ END MAIN IMAGE DIVs ------ 

/* ------ START NAV BUTTONS ------ 
div#ButtonHome{
	position:absolute; 
	left:73px; 
	top:69px;
	width:116px;  
	height:17px;
	z-index:6; 
	visibility:visible;
}

div#ButtonProduct{
	position:absolute; 
	left:191px; 
	top:69px;
	width:116px;  
	height:17px;
	z-index:6; 
	visibility:visible;
}

div#ButtonVideoPRV{
	position:absolute; 
	left:309px; 
	top:69px;
	width:116px; 
	height:17px;
	z-index:6; 
	visibility:visible;
}

div#ButtonMission{
	position:absolute; 
	left:525px; 
	size: 30px;
	top:69px;
	width:91px; 
	height:17px;
	z-index:6; 
	visibility:visible;
}

div#ButtonContact{
	position:absolute; 
	left:621px; 
	top:69px;
	width:103px; 
	height:17px;
	z-index:6; 
	visibility:visible;
}

div#ButtonPurchase{
	position:absolute; 
	left:427px; 
	top:69px;
	width:93px; 
	height:17px;
	z-index:6; 
	visibility:visible;
}
/* ------ END NAV BUTTONS ------ 

/* `````````````````````````````````````````````````````````` 

/* ------ START CONTENT DIVs ------ 

/*  REMOVED LOGO and TopRightText  

/*  REMOVED div#NavArea  */


div#SideProduct01{
	position:relative; 
	left:0px; 
	top:0px;
	width:98px; 
	height:42px;
	z-index:0; 
	visibility:visible;
	font-size:10px;
	color: #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;

}


div#BigAD{
	color:#000000;
	font-color: #000000;
	background-color: #FFF8E8;
	border: solid thin #880105;
	font:Tahoma;
	font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
	width:522px;
	height:300px;
	visibility:visible;
	
	/* ----- On Product Pages the BigAd Layer is Scrollable ------ */
	scrollbar-base-color: #295079;
	scrollbar-face-color: #9ABBDC;
	scrollbar-track-color: #224968;
	scrollbar-arrow-color: #03070A;
	scrollbar-highlight-color: #DFEE9F5;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-shadow-color: #316E9A;
	scrollbar-darkshadow-color: #04070C;
	overflow: hidden;
	/* ---- END Scrollbar Attributes ---- */
}

	/* ----- On VIDEO PREVIEW Pages the BigAd Layer DOES NOT Scroll ------ */


div#VideoSelectionIcons{
	color:#000000;
	font-color: #000000;
	background-color: #FFF8E8;
	border: solid thin #880105;
	font:Tahoma;
	font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
	width:522px;
	height:204px;
	z-index:0;
	visibility:visible;
	overflow:auto;
	
	/* -----  VIDEO SELECTION SCROLLS ------ */
	scrollbar-base-color: #295079;
	scrollbar-face-color: #9ABBDC;
	scrollbar-track-color: #224968;
	scrollbar-arrow-color: #03070A;
	scrollbar-highlight-color: #DFEE9F5;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-shadow-color: #316E9A;
	scrollbar-darkshadow-color: #04070C;
	overflow: auto;
	/* ---- END Scrollbar Attributes ---- */
}



/* NO MEDIUM OR SMALL ADS ON THE VIDEO PAGES */
/* ------ END CONTENT DIVs ------ */