/* ========= CSS Reset ========== */

body, h1, h2, h3, h4, h5, h6, a, p, ul, ol, li, em, strong, pre, form {
 padding: 0;
 margin: 0;
}
code { background: #0b132a; padding: 2px 6px; border-radius: 6px; border: 1px solid #1a2446; }


/* ========= GENERAL STYLES ========== */
html
{height: 100%;}

body {
	color: white;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	background: black;
	height: 100%;
	overflow-x: hidden;
}


a {
	font: 10px Verdana, Arial, Helvetica
}

a:link {
  color: silver;
  background-color: transparent;
}
a:visited {
  color: grey;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  background-color: transparent;
  text-decoration: underline;
  color: white;
}

body.video_background
{overflow: hidden;}

body.video_background #page_wrap
{position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;}

#wrapper
{width: 1000px;
margin: 0 auto;
position: relative;
height: 100%;
z-index: 100;
}
.basicRule {
	padding-bottom:12px;
	padding-top:4px;
}

/* ========= GENERAL STYLES END HERE========== */

/* ========= BACKGROUND AND SLIDER STYLES ========== */

#tf_bg{

	width:100%;

	height:100%;

	position:fixed;

	top:0px;

	left:0px;

}



#tf_bg img{

	position:absolute;

	top:0px; /*-482px;	 -(imgh/2 - wh/2) */

	left:0px;	/* calculate a negative value to center horizontally */

	width:100%;	/* windowwidth plus negative value of left */

	/*height:1650px; /* windowheight plus negative value of top */

	z-index: 1;

	display:none;

}

#slideshow_controls
{position: absolute;
top: 400px;
right: 400px;
z-index: 10000;
}


body span#body_loader
{width: 32px;
height: 32px;
position: absolute;
top: 50%; 
left: 50%;
text-indent: -9999px;
background: url(../images/ajax-loader.gif) no-repeat top left;
display: block;
z-index: 0;} 


.hide
{display: none;}

#flashcontent {
height: 100%;
z-index: 1;
}

#flashcontent p
{position: absolute;
top: 50%;
left: 40%;
width: 300px;
}

.grid
{position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../images/grid.png);
z-index: 10;
}


/* ========= BACKGROUND AND SLIDER STYLES END HERE========== */


/* =========  MENU STYLES ========== */
#menu_wrap
{width: 240px;
display: inline-block;
position: fixed;
top: 0px;
z-index: 500;}

#menu
{background: url(../images/menu_back.png) repeat-y top left ;
width: 220px;
padding: 25px 10px 25px 10px;}

#logo
{width: 220px;
height: 77px;}

#logo h1 a   
{display: block;
width: 220px;
height: 77px;	
background: url(../images/logo_back.png) no-repeat top left;
text-indent: -9999px;}


#navbar 
{list-style: none;
margin: 34px 0 -5px 20px;
position: relative;
z-index: 10000;}

#navbar li
{width: 160px;
height: 29px;
padding: 5px 10px 15px;
border-bottom: 1px solid #343434;
position: relative;
z-index: 10000;}

#navbar li:first-child
{border-top: 1px solid #343434;}

#navbar li a
{display: block;
width: 180px;
height: 40px;
font: bold 18px 'Myriad Pro Cond', 'Myriad Pro', 'Helvetica', 'Verdana', sans-serif;
color: #a3a3a3;
text-decoration: none;
text-transform: uppercase;
z-index: 20;
outline: none;
}


#navbar li span
{font: italic bold 12px 'Myriad Pro', 'Helvetica', 'Verdana', sans-serif;
color: #555555;
position: absolute;
top: 25px;
left: 10px;
z-index: 10;
text-transform: none;}


#navbar li span.hover_arrow
{width: 30px;
height: 30px;
display: none;
background: url(../images/menu_hover_arrow.png) no-repeat top left;
position: absolute;
top: 10px;
left: 150px; 
}

#navbar li.menu-item:hover
{background: url(../images/menu_hover_arrow.png) no-repeat center right;
}

#navbar .sub-menu li.menu-item:hover
{background: url(../images/submenu_hover_arrow.png) no-repeat right 4px;
}

#navbar li.current-menu-item a, #navbar li.current-menu-ancestor>a
{color: white;}

#navbar li.current-menu-parent>a
{color: white;}

#navbar li.current-menu-item a span, #navbar li.current-menu-ancestor a span, #navbar li.current-post-parent a span
{color: #aaaaaa;}

#navbar li.current_page_item .sub-menu li.menu-item a{
color: #a3a3a3;}


#navbar li ul
{position: absolute;
top: -1px;
left: 190px;
list-style: none;
background: black;
border: 1px solid #2f2f2f;
z-index: 1000;
width: 180px;
display: none;}


#navbar li ul li ul
{left: 150px;
display: none;
}

#navbar li:hover ul
{display: block;}

#navbar li:hover ul li ul
{display: none;
}

#navbar li:hover ul li:hover ul
{display: block;}

#navbar li ul li
{padding: 0 0 10px 0;
margin: 0 20px;
min-height: 30px;
width: 140px;
border-color: #1b1b1b;
position: relative;
z-index: 1000;}

#navbar li ul li a
{padding: 12px 0px 8px 30px;
display: block;
width: 140px;
height: 20px;
margin: 0 0 0 -10px;
}

#navbar li ul li a
{font-size: 12px;}


#navbar li ul li:hover
{background: url(../images/submenu_hover_arrow.png) no-repeat right 4px;}

#navbar li ul li:first-child
{border-top: none;}

#navbar li ul li:last-child
{border-bottom: none;}

a.not_link
{cursor: default;}

span.not_link
{cursor: default;}

#hide_menu {
background: url(../images/hide_menu_back.png) no-repeat bottom left;
width: 220px;
height: 115px;
margin: 0 0 0 0;
padding: 0 30px 0 30px;
position: relative;}

.menu_visible
{background: url(../images/menu_hide_arrow_top.png) no-repeat top left;}

.menu_hidden
{background: url(../images/menu_hide_arrow_bottom.png) no-repeat top left;}

#hide_menu a
{
display: none;
width: 48px;
height: 48px;
text-indent: -9999px;
position: absolute;
top: 5px;
left: 98px;
outline: none;}

.menu_tooltip
{width: 140px;
height: 30px;
padding: 17px 15px 0 25px;
background: url(../images/tooltip.png) no-repeat center center;
position: absolute;
top: 4px;
left: 131px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
display: none;
}


.menu_tooltip div
{position: absolute;
top: 14px;
left: 31px;
}

.menu_tooltip .tooltip_show
{display: none;}


.menu_tooltip p
{text-align: center;}

/* ========= MENU STYLES END HERE ========== */


/* ========= MAIN STYLES ========== */


#main_wrap {min-height: 100%;
background: url(../images/content_back.png) repeat-y top left; 
margin: 0 0 0 240px;}

#main
{position: relative;
width: 680px;
padding: 0 40px 5px 40px;
font: normal 12px Verdana, Arial, sans-serif;
line-height: 20px;
display: inline-block;
z-index: 2;
}

 
#main h1
{font: bold 40px 'Myriad Pro Cond', 'Myriad Pro', 'Helvetica', 'Verdana', sans-serif;
text-transform: uppercase;
margin: 35px 0 20px 0;
}

#main h2
{font: bold 30px 'Myriad Pro Cond', 'Myriad Pro', 'Helvetica', 'Verdana', sans-serif;
text-transform: uppercase;
margin: 35px 0 20px 0;
}

#main h2.section_title
{font: bold 30px 'Myriad Pro Cond', 'Myriad Pro', 'Helvetica', 'Verdana', sans-serif;
text-transform: uppercase;
margin: 19px 0 40px 0;
}

#main h3
{font: bold 20px 'Myriad Pro',  'Helvetica', 'Verdana', sans-serif;
padding: 30px 0 15px 0;
clear: left;
}

#main h4
{font: italic 16px 'Myriad Pro',  'Helvetica', 'Verdana', sans-serif;
padding: 20px 0 10px 0;
clear: left;
}

#main h5
{font: bold 14px 'Myriad Pro',  'Helvetica', 'Verdana', sans-serif;
padding: 20px 0 10px 0;
clear: left;
}


#main h6
{font: bold 14px 'Verdana', 'Arial', sans-serif;
padding: 12px 0 10px 0;
clear: left;
}

#content
{float: left;
margin: -28px 0 30px 0;
position: relative;
z-index: 20;}

.content_two_thirds
{width: 460px;}

.content_full_width
{
width: 680px;
}

.right
{margin: 0 -20px 0 0 !important;}

#content p
{margin-bottom: 20px;}

#content .img_floated_left
{float: left;
margin: 5px 20px 10px 0;
border: none;}

#content .img_floated_right
{float: right;
margin: 5px 0 10px 20px;
border: none;}

#content img
{margin: 5px 5px 5px 5px;
border: none;
}

#content img.alignleft
{float: left;
margin: 5px 20px 10px 5; /* Updated in KingSize V3 */
clear: both;}	


#content img.alignright
{float: right;
margin: 5px 5 10px 20px; /* Updated in KingSize V3 */
clear: both;}	


#content ul,  #content ol {
 margin: -10px 0 20px 60px; 
}
 
#content ul li li {
 margin-left: -35px;
}

#content ul ul {
 margin-top: 5px;
}

#content ul li {
 margin-top: 5px;
}

 
.archives {
 margin-left: 20px !important;
 }
 
 .archives a {
 color: #9F9F9F;
 text-decoration: none;
 }
 
 .archives a:hover {
 color: #cfcfcf;
 }
 
#content ul.no_bullets, #content ol.no_bullets
{list-style: none;}

#content ul.floated_left
{margin: 20px 0;
overflow: hidden;
}

#content ul.floated_left li
{float: left;
margin: 10px;
display: inline;
}

blockquote
{display: block;
padding: 15px 30px 30px 60px;
width: 440px;
margin: 0 0 0 15px;
color: #bbbbbb;
font-style: italic;
background: transparent url(../images/blockquote.png) no-repeat top left; }


.button {
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: italic bold 14px/100% Verdana, Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
text-decoration: none;
}
.button:active {
position: relative;
top: 1px;
}

/* any image that is a link */
a img {
  filter: drop-shadow(0px 0px 0px black);
  transition: 0.5s ease-in-out;
}

a img:hover {
  filter: drop-shadow(3px 3px 6px dimgrey);
  transition: 0.05s ease-in-out;
}

.rotate180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}