/*--------------------------------------------------

[Universal Stylesheet]


Project:		barcad
Version:		1.0
Last Change:	12/10/08	[created, br]
Assigned to:	Bryce Reynolds (br)

Primary Use:	
	
	Reset classes, links, tool classes, header, content, footer, global navigation, sub-navigation, drop menu navigation.  Use for site-wide elements that are tied to the structure of the site.  The difference between universal.css and modules.css is the size of the elements and their modularity (you can plug and play modules while universal elements should be little parts of the larger picture OR the very meta elements).




[table of contents]

1. RESET CLASSES

2. HTML ELEMENTS
	2.1 LINKS
	2.2 PARAGRAPHS
	2.3 COLORS
	2.4 HEADERS

3. TOOLS

4. STRUCTURAL ELEMENTS	(locked)
	4.1 HEAD
	4.2 WRAPPERS
	4.3 FOOTER
	4.4 STRUCTURAL TOOLS	/	(warnings, errors, boxes, box tweaks)



--------------------------------------------------*/



/*------------------------------------------------------------------
	[1. RESET CLASSES]	
*/

 
html, body {
	border:0;
	margin:0;
	padding:0;
	font-family: "Century Gothic", Verdana, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 1;
}

p, ul, ol, li {
	margin:0;
	padding:0;
	list-style:none;
}
  
blockquote {
	margin:1.25em;
	padding:1.25em 1.25em 0 1.25em;
}
 
small {
	font-size:0.85em;
}
 
img {
	border:0;
}
 
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
 
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
 
acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}




a.gray{
	color: #777777;
}

a.gray:hover{
	color: #000;
}




/*------------------------------------------------------------------
	[2.4 HEADERS]	
*/
 
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:bold;
}
h1, h1 a{
	font-size: 24px;
}
h2, h2 a{
	font-size: 20px;
}
h3, h3 a{
	font-size: 16px;
}
h4, h4 a{
	font-size: 14px;
}
h5{}



/*------------------------------------------------------------------
	[3. TOOLS]	
*/


.no_underline						{		text-decoration:none;	}
.underline							{		text-decoration:underline;	}
.inline, .inline li					{		display:inline;		}
.bold								{		font-weight:bold;	}
.no_display							{		display:none;		}
.no_list_style, .no_list_style li	{	list-style-type:none;	}

.hrule1{
	height: 2px;
	border-bottom: 1px #CDCDCD solid;
	display: block;
}
.hrule2{
	height: 2px;
	border-bottom: 1px #CDCDCD solid;
	display: block;
}


.clearfix							{		clear:both;		}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */







/*------------------------------------------------------------------
	[4. STRUCTURAL ELEMENTS]	
*/
#logo{
	height: 59px;
	width: 156px;
	float:left;
	cursor: pointer;
}


#logo span{
	display: none;
	font-size: 20px;
	color:#882200;
}

.yellow #logo{
	background: transparent url('../images/LOGO/LOGO_header_yellow.gif') no-repeat scroll 0%;
}

.green #logo{
	background: transparent url('../images/LOGO/LOGO_header_green.gif') no-repeat scroll 0%;
}

.red #logo{
	background: transparent url('../images/LOGO/LOGO_header_red.gif') no-repeat scroll 0%;
}

.blue #logo{
	background: transparent url('../images/LOGO/LOGO_header_blue.gif') no-repeat scroll 0%;
}

#wrapper{
	width: 918px;
	margin: auto;
	padding: 15px 0 20px 0;
}

#header .navigation li{
	float:left;
	margin: 0 0 0 5px;
}





/*------------------------------------------------------------------
	[X. GALLERY]	
*/

.watermark{
	min-height: 335px;
	width: 920px;
	float:left;
}

.yellow .watermark{
	background: url('../images/LOGO/LOGO_super_large_yellow.gif') no-repeat 50%;
}

.red .watermark{
	background: url('../images/LOGO/LOGO_super_large_red.gif') no-repeat 50%;
}

.blue .watermark{
	background: url('../images/LOGO/LOGO_super_large_blue.gif') no-repeat 50%;
}

.green .watermark{
	background: url('../images/LOGO/LOGO_super_large_green.gif') no-repeat 50%;
}


.gallery{
	background: url('../images/TRANS_box_gray.png') top left;
	width: 772px;
	margin: 0 0 0 74px;
	padding: 15px 0;
	text-align:center;
}