/******************************************************************
Theme Name: Bones
Theme URI: http://www.themble.com/bones
Description: An incredibly simple starter theme for developers.
Author: Eddie Machado
Author URI: http://www.themble.com/bones/
Version: 1.06
Tags: html5, framework, css3, development


License: GPL or whatever
License URI: ?

All Default Styles are in library/css/style.css
I reccomend not editing those files and making all
changes here. That way if something goes awry, you
can easily revert back to the original, but that's
totally up to you. Happy Developing!

******************************************************************/

/* General Layout Styles */

html {height: 100%;} /*for sticky footer */
body {
	background: url(images/header_2.png) top left repeat-x #fff; 
	height: 100% /* for sticky footer also remove html, */
}
#mainwrap {
	margin-top: 10px;
	min-height: 100%; /* next 3 lines for sticky footer */
	margin-bottom: -177px;
	position: relative;
}
#masthead {
/*	background: url(images/header_2.png) top left repeat-x;
	height: 168px;
	display: block; */
}
#footer {
	background: url(images/footer.png) top left repeat-x;	
	height: 177px;
	position: relative;
}

.clearfooter {
	height: 177px;
	clear: both;
}

#container, .wrap { 
	width: 92%;
	margin: 0 auto;
	padding: 0 4%;
	/* max-width: 1044px; remove or edit to adjust width */
	/* min-width: 1044px;  remove or edit to adjust width */
	max-width: 960px;
	min-width: 960px;
	position: relative;
}
	
	/* layout options ( all have margins right & left of 1%) */
	.col60 { width: 6.333%; } /* width 60px / grid_1 */
	.col140 { width: 14.667%; } /* width 140px / grid_2 */
	.col220 { width: 23.0%; } /* width 220px / grid_3 */
	.col300 { width: 31.333%; } /* width 300px / grid_4 */
	.col380 { width: 39.667%; } /* width 380px / grid_5 */
	.col480 { width: 48.0%; } /* width 480px / grid_6 */
	.col540 { width: 56.333%; } /* width 540px / grid_7 */
	.col620 { width: 64.667%; } /* width 620px / grid_8 */
	.col700 { width: 73.0%; } /* width 700px / grid_9 */
	.col780 { width: 81.333%; } /* width 780px / grid_10 */
	.col860 { width: 89.667%; } /* width 860px / grid_11 */
	.col940 { width: 98.0%; } /* width 940px / grid_12 */
	
	/* layout & column defaults */
	.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { display: inline; float: left; margin-left: 1%; margin-right: 1%; position: relative; }
	
	/* default styles & fixes */
	#main { margin-left: 0; } /* fixes alignment (defaulted at col620) */
	#sidebar1 { margin-right: 0; } /* fixes alignment (defaulted at col300) */
	
/* Link Styles & Colors */

a, a:visited {}
a:hover, a:link {color: #287cd3;}
a:active {} /* on click */

/* want to style a page via body class? go ahead */

body.rtl {}
body.home {font-family: Arial; color: #0c2146;} /* home page */
body.blog {} 
.archive_title {margin: 1.1em 0 0.75em; padding: 10px 30px 0;}
body.archive {} /* archive page */
body.date {} /* date archive page */
	body.date-paged-(page number) {}
body.search {} /* search page */
	body.search-results {font-family: Arial; color: #0c2146;} /* search result page */
	body.search-no-results {} /* no results search page */
	body.search-paged-(page number) {} /* individual paged search (i.e. body.search-paged-3) */
body.error404 {} /* 404 page */
body.single {} /* single post page */
	body.postid-(id) {} /* individual post page by id (i.e. body.postid-73) */
	body.single-paged-(page number) {} /* individual paged single (i.e. body.single-paged-3) */
body.attachment {} /* attatchment page */
	body.attachmentid-(id) {} /* individual attatchment page (i.e. body.attachmentid-763) */
	body.attachment-(mime-type) {}
body.author {} /* author page */
	body.author-(user_nicename) {}
	body.author-paged-(page number) {}
body.category {} /* category page */
	body.category-(slug) {} /* individual category page (i.e. body.category-6) */
	body.category-paged-(page number) {}
body.tag {} /* tag page */
	body.tag-(slug) {} /* individual tag page (i.e. body.tag-news) */
	body.tag-paged-(page number) {}
body.page-template {font-family: Arial; color: #0c2146;} /* custom page template page */
	body.page-template-(template file name) {} /* individual page template (i.e. body.page-template-contact-php */
	body.page-paged-(page number) {}
	body.page-parent {}
	body.page-child {}
	body.parent-pageid-(id) {}
body.logged-in {} /* if user is logged in */
body.paged {} /* paged items like search results or archives */
	body.paged-(page number) {} /* individual paged (i.e. body.paged-3) */


/* Headlines & Title */

h1, .h1 {}
h2, .h2 {font-size: 18px;}
h3, .h3 {}
h4, .h4 {}
h5, .h5 {}

h1 a, h2 a, h3 a, h4 a, h5 a {}

/* Header */

header[role=banner] {}
	#logo {
		background: url(images/logo.png) top left no-repeat;
		height: 83px;
		width: 325px;
		float: left;
		display: block;
		margin: 15px 0px 23px;
		text-indent: -9999em;
	}
	
	#logo a {
		height: 86px;
		width: 306px;
		display: block;
	}
	
	#tagline {
		font-family: Arial, Verdana;
		color: #0a1f43;
		display: block;
		float: left;
		margin: 60px 0px 0px 0px;
		font-style: italic;
		font-size: 14px;
		font-weight: bold;
	}
	
	.page-id-64 #subheadline{
		background: url(images/headline_bg.gif) top left no-repeat;
		height: 92px;
		width: 903px;
	}
	.page-id-66 #subheadline{
		background: url(images/header_software.jpg) top left no-repeat;
		height: 92px;
		width: 903px;
	}
	.page-id-77 #subheadline{
		background: url(images/header_metallurgy.jpg) top left no-repeat;
		height: 92px;
		width: 903px;
	}
	.page-id-79 #subheadline{
		background: url(images/header_chem.jpg) top left no-repeat;
		height: 92px;
		width: 903px;
	}
	#subheadline_title {
		padding: 35px 25px 20px;
		display: inline-block;
		float: left;
	}
	#subheadline_tagline {
		color: #ffffff;
		font-size: 12px;
		padding: 25px 15px 0px;
	}

/* Main Navigation */
.menu {height: 45px;}
.menu ul {background: none;}
.nav {}
	.nav ul { 
		-moz-border-radius: 1px;
		-webkit-border-radius: 1px;
		border-radius: 1px;
	}
		.nav ul li {}
			.nav ul li a { text-shadow: 0 -1px 1px rgba(0,0,0,0.33); }
				.nav ul li a:hover { background: #036; color: #fff; }
		.nav ul li.current-menu-item a, .nav ul li.current_page_item a {}
		
		.nav ul li ul.sub-menu {}
			.nav ul li ul li a {}
				.menu ul li ul li a:hover { }
			.menu ul li ul li:last-child a {}
			.menu ul li:hover ul { }
				.menu ul li ul li ul.sub-menu { }
					.menu ul li ul li:hover ul.sub-menu { }
			.menu ul li {text-indent: -9999em;}
			.menu ul li a {height: 45px;}
			/* Nav backgrounds */
			.menu ul li#menu-item-498 a {
				background: url(images/nav/nav_home.jpg) no-repeat;
				width: 97px;	
				height: 35px;		
			}
			.menu ul li#menu-item-14 a {
				background: url(images/nav/nav_about.jpg) no-repeat;
				width: 141px;
				height: 35px;
			}
			.menu ul li#menu-item-39 a {
				background: url(images/nav/nav_contact.jpg) no-repeat;
				width: 165px;
				height: 35px;
			}
			.menu ul li#menu-item-38 a {
				background: url(images/nav/nav_careers.jpg) no-repeat;
				width: 130px;
				height: 35px;
			}
			.menu ul li#menu-item-37 a {
				background: url(images/nav/nav_clients.jpg) no-repeat;
				width: 146px;
				height: 35px;
			}
			
			.menu ul li#menu-item-498:hover a,
			.menu ul li#menu-item-14:hover a, 
			.menu ul li#menu-item-39:hover a, 
			.menu ul li#menu-item-38:hover a,
			.menu ul li#menu-item-37:hover a {background-position: left -45px;}  
						
			.menu ul li#menu-item-498.current-menu-item a,
			.menu ul li#menu-item-14.current-menu-item a,
			.menu ul li#menu-item-39.current-menu-item a,
			.menu ul li#menu-item-38.current-menu-item a,
			.menu ul li#menu-item-37.current-menu-item a {background-position: left -90px;}


/* Sub Navigation */
	#subnav {background-color: #ffffff;}
	.subnav {}
	#menu-sub_nav.menu {margin: 0px; height: 45px;}
	/*.subnav {height: 45px;}
	.subnav ul {background: none;} */
	
	.subnav ul li {text-indent: -9999em; display: inline;}
			.subnav ul li a {height: 45px; display:inline-block;}
			/* Nav backgrounds */
			.subnav ul li#menu-item-76 a {
				background: url(images/nav/subnav_field.jpg) no-repeat;
				width: 192px;	
				height: 45px;		
			}
			.subnav ul li#menu-item-75 a {
				background: url(images/nav/subnav_software.jpg) no-repeat;
				width: 218px;
				height: 45px;
			}
			.subnav ul li#menu-item-82 a {
				background: url(images/nav/subnav_metalurgical.jpg) no-repeat;
				width: 252px;
				height: 45px;
			}
			.subnav ul li#menu-item-81 a {
				background: url(images/nav/subnav_chemical.jpg) no-repeat;
				width: 226px;
				height: 45px;
			}
			
			.subnav ul li#menu-item-76:hover a,
			.subnav ul li#menu-item-75:hover a, 
			.subnav ul li#menu-item-82:hover a, 
			.subnav ul li#menu-item-81:hover a {background-position: left -45px;}
						
			.subnav ul li#menu-item-76.current-menu-item a,
			.subnav ul li#menu-item-75.current-menu-item a,
			.subnav ul li#menu-item-82.current-menu-item a,
			.subnav ul li#menu-item-81.current-menu-item a {background-position: left -90px;}
/* Posts & Content */

#content {}
	#main { 
	 /*	background: #ffffff; adds bg to post area */
		-moz-border-radius: 1px;
		-webkit-border-radius: 1px;
		border-radius: 1px;
	
	}
	
	/* Custom Homepage */
	#slide {z-index: 100;}
	#slide h2 {font-size: 14px;}
	#slide h3 {}
	#slide p {font-size: 12px;}
	#slide ul {
		font-size: 12px;
		margin: 0px 15px;
	}
	#slide li {
    	list-style-type: disc;
		line-height: 15px;
		margin-bottom: 5px;
	}
	#slide_btm {
		float: left;
		width: 923px;
		height: 51px;
		top: -5px;
		background: transparent url(images/sd_shadow.gif) no-repeat;
	}
	#callouts {
		padding: 0px 0px 25px;
	}
	#callouts h2 {font-size: 14px;}
	#callouts p {font-size: 12px;}
	#callout_1 {padding: 0px 20px; width: 245px;}
	#callout_2 {
		border-left: 1px solid #d7d7d7;
		border-right: 1px solid #d7d7d7;
		padding: 0px 20px;
		width: 245px;
	}
	#callout_3 {padding: 0px 20px;
	width: 245px;}
	
	
	.bottom {
		float:left;
		width:960px;
		height:65px;
		background:transparent url(images/box_bottom_bg.gif) no-repeat; 
	}
	
	.top {
		float:left;
		width:960px;
		height:25px;
		background:transparent url(images/box_top_bg.gif) no-repeat 
	}
	
	.box {
		float:left;
		padding:0px 30px 0px 27px;
		width:900px;
		background:transparent url(images/box_mid2_bg.gif) repeat-y;
	}
	
	.boxfull {
		float:left;
		padding:0px 30px 0px 27px;
		width:900px;
		background:transparent url(images/box_mid_full_bg.gif) repeat-y;
	}
	
	.boxside {
		float: left;
		width: 960px;
		min-height: 43px;
		background: transparent url(images/box_midside_bg.gif) repeat-y;
	}
	
	.boxside p {
		float: right;
		padding: 13px 67px 0px 0px;
		font-family: Arial;
		font-size: 12px;
	}
	
	.boxside p a {
		color: #ffffff;
		text-decoration: none;
	}
	
	.boxside p img {
		padding: 0px 5px;
		vertical-align: middle;
	}
		article[id*=post-] {padding: 2.2em 30px 0px;}
	
		/* want to style individual post classes? Booya! */
		.post-id {} /* post by id (i.e. post-3) */
		.post {} /* general post style */
		.page {} /* general article on a page style */
		.attachment {} /* general style on an attatchment */
		.sticky {} /* sticky post style */
		.hentry {} /* hentry class */
		.category-(slug) {} /* style by category (i.e. category-videos) */
		.tag-(slug) {} /* style by tag (i.e. tag-news) */
	
		/* post meta */
		.meta {}
			.meta time {}
			
		/* post content */
		.post_content {}
			
			.post_content p {font-size: 12px; margin: 5px 0px 10px;}
			.post_content ul, .post_content ol, .post_content table, .post_content dl {font-size: 12px;}
			.post_content ul, .post_content ol {list-style-position: outside; margin: 0px 15px 1.5em;}
			.post_content li {margin-bottom: .5em;}
			.post_content ul li {}
			.post_content ol li {}
			
			.post_content blockquote {}
			.post_content blockquote:before {} /* this adds the quote before the blockquote */
			
			.post_content dl {}
			.post_content dt {}
			.post_content dd {}
			
			.post_content img {margin-top: 5px; margin-bottom: 55px; /*margin-bottom: 15px;*/}
			.post_content .images img {margin-top: 5px; margin-bottom: 15px;}
			.post_content video {}
			.post_content object {}
			
			.wp-caption {}
			.wp-caption img {}
			.wp-caption p.wp-caption-text {}
			
			/* image gallery styles */
			.gallery dl {}
			.gallery dt {}
			.gallery dd {}
			.gallery dl a {}
			.gallery dl img {}
			.gallery-caption {}
			
			.size-full {}
			.size-large {}
			.size-medium {}
			.size-thumbnail {}
			
		article[id*=post-] footer {}
	
	
/* Image Align */

.alignleft, img.alignleft {margin-right: 2.5em;}
.alignright, img.alignright {margin-left: 2.5em;}

#sidebar1 .alignleft, #sidebar1 img.alignleft {margin-right: 1.5em;}
#sidebar1 .alignright, #sidebar1 img.alignright {margin-right: 1.5em;}
	
/* Page Navi (Special Feature) */

	/* page navigation */
	.page-navigation {}
		.bones_page_navi {}
			.bones_page_navi li.bpn-prev-link {} /* previous link */
				.bones_page_navi li.bpn-prev-link a {}
					.bones_page_navi li.bpn-prev-link a:hover {}
			.bones_page_navi li {} /* regular links */
				.bones_page_navi li a {}
					.bones_page_navi li a:hover {}
			.bones_page_navi li.bpn-current {} /* current page link */
					.bones_page_navi li.bpn-current:hover {}
			.bones_page_navi li.bpn-next-link {} /* next page link */
				.bones_page_navi li.bpn-next-link a {}
					.bones_page_navi li.bpn-next-link a:hover {}
			.bones_page_navi li.bpn-last-page-link {} /* last page link */
				.bones_page_navi li.bpn-last-page-link a {}
					.bones_page_navi li.bpn-last-page-link a:hover {}
			.bones_page_navi li.bpn-first-page-link {} /* first page link */
				.bones_page_navi li.bpn-first-page-link a {}
					.bones_page_navi li.bpn-first-page-link a:hover {}
	/* fallback previous & next links */
	.wp-prev-next {}
		.wp-prev-next ul {}
			.wp-prev-next .prev-link {}
			.wp-prev-next .next-link {}
	
/* Comment Styles */

#comments /* h3 comment title */
	#comments span {} /* number of comments span */
.comment-nav {}
	.comment-nav ul {}
		.comment-nav ul li {}
.commentlist {}
	.commentlist li {}
		.commentlist li[class*=depth-] {}
			.commentlist li.depth-1 {}
			.commentlist li.depth-2 {}
			.commentlist li.depth-3 {}
			.commentlist li.depth-4 {}
			.commentlist li.depth-5 {}
				.commentlist li ul.children li {}
				.commentlist li ul.children li.alt {}
				.commentlist li ul.children li.byuser {}
				.commentlist li ul.children li.comment {}
				.commentlist li ul.children li.depth-{id} {}
				.commentlist li ul.children li.bypostauthor {}
				.commentlist li ul.children li.comment-author-admin {}
				.commentlist li ul.children .alt {}
				.commentlist li ul.children .odd {}
				.commentlist li ul.children .even {}
			.commentlist .alt {}
			.commentlist .odd {}
			.commentlist .even {}
			.commentlist .parent {}
			.commentlist .comment {}
			.commentlist .children {}
			.commentlist .pingback {}
			.commentlist .bypostauthor {}
			.commentlist .comment-author {}
			.commentlist .comment-author-admin {}
			.commentlist .thread-alt {}
			.commentlist .thread-odd {}
			.commentlist .thread-even {}	
			.commentlist .vcard {}
				.commentlist .vcard cite.fn {}
				.commentlist .vcard time {}
					.commentlist .vcard time a {}
						.commentlist .vcard time a:hover {}
				.commentlist .vcard img.photo {}
				.commentlist .vcard img.avatar {}
				.commentlist .vcard cite.fn a.url {}
			.commentlist .comment-meta {} 
				.commentlist .comment-meta a {}
			.commentlist .commentmetadata {}
				.commentlist .commentmetadata a {}
			.commentlist li .comment_content {}
				.commentlist li .comment_content p {}
				.commentlist li ul {}
				.commentlist .comment-reply-link {}
					.commentlist a.comment-reply-link:hover {}

/* comment form styles */

#respond {}
	#comment-form-title {}
		#cancel-comment-reply {}
			#cancel-comment-reply a {}
	#commentform {}
		.comments-logged-in-as {}
		#comment-form-elements {}
			#comment-form-elements li {}
				#comment-form-elements label {}
				#author, #email, #url, #comment {}
					#author:focus, #email:focus, #url:focus, #comment:focus {}
				#author, #email, #url {}
			#allowed_tags {}
				#comment {}

/* Sidebars & Asides */
	#sidebar1 {
		background: url(images/sidebar_bg.gif) repeat-y;
		width: 300px;
		padding: 2.2em 0px;
	}
	.sidebar_callout {margin-bottom: 25px;}
	.sidebar_callout p {font-size: 11px; margin: 10px 0px 15px; line-height: 1.3em;}
	.sidebar_callout ul {list-style: disc; font-size: 12px; padding-left: 105px;}
	.sidebar_callout ul li {}
	
	

	/* links widget */
	.widget_links {}
	.widget_links ul {}
	.widget_links ul li {}
	.widget_links ul li a {}
	
	/* meta widget */
	.widget_meta {}
	.widget_meta ul {}
	.widget_meta ul li {}
	.widget_meta ul li a {}
	
	/* pages widget */
	.widget_pages {}
	.widget_pages ul {}
	.widget_pages ul li {}
	.widget_pages ul li a {}
	
	/* recent-posts widget */
	.widget_recent_entries {}
	.widget_recent_entries ul {}
	.widget_recent_entries ul li {}
	.widget_recent_entries ul li a {}
	
	/* archives widget */
	.widget_archive {}
	.widget_archive ul {}
	.widget_archive ul li {} 
	.widget_archive ul li a {}
	.widget_archive select {}
	.widget_archive option {}
	
	/* tag-cloud widget */
	.widget_links {}
	.widget_links li:after {}
	.widget_links li:before {}
	.widget_tag_cloud {}
	.widget_tag_cloud a {}
	.widget_tag_cloud a:after {}
	.widget_tag_cloud a:before {}
	
	/* calendar widget */
	.widget_calendar {}
	#calendar_wrap {}
	#calendar_wrap th {}
	#calendar_wrap td {}
	#wp-calendar tr td {}
	#wp-calendar caption {}
	#wp-calendar a {}
	#wp-calendar #today {}
	#wp-calendar #prev {}
	#wp-calendar #next {}
	#wp-calendar #next a {}
	#wp-calendar #prev a {}
	
	/* category widget */
	.widget_categories {}
	.widget_categories ul {}
	.widget_categories ul li {} 
	.widget_categories ul ul.children {}
	.widget_categories a {}
	.widget_categories select{}
	.widget_categories select#cat {}
	.widget_categories select.postform {}
	.widget_categories option {}
	.widget_categories .level-0 {}
	.widget_categories .level-1 {}
	.widget_categories .level-2 {}
	.widget_categories .level-3 {}
	
	/* recent-comments widget */
	.recentcomments {}
	#recentcomments {}
	#recentcomments li {}
	#recentcomments li a {}
	.widget_recent_comments {}
	
	/* search widget */
	/* Begin custom searchbox styles */
	#searchwrapper {
		width:145px; /*follow your image's size*/
		height:28px;/*follow your image's size*/
		background-image:url(images/search_mag.png);
		background-repeat:no-repeat; /*important*/
		padding:0px;		
		position:absolute; /*important*/
		left: 840px;
		float: right;
		margin:5px 25px;
	}
	 
	#searchwrapper form { display:inline ; }
	 
	.searchbox {
		border:0px; /*important*/
		background-color:transparent; /*important*/
		position:absolute; /*important*/
		top:6px;
		/* without mag image left:9px;
		width:95px; */
		left:26px;
		width:78px;
		height:18px;
	}
	 
	.searchbox_submit {
		border:0px; /*important*/
		background-color:transparent; /*important*/
		position:absolute; /*important*/
		top:2px;
		left:105px;
		width:39px;
		height:26px;
	}
	/* End custom searchbox styles */
	
	#searchform {
		float: right;
		margin: 25px;
		width: 325px;
		
	}
	.widget_search {}
	.screen-reader-text {}
	
	/* text widget */
	.textwidget {}
	.widget_text {}
	.textwidget p {}
	

/* Footer */

footer[role=contentinfo] {
	width: 92%;
	margin: 0 auto;
	padding: 0 4%;
	/* max-width: 1044px; remove or edit to adjust width */
	/* min-width: 1044px;  remove or edit to adjust width */
	max-width: 960px;
	min-width: 960px;
	margin-top: 0px; /*overwrites*/
	border-top: none;
	padding: 0px;
}
#inner-footer {padding: 20px 0px;}
#inner-footer p {font-size: 12px;}
	/* footer menu */
	.footer-links {float: right;}
	.footer-links ul.menu {margin: 0px;}
		.footer-links ul {}
			.footer-links ul li {}
				.footer-links ul li a {color: #0c2146;}
					.footer-links ul li:last-child a {}
			.footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {}
			.footer-links ul li ul.sub-menu {} /* you shouldn't have that many links in the footer anyway so it's set to display none ;P */
			
	.attribution {color: #0c2146;}

/* Tabs */

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #fff;	
	height:46px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
	list-style-type: none;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(images/nav/tabs.png) no-repeat -178px 0;
	font-size:11px;
	display:block;
	height: 46px;  
	line-height:30px;
	width: 172px;
	text-align:center;	
	text-decoration:none;
	color:#fff;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -178px -46px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -178px -46px;		
	cursor:default !important; 
	color:#fff !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}

/* tab pane styling */
		.panes div {
			display:none;		
			padding:15px 10px;
			border:1px solid #999;
			border-top:0;
			min-height:100px;
			font-size:14px;
			background-color:#fff;
		}

/* Form Styles */

#gform_wrapper_3 .gform_title {

}
#gform_wrapper_3 .gform_description {
	font-size: 12px;
	padding-right: 10px;
}
#gform_wrapper_3 .gform_body {padding: 10px 0px; font-size: 12px;}
#gform_wrapper_3 .gfield {padding: 10px 0px;}
#gform_wrapper_3 .gfield_label {
	float: left;
	width: 80px;
}
#gform_wrapper_3 .gform_body .medium {
	/*background: url(images/form_input.png) no-repeat;*/
	/*border:0px; *//*important*/
	/*background-color:transparent;*/ /*important*/
	/*display: block;*/
	width:152px;
	padding: 0px 10px;
	height:26px;
}
#gform_wrapper_3 .ginput_container {}
#gform_wrapper_3 .gform_footer {
	float: right;
	padding: 0px 49px 0px 0px;
}


/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width:513px;
	height:44px !important;
	margin:0 !important; 
	padding:0;	
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	background: url(images/tab.png) no-repeat;
	display:block;
	height: 46px;   
	width: 171px; 	
	padding:0px;
	margin:0px;
	
	/* font decoration */
	color:#fff;
	font-size:12px;
	font-weight: bold;
	line-height:44px;
	text-align:center;
	text-decoration:none;
}

/* adjust the background image position on each tab */
#flowtabs #t1 			{ background-position: 0 0; }
#flowtabs #t2 			{ background-position: -171px 0; }
#flowtabs #t3 			{ background-position: -342px 0; }

 
/* mouseover state */
#flowtabs a:hover 		{ color:#fff;	 }
#flowtabs #t1:hover 	{ background-position:      0 -46px; }
#flowtabs #t2:hover 	{ background-position: -171px -46px; }
#flowtabs #t3:hover 	{ background-position: -342px -46px; }

/* currently selected tabs */
#flowtabs a.current		{ cursor:default; color:#fff; line-height:44px; }
#flowtabs #t1.current { background-position:      0 -92px; }
#flowtabs #t2.current { background-position: -171px -92px; }
#flowtabs #t3.current { background-position: -342px -92px; }

/* panes */
#flowpanes {	
	width:511px;
	border-bottom: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	font-size: 12px;
}


/* single pane */
#flowpanes div {
	/*display:none;*/	
	margin:0px 12px 10px;
	padding-bottom: 15px;
}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font-weight:normal;
	color:#ddd;
	letter-spacing:1px;
	margin:10px 0 0 0;
	font-size:22px;	
}

#flowpanes a {
	color:#cc9;		
	font-size:14px;
}

#flowpanes p, #flowpanes samp {
	font-size: 12px;
	line-height: 16px;
}

#flowpanes .narrow {
	padding-right:160px;		
}


/* container for slides */
.images {
	background-color: #f0f0f0;
	position:relative;	
	height:380px;
	width:400px;
	float:left;	
	margin:15px;
	cursor:pointer;
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:7px;
	padding:15px 30px 15px 15px;
	height:256px;
	font-size:12px;
}

/* header */
.images h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#456;
}

#flowpanes .images p {font-size: 11px;}

/* tabs (those little circles below slides) */
.slidetabs {
	clear:both;
	padding-left:185px;
}

/* single tab */
.slidetabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -16px;     
} 	


/* prev and next buttons */
.forward, .backward {
	float:left;
	margin-top:140px;
	background:#fff url(images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}


/* Misc */
.page-template-page-custom-php .tml-action-links {display: none;}
	
/* Media Queries & Other Advanced Features (Optional) */


/* Smartphones (portrait and landscape) */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { }
/* Smartphones (landscape) */
@media only screen and (min-width : 321px) { /* insert styes here */ }
/* Smartphones (portrait) */
@media only screen and (max-width : 320px) { /* insert styes here */ }
/* iPads (portrait and landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* insert styes here */ }
/* iPads (landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* insert styes here */ }
/* iPads (portrait) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /* insert styes here */ }
/* Desktops and laptops */
@media only screen and (min-width : 1224px) { /* insert styes here */ }
/* Large screens */
@media only screen and (min-width : 1824px) { /* insert styes here */ }
/* iPhone 4 and high pixel ratio devices */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) { /* insert styes here */ }

/* Print Styles (Handled by default, but if you want to edit it, feel free) */
@media print { }


/* IE Specific Fixes */

/*
Thanks to the HTML5 Boilerplate there's an easier way
to target IE specific bugs. Simply use the html class
to target the specific version of IE.

To target the .post_content area in IE6, use:
html.ie6 .post_content { ... }

To target the .post_content area in IE7, use:
html.ie7 .post_content { ... }

To target the .post_content area in IE8, use:
html.ie8 .post_content { ... }

To target the .post_content area in IE9, use:
html.ie9 .post_content { ... }

Much easier right? This way, you don't have to call
any more stylesheets, you can leave it at the bottom
and it will overwrite depending on the html class.
*/

html.ie7 .menu {
	margin: 0px;	
}
html.ie7 .attribution {clear:both}
html.ie6 #container {
   height: 100%;

}