/* 
 ----------------------------------------------------------------------------
  Copyright Benj Arriola 2007.
  Benj Arriola's Default CSS File

  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/



/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td,script,hr { margin:0; padding:0; }
/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }



/* global elements
 * ------------------------------------------------------------------------- */

/* ----- type selectors ----- */ 
body { 
	background: #007b9f url(../images/allpages/background.jpg) repeat-x top ;
	text-align: center; 
	font: 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: #000; 
	}

p, ul, ol, dl, pre, blockquote	{ margin-bottom:10px; }

blockquote { 
	margin-left: 10px; 
	margin-right: 10px; 
	}

h1,h2,h3 { margin-bottom:8px; }

h1	{ font-size:1.5em; color:#000; }
h2	{ font-size:1.3em; color:#000; }
h3	{ font-size:1.1em; color:#000; }

h1 span, h2 span, h3 span	{ display:none; }

a:link,a:visited { color:#FF6400; text-decoration:underline; }
a:hover,a:active { color:#026698; text-decoration:none; }

/* ----- classes ----- */

div.clear {
	clear:both;
	width:100%;
	height:.01em; 
	overflow:hidden; 
	}

p.top {
	background: url(../images/allpages/toparrow.jpg) no-repeat 360px;
	text-align:right;
	display:block;
	} 
	
img.img-left {
	float:left; 
	margin: 2px 10px 10px 0; 
	}
	
img.img-right { 
	float: right; 
	margin: 5px 0 10px 10px; 
	}



/* framework
 * ------------------------------------------------------------------------- */

#wrap { 
	background: url(../images/allpages/wrap.jpg); 
	width:740px; 
	margin:0 auto;
	text-align:left; 
	}
	
#masthead {
	position:relative;
	background: url(../images/allpages/masthead.jpg) ;
	height: 101px;
	}
	#masthead span {
		display:none;
		}
	#masthead a#mast-01 {
		position:absolute;
		margin: 3px 0 0 42px;
		width: 188px;
		height: 98px;
		}
	#masthead a#mast-02 {
		position:absolute;
		margin: 59px 0 0 337px;
		width: 359px;
		height: 27px;
		}

#header-graphic {
	background: ;
	height:0px;
	}
#header-flash {
	height:0px;
	}

#main-left {
	background: url(../images/allpages/mainleft.jpg) no-repeat top left;
	width: 740px;
	}
#main-right {
	background: url(../images/allpages/mainright.jpg) no-repeat top right;
	width: 740px;
	}

#column-left { 
	width: 519px; 
	float:left; 
	}
	#column-left h1 span,#column-left h2 span {
		display: none;
		}
	#column-left h1 {
		background: url(../images/titles/index.jpg) no-repeat top left;
		height: 22px;
		margin: 22px 0 13px 52px;
		}
/*
		body#products #column-left h1 {
			background: url(../images/titles/products.jpg) no-repeat top left;
			}
		body#about #column-left h1 {
			background: url(../images/titles/about.jpg) no-repeat top left;
			}
		body#contact #column-left h1 {
			background: url(../images/titles/contact.jpg) no-repeat top left;
			}
		body#promo #column-left h1 {
			background: url(../images/titles/promo.jpg) no-repeat top left;
			}
		body#sitemap #column-left h1 {
			background: url(../images/titles/sitemap.jpg) no-repeat top left;
			}
*/
	#column-left h2#subtitle {
		background: url(../images/subtitles/subtitles.jpg) no-repeat top left;
		height: 20px;
		margin: 22px 0 13px 52px;
		}
	#column-left h3 {
		color: #006A97;
		margin: 0px 20px 13px 52px;
		}
	#column-left p {
		margin: 0px 20px 13px 52px;
		}
	#column-left ul {
		margin: 0px 20px 13px 52px;
		}
		#column-left ul li {
			background: url(../images/allpages/bullet.jpg) no-repeat left;
			padding-left: 20px;
			margin: 0 0 3px 15px;
			}
  
#column-right { 
	width: 191px; 
	float:left; 
	}
	#column-right p { 
		margin: 10px 15px 0 10px;
		}

#bottom {
	background: url(../images/allpages/bottom.jpg);
	height: 83px;
	}

#footer { 
	width:740px; 
	margin:10px auto; 
	text-align:center;
	background: #007b9f;
	}

	#footer p {
		color:#fff;
		}
	
	#footer a:link, #footer a:visited {
		color:#fff;
		}
	
	#footer a:hover, #footer a:active {
		color:#FE9833;
		text-decoration: none;
		}
	
	#footer li {
		padding: 0 5px 0 7px;
		display: inline;
		border-left: 1px solid #fff;
		line-height: px;
		}
	
		#footer li.first { border: none; }

	

/* horozontal Nav
 * ------------------------------------------------------------------------- */

#nav { 
	background: url(../images/allpages/nav.jpg); 
	width: 740px; 
	height: 45px; 
	margin-bottom:0; 
	}

#nav span { display: none; } 

#nav li, #nav a { height: 45px; display: block; }

#nav li { float: left; list-style: none; _display: inline; }

#nav-01 { width: 108px; margin-left: 30px;}
#nav-02 { width: 123px;}
#nav-03 { width: 95px;}
#nav-04 { width: 111px;}

#nav-01 a:hover {background:url("../images/allpages/nav.jpg") -30px -45px no-repeat;}
#nav-02 a:hover {background:url("../images/allpages/nav.jpg") -138px -45px no-repeat;}
#nav-03 a:hover {background:url("../images/allpages/nav.jpg") -261px -45px no-repeat;}
#nav-04 a:hover {background:url("../images/allpages/nav.jpg") -356px -45px no-repeat;}


/* Vertical Sprite Nav
 * ------------------------------------------------------------------------- */

#nav2 {
	background: url(../images/allpages/sidenav.jpg) top left no-repeat;					
	width: 174px;
	height: 203px;
	margin: 6px 0 0 8px;
	}

#nav2 li span { display: none; }

#nav2 li {
	float: left;
	list-style: none;
	}

#nav2 li, #nav2 a { 
	height: 63px;
	display: block;
	}

#nav2-01 { margin-top: 0px; width: 174px; }

#nav2-02, #nav2-03 { margin-top: 7px; width: 174px; }

#nav2-01 a:hover { background:url("../images/allpages/sidenav.jpg") -174px  -0px no-repeat; }
#nav2-02 a:hover { background:url("../images/allpages/sidenav.jpg") -174px  -70px no-repeat; }
#nav2-03 a:hover { background:url("../images/allpages/sidenav.jpg") -174px  -140px no-repeat; }