hhtml { overflow-y:scroll; }

body {
	margin-top: 20px;
	text-align: center;
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	line-height: 18px;
	color: #222;
	background:#000;
	}

td {
	text-align: left;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	line-height: 18px;
	color: #222;
	}

#container {
	margin: auto;
	margin-top: 20px;
	width: 950px;
	text-align: left;
	background-color: #E7E4D5;
	}

#container-home {
	width: 950px;
	text-align: left;
	background-color: #000;
	margin: auto;
	}

#news {
float: left;
width:625px;
}

#footer #news a, #footer #news a:visited {font-size:12px;color:#1C7CA4; outline:none;}
#footer #news {font-size:12px;}

#footer #news ul { margin:0; padding:0; list-style:none; }
#footer #news li { margin:0 0 7px; }

#header {
	float: left;
	width: 950px;
	background-color: #000;
	}

#copyright {
	text-align: right;
	width: 930px;
	padding: 20px 20px 20px 0;
	font-size: 11px;
	color: #666;
	}
#logo {
	float: left;
	height: 47px;
	}

#nav {
	float: left;
	width: 792px;
	border-bottom: 1px solid #000000;
	background:url(images/bkgd-nav.jpg) repeat-y 0 0;
	height:46px;
	position:relative;
    text-align:center;
	z-index:100;
	}

#nav ul {
	list-style:none;
	margin:0;
	padding:15px 5px 0 0;
	}

#nav li {display:inline-block;}

#nav a {
	display:block;
	float:left;
	border-right:1px solid #FFF;
	font-size: 13px;
	line-height: 18px;
	padding:0 20px;
	}

#nav a.last {border-right:0;}

#nav a {
	color: #FFF;
	text-decoration: none;
	}

#nav ul#main ul { padding:15px 0 0 0; }
#nav li a:hover, #nav li a:active, #nav li.parent-active a, #nav li.active a {color: #79B3C5;}
#nav li.last a { border:none; }
#nav li:hover li a { color:#79B3C5; }
#nav li li { background-color:#3E3A37; display:block; float:left; }
#nav li li a { width:165px; color:#79B3C5; padding:8px 10px; text-align:left; height:auto; display:block; line-height:normal; font-size:13px; border:none; }
#nav li li a:hover { background-color:#666; color:#fff }
#nav li ul { position: absolute; width:165px; left: -999em; top:30px; }
#nav li#main-about:hover ul { left:80px; } /* 38px with gallery */

#pic {
	float: left;
	width: 434px;
	position:relative;
	}

#pic img { margin-bottom:10px; }
#pic p { margin:0 15px 1em; }

ul.list { margin:0; padding:0; list-style:none; }
ul.list li { margin:0 0 15px; }

#content {
	float: right;
	margin-right: 40px;
	width: 416px;
	min-height:600px;
	}
#wide-content { padding:0 50px 25px; text-align:center; float:left; }
#wide-content p { text-align:left; }
#wide-content h2 { margin-bottom:5px; }
.row { text-align:left; float:left; }
ul#gallery { margin:0 0 15px; padding:0; list-style:none; }
ul#gallery li { margin:0 10px 10px 0; padding:0; float:left; }
ul#gallery a, ul#gallery img { display:block; }

#timeline { float:left; width:950px; margin-bottom:10px; position:relative; top:-120px; }
#timeline a { color:#fff; display:inline-block; }
#timeline a:hover { text-decoration:none; }

a.trigger{
	position: absolute;
	background:#007091 url(images/plus.png) 10px 50% no-repeat;
	text-decoration: none;
	font-size: 15px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding:4px 15px 4px 35px;
	font-weight: bold;
	z-index:2;
}
a.trigger.left {
	left: 0;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
a.trigger.right {
	right: 0;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}
a.trigger:hover {
	background-color:#59B;
}
a.active.trigger {
	background:#666 url(images/minus.png) 10px 50% no-repeat;
}
.panel {
	color:#CCC;
	display: none;
	background-color: #000; /*#E7E4D5*/
	z-index:1;
	position:absolute;
	height:auto;
}
.panel.left {
	left: 0;
	padding: 10px 0 10px 0;
}
.panel.right {
	right: 0;
	padding: 20px 100px 20px 30px;
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-top-left-radius: 15px;
}

#footer {
	clear: both;
	text-align: right;
	width: 940px;
	padding: 10px 10px 0 0;
	font-size: 11px;
	background-color: #000;
	color: #666;
	}

#news {text-align:left;}

ul#op_data { margin:0 0 0 15px; padding:0; }

#footer a:link{
	color: #1C7CA4;
	text-decoration: none;
	}

#footer a:hover, #footer a:active {text-decoration: underline;}

.copy {
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	line-height: 18px;
	color: #222;
	}

.subtitle {
	font-family: Arial, Helvetica, Verdana;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #1C7CA4;
	}
a:link {color: #5F7F00; text-decoration: none;}
a:visited {color: #5F7F00; text-decoration: none;}
a:hover {color: #5F7F00; text-decoration: underline;}
a:active {color: #5F7F00; text-decoration: underline;}

a.back  {
	float: right;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana;
	line-height: 18px;}

a.back:link {color: #5F7F00}
a.back:visited {color: #5F7F00}
a.back:active {color: #5F7F00}
a.back:hover {color: #5F7F00; text-decoration: underline;}

/* Shadowbox styles
------------------------------------------------- */
#shadowbox_container, #shadowbox_overlay {
top:0;
left:0;
height:100%;
width:100%;
margin:0;
padding:0;
}

#shadowbox_container {
position:fixed;
display:block;
visibility:hidden;
z-index:999;
text-align:center;
}

#shadowbox_overlay {
position:absolute;
background-image:url(images/shadowbox/overlay.png);
background-repeat:repeat;
}

#shadowbox {
position:relative;
margin:0 auto;
text-align:left;
}

#shadowbox_body {
position:relative;
margin:0;
padding:0;
border:1px solid #fff;
overflow:hidden;
}

#shadowbox_body_inner {
position:relative;
height:100%;
}

#shadowbox_content.html {
height:100%;
overflow:auto;
}

#shadowbox_loading {
position:absolute;
top:0;
width:100%;
height:100%;
}

#shadowbox_body, #shadowbox_loading {
background-color:#060606;
}

#shadowbox_loading_indicator {
float:left;
margin:10px 10px 0 10px;
height:32px;
width:32px;
background-image:url(images/shadowbox/loading.gif);
background-repeat:no-repeat;
}

#shadowbox_loading span {
font-family:'Lucida Grande', Tahoma, sans-serif;
font-size:10px;
float:left;
margin-top:16px;
}

#shadowbox_loading span a:link, #shadowbox_loading span a:visited {
color:#fff;
text-decoration:underline;
}

#shadowbox_title, #shadowbox_info {
position:relative;
margin:0;
padding:0;
overflow:hidden;
}

#shadowbox_title_inner, #shadowbox_info_inner {
position:relative;
font-family:'Lucida Grande', Tahoma, sans-serif;
line-height:16px;
}

#shadowbox_title {
height:26px;
}

#shadowbox_title_inner {
font-size:16px;
padding:5px 0;
color:#fff;
}

#shadowbox_info {
height:20px;
}

#shadowbox_info_inner {
font-size:12px;
color:#fff;
}

#shadowbox_nav {
float:right;
height:16px;
padding:2px 0;
width:45%;
}

#shadowbox_nav a {
display:block;
float:right;
height:16px;
width:16px;
margin-left:3px;
cursor:pointer;
}

#shadowbox_nav_close {
background-image:url(images/shadowbox/close.png);
background-repeat:no-repeat;
}

#shadowbox_nav_next {
background-image:url(images/shadowbox/next.png);
background-repeat:no-repeat;
}

#shadowbox_nav_previous {
background-image:url(images/shadowbox/previous.png);
background-repeat:no-repeat;
}

#shadowbox_nav_play {
background-image:url(images/shadowbox/play.png);
background-repeat:no-repeat;
}

#shadowbox_nav_pause {
background-image:url(images/shadowbox/pause.png);
background-repeat:no-repeat;
}

#shadowbox_counter {
float:left;
padding:2px 0;
width:45%;
}

#shadowbox_counter a {
padding:0 4px 0 0;
text-decoration:none;
cursor:pointer;
color:#fff;
}

#shadowbox_counter a.shadowbox_counter_current {
text-decoration:underline;
}

div.shadowbox_clear {
clear:both;
}

div.shadowbox_message {
font-family:'Lucida Grande', Tahoma, sans-serif;
font-size:12px;
padding:10px;
text-align:center;
}

div.shadowbox_message a:link, div.shadowbox_message a:visited {
color:#fff;
text-decoration:underline;
}

/* NIVO SLIDER */

.slider-wrapper { float:left; margin-top:20px; }

.nivoSlider {
    position:relative;
    background:url(http://jonesenergy.com/images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}