html { width: 100%; height: 100%; margin: 0; padding: 0; border: 0; }
body { width: 100%; height: 100%; margin: 0; padding: 0; border: 0; background: #333333; font: 14px Helvetica, Verdana, Arial, sans-serif; }

/* ************** 
 * FONT INCLUDES
 ************** */
@font-face { font-family: 'DejaVuSerifBook'; src: url('fonts/DejaVuSerif.eot');
	src: local('DejaVu Serif'), local('DejaVuSerif'), url('fonts/DejaVuSerif.woff') format('woff'), url('fonts/DejaVuSerif.ttf') format('truetype'), url('fonts/DejaVuSerif.svg#DejaVuSerif') format('svg');
}
@font-face { font-family: 'DejaVuSerifItalic'; src: url('fonts/DejaVuSerif-Italic.eot');
	src: local('DejaVu Serif'), local('DejaVuSerif-Italic'), url('fonts/DejaVuSerif-Italic.woff') format('woff'), url('fonts/DejaVuSerif-Italic.ttf') format('truetype'), url('fonts/DejaVuSerif-Italic.svg#DejaVuSerif-Italic') format('svg');
}
@font-face { font-family: 'DejaVuSerifBold'; src: url('fonts/DejaVuSerif-Bold.eot');
	src: local('DejaVu Serif'), local('DejaVuSerif-Bold'), url('fonts/DejaVuSerif-Bold.woff') format('woff'), url('fonts/DejaVuSerif-Bold.ttf') format('truetype'), url('fonts/DejaVuSerif-Bold.svg#DejaVuSerif-Bold') format('svg');
}
@font-face { font-family: 'DejaVuSerifBoldItalic'; src: url('fonts/DejaVuSerif-BoldItalic.eot');
	src: local('DejaVu Serif'), local('DejaVuSerif-BoldItalic'), url('fonts/DejaVuSerif-BoldItalic.woff') format('woff'), url('fonts/DejaVuSerif-BoldItalic.ttf') format('truetype'), url('fonts/DejaVuSerif-BoldItalic.svg#DejaVuSerif-BoldItalic') format('svg');
}
/* *************** 
 * /FONT INCLUDES
 *************** */

/* ** MAIN STRUCTURE ** */
#page { position: relative; width: 925px; height: auto; margin: 10px auto 0 auto; padding: 0 35px; background: #fff; outline: 0px solid red; }
	#header { position: relative; left: 26px; width: 869px; height: 100px; background: url(res/sea-lion-tech_logo.png) no-repeat 0px 12px; outline: 0px solid blue; }

	#content { position: relative; left: 26px; width: 869px; height: auto; min-height: 350px; padding: 0 0 15px 0; clear: both; outline: 0px solid gold; 
		}
		.homepage { background: url(res/content_bg-lower.png) repeat-y left 404px; margin: 0 0 3px 0; }
		.subpage { background: #fff url(res/content_bg-lower-s.png) no-repeat left 231px; margin: 0 0 1px 0; }

/* 05272010 ::: */
	#xContent { position: relative; left: 26px; width: 500px; height: auto; min-height: 350px; padding: 0 0 15px 0; clear: both; outline: 0px solid gold; 
		}
		.homepage { background: url(res/content_bg-lower.png) repeat-y left 404px; margin: 0 0 3px 0; }
		.subpage { background: #fff url(res/content_bg-lower-s.png) no-repeat left 231px; margin: 0 0 1px 0; }
/* 05272010 ::: */

	#footer { position: relative; left: 26px; width: 869px; height: 60px; clear: both; background: #181818; }
		#footer a { color: #666; text-decoration: underline; }
			#footer a:hover { color: #fff; }
		#footer p { float: left; width: 100%; color: #666; font-size: 0.85em; padding: 10px 10px 0 10px; }
			#footer p span { float: right; color: #666; margin: 0 20px 0 0; }

/* ** NAVIGATION ** */
ul[class|="menu"] { list-style: none; outline: 0px solid green; }
	ul[class|="menu"] li { float: left; outline: 0px solid pink; }
		ul[class|="menu"] a { text-decoration: none !important; outline: 0px solid purple; }		
			ul[class|="menu"] a:hover {  }
	/* to specifically target the primary navigation */
	ul.menu-main { position: absolute; right: 0; bottom: 17px; } 
		ul.menu-main li { margin: 0 1px; padding: 17px 0 15px 0; }
		 ul.menu-main li a { padding: 17px 0px 15px 17px; color: #666; font: 0.875em "DejaVuSerifBoldItalic", Georgia, Times, serif; } 
		 	ul.menu-main li a:hover { color: #000; background: url(res/menu_bg.png) no-repeat left top; }
			ul.menu-main li a.active { color: #000; background: url(res/menu_bg.png) no-repeat left top; }
	/* to specifically target the footer navigation */
	ul.menu-footer { width: 100%; padding: 10px 0 0 10px; }
		ul.menu-footer li { color: #999; }
			ul.menu-footer a { color: #999 !important; font-size: 0.875em; }
				ul.menu-footer a:hover { text-decoration: underline; color: #fff !important; }
				
/* ** CONTENT BLOCKS ** */
div[class|="content-block"] { color: #fff; outline: 0px solid blue; }
	div.content-block-display-homepage { position: relative; left: -26px; width: 100%; height: 403px; padding: 5px 28px 0 28px; outline: 0px solid red;
		background: url(res/bg_content-block-display-h.png) no-repeat center top;
		}
	div.content-block-display-subpage { position: relative; left: -26px; width: 100%; height: 230px; padding: 5px 28px 0 28px;  
		background: url(res/bg_content-block-display-s.png) no-repeat center bottom;
		}
		div[class|="content-block-display"] img { position: absolute; top: 5px; left: 28px; z-index: 2; }
	
	div.content-block-displays { position: relative; width: 100%; height: auto; margin: 0; padding: 0; }	
		div[class|="content-block-display-info"] { position: relative; top: -30px; left: 0; z-index: 10; float: left; width: 250px; margin: 0 8px 15px 8px; padding: 10px; overflow: hidden; 
			background: #000; background: rgba(0,0,0,0.55);
			}
			div[class|="content-block-display-info"] h2 { float: left; color: #ffcc00; margin: 0; padding: 0; font-weight: normal !important; cursor: help; }
			div[class|="content-block-display-info"] p { float: left; clear: left; width: 100%; font-size: 0.825em; line-height: 1.25em; padding: 5px 0 0 0; }
			
			.content-block-display-info-1 { margin: 0 8px 15px 10px !important; }
			.content-block-display-info-3 { margin: 0 0px 15px 8px !important; }
			
			.hide { position: absolute; top: -9999px; left: -9999px; } /* hides <p> content off-screen to avoid content flashing */
			
	div.content-block-thirds { position: relative; z-index: 3; float: left; width: 30%; margin: -25px 7px 0 7px; padding: 0 0 30px 10px; }
		div.content-block-thirds h2 { color: #212121; }
		div.content-block-thirds p { font-size: 0.835em; padding: 8px 10px 10px 8px; line-height: 1.35em; }
	div.content-block-halves { float: left; width: 47%; }
	
	div.content-block-sidebar { float: left; width: 236px; min-height: 197px; height: auto; margin: 0 24px; padding: 10px; 
		box-shadow: 2px 2px 12px #000; -moz-box-shadow: 2px 2px 12px #000; -webkit-box-shadow: 2px 2px 12px #000;
		background: #000 url(res/sidebar_bg.png) repeat-x left bottom; 
		}
	div.content-block-with-sidebar { float: left; clear: none; width: 565px; overflow: hidden; color: #000; }
		div.content-block-with-sidebar h2 { color: #212121; }
		div.content-block-with-sidebar p { color: #000; padding: 10px 10px 50px 10px; font-size: 0.835em; line-height: 1.35em; }
		
	/* for call-to-action */
	div.content-block-cta { position: absolute; bottom: 0px; right: 0px; width: 230px; height: 54px; margin: 0; padding: 0; 
		background: url(res/call-to-action-btn.png) no-repeat left top;
		}	
		div.content-block-cta a { position: absolute; left: 14px; top: 9px; display: block; width: 206px; height: 45px; margin: 0; padding: 0; text-indent: -999%; text-transform: capitalize; }

/* ** ELEMENT STYLING ** */
a.logo-link { position: absolute; top: 12px; left: 0px; display: block; width: 195px; height: 76px; text-indent: -999%; text-transform: capitalize; outline: 0px solid blue; }

.logo-35th { position: absolute; top: -25px; right: -30px; z-index: 1; display: block; width: 150px; height: 78px; margin: 0; padding: 0; border: 0; outline: 0; }

.clearer { width: 100%; height: 0; margin: 0; padding: 0; zoom: 1; clear: both; overflow: hidden; }

h1 { font: 1.625em "DejaVuSerifBook", Georgia, Times, serif; color: #212121; padding: 0; margin: 0; } /* 26px / 16px = 1.125em */
h2 { font: 1.5em "DejaVuSerifBold", Georgia, Times, serif; padding: 0; margin: 0; font-weight: normal; } /* 24px / 16px = 1.125em */
h3 { font: 1.375em "DejaVuSerifBold", Georgia, Times, serif; padding: 0; margin: 0; } /* 22px / 16px = 1.125em */
h4 { font: 1.25em "DejaVuSerifBold", Georgia, Times, serif; padding: 0; margin: 0; } /* 20px / 16px = 1.125em */ 
h5 { font: 1.125em "DejaVuSerifBold", Georgia, Times, serif; padding: 0; margin: 0; } /* 18px / 16px = 1.125em */

a:link, a:visited { color: #ffcc00; }
a:hover, a:focus { color: #fff; }
a:active { color: #ffdc50; }

div.bg-blck-gry { clear: left; height: auto; min-height: 135px; margin: -25px 6px 10px 10px; padding: 18px 0 0 12px !important; background: #000 url(res/vert-grad_blck-gry.png) repeat-x left top; 
	-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.55); -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.55); box-shadow: 2px 2px 6px rgba(0,0,0,0.55);
	}
	div.bg-blck-gry h2 { position: relative; z-index: 10; color: #fff; font: 1.65em "DejaVuSerifBold", Georgia, Times, serif; line-height: 0.4em; }
		div.bg-blck-gry h2 strong { color: #339999; font: 100% "DejaVuSerifBold", Georgia, Times, serif; } /* font-size based on parent h2 */
		div.bg-blck-gry h2 em { font: .9em "DejaVuSerifBoldItalic", Georgia, Times, serif; } /* font-size based on parent h2 */
		
div.bg-bevel-rt { background: url(res/bevel-blck-gry.png) no-repeat right 65%; padding: 0 10px 30px 10px !important; }
	.bg-bevel-rt p  { position: relative; z-index: 10; } 
	.iso-logo { position: absolute; z-index: 1; bottom: -25px; right: 20px; width: 100px; height: 83px; margin: 0; padding: 0; border: 0; outline: 0; }
	
div.content-block-sidebar ul li a { color: #fff; text-decoration: none; }
	div.content-block-sidebar ul li a:hover { color: #339999; }
	div.content-block-sidebar ul li a.active { color: #339999; }

.content-block-display-subpage h1 { position: absolute; bottom: 56px; right: 56px; width: auto; height: auto; color: #ffcc00; z-index: 10; background: rgba(0,0,0,0.5); }

ul.grad-btm { list-style: none; }
	ul.grad-btm li { margin: 5px 0; padding: 0 0 8px 0; }	
	
.chartwhite { font-family: Arial,Helvetica, sans-serif; font-size: 11px; color: #fff; padding: 3px; }
.chartblack { font-family: Arial,Helvetica, sans-serif; font-size: 11px; color:#000; padding: 3px; }