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

1.	RESET
	Global reset for all HTML elements

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

/* * { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } */
html { height: 100% }
body { background: #000; color: #fff; font-size: 100.01%; min-height: 101%; text-align: left; position: relative; }
img, fieldset, abbr, acronym { border: 0 }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }
caption { text-align: left }
q:before, q:after, blockquote:before, blockquote:after { content: '' }
input, select, textarea, button { font-size: 1em; line-height: normal; width: auto; }
input, select { vertical-align: middle }
textarea { height: auto; overflow: auto; }
option { padding-left: 0.6em }
button { background: none; border: 0; cursor: pointer; text-align: center; }
ul, ol { list-style-type:none; }

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

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

2.	MAIN STYLES
	General definitions

--------------------------------------------------------------------

/*-------------------------------
2.a Tags defaults
---------------------------------
[?] Tags only. No classes or ID's here.
*/
	
body#woothemes {
	//background:#000000 url(VOG_BG.png) no-repeat;
	background:#000000;
	font: 83%/1.4 american typewriter, helvetica, sans-serif;
	color: #8FB748;

	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444', endColorstr='#000000'); */ /* for IE */
	
/*
	background: -webkit-gradient(radial, center center, 10, center center, 960, from(#000), to(#444), color-stop(100%, #444)); width: 100%; height: 100%;
	
	background: -moz-radial-gradient(center center 45deg, ellipse closest-side, black 0%, rgb(73,91,41) 200%); width: 100%; height: 100%;
*/

/*
		background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(0,0,0)),
    color-stop(0.5, rgb(30,82,21)),
    color-stop(1, rgb(0,0,0))
); width: 100%; height: 100%;
	
	background: -moz-linear-gradient(
    center bottom,
    rgb(0,0,0) 0%,
    rgb(30,82,21) 50%,
    rgb(0,0,0) 100%
); width: 100%; height: 100%;
*/

}

body#contact {
	background:#000000 url(VOG_BG2.png) no-repeat;
	font: 83%/1.4 arial, helvetica, sans-serif;
	background-position: bottom right;
	color: #8FB748;
	margin: 20px;
}

body#contact h1, body#contact h2, body#contact h3, body#contact h4, #footer #footerWrap #copy a, #sidebar a, ol.commentlist li p a {
color:#8FB748;
}

p, ul, ol, table { margin: 0 0 18px }

em { color: #d9e3ea }

/* error message */
.error {
	height:15px;
	background-color:#FFFE36;
	font-size:11px;
	border:1px solid #E1E16D;
	padding:4px 10px;
	color:#000;
	margin-left:-2px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px; 
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;	
	-webkit-border-bottom-left-radius:0; 
	-webkit-border-top-left-radius:0;
	
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;	
}


/* Headlines */
h1, h2, h3{
	font-weight: normal;
	line-height: normal;
	letter-spacing:-1px;
}
h1 { font-size:30px; }
h2 { font-size:26px; }
h3 { font-size:22px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
h6 { font-size:10px; }
h1, h2, h3 {
	color: #8fb748;
	font-family: American Typewriter, "Times New Roman", Times, serif;
	margin-top: 0px;
}
h4 {
	color: #8fb748;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}


/* Anchors */
a, a:link, a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover, a:active, a.active {
	text-decoration: underline;
}

/* Lists */
#main div.box1 ul {
	padding:20px;
	list-style:inside;
}
#main div.box1 ol {
	padding:20px;
	list-style:inside;
	list-style-type:decimal;
}

blockquote {
	margin:15px 0; padding:10px 20px;
	border-bottom:1px solid #000;
	font:1.00em Georgia, "Times New Roman", Times, serif; color:#fff;
	background:url(images/bg-box.png) repeat scroll 0 0 !important;
	background: #222;
}

/*-------------------------------
2.b Base layout
---------------------------------
[?] Mostly ID's. Classes & tags allowed.
*/

#wrap {
	margin: auto;
	text-align: left;
	width: 100%;
	position: relative;
}

#innerwrap {
	margin: auto;
	text-align: left;
	width: 960px;
	position: relative;
	min-height: 100%;
}

#header, #content, #footer {
	float: left; 
	display: inline;
	clear: both;
	position: relative;
}

#header {
	height: 410px;
	width: 100%;
}
#logo { 
	height:38px;
	left:148px;
	position:relative;
	top:5px;
	width:1000px;
	margin-bottom: -20px;
}

#logo a {
	/* background: url(images/logo.png) no-repeat; */
	cursor: pointer;
	position: absolute;
	top: 70px; left: 1px;
	display:block;
}

#content {
	padding: 0 0 4em;
	width: 100%;
/* 	background-image: URL(vog_bg_texture.jpg); */
	background-repeat: no-repeat;
}

#content2 {
/* 	padding: 0 0 4em; */
	width: 960px;
	margin-left: -480px;
	left: 50%;
	top: 50%;
	margin-top: -275px;
/* 	background-image: URL(vog_bg_texture.jpg); */
/* 	background-repeat: no-repeat; */
	float: left; 
	display: inline;
	clear: both;
	position: absolute;
}

#contentWide {
/* 	padding: 0 0 4em; */
	width: 960px;
	margin-left: -565px;
	left: 50%;
	top: 50%;
	margin-top: -275px;
/* 	background-image: URL(vog_bg_texture.jpg); */
/* 	background-repeat: no-repeat; */
	float: left; 
	display: inline;
	clear: both;
	position: absolute;
}

#contentWideImage {
	width: 1000px;
	margin-left: -500px;
	left: 50%;
	top: 50%;
	margin-top: -550px;
	float: left; 
	display: inline;
	clear: both;
	position: absolute;
}

#callBox {
	float: left; 
	display: inline;
	clear: both;
	position: absolute;	 
	border: 1px solid rgb(143, 183, 72); 
	padding: 5px;
	width: 300px;
	left: 50%;
	top: 100%;
	margin-left: -175px;
	margin-top: -120px;
	z-index: 0;
}

#callBox2 {
	float: left; 
	display: inline;
	clear: both;
	position: absolute;	 
	border: 1px solid rgb(143, 183, 72); 
	padding: 5px;
	width: 300px;
	left: 50%;
	top: 100%;
	margin-left: -175px;
	margin-top: -120px;
	z-index: +1;
}

#aboutTextDiv {
	opacity: .25; float:left; filter: alpha(opacity=25); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
}

.home #main {
	float: left;
	width: 374px;
}

#main {
	float: left;
	width: 598px;
}

	
	
/* Fix Footer Position */
/* #wrap {position: relative; min-height: 100%;} */
/* html, body, * html #wrap {height: 100%;} */
/* #content {padding-bottom: 100px;} */


/*-------------------------------
Video Player
-------------------------------*/

.video-js-box .vjs-controls > div { /* Direct div children of control bar */
  /* CSS Background Gradients 
     Using to give the aqua-ish look. */
  /* Default */ background-color: #8fb748;
  /* Webkit  */ background: #8fb748 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#8fb748)) left 12px;
  /* Firefox */ background: #8fb748 -moz-linear-gradient(top,  #0B151A,  #8fb748) left 12px;

  /* CSS Curved Corners */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;

  /* CSS Shadows */
  box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000;
}

div.vjs-big-play-button {
  /* CSS Background Gradients */
  /* Default */ background-color: #8fb748;
  /* Webkit  */ background: #8fb748 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#8fb748)) left 40px;
  /* Firefox */ background: #8fb748 -moz-linear-gradient(top,  #0B151A,  #8fb748) left 40px;

  /* CSS Shadows */
  box-shadow: 4px 4px 8px #000; -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000;
}

/*-------------------------------
2.c Navigations
-------------------------------*/



/* Main navigation */
#nav {
height:38px;
left:145px;
position:relative;
top:-17px;
width:600px;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	z-index: 100;
}

#nav a {
	color: #8fb748;
	font-family: American Typewriter, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding: 0px 8px;
	text-transform: lowercase;
}

#nav a:hover {
	color: #fff;
	background: url(../images/bg-nav.png);
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#nav li {
	float: left;
}

/* Style drop down list */

#nav li ul {
	position: absolute;
	width: 200px;
	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul li a {
	background: url(images/bg-nav.png);
	line-height: 18px;
	font-size: 11px;
	color: #fff;
	width: 150px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
}

#nav li ul li a:hover {
	background: #FFF;
	color:#222;
}

#nav li ul li a {
}

#nav li ul ul {
	margin: -35px 0 0 180px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

/* IE7 Fix */

#nav li:hover, #nav li.hover {  
	position: static;
}

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

3.	FORMS
	Styles for forms only

--------------------------------------------------------------------

/*-------------------------------
3.a Form styles
-------------------------------*/

//input.text, select.select, textarea.textarea
//{
//	border: 0;
//	color: #000;
//	padding: 7px;
//}
//input.text { width: 168px }
//select.select { width: 200px }
//textarea.textarea { width: 375px; height: 100px; background-color: #e9eef4 }
//
//button.button {
//	color: #fff;
//	height: auto; width: auto;
//	line-height: normal;
//	white-space: nowrap;
//}

/* General forms */
//form.form {  }
//
//	form.form ol.fieldset {	list-style: none }
//	
//		form.form ol.fieldset li.field {
//			margin: 0 0 13px;
//			position: relative;
//		}
//			form.form ol.fieldset li.field label {
//				position: absolute;
//				top: 5px; left: 195px;
//			}
//			
//	form.form p.submit { margin: 0 }
//	
//	form.form p.submit input { padding: 5px 10px }


/* Search forms where button and text input are next to each other  */
form.search { /* nothing here */ }
	
	form.search p.fields { margin: 0 }

		form.search p.fields input, form.search p.fields button {
			display: inline;
			vertical-align: middle;
		}
		

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

4.	PLUGINS
	Predefined utilities

--------------------------------------------------------------------


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

.l { text-align: left }
.c { text-align: center }
.r { text-align: right }
.aligncenter { margin: 5px auto 15px auto;	display: block; }
.alignleft { margin: 5px 15px 5px 0; float: left; }
.alignright { margin: 5px 0px 5px 15px; float: right; }

.wrap, .col { float: left;	display: inline; position: relative; }
.wrap { clear: both }

.clear { clear: both }
.fl { float: left }
.fr { float: right }
.hide, .hidden, .anchor, .skip { display: none }
.nomargin { margin-bottom: 0 !important }
.noborder { border: 0 !important }
.top { margin-top: 0 !important }

.replace, .br { display: block; font-size: 1%; line-height: 0; text-align: left; text-indent: -10000px; }

.hr { background: #ccc; height: 1px; margin: 1.5em 0 }
.hr hr { display: none }


/*-------------------------------
Clearfix
-------------------------------*/

.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfix { display: block }
.fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden; }