/* THIS CSS PRODUCES A CENTERED 2 COLUMN LAYOUT WITH HEADER AND HORIZONTAL NAV */
/* ALL PNG BACKGROUND GRAPHICS WILL HAVE ADDITIONAL SELECTORS IN IE6.CSS */

/* BEGIN STRUCTURE */
:focus {-moz-outline-style: none;} /* removes dotted border around FF links */

html, body {
	margin:0;
	padding:0;
	height:100.1%; /* keeps vertical scroll bar visible in browsers so layout doesn't 'bounce' page to page */
	text-align:center; /* combined with container {margin:0 auto 0 auto} this centers a page */
	background-color:#292929;
	background-image:url("/img/bg.gif");
	background-position:top left;
	background-repeat:repeat;
	min-width:940px;
}

div#container {
	position:relative; 
	width:800px;
	margin:0 auto 0 auto; /* combined with body {text-align:center} this centers a page */
	/*margin-top:60px; USE <div style="height:60px;"> before container to simulate padding, since margin-top here breaks calendar popup tool */
	background-color:#fff;
	padding:7px;
	text-align:left;
	border:0px solid black;
}

div#branding_nav {
	position:relative; 
	height:209px;
	border:0px solid #000;
}

#branding_nav img#header {
	border:2px solid #292526;
	margin-bottom:1px;
}

ul#nav {
	position:absolute;
	top:165px;
	left:0px;
	width:800px;
	height:40px;
	margin:0;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	background-color:#7b2819;
	background-image:url("/img/bg-nav.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	border:0px solid blue;
}

#nav a {
	display:block;
	border:0px solid black;
}

ul#nav, #nav a {height:40px;}

#home, #products, #services, #gallery, #references {
	float:left;
	height:40px;
	width:158px;
	margin-right:2px;
}

#home {width:159px;}
#home a, #home a:visited {background:url("/img/btn-home.png") top left no-repeat;}
#home a:hover {background:url("/img/btn-home.png") top right no-repeat;}

#products a, #products a:visited {background:url("/img/btn-products.png") top left no-repeat;}
#products a:hover {background:url("/img/btn-products.png") top right no-repeat;}

#services a, #services a:visited {background:url("/img/btn-services.png") top left no-repeat;}
#services a:hover {background:url("/img/btn-services.png") top right no-repeat;}

#gallery a, #gallery a:visited {background:url("/img/btn-gallery.png") top left no-repeat;}
#gallery a:hover {background:url("/img/btn-gallery.png") top right no-repeat;}

#references {width:159px;margin-right:0px;}
#references a, #references a:visited {background:url("/img/btn-references.png") top left no-repeat;}
#references a:hover {background:url("/img/btn-references.png") top right no-repeat;}

/*be sure to have a full-width option*/
div#content {
	background-image:url("/img/gradient-content.gif");
	background-position:top left;
	background-repeat:repeat-y;
	padding:25px 25px 15px 25px;
	border:0px solid #000;
}

div#content_main {
	float:left;
	width:515px;
	overflow:hidden;
	border:0px solid #000;
}

div#content_sub {
	float:right;
	width:200px;
	margin-top:0px;
	overflow:hidden;
	border:0px solid #000;
}

div#site_info {
	position:relative; 
	width:800px;
	margin:0 auto 0 auto; /* combined with body {text-align:center} this centers a page */
	padding-top:10px;
	padding-bottom:20px;
	color:#fff;
	border:0px solid #000;
}

#site_info ul {
	padding:0px;
	padding-bottom:10px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
}
#site_info li {display:inline;}

#site_info p {
}

#site_info a {color:#fff;}
#site_info a:visited {}
#site_info a:hover {color:#fff;}
/* END STRUCTURE */

/* BEGIN GENERAL TYPOGRAPHY */
body {
	font-family:arial, sans-serif;
	font-size:62.5%;
	color:#050505;
}

h2, h3, h4, h5 {
	font-family:arial, sans-serif;
	color:#2f2f2f;
	margin:0px;
	margin-bottom:4px;
	margin-left:-1px;
}

p, ul, ol {font-size:12px;}

h1 {
	font-size:22px;
	font-family:"georgia", serif;
	font-weight:normal;
	color:#2f2f2f;
	margin:0px;
	margin-bottom:4px;
	margin-left:-1px;
} 

h2 {font-size:16px;padding-top:8px;}


h3 {font-size:14px;}

h4 {font-size:12px;}

p {
	margin:0px;
	margin-bottom:10px;
}

a {}
a:visited {}
a:hover {text-decoration:none;}

ul {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:30px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:url("/img/dot.png");
}

ol {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:30px;
	text-indent:0px;
	text-decoration:none;
}
/* END GENERAL TYPOGRAPHY */

/* BEGIN VARIOUS TAGS AND CLASSES */
img {border:0;}
.30px_bottom_margin {margin-top:30px;}
.center {text-align:center;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.small {font-size:1.1em;}
.no_spacing {margin:0px; padding:0;}
.light, .tableLight {background-color:#f4e2bd;}
.dark, .tableDark {background-color:#ececec;}
.adminBar {background-color:#2d4122;}
.tableHighlight {background-color:#5f4f4b;}
.white {color:#FFFFFF;}
.hidden {display:none;}
.icon {vertical-align:middle;}
a.no_link, a.no_link:visited, a.no_link:hover {color:#000;text-decoration:none;}

.clear {
	clear:both;
	height:0px;
	border:0px solid #000;
}

.photo {
	float:left;
	margin:0 11 11 0px;
	padding:3px;
	background:#fff;
	border:1px solid #acc0a5;
}

ul.striped, ol.striped { 
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
}
ul.striped li, ol.striped li {}
ul.striped li a, ol.striped li a {
	display:block;
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:0;
	padding-top:6px;
	padding-right:10px;
	padding-bottom:6px;
	padding-left:10px;
	text-decoration:none;
	border:0px solid black;
	background-color:#fff;
}
ul.striped li a.indent, ol.striped li a.indent {padding-left:30px;}
ul.striped li a:visited, ol.striped li a:visited {}
ul.striped li a:hover, ol.striped li a:hover, ul.striped li a:hover span.no_link, ol.striped li a:hover span.no_link {
	background-color:#313131;
	color:#fff;
}
/* END VARIOUS TAGS AND CLASSES */

/* BEGIN SPECIAL CLASSES (DELETE IF NOT BEING USED ON SITE */
ul#nav_sub_list {
	margin:0;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	border:0px solid black;
}
#nav_sub_list li {
	background-image:url("/img/bg-rule-dotted.gif");
	background-repeat:repeat-x;
	background-position:bottom left;
	padding-bottom:2px;
}
#nav_sub_list li a {
	display:block;
	color:#737373;
	font-weight:bold;
	font-size:11px;
	margin:0;
	margin-top:1px;
	padding:0;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:10px;
	text-decoration:none;
	background-image:url("/img/icon-arrow.png");
	background-repeat:no-repeat;
	background-position:135px 9px;
	border:0px solid black;
}
#nav_sub_list li a:visited {}
#nav_sub_list li a:hover {background-color:#ebebeb;color:#000;}
#nav_sub_list li#first_sub_nav a {
	padding-top:6px;
}

div.box {
	position:relative;
	background-color:#000033;
	width:400px;
	padding:20px;
	padding-bottom:10px;
	color:#fff;
	overflow-y:hidden;
}
.box img {
	max-width:400px;
}
div.corner_top_left, div.corner_top_right, div.corner_bottom_right, div.corner_bottom_left{
	position:absolute;
	width:10px;
	height:10px;
	background-position:top left;
	background-repeat:no-repeat;
}
div.corner_top_left {
	top:0px;
	left:0px;
	background-image:url("/img/corner-top-left.png");
}
div.corner_top_right {
	top:0px;
	right:0px;
	background-image:url("/img/corner-top-right.png");
}
div.corner_bottom_right {
	bottom:0px;
	right:0px;
	background-image:url("/img/corner-bottom-right.png");
}
div.corner_bottom_left {
	bottom:0px;
	left:0px;
	background-image:url("/img/corner-bottom-left.png");
}

#video_thumbs {
	padding:10px;
	list-style:none;
	list-style-image:none;
}
#video_thumbs li {
	clear:both;
	margin-bottom:20px;
}
#video_thumbs li img {
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}
#video_thumbs h4 {
	font-size:13px;
	margin:0;
	padding:0;
}
#video_thumbs p {
	font-size:11px;
	margin-bottom:4px;
}
#video_thumbs p.stars {
	margin-top:4px;
	margin-bottom:2px;
}
#video_thumbs p.stars img {float:none;margin:0;}

#news_list {
	padding:0;
	padding-bottom:10px;
	list-style:none;
	list-style-image:none;
}
#news_list li {
	background-image:url("/img/bg-rule-dotted.gif");
	background-repeat:repeat-x;
	background-position:bottom left;
	margin-bottom:6px;
}
#news_list h3 {
	font-size:12px;
	margin:0;
}
#news_list p {
	font-size:11px;
	margin-bottom:4px;
}
#news_list p.date {
	font-style:italic;
	padding-bottom:6px;
	text-align:right;
}
/* END SPECIAL CLASSES */


/* END SIFR */

/* BEGIN CUSTOM, SITE SPECIFIC STYLES */
/*ie6.css*/
table.photo_gallery, table.photo_gallery_cats {
	width:780px;
	padding-top:10px;
	padding-bottom:10px;
	border:0px solid blue;
}
.photo_gallery td, .photo_gallery_cats td {
	padding-bottom:15px;
	padding-left:0px;
	border:0px solid blue;
}
.photo_gallery div, .photo_gallery_cats div {
	
	padding:3px;
	background:#292526;
	float:left;
}
/*ie.css*/
.photo_gallery_cats div {
	
}
.photo_gallery div img, .photo_gallery_cats div img {
	border:1px solid #bcbbbb;
	float:left;

}
.photo_gallery div img:visited, .photo_gallery_cats div img:visited {
	
}
.photo_gallery div img:hover, .photo_gallery_cats div img:hover {
	border:1px solid #fff;
}

.photo_gallery p, .photo_gallery_cats p, .photo_gallery h3, .photo_gallery_cats h3 {
	
	clear:both;
	padding-top:4px;
	font-weight:bold;
	width:166px;
}

.photo_gallery_cats p, .photo_gallery_cats h3 {
	width:208px;
}
/* END CUSTOM, SITE SPECIFIC STYLES */