/* styling for the accordion */
#vtab {
	margin: 20px auto;
	font-size:15px;
	color:#373632;
}

#vtab ul {
	position:relative;
	width:997px;
	height:51px;
}

#vtab ul li {
	list-style-type: none;
	display: block;
	position: relative;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	text-align:center;
	background:url(../images/bg_static.gif) repeat-x;
	text-transform:uppercase;
	padding:0px 0px;
}

/*#vtab ul li a {
	display:block;
	padding-top:17px;
}

#vtab ul li a.selected {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	z-index: 10;
	position: relative;
	background:url(../images/bg_hover.gif) repeat-x;
	color:#fff;
}*/

/*#vtab ul {
	text-align: left;
	display: block;
	position: relative;
	height:51px;
}

#vtab ul li a {
	color:#666;
	text-decoration:none;
}*/

#vtab div {
	position: relative;
	z-index: 9;
}

/* blanket rules */
* {
	margin:0px;
	padding:0px;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	background-color:#D3D3D3;
	border-top:4px solid #A65B00;
}

#wrapper {
	width:997px;
	margin:0px auto;
}

.clear {
	clear:both;
	margin:0px;
	padding:0px;
}

img {
	border:none;
}

/* header area containing two header columns */
#header_left {
	width:60%;
	float:left;
}

#header_left img {
	padding:20px;
}

#header_right {
	float:right;
	width:40%;
	text-align:right;
}

#wrapper #header #header_right ul.top {
	margin:-4px 0px 0px 0px;
	padding:6px 7px 10px 20px;
	background:url(../images/bg_navigation_top.gif) no-repeat right top;
	text-align:right;
}

#header_right ul.top li {
	list-style:none;
	display:inline;
}

#header_right ul.top li a {
	color:#fff;
	border-right:1px solid #fff;
	padding:0px 17px;
	text-decoration:none;
}

#header_right ul.top li a:hover {
	text-decoration:underline;
}

#header_right ul {
	text-align:left;
	padding:25px 0px 25px 137px;
	margin:0px;
}

#header_right ul li {
	list-style:none;
}

/* main navigation consisting of inline links and a black rounded background */
#navigation_main ul {
	padding:13px 0px;
	background:url(../images/bg_navigation_main.gif) no-repeat center center;
}

#navigation_main ul li {
	list-style:none;
	display:inline;
	padding:0px 34px;
	border-right:1px solid #909090;
}

#navigation_main ul li form {
	display:inline;
}

/* the main panel data containing 3 columns */
#data_main {
	background:url(../images/bg_body_main.gif) repeat-y;
}

#data_left {
	float:left;
	width:398px;
}

#data_left h1 {
	padding:30px 30px 20px 30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:21px;
	color:#E26C00;
	font-weight:normal;
}

#data_left p {
	padding:0px 30px 25px 30px;
	line-height:20px;
}

#data_left img.contact {
	padding:0px 30px 0px 30px;
}

#data_right {
	float:right;
	width:300px;
}

#data_right h1 {
	padding:25px 30px 20px 17px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:21px;
	color:#E26C00;
	font-weight:normal;
}

#data_right p {
	padding:0px 30px 25px 17px;
	line-height:20px;
}

#data_right p a.more {
	color:#E26C00;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
}

#data_right p a.more:hover {
	text-decoration:underline;
}

#testimonials {
	width:300px;
	margin:0px;
	padding:0px;
}

#test_left {
	width:60px;
	float:left;
	text-align: right;
}

#test_left p {
	padding-bottom:0px;
}

#test_right {
	float:right;
	width:230px;
}

#test_right ul {
	padding:0px;
	margin:0px;
}

#test_right ul li {
	list-style:none;
	padding:0px;
}

#data_right ul.testimonials {
	padding:0px;
	margin:20px 0px 10px 0px;
}

#data_right ul.testimonials li {
	background:url(../images/bg_testimonials.gif) repeat-x;
	list-style:none;
	padding:20px 0px 20px 17px;
}

#data_right ul.testimonials li a {
	color:#000;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	background:url(../fancybox/icn_arrow.png) no-repeat right center;
	display:block;
	margin-right:13px;
}

#data_right ul.testimonials li a:hover {
	color:#95AF5B;
}

#data_center {
	width:296px;
	float:left;
	background:url(../images/bg_panel_center.gif) no-repeat 5px -5px;
	margin-top:-10px;
}

#data_center h1 {
	padding:35px 0px 15px 20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:21px;
	color:#E26C00;
	font-weight:normal;
	background:url(../images/bg_technews.gif) no-repeat 243px center;
}

#data_center ul {
	margin:0px;
	padding:0px 20px 15px 20px;
}

#data_center ul li {
	padding-bottom:23px;
	list-style:none;
	line-height:20px;
}

#data_left a, #data_center ul li a {
	color:#E26C00;
	font-weight:bold;
	text-decoration:none;
	font-style:italic;
}

#data_left a:hover, #data_center ul li a:hover {
	text-decoration:underline;
}

/* fixed height footer */
#footer {
	height:74px;
	background:url(../images/bg_footer.gif) repeat-x;
	margin:6px 0px 0px 0px;
}

#footer_top ul {
	padding:14px 36px 16px 36px;
	margin:0px;
}

#footer_top ul li {
	list-style:none;
	display:inline;
	padding:0px 10px;
	background:url(../images/img_footer_divider.gif) no-repeat right center;
}

#footer_top ul li a {
	color:#666;
	text-decoration:none;
}

#footer_top ul li a:hover {
	text-decoration:underline;
}

.footer_bottom {
	margin-top:-1px;
}

#footer_bottom p {
	padding:0px 36px;
}

/* left panel within the inside page with extended width */
#data_left_inside {
	float:left;
	width:695px;
}

#data_left_inside h1 {
	padding:30px 30px 20px 30px;
	font-size:21px;
	color:#E26C00;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
}

#data_left_inside p {
	padding:10px 30px;
	line-height:20px;
}

#data_left_inside img.contact {
	padding:0px 30px 10px 30px;
}

/* the main data panel with a different background */
#data_main_inside {
	background:url(../images/bg_inside.gif) repeat-y;
}

/* website navigation styling */
#navigation h1.breadcrumbs {
	padding:19px 0px 0px 33px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

#data_left_inside h2 {
	font-size:14px;
	color:#666;
	padding:0px 0px 20px 30px;
}

#data_left_inside h3 {
	font-size:14px;
	color:#CE6F11;
	padding:0px 0px 20px 30px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	padding-bottom:3px;
}

/* the google map div */
#google_map {
	margin:20px 0px 20px 30px;
	padding:10px;
	border:1px solid #ccc;
	width:425px;
}


#other_links {
	height:187px;
	background:url(../images/bg_yellow_list.gif) repeat-x;
	margin-bottom:10px;
}

#other_links ul {
	padding:52px 0px 0px 18px;
	margin-left:-6px;
	margin-top:-5px;
}

#other_links ul li {
	list-style:none;
	background:url(../images/icn_yellow_list.gif) no-repeat left 2px;
	padding:0px 0px 20px 20px;
}

#other_links ul li a {
	color:#999;
	text-decoration:none;
}

/*#other_links ul li a:hover {
	color:#333;
}*/

 the picture needs to be floated to right 
#picture {
	float:right;
}

#searchfield {
	margin:6px 0px 0px 0px;
	background:url(../images/bg_textfield.gif) no-repeat center center;
	border:none;
	width:179px;
	height:23px;
	padding-left:12px;
}

/* the website navigation */
#navigation a {
	color:#666;
	text-decoration:none;
}

#navigation a:hover {
	text-decoration:underline;
}

/* some padding for the list items in the inside pages */
#data_main_inside ul#left_list {
	padding:0px 0px 20px 30px;
	list-style-type:none;
}

/* table will be centered with some padding for the elements */
#table {
	margin:10px 0px 20px 30px;
	width:600px;
	border:1px dashed #0397D6;
}

#table p {
	padding:10px;
}

#table td.table_footer {
	background-color:#EAF1F6;
	border-top:1px solid #0397D6;
}

#table .table_element {
	border:1px solid #ccc;
}

/* styling for the testimonials block */
#test_block {
	float:left;
	width:250px;
	margin:10px 10px 10px 30px;
	border:1px dashed #3a89aa;
	color:#236f8f;
	padding-bottom:5px;
}

#test_block a {
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	padding:0px 5px 0px 5px;
}

#test_block blockquote {
	padding:5px;
	font-style:italic;
	line-height:20px;
}

#test_block ul {
	padding:0px 0px 0px 5px;
	text-decoration:none;
	list-style-type:none;
	color:#333;
}

#test_block ul li {
	padding-bottom:5px;
}

#test_block a:hover {
	text-decoration:underline;
}

/* styling for the block on the right side of the page*/
#right_block {
	float:right;
	width:210px;
	margin:0px 30px 10px 10px;
	border:1px dashed #3a89aa;
	color:#236f8f;

}

#right_block p {
	padding:10px;
}

#right_block ul {
	padding:10px;
	list-style-type:none;
	font-size:11px;
	color:#333;
}

#right_block ul li {
	padding-bottom:5px;
}

#right_block a {
	color:#333;
	text-decoration:none;
	float:right;
	font-size:11px;
	padding-bottom:10px;
}

#right_block a:hover {
	text-decoration:underline;
}

/* for the list items within the left panel of the main data */
#data_main_inside ul.data {
	margin:0px 0px 10px 30px;
	padding:0px;
}

#data_main_inside ul.data li {
	list-style:none;
	padding-left:20px;
	background:url(../images/icn_tri.gif) no-repeat left 3px;
	padding-bottom:5px;
}

#data_main_inside ul.data li a {
	color:#4083AA;
	font-weight:bold;
	text-decoration:none;
}

#data_main_inside ul.data li a:hover {
	color:#A65B00;
}

/* styling for the accordion */
#accordion h3 {
	font-size:12px;
	font-weight:normal;
}

#accordion h1 {
	padding-bottom:8px;
	padding-top:0px;
}

#accordion h1 a {
	color:#4083AA;
	padding-top:5px;
	padding-bottom:0px;
	font-size:12px;
	margin-bottom:0px;
}

#accordion p {
	font-size:11px;
	color:#666;
}

#accordion ul li {
	font-size:11px;
	color:#666;
}

/* styling for the active link */
#other_links #active {
	color:#000;
}

/* links in the accordion containing background icons */
#acc_icon1 {
	padding:20px 0px;
	color:#333;
	text-decoration:none;
	padding-left:50px;
	background:url(../images/icn_summary.gif) no-repeat left center;
	position:relative;
	top:20px;
	font-weight:bold;
}

a#acc_icon1:hover {
	text-decoration:underline;
}

/* icon 2 */
#acc_icon2 {
	padding:20px 0px 20px 0px;
	color:#333;
	text-decoration:none;
	padding-left:60px;
	background:url(../images/icn_mail.gif) no-repeat left center;
	position:relative;
	top:20px;
	font-weight:bold;
	line-height:2.1em;
}

a#acc_icon2:hover {
	text-decoration:underline;
}

/* icon 3 */
#acc_icon3 {
	padding:20px 0px 20px 0px;
	color:#333;
	text-decoration:none;
	padding-left:60px;
	background:url(../images/icn_mail.gif) no-repeat left center;
	position:relative;
	top:20px;
	font-weight:bold;
	line-height:2.1em;
}

a#acc_icon3:hover {
	text-decoration:underline;
}

/* stylign for the images */
.picture {
	margin:0px 20px 20px 20px;
}

/* styling for the testimonials data */
.test_data {
	border:1px solid #45AAD5;
	margin:20px 20px 10px 30px;
}

.test_data p {
	font-style:italic;
	color:#333;
	padding:10px 20px 10px 20px;
	font-size:12px;
	border-bottom:1px dashed #45AAD5;
	background-color:#f0f0f0;
	color:#666;
	font-weight:bold;
}

.test_data p a {
	display:block;
	color:#333;
	font-style:normal;
}

.test_data img {
	float:right;
	border:1px solid #ccc;
	padding:10px;
	margin:10px 10px 10px 20px;
}

.test_data ul {
	padding:0px 0px 20px 20px;
	margin:20px 0px 0px 10px;
	list-style-type:none;
	float:left;
	width:375px;
	text-align:left;
	font-weight:bold;
	color:#333;
}

/* inner navigation */
#data_left_inside #inner_navigation {
	margin:0px;
	padding:00px 20px 20px 30px;
}

#inner_navigation li {
	display:inline;
	list-style:none;
	padding:0px 10px;
	border-right: 1px solid #333;
}

#inner_navigation li a {
	color:#666;
	text-decoration:none;
}

#inner_navigation li a:hover {
	text-decoration:underline;
}

/* header links */
#data_left_inside h2 a {
	color:#4083AA;
	text-decoration:none;
}

#data_left_inside h2 a:hover {
	text-decoration:underline;
}

/* inner link */
.inner_link {
	font-weight:bold;
	color:#A65B00;
	text-decoration:none;
}

.inner_link:hover{
	text-decoration:underline;
}

#data_left_inside a {
	color:#E26C00;
	text-decoration:none;
	font-style:italic;
}

#data_left_inside a:hover {
	text-decoration:underline;
}

/* footer float styling */
#footer_left {
	float:left;
	width:60%;
}

#footer_right {
	float:right;
	width:40%;
	text-align:right;
}

#footer-top-right {
	text-align:right;
	width:30%;
	float:right;
}

#footer-top-right p {
	padding:13px 37px 0px 0px;
}

#footer-top-right a {
	text-decoration:none;
	font-weight:bold;
	color:#4083AA;
}

#footer_right a:hover {
	text-decoration:underline;
}

/* adjustment for the rounded image */
.top1 {
	position:relative;
	top:-5px;
}

.top3 {
	position:relative;
	top:-6px;
}

/* applying top margin to the accordion */
.demo {
	margin-top:10px;
}

/* styling the contact block for all the pages */
#contact_block {
	text-align:center;
}

#contact_block p {
	padding:0px;
	color:#333;
}

#contact_block p#contact1 {
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	color:#0397D6;
	padding:10px 10px 3px 10px;
}

#contact_block p.contact2 {
	padding-bottom:10px;
	padding:0px 10px 10px 10px;
}

#contact p#contact1 {
	padding:0px 10px !important;
	color:#333;
}

/* placing the search textbox properly */
.search_text {
	margin-left:20px;
}

/* image fade rollover effect jquery styling */
div.left div.fadehover {
	position: relative !important;
	display:block;
}
 
img.a {
	z-index: 10;
	position:absolute;
}
 
img.b {
}

.portfolio_pic {
	padding:20px 0px;
	border:1px dashed #A65B00;
	margin-top:20px;
}

#portfolio_block {
	display:block;
	width:957px;
	margin:20px auto;
}

/* old styling for portfolio where h2 and h3 were used instead of current h1 and h2 tags */
/*#portfolio_block h2 {
	font-weight:normal;
	font-size:14px;
	padding:10px;
}

#portfolio_block h3 {
	padding:10px;
}*/

#portfolio_block h1 {
	font-weight:normal;
	font-size:14px;
	padding:10px;
	color:#666;
}

#portfolio_block h2 {
	padding:10px;
	color:#CE6F11;
	font-family:Verdana,Geneva,sans-serif;
	font-size:14px;
	font-weight:normal;
}

#portfolio_block p {
	padding:10px;
}

#portfolio_block img.a, #portfolio_block img.b {
	border:1px solid #333;
}

#portfolio_block ul {
	margin:0px;
	padding:0px 0px 0px 10px;
	list-style-type:none;
}

#portfolio_block ul li {
	display:inline;
	padding-right:5px;
}

.left {
	float:left;
	width:300px;
}

.right {
	float:right;
	width:300px;
}

.center {
	width:300px;
	margin-left:327px;
}

/* styling for the login page */
#login {
	width:700px;
	margin:10px auto;
}

#login h2 {
	padding-bottom:10px;
	color:#666
}

/* ordered list default spacing */
#data_left_inside ol {
	margin:0px 10px 0px 27px;
	padding:0px 0px 20px 20px;
}

#data_left_inside ol li {
	padding-bottom:5px;
}

#contact a {
	color:#333;
	text-decoration:none;
	font-weight:bold;
}

#contact a:hover {
	text-decoration:underline;
}


/* contact page renowation */
#contact_info {
	background-color:#eaf1f6;
}

#left_list {
	background:url(../images/bg_contact_bar.png) no-repeat;
	position:relative;
	right:-1px;
	height:22px;
}

#left_list li {
	float:left;
	font-size:12px;
	color:#10678c;
	padding:12px 25px 5px 30px;
}

#left_list li#call {
	background:url(../images/icn_call.png) no-repeat left 10px;
}

#left_list li#fax {
	background:url(../images/icn_fax.png) no-repeat left 10px;
}

#left_list li#it {
	background:url(../images/icn_it.png) no-repeat left 10px;
	padding-right:0px;
}

#address {
	background:url(../images/bg_address.png) no-repeat;
	margin-left:31px;
	height:40px;
	text-align:center;
}

#address p {
	font-size:18px;
	color:#fff;
	padding-top:9px;
}

#contact_instructions {
	padding:20px 0px 20px 70px;
}

#form_line {
	padding-left:41px;
	color:#A65B00;
	margin-top:30px;
	font-weight:bold;
}

/* styling for the tab links on the homepage */
div#link-tabs {
	clear:both;
	position:relative;
	top:0px;
	background:url(../images/bg_static.gif) repeat-x;
	text-align:center;
	margin-bottom:13px;
}

div#link-tabs ul li {
	float:left;
	padding:2px 0px 0px 0px;
	list-style:none;
}

div#link-tabs ul li a {
	font-size:15px;
	color:#666;
	text-decoration:none;
	font-weight:bold;
	padding:16px 0px;
}

div#link-tabs ul li a:hover {
	background:url(../images/bg_hover.gif) repeat-x;
	color:#fff;
}

div#link-tabs ul li a#tab1 {
	width:400px;
	display:block;
}

div#link-tabs ul li a#tab2 {
	width:293px;
	display:block;
}

div#link-tabs ul li a#tab3 {
	width:301px;
	display:block;
}


/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:265px;
}

#slideshow ul li {
	list-style:none;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* slideshow styling ends here */

/* button styling */
a.button {
	background-color:#0397D6;
	padding:3px 15px;
	color:#fff !important;
	font-style:normal !important;
	border-top:1px solid #45AAD5;
	border-right:1px solid #45AAD5;
	border-bottom:1px solid #4083AA;
	border-left:1px solid #4083AA;
	letter-spacing:2px;
}

a.button:hover {
	background-color:#4083AA;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #0397D6;
	border-left:1px solid #0397D6;
	text-decoration:none !important;
}

/* styling for the news list items */
ul#news-list {
	margin:0px;
	padding:0px;
	line-height:20px;
}

ul#news-list li {
	list-style:none;
	padding:0px 30px 20px 30px;
	margin-left:30px;
	background:url(../images/icn_tri.gif) no-repeat left 3px;
}

/* styling for the career center page */
#positions {
	margin:20px 30px;
	background-color:#efefef;
	padding-bottom:30px;
}

#positions a.green {
	margin-left:10px;
	position:relative;
	top:10px;
}

#positions-left {
	float:left;
	width:50%;
}

#positions-right {
	float:right;
	width:50%;
}

#positions ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#positions ul li {
	padding:10px 10px 10px 30px;
	background: url(../images/icn_check.png) no-repeat 10px 12px;
}

/* some padding for the submit button included within the positions section */
.img-submit {
	padding:20px;
}

/* blocks containing the details about the opening will have some padding going on to make it differentiate from one another */
.openings {
	margin:20px 0px;
	padding:15px 0px;
	border-bottom:1px dashed #666;
}

/* styling for the career center button */
#data_left_inside a.green {
	padding:10px 10px;
	background-color:#95AF5B;
	color:#fff;
	font-style:normal;
	font-weight:bold;
}

#data_left_inside a.green:hover {
	text-decoration:none;
	background-color:#697B41;
}
