@charset "utf-8";

/* CSS Document */

/* ********************************************************************
	RESET
   ***************************************************************** */

/* RESET browser default css */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;
	
	outline: 0; /* firefox fix */

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}

body {

	color: black;

	font-size:12px;	
	
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	
	background-image:url(../images/top_bar.jpg);
	background-repeat:repeat-x;
	padding-top:25px;	
	
	
	/* IE6 flashing background fix  */
	behavior: url(/csshover3.htc); 
	
}



h1{
	font-size:24px;
	font-weight:bolder;
	line-height:30px;
	margin-bottom:20px;
	margin-top:10px;
	text-transform:uppercase;
	color:#840a07;
	
}

h2{
	font-size:16px;
	font-weight:bolder;
	line-height:22px;
	margin-bottom:20px;
	margin-top:10px;
	text-transform:uppercase;
	color:#840a07;
	
}

a{
	color:#840a07;
	font-weight:bold;
		
}
#menu,
h1, h2, h3{
	/* font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;	*/
}

ol, ul {

	/*list-style:none;*/
	margin-left:10px; 
}

ul {
	margin-left:5px;   
}

ul li{
background-image:url(../images/square_bullet.jpg);
background-position:0 4px;
background-repeat:no-repeat;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:17px;
  
}
p{
	line-height:18px;
	margin-bottom:20px;	
}
/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

strong{
	font-weight:bolder;
}

.upper{
	text-transform:uppercase;
}

/* ********************************************************************
	GENERIC HELPER STYLES
   ***************************************************************** */
.clear{
	clear:both;
}

.fright{
	float:right;
}

.fleft{
	float:left;
}

.fcenter{
	float:none;
}

img.fleft{
	float:left;
	margin-right:16px;
	margin-bottom:16px;
}

img.fright{
	float:right;
	margin-left:16px;
	margin-bottom:16px;
}

img.fcenter{
	float:none;
	margin:20px 10px 20px 10px;
	
}

.wrapper{
	float:left;
}

a.hovereffect img{
	border:0 none;
	opacity:1;	
}

a{
  text-decoration:none;
}

a:hover{
 text-decoration:underline;
}
a.hovereffect:hover img{
	opacity:0.75;	
}

img{
	display:block;
	float:left;
}

#page,
#page_header,
#page_body,
#page_footer{
	width:875px;
	margin:0px auto;
}

#page_nav{
	background-image:url(../images/nav_bg.jpg);
	background-repeat:no-repeat; 
	z-index:100;
	float:left;
	height:35px;
	margin:26px 0 0 54px;
}
#page_header{position:relative;}

#header_image{
	float:left;
	margin-top:45px;
}

#waves{
	left:-73px;
	position:absolute;
	top:90px;
	z-index:100;	
}

#page_body{

}
.full_wrapper{
	width:100%;
	float:left;
}

.full_wrapper.body{
	background-color:#8cac2d;
	border-top:4px solid black;
	float:left;
}

.full_wrapper.footer{
	background-color:black;
	color:white;
	padding-top:10px;
	padding-bottom:20px;
}

.col1, 
.col2,
.col3
.col1a
.col2a{
	float:left;	
}

.wrapper_30-70_col .col1{
	width:315px;
}

.wrapper_30-70_col .col1 .wrapper{
	padding-left:30px;
	padding-right:50px;
}

.wrapper_30-70_col .col2{
	width:560px;	
}

.wrapper_30-70_col .col2 .wrapper{
	padding-right:30px;	
}

.wrapper_70-30_col .col1{
	width:560px;
}

.wrapper_70-30_col .col1 .wrapper{
	padding-left:30px;
	padding-right:50px;
}

.wrapper_70-30_col .col2{
	width:315px;	
}

.wrapper_70-30_col .col2 .wrapper{
	padding-right:30px;	
}


/* FORMS */

label, input{
	float:left;	
}

label{
	width:100px;	
}

#contact_form p{
	clear:both;	
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 45%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}