@charset "UTF-8";
/* MASTER CSS Document */

/* Brightway Master Stylesheet 					*/

/* BASIC STYLING */
body {
	margin: 0;
	padding:0;
	background-color: #004400; /* was #666 */
	background-image:none;
	position: relative;
	font-size: 13px;
	line-height: 18px;
	color: #434b51;
	font-family:"Myriad Pro", arial, sans-serif;
}

* {	margin: 0; padding: 0; /*border: none; outline: none; */ }

blockquote {background: #f7f7f7 url('../images/blockquote.png') left top scroll repeat-x; padding: 10px 0; margin-top: 30px; margin-bottom: 30px; font-size: 16px; color: #1d434c; line-height: 23px; overflow: hidden; box-shadow: 0px 0px 3px rgba(000,000,000,0.25); -webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.25); -moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.25); position: relative; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #5380A2;}
blockquote p, blockquote h4, blockquote .name {margin: 0 20px; padding: 10px 0; position: relative;}
blockquote p {position: relative; z-index: 1;}
blockquote p.first {background: url('../images/leftQuote.png') left top no-repeat;}
blockquote span.rightQuote {position: absolute; right: 20px; bottom: 20px; background: url('../images/rightQuote.png') right bottom no-repeat; width: 52px; height: 38px; display: block; z-index: 0;}
blockquote .name {text-align: right; font-size: 16px; font-weight: bold; float: right; display: block; padding-right: 0 !important;}

p {margin-bottom: 15px;}

input.text, input[type=text], input[type=email], input[type=password], textarea, .selector, select {font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 12px; line-height: 18px; color: #393939; padding: 7px 10px; position: relative; border: 1px solid #cbcbcb; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #fff;}
textarea {overflow: hidden !important;}
input[type=checkbox] {margin: 3px 7px 5px 0px !important;}

/* Special classes */
.clear {clear: both; overflow: hidden; line-height: 0; height: 0; zoom: 1;}
.ind {padding:15px;}
.noborder {	border: 0 !important; }
.nowrap { white-space: nowrap !important; }
.nopadding { padding: 0 !important; }
.nomargin {margin: 0 !important;}
.nobg {background: none !important;}
.noliststyle {list-style: none !important;}
.nodisplay {display: none;}
.overflow {clear: both; overflow: hidden; zoom: 1;}
.overflow10 {margin: 10px 0; clear: both; overflow: hidden; zoom: 1;}
.alignleft {margin: 0 20px 20px 0; float: left;}
.alignright {margin: 0 0 20px 20px; float: right;}
.alignleft, .alignright {display: inline; position: relative;}
.aligncenter {position: relative; margin-left: auto; margin-right: auto;}
.floatl {float: left;}
.floatr {float: right;}
.center {text-align: center;}
.error, .sendingError {color: #F00 !important; border: 1px solid #F00 !important;}
.more a {font-style:italic; text-transform:uppercase; font-stretch:condensed;}

.shadow {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
  
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;
}


/* --------- BUTTONS ----------------------------------*/
/* to make a gradient button, use the button class and apply the desired gradient from the gradient section as a secondary class */
.button {
	box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
	padding: 10px 15px;
	border-radius: 10px;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	line-height:17px;
	color:#fff;}

/* ---------GRADIENTS ----------------------------------*/
/* use this to create your custom gradients - www.colorzilla.com/gradient-editor  */

.silverGrad {
	background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	/* for IE 6-8 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#bbbbbb',GradientType=0 );
}

/* ---------IMAGES AND CAPTIONS ----------------------------------*/

.opaque {
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

.frame {border:3px solid #e8e8e8;}
.frame2 {padding:10px;background:#fff;box-shadow: 3px 5px 8px rgba(0,0,0,0.70);-moz-box-shadow: 3px 5px 8px rgba(0,0,0,0.70);-webkit-box-shadow: 3px 5px 8px rgba(0,0,0,0.70)}
.frame3 {padding:10px;background:#fff;box-shadow: 3px 5px 8px rgba(164,166,173,0.70);-moz-box-shadow: 3px 5px 8px rgba(164,166,173,0.70);-webkit-box-shadow: 3px 5px 8px rgba(164,166,173,0.70)}
/* frame 3 is lighter */

.doubleFramed {position: relative; border: 7px solid #fff; box-shadow: 0px 0px 4px rgba(000,000,000,0.5); -webkit-box-shadow: 0px 0px 4px rgba(000,000,000,0.5); -moz-box-shadow: 0px 0px 4px rgba(000,000,000,0.3); margin: 7px 7px 15px 7px;}
.doubleFramed {border: 7px solid #fff; box-shadow: 0px 0px 4px rgba(000,000,000,0.5); -webkit-box-shadow: 0px 0px 5px rgba(000,000,000,0.5); -moz-box-shadow: 0px 0px 4px rgba(000,000,000,0.3); margin: 7px 7px 15px 7px;}

span.magnifier {position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; background: #494949 url('../images/magnifier.png') center center no-repeat;}
span.play {position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; background: #494949 url('../images/play.png') center center no-repeat;}
.thumb span.play {position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; background: #494949 url('../images/playSmall.png') center center no-repeat;}
span.paperClip {position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; background: #494949 url('../images/paperClip.png') center center no-repeat;}
 
/* --------- DIVIDERS ----------------------------------*/
.hor { border-bottom: 1px solid #e0e0e0; margin: 17px auto; clear: both; overflow: hidden; position: relative; height: 1px; line-height: 1px; zoom: 1;}
.hor2 { border-bottom: 1px solid #fff; border-top: 1px solid #cdcecc; margin: 17px auto; clear: both; overflow: hidden; height: 0px; line-height: 0px; zoom: 1;}
.horDashed { border-bottom: 1px dashed #ccc; margin: 17px auto; clear: both; overflow: hidden; position: relative; height: 1px; line-height: 1px; zoom: 1;}
.horShadow {margin: 7px auto; overflow: hidden; position: relative; height: 35px; line-height: 3px; zoom: 1; background: url('../images/horShadow.png') center bottom scroll repeat-x;}
.horDouble {margin: 17px auto; clear: both; overflow: hidden; position: relative; height: 3px; line-height: 3px; zoom: 1; background: url('../images/horDouble.png') center bottom scroll repeat-x;}
.starHor {overflow: hidden; position: relative; height: 67px; line-height: 67px; margin: 0; clear: both; background: url('../images/starHor.png') center center no-repeat; zoom: 1;}

/* ---------  HEADINGS ----------------------------------*/
h1, h2, h3, h4, h5, h6 {color: #434b51; font-weight: normal; line-height: 40px;}
h4, h5, h6 {line-height: 32px;}
h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {color: #004375;}

h1 {text-transform:uppercase; font-stretch:condensed;}
h2 { font-size: 24px; text-transform: uppercase;}
h3 { font-size: 20px; margin-bottom: 5px; margin-top: 7px;}
h4 {font-size: 17px; margin: 5px 0; text-transform: uppercase;}
h5 {font-size: 16px; margin: 5px 0;}
h6 {font-size: 14px; margin: 3px 0; font-style:italic; text-transform:uppercase; color:#900;}


/* for titles with a colored background bar - just add this as a class to your h1-6 */
.titlebar {background-color:#474747; color:#fff; padding:1px 0px 1px 20px; margin-bottom:15px; }


/* --------- LINKS AND LISTS ----------------------------------*/

a { color: #d50f38;	text-decoration: none; position: relative;}
a:hover { color: #b50d30; }
a:active, img { outline: none; border: none; }

ul {list-style:disc;}
li {line-height:1.2em; padding:0px 0px 5px 3px;margin-left:10px;font-size:14px;}*/

/* --------- FORMS ----------------------------------*/

/* Contact Form ------------------- */

#contact-form {width:400px;overflow:hidden; background-color:#e8e8e8;padding:20px;}
#contact-form fieldset {border:none;float:left;}
#contact-form .field {clear:both;min-height:30px;height:auto !important;height:30px}
#contact-form label {float:left;width:100px;font-weight:bold; font-size:12px;}
#contact-form input {width:267px;padding:2px 0 2px 3px;border:1px solid #d2d2d2;float:left}
#contact-form textarea {width:300px;height:167px;padding:2px 0 2px 3px;border:1px solid #d2d2d2;margin-bottom:15px;overflow:auto;float:left}
#contact-form .link1 {float:left; width:60px;}

.link1 {display:block;float:right;background:url(../images/link1-bgd.gif) left top repeat-x;color:#fff;text-decoration:none}
.link1:hover {color:#000}
.link1 span {display:block;background:url(../images/link1-border.gif) no-repeat left top}
.link1 span span {background:url(../images/link1-border.gif) no-repeat right top;padding:3px 15px 3px 15px}

/* --------- TABLES ----------------------------------*/
td {vertical-align:top;}

/* ---------------------------------*/
/* 2.0 STYLING FOR LAYOUT SECTIONS  */
/* ---------------------------------*/

#wrapper {	
width: 980px; /* set once here - and in footer and home-feature-bar */
margin:0 auto;
background-color: #F1F1F1;
border:1px solid #666;

  -moz-box-shadow:    1px 3px 5px 5px #474747;
  -webkit-box-shadow: 1px 3px 5px 5px #474747; 
  box-shadow:         1px 3px 5px 5px #474747;
  
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;
	
text-align:left; 
}

#header {height: 73px;border-bottom:1px solid #000; background:url(../images/bg-header.jpg) no-repeat left top;}

#logo {margin: 17px auto; /*overflow: hidden; position: relative; display: block; */}
#logo h1 {margin: 0 !important; padding: 0 !important;}
.strapline {float:right;margin:40px 20px 0px 0px;color:#474747;font-size:20px;font-style:italic; color:#050505;}
.phone-no {float:right;margin:15px 20px 0px 0px;font-size:22px;font-weight:bold;color:#474747; }

.container {width:100% !important;}

/* 2 column page with left sidebar */

.left-sidebar {float:left; width:230px; }
.main {margin-left:235px; padding:20px; border-left:1px solid #050505;}

/* 2.1 Containers - within content section*/

/* 2 EVEN COLUMNS */
.col1of2 {float:left;width:47%;}
.col2of2 {float:left;width:46%; margin-left:35px;}

/* 3 EVEN COLUMNS */
.col1of3 {float:left;width:31%;}
.col2of3 {float:left;width:31%; margin-left:30px;}
.col3of3 {float:left;width:29%; margin-left:30px;}

/* 4 EVEN COLUMNS */
.col1of4 {float:left;width:23%;}
.col2of4 {float:left;width:23%; margin-left:25px;}
.col3of4 {float:left;width:22%; margin-left:25px;}
.col4of4 {float:left;width:22%; margin-left:25px;}

/* ---------------------------------*/
/* 3.0 NAVIGATION  					*/
/* ---------------------------------*/

/* top navigation ------------------*/

#top-nav {float:right;clear:right;margin:10px 20px 0px 0px;}
#top-nav ul {list-style:none;margin:0;padding:0;}
#top-nav li {display:inline;font-size:95%;}
#top-nav li a {color:#000000;padding:0px 10px 0px 10px;}
#top-nav a:hover {color:#CC0000;}

/* side navigation -----------------
#side-nav {margin:0; padding:0;}
#side-nav ul {list-style:none; background-color:#F1F1F1;margin:0; padding:0;}
#side-nav li {border-bottom:1px solid #e8e8e8;}
#side-nav li a {display:block; padding:10px 5px 10px 1.8em; background-color:#F1F1F1; color:#474747; text-decoration:none;}
#side-nav li a:hover {background-color:#693;color:#fff;}
*/

/* Main Horizontal navigation with pulldown ----------------*/
/* ref http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu */

#nav {
	margin: 0px auto; 
	text-align: left;
}

#nav ul ul {
	display: none;
}

#nav ul li:hover > ul {
		display: block;
	}

#nav ul {
	width:100%;
	background: #6F1719;
	background: -webkit-linear-gradient(#660000, #6F1719, #660000); /* For Safari */
	background: -o-linear-gradient(#660000, #6F1719, #660000); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#660000, #6F1719, #660000); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#600, #6F1719, #600); /* Standard syntax */

	
	
	/*888 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); */
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding:0;
	/*border-radius: 10px;  */
	list-style: none;
	position: relative;
	display: inline-table;
}
#nav ul:after {
		content: ""; clear: both; display: block;
	}

#nav ul li {
		float: left;
		font-family:"Myriad Pro", arial, sans-serif;
		border-right:2px solid #000;
	}
#nav ul li.last {border-right:none;}
	
#nav ul li:hover {
		background: #4b545f;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	}
#nav ul li:hover a {
		color: #fff;
	}
		
		#nav ul li a {
			display: block; padding: 10px 17px 6px 17px;
			color: #f1f1f1; text-decoration: none;
			font-size:15px;
		text-align:center;
		}
/* footer sections --------------- */

#footer { 	
	width:980px;
	height:80px;
	margin:0 auto;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top,  #efefef 1%, #bbbbbb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#efefef), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efefef 1%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #efefef 1%,#bbbbbb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efefef 1%,#bbbbbb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #efefef 1%,#bbbbbb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */

/*	box-shadow: 0px 0px 15px rgba(0,0,0,0.15); */
border-top:10px solid #050505;
}
#footer p {text-align:center;font-size:90%;	color:#474747;	padding-top:30px;}
#footer a {color:#6F1719;}

/* ---------------------------------*/
/* 4.0 PAGES	  					*/
/* Page specific styling			*/
/* ---------------------------------*/

.home-img {border-bottom:5px solid #000;}

.home-feature-bar {width:980px; background:#000; color:#FFF; }
.home-feature-bar h5 {color:#FFF; margin-top:-15px;}

.feature-bar {background:#000; color:#FFF; }
.feature-bar h5 {color:#FFF; margin-top:-15px; padding-left:15px;}

.members, .news{padding-bottom:5px; border-bottom:2px dotted #c9c9c9;}
.members.last {border:none; padding-bottom:20px;}
.properties {height:125px;border-bottom:2px dotted #c9c9c9;}

.section-grey {width:980px; background-color:#c9c9c9;}
/*.bbottom {padding-bottom:5px; border-bottom:2px dotted #c9c9c9;} */

/* photo gallery page */

.gallery {margin-bottom:60px; /*padding:10px 0px 10px 0px; background-color:#000; */}
.theme-default #slider {
	margin:0 auto;
    width:900px; /* Make sure your images are the same size */
    height:600px; /* Make sure your images are the same size */
	background-color:#000;
}

/* contact page */
.antispam { display:none;}


