/* ================================================================================ */
/* = Glen E Grant - CSS - Coded by Matthew Beverly/www.mattystudios.com  ...........*/
/* ================================================================================ */	
/* RESET */
@import url("reset.css");

/* =================================== */
/* = SITE STRUCTURE ................ = */
/* =================================== */

	body {background-color: #151515; font-size: 70%; font-family:tahoma,verdana,sans-serif; color: #999;background-image: url(../img/backgrounds/bgtile.jpg);background-repeat: repeat-x; background-position: top;}

	#wrap {width:1020px; margin: 0 auto; padding: 0px 0px 0px 0px; position:relative;background-image: url(../img/backgrounds/wrap.jpg); background-position: top;background-repeat: no-repeat; overflow: hidden;}
	#mainbodywrap {width:960px;margin: 0 auto;padding: 0px 0px 0px 0px;position:relative;overflow: visible; background-color: #1d1d1d;}
	#header {width:1020px;margin: 0 auto; padding: 0px 0px 0px 0px;height:100px;font-size:12px;position:relative;z-index:98;background-image: url(../img/backgrounds/headerbg.jpg);}
	#footer {width:960px; margin: 0 auto; padding: 0px 0px 0px 0px; position: relative; clear:both;overflow: hidden; line-height:50px; background-image: url(../img/backgrounds/footerbg.jpg); background-repeat: no-repeat; background-position: top;}
	#footer-con {width:900px; margin: 0 auto; padding: 0px 30px 0px 30px; line-height:50px;}
		
	/* FLASH */
	#flashcontent {width:960px; margin: 0 auto; padding: 0px 0px 0px 0px; z-index:1;border-bottom:1px solid #111;}
	#flashgallery{width:960px; margin: 0 auto; padding: 0px 0px 0px 0px;}
	
/* =================================== */
/* = MAIN LAYOTUS DIVS ............. = */
/* =================================== */

	/*- 66% split -*/
	#col-2thirds-l {width:639px; margin: 0 auto;  padding: 0px 0px 0px 0px; float: left; border-right:1px solid #111;line-height: 16px;}
	#colbgimage {width:639px; margin: 0 auto;  padding: 0px 0px 0px 0px; background-image: url(../img/backgrounds/contactbg.gif);background-repeat: no-repeat;background-position: top;min-height:200px;height:auto !important;height:200px;}
	
	/*- 33% split - Each is a third total of the main body wrap-*/
	#col-third-l {width:319px; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; background-image: url(../img/backgrounds/third-con-bg.jpg);background-repeat: no-repeat; border-right:1px solid #111;line-height: 16px;}
	#col-third-m {width:319px; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; background-image: url(../img/backgrounds/third-con-bg.jpg);background-repeat: no-repeat; border-right:1px solid #111;line-height: 16px;}
	#col-third-r {width:320px; margin: 0 auto; padding: 0px 0px 0px 0px; float: right; background-image: url(../img/backgrounds/third-con-bg.jpg);background-repeat: no-repeat;line-height: 16px;}
	
	/*- Full Width -*/
	#col-full {width:960px; margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;float: left; border-top:1px solid #111;line-height: 16px;}
	
	
	
/* =================================== */
/* = NAVIGATION ELEMENTS............ = */
/* =================================== */

/* = Main menu / Header = */	
/* = -------------------------------------------- = */	

	/* Containers and general Setup */
	#header h1 {position:absolute;left:-9999px;}	
	#header ul {list-style:none;margin:0;padding:0;}
	
	/* Nav buttons setup */
	#header ul li {float:left;border-right:1px dotted #222;line-height:80px;position:relative;z-index:99;outline: none; font-size: 90%;}

	/* Nav States  */
	#header ul li a {color:#999;text-decoration:none;height:80px;float:left;display:inline; /*ie*/padding:0 12px;outline: none;}
	#header ul li a:active {color:#fff;}
	#header ul li a:hover {display:block;background-image:none !important;color:#fff;}
	#header ul li a.active {color:#fff;}

	
	/*- Nav Elements -*/
	#namenum {width:210px; margin: 0px 0px 0px 0px;float:right;display:inline;}
	#logo {width:350px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float:left; overflow: hidden;}

/* ======================================== */
/* Display 2 - Larg IMG - detail page con   */	
/* ======================================== */
	/* Display 1 - Large IMG  .......... */
	#display-lg-con {width:639px; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; overflow: hidden;}
	#display-lg-text {width:579px; margin: 0 auto; padding: 30px 30px 50px 30px; float: left; overflow: hidden;line-height: 18px; font-size: 110%;}
	
	/* LARGE Thumb Con */
	#lg-thumb-con {width:580px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; display:block;}
	#lg-thumb-con a { display: block; border:1px solid #000; overflow: hidden;}
	#lg-thumb-con a:hover {display: block; border:1px solid #ff7700; overflow: hidden;}

	
/* ======================================== */
/* Display 2 - Small IMG - Homepage Grid  */	
/* ======================================== */
	/* Display 2 - Thumb Small IMG  .......... */
	#display-sm-con {width:320px; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; overflow: hidden; background-color: #000;}
	#display-sm-text {width:200px; margin: 0 auto; padding: 20px 10px 10px 10px; float: left; overflow: hidden;}
	
	/* SMALL Thumb Con */	
	#sm-thumb-con {width:100px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; display:block;}
	#sm-thumb-con a { display: block; overflow: hidden;}
	#sm-thumb-con a:hover {display: block; overflow: hidden;}	
	/* side bar con */
	#sb-con {width:280px; margin: 0 auto; padding: 20px 20px 20px 20px; float: left; overflow: hidden;}

/* =================================== */
/*  Details                            */
/* =================================== */
	#specs {width:258px; display: block; overflow: hidden; float: left;margin: 4px 0px 4px 0px; padding: 4px 4px 4px 4px; line-height:15px; color:#555; font-size:80%; font-weight:normal; background-image: url(../img/backgrounds/specs-bg.gif);background-repeat: repeat-x;min-height:20px;height:auto !important;height:20px;}	
	
	/* Side bar container for simple lists and checklists */
	#sb-subcon {width:258px; margin: 0 auto; padding: 20px 30px 20px 30px; float: left; overflow: hidden;}
	#sb-subcon-title {color: #aaaaaa; font-size: 120%; font-weight:bold; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
	
	/* Pull Quotes */	
	#pullquote-con {width: 513px; margin: 10px 0px 10px 0px; padding: 20px 30px 20px 30px; float: left; overflow: hidden; border-right:3px solid #111; border-left:3px solid #111; color: #aaaaaa; font-size: 140%; font-weight:normal; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; text-align:center;line-height: 20px; display:block}
	
	#pullquote-sb {width: 258px; margin: 0px 0px 0px 0px; padding: 10px 30px 20px 30px; float: left; overflow: hidden; border-bottom:1px dotted #333;color: #aaaaaa; font-size: 100%; font-weight:normal; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif;line-height: 18px;}	
	
/* =================================== */
/*  GLOBAL STYLES                      */
/* =================================== */

	/* IMAGE Classes */
	.img {border:none; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; overflow: hidden; } 
	.right {border:none; margin: 0 auto; padding: 0px 0px 0px 0px; float: right; overflow: hidden;}
	.left {border:none; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; overflow: hidden;} 
	
	#footercontact {width:200px;  margin: 0 auto; padding: 0px 0px 0px 0px; float: left; overflow: hidden; font-size: 100%; font-weight:bold; color:#666;} 
	#sitecredit {width:200px;  margin: 0 auto; padding: 0px 0px 0px 0px; float: left; overflow: hidden; font-size: 90%; font-weight:bold; color:#444;} 
	#copyright {width:600px; margin: 0 auto; padding: 0px 0px 0px 0px; float: right; overflow: hidden; font-size: 90%; font-weight:normal; color:#444; text-align:right} 




/* =================================== */
/*  TYPOGRAPHY                         */
/* =================================== */

/* TYPOGRAPHY - general */
	p {color:#a0a0a0;}
	ul {color:#ccc; }
	ol {color:#ccc;}

/* TYPOGRAPHY - headlines */
	h1, h2, h3 {letter-spacing: .5px; }
	
	/* h1,h2 used for product titles and sub titles */
	h1 {color: #ccc; font-size: 160%; font-weight:bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 30px;}
	
	/* h2, Used as secondary story titles */
	h2 {color: #ccc; font-size: 120%; font-weight:bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 20px;}
	
	/* h3, used in all Display modules as the headline - home, news */
	h3 {color: #aaaaaa; font-size: 100%; font-weight:bold; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px;display:inline;}
	
	/* h4, Tips Colum - with checkmark*/
	h4 {color: #ccc; font-size: 100%; font-weight:normal; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 30px; line-height: 20px;background-image: url(../img/backgrounds/h4-bg.gif);background-repeat: no-repeat;}
	
	/* h5, thumbnail tiitle */
	h5 {color: #ccc; font-size: 90%; font-weight:bold; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; border: 1px dotted #333; border-style: none none dotted;padding-Bottom: 2px}
	
	/* h5, Service */
	h6 {color: #ccc; font-size: 100%; font-weight:normal; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; border: 1px dotted #555; border-style: none none dotted;padding-Bottom: 8px}
	

	
/* =================================== */
/*  TEXT STYLING                       */
/* =================================== */

	.lrg {color: #ccc; font-size: 160%; font-weight:bold;letter-spacing:0px;}
	.lrg-color {color:#ccc; font-size: 120%; font-weight:bold;letter-spacing:0px; }
	.smallheader {font-size: 120%; font-weight:bold;}
	.smalltx {font-size: 90%; font-weight:normal;}
	.italic {font-style: italic}
	.italic-lg {color:#ccc; font-weight:bold; font-size: 110%; letter-spacing:0px;font-style: italic}
	.subdued {color:#666}
	.subduedsm {color:#666;font-size: 90%}
	.subdued-normal {color:#777;font-weight:normal!important;}
	.bold {font-weight:bold; font-size: 110%; letter-spacing:0px;}
	.highlight {color:#ccc;}
	.highlightbold {color:#ccc;font-weight:bold;font-size: 100%;}
	.highlightbold2 {color:#aaaaaa;font-weight:bold;font-size: 100%;}
	.highlightsm {color:#cfcfcf;font-weight:bold;font-size: 90%}
	.alert {color:#ff0000;font-weight:bold;font-size: 100%}
	.headline-sm {color:#ccc; font-weight:bold; font-size: 100%; }
	.subtlehighlightbold {color:#666;font-weight:bold;}
	.headline {color: #ccc; font-size: 120%; font-weight:bold; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}

/* =================================== */
/*  LINKS STYLING                      */
/* =================================== */

/* LINKS - general*/	
	a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer} 
	a:link {color:#aaaaaa;font-weight:bold;} 
	a:visited {color:#999;font-weight:bold;} 
	a:hover,a:active {color:#fff;font-weight:bold} 
	
/* LINKS - headlines */	
	.headline a:link {color:#aaaaaa; font-weight:bold;} 
	.headline a:visited {color:#999; font-weight:bold;} 
	.headline a:hover {color:#fff; font-weight:bold;} 
	.headline a:active {color:#fff; font-weight:bold;} 
	
	
/* =================================== */
/*  TABLE STYLING                      */
/* =================================== */
	.table-gen{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.9em;font-size: 90%}
	.table-rw-gen{padding: 0px;}

	
/* ========================= */
/*  CLEAR FIXES              */
/* ========================= */

	.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
	.fix{clear: both;height: 1px;margin: 0 0 -1px;overflow: hidden;}
 
	.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearfix {display: inline-block}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */


/* ========================= */
/*  UNUSED              */
/* ========================= */
	/* Drop setup */	
	#header ul li.hover ul,
	#header ul li:hover ul {display:block; outline: none;}
	
	/* Drop styling */	
	#header ul ul {position:absolute;top:49px;left:-1px;background:#000;border:1px dotted #222;border-width:1px 1px 0 1px; width:126px; display:none; font-size:10px; z-index:99;}
	#header ul ul li {float:none;border:1px solid #222;border-width:0 0 1px 0;height:29px;line-height:29px; z-index:99;}
	
	/* Drop states  */
	#header ul ul li a {float:none;height:29px;line-height:29px;display:block;background-image:none !important;color:#999;outline: none;padding:0 15px;}
	#header ul ul li a:active {float:none;height:29px;line-height:29px;display:block;background-image:none !important;background-color:#222;color:#fff;padding:0 15px;}
	#header ul ul li a:hover {float:none;height:29px;line-height:29px;display:block;background-image:none !important;background-color:#222;color:#fff;padding:0 15px;}