/* ================================================================================ */
/* = Jacobo Villegas  ...............*/
/* ================================================================================ */	
/* RESET */
@import url("reset.css");

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

	body {background-color: #222; font-size: 70%; font-family:tahoma,verdana,sans-serif; color: #999;}

	#wrap {
	width:1020px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	position:relative;
	background-image: url(../img/bgtile.gif);
	background-repeat: repeat-y;
	background-position: top;
	overflow: visible;
	border-bottom:1px solid #333;
}
	#mainbodywrap {width:960px;margin: 0 auto;padding: 0px 0px 0px 0px;position:relative;overflow: visible; border:1px solid #111;border-width:0px 1px 0px 1px;background-color: #1d1d1d;}
	#header {width:960px;margin: 0 auto; padding: 0px 0px 0px 0px;height:50px;font-size:12px;position:relative;z-index:98;background-image: url(../img/nav-bg.gif);}
	#footer {width:960px; margin: 0 auto; padding: 0px 0px 0px 0px; position: relative; clear:both;overflow: hidden; line-height:20px; border-top:1px solid #111;}
	
	/* 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;  background-image: url(../img/2third-con-bg.jpg);background-repeat: no-repeat;border-right:1px solid #111;line-height: 16px;}
	#col-3thirds-l {width:960px; margin: 0 auto;  padding: 0px 0px 0px 0px; float: left;  background-image: url(../img/2third-con-bg.jpg);background-repeat: repeat-x;border-right:1px solid #111;line-height: 16px;}

	/*- 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/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/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/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;}
	
	#logo {
	width:100px;
	margin: 0px 430px 0px 430px;
	padding: 0px 0px 0px 0px;
	float:left;
	position:absolute;
	z-index:100;
	overflow: hidden;
	visibility: visible;
}
	
/* =================================== */
/* = 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:49px;position:relative;z-index:99;outline: none;}

	/* Nav States  */
	#header ul li a {color:#999;text-decoration:none;height:49px;float:left;display:inline; /*ie*/padding:0 14px;outline: none;}
	#header ul li a:active {color:#ff7700;}
	#header ul li a:hover {display:block;background-image:none !important;background-color:#222;color:#fff;}
	#header ul li a.active {color:#fff;}
	
	/* 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;}
	
	/*- Nav Elements -*/
	#namenum {width:350px; margin: 0px 0px 0px 0px;float:right;display:inline;}


/* ======================================== */
/* 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%;}
	#display-lg-text2 {width:900px; 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 - Grid of teasers  */	
/* ======================================== */
	/* Display 2 - Thumb Small IMG  .......... */
	#display-sm-con {width:258px; margin: 0 auto; padding: 10px 30px 14px 30px; float: left; overflow: hidden; }
	#display-sm-text {width:258px; margin: 0 auto; padding: 10px 0px 0px 0px; float: left; overflow: hidden; min-height:200px;height:auto !important;height:200px; }
	
	/* SMALL Thumb Con */	
	#sm-thumb-con {width:258px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; display:block;}
	#sm-thumb-con a { display: block; border:1px solid #000; overflow: hidden;}
	#sm-thumb-con a:hover {display: block; border:1px solid #ff7700; 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/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:240px; margin: 0 auto; padding: 20px 30px 20px 10px; float: left; overflow: hidden;}
	#sb-subcon-title {color: #ff7700; 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: #ff7700; 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: #ff7700; 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;} 
	
	#sitecredit {width:0px;  margin: 0 auto; padding: 0px 0px 0px 0px; float: right; overflow: hidden; font-size: 100%;  color:#666;} 
	#copyright {width:900px; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; overflow: hidden; font-size: 90%;  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 30px; line-height: 50px;background-image: url(../img/tb-bg.gif);background-repeat: repeat-x;}
	
	/* h2, Used as secondary story titles */
	h2 {color: #ccc; font-size: 160%; font-weight:bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 30px;}
	
	/* h3, used in all Display modules as the headline - home, news */
	h3 {color: #ff7700; 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/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:#ff7700; 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:#ff7700;}
	.highlightbold {color:#ff7700;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:#ff7700; 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:#ff7700;font-weight:bold;} 
	a:visited {color:#ff7700;font-weight:bold;} 
	a:hover,a:active {color:#FFE3B9;font-weight:bold} 
	
/* LINKS - headlines */	
	.headline a:link {color:#ff7700; font-weight:bold;} 
	.headline a:visited {color:#ff7700; font-weight:bold;} 
	.headline a:hover {color:#ff9900; font-weight:bold;} 
	.headline a:active {color:#ff9900; 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;}

/* =================================== */
/*  FORM STYLING                       */
/* =================================== */

	/* Multipurpose form - Contact, signup, testimoials*/	
	#form-con {width:500px; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; float:left; display:block; line-height: 16px; }
	#form-con br {clear: left;}
	
	label,input, select {display: block;width: 150px;float: left;margin-bottom: 10px;}
	label {text-align: right; width: 140px;padding-right: 20px; font-weight: bold; font-size:80%;} 
	.submit {display: block; width: 290px; float: left; margin: 0px 0px 10px 0px; padding: 6px; font-weight: bold; font-size:110%; }

	/* Validation - ALERT */
	.alert-message {width: 90%; height: auto; margin: 0px 0px 10px 0px; padding: 6px 6px 6px 30px;  float:left; display:block; line-height: 12px; border:1px solid #cc0000; color:#fff;font-weight: bold; font-size:80%; background-image: url('../img/alert-icon.gif');background-repeat: no-repeat; background-position: top-left;}
	.input-alert { background-color:#ffcccc; border:3px solid #ff0000; color:#fff;font-weight: bold; font-size:80%; padding: 6px; }
	
	/* Validation - Positive GOOD/APPROVED */
	.positive-message {width: 90%; height: auto; margin: 0px 0px 10px 0px; padding: 6px 6px 6px 30px;  float:left; display:block; line-height: 12px; border:1px solid #66cc33; color:#fff;font-weight: bold; font-size:80%; background-image: url('../img/positive-icon.gif');background-repeat: no-repeat; background-position: top-left;}
	.input-positive { background-color:#ccffcc; border:3px solid #66cc33; color:#fff;font-weight: bold; font-size:80%; padding: 6px; }
	
	.hidden{visibility: hidden;}
	
/* ========================= */
/*  TABLES INT           */
/* ========================= */

.tableint {
background-color: #333333;
padding:3px;
}

.tableint p{
color: #FF6600;
font-weight:bold;

		
/* ========================= */
/*  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 */
	
	
	img, div { behavior: url(/iepngfix.htc) }