body{
background: #ffffff;
  margin: 0;
  padding:0;
  font: Arial, Helvetica, sans-serif;
  font-size: .9em;
  color: #666;
}

.gallery{
border: 3px #eeeeee solid;
float:left;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
margin-left:8px;
margin-top:8px;
}
.tabelhead{
background-image:url(images/header.jpg);
background-repeat:repeat-x;
border-left:3px #eeeeee solid;
border-right:3px #eeeeee solid;
}
.tabelhead2{
border-left:3px #eeeeee solid;
border-right:3px #eeeeee solid;
}
a.jobs:link{
background-color:#EDEDE5;
color:#000000;
padding-left:9px;
padding-right:9px;
padding-top:3px;
padding-bottom:3px;
text-decoration:none;
}
a.jobs:visited{
background-color:#EDEDE5;
color:#000000;
padding-left:9px;
padding-right:9px;
padding-top:3px;
padding-bottom:3px;
text-decoration:none;
}
a.jobs:hover{
background-color:#4485C5;
color:#FFFFFF;
padding-left:9px;
padding-right:9px;
padding-top:3px;
padding-bottom:3px;
text-decoration:none;
}
a.header:link{
padding-top:7px;
padding-left:2px;
padding-right:2px;
font-family:sans-serif;
text-decoration:none;
color:#6385B4;
font-size:12px;
}
a.header:visited{
padding-top:7px;
padding-left:2px;
padding-right:2px;
font-family:sans-serif;
text-decoration:none;
color:#6385B4;
font-size:12px;
}
a.header:hover{
padding-top:7px;
padding-left:2px;
padding-right:2px;
font-family:sans-serif;
background-image:url(images/liniuta.jpg);
background-position:top;
background-repeat:repeat-x;
text-decoration:none;
color:#616F80;
font-size:12px;
}
a.dir-right:link{
font-family:sans-serif;
text-decoration:none;
color:#000000;
font-size:12px;
text-decoration:none;
border-bottom:1px #CCCCCC solid;
}
a.dir-right:visited{
font-family:sans-serif;
text-decoration:none;
color:#000000;
font-size:12px;
text-decoration:none;
border-bottom:1px #CCCCCC solid;
}
a.dir-right:hover{
font-family:sans-serif;
color:#000000;
font-size:12px;
text-decoration:none;
border-bottom:1px #999999 solid;
}
.rightside{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

.meniu{
padding:4px;
background-color:#EDEDE5;
border:1px #CCCCCC solid;
height:34px;
}
a.link-meniu:link{
padding-top:7px;
padding-left:8px;
padding-right:8px;
font-family:sans-serif;
text-decoration:none;
color:#000000;
font-size:12px;
}
a.link-meniu:visited{
padding-top:7px;
padding-left:8px;
padding-right:8px;
font-family:sans-serif;
text-decoration:none;
color:#000000;
font-size:12px;
}
a.link-meniu:hover{
padding-top:7px;
padding-left:8px;
padding-right:8px;
font-family:sans-serif;
background-image:url(images/liniuta.jpg);
background-position:top;
background-repeat:repeat-x;
text-decoration:none;
color:#000000;
font-size:12px;
}

a.link-meniu-sus:link{
padding-top:7px;
padding-left:8px;
padding-right:8px;
font-family:sans-serif;
text-decoration:none;
color:#2F5D9B;
font-size:12px;
font-weight:bold;
}
a.link-meniu-sus:visited{
padding-top:7px;
padding-left:8px;
padding-right:8px;
font-family:sans-serif;
text-decoration:none;
color:#2F5D9B;
font-size:12px;
font-weight:bold;
}
a.link-meniu-sus:hover{
padding-top:7px;
padding-left:8px;
padding-right:8px;
font-family:sans-serif;
background-position:top;
background-repeat:repeat-x;
text-decoration:none;
color:#000000;
font-size:12px;
font-weight:bold;
}

.albastru{

height:211px;
}
.alb{
margin-top:3px;
margin-right:3px;
background-color:#FFFFFF;
font-family:sans-serif;
font-size:12px;
color:#000000;
height:206px;
}
.gri{
background-color:#EDEDE5;
font-size:12px;
font-family:sans-serif;
color:#CECECE;
height:100px;
}


a.meniuunu:link{
padding:10px;
font-family:sans-serif;
text-decoration:none;
color:#000000;
font-size:12px;
}
a.meniuunu:visited{
padding:10px;
font-family:sans-serif;
text-decoration:none;
color:#000000;
font-size:12px;
}
a.meniuunu:active{
padding:10px;
font-family:sans-serif;
text-decoration:none;
color:#ffffff;
font-size:12px;
outline: none;
}
a.meniuunu:hover{
padding:10px;
font-family:sans-serif;
text-decoration:none;
color:#ffffff;
font-size:12px;
}












  body .contain
  {
  background: grey/*url(img/bg_design2.jpg) 0px 165px repeat-x*/;
  margin: 0;
  padding:0;

  }

  #page-wrapper /** dropshaddows **/
  {
  background:  url(img/dropshaddow2.gif) repeat-y; 
  margin:0px auto; text-align:left;
  width: 966px; 
  }

  #page
  {
  /* background: #fff url(img/bg_page.jpg) repeat-y; */
  margin:0px auto; text-align:left; 
  }

  #page-inner
  {
  }

/** header **/
  #header
  {
	background: url(img/bg_navbar.gif) top left repeat-x;
  }

  #header-inner
  {
 
  }

/** catagory headers **/

   #cat_head {
   margin-top: 10px;
   width: 760px;
   height: 164px;
   }
   
    #cat_head img {
   border: none;
   margin: 0;
   padding: 0;
   }
   
   #cat_head img.left {
   
   }
   
   #cat_head img.right {
   margin: 0 0 0 3px;
   }
 
 
 /** homepage feature block **/
 	div.home_feature {
 	float: left; 
	width:545px; 
	height: 370px;  
	padding: 10px;
	background:  url(img/bg_ni_feature.jpg) bottom left no-repeat;}
  

  #logo-title /* Wrapper for logo, website name, and slogan */
  {
  }

  #logo /* Wrapper for logo */
  {
	padding-top: 20px;
  }
  
  #logo a {text-decoration: none; cursor: pointer; cursor:hand;}

  #defaultlogo
  {
	width: 162px;
	height: 40px;
	margin-top: -20px;
	background:  url(img/logo_default.jpg) no-repeat;  
  }
  
  #logo-image /* The actual logo image */
  {
  }

  #site-name /* The name of the website */
  {
  }

  #site-name a:link,
  #site-name a:visited
  {
    color: #000;
    text-decoration: none;
  }

  #site-name a:hover
  {
    text-decoration: underline;
  }

  #site-slogan /* The slogan (or tagline) of a website */
  {
  }

  #header-blocks /* Wrapper for any blocks placed in the header region */
  {
  }

/** main (container for everything else) **/
  #main
  {
  margin: 0;
  padding: 0;
  }

  #main-inner
  {
  /*background:  url(img/bg_content2.jpg) bottom right no-repeat;*/
  margin-bottom: -13px;
  padding: 0;
  }


/** global elements **/

   a:link {color: #3f9200;}
   a:visited {color:#3f9200;}
  a:hover { color: #317100;}
  
  a.blue:link, a.blue:visited { color: #2d5d9b;}
  a.blue:hover { color: #234168;}
 
  div#quote { display: block; width: 300px; margin: 0 20px 10px 20px; padding: 0; float: right;} 
  blockquote {   /*background: url(img/img_startquote.gif) top left no-repeat;*/  }
  blockquote p {margin: 0; padding: 0; /* background: url(img/img_endquote.gif) bottom right no-repeat;*/ font-size: 15px; line-height: normal; text-align: justify; }
  div#quote>span {position: relative; top: -10px; left:30px; margin: 0; padding: 0; font-size: 11px; width: 200px; }
  
  div#quote2 { display: block; width: 230px; margin: 0 10px 10px 10px; padding: 0; float: right;}
  div#quote2>span {position: relative; top: -10px; left:30px; margin: 0; padding: 0; font-size: 11px; width: 200px; } 
  
  
/** content **/
   #content
  {
	
	padding-bottom: 0px; 
  }
  
  #content-inner
  {
  margin: 0;
  padding: 0;
  }
  
  #content-inner p {}

  #mission /* The mission statement of the site (displayed on homepage) */
  {
  
  }

  #content-top /* Wrapper for any blocks placed in the "content top" region */
  {
  }

  #content-header /* Wrapper for breadcrumb, title, messages, tabs, and help */
  {
	margin-top: 0px;
  }

  .breadcrumb /* The path to the current page in the form of a list of links */
  {
	background: blue; 
	padding-bottom: 0; /* Undo system.css */
  }

  h1.title, /* The title of the page */
  h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
  h3.title /* Comment title */
  {
  font:  bold 12px arial ; 
	color: #333333;
	margin-bottom: 5px;
	margin-left: 10px;
  }
  
  h1
  {
	font:  bold 15px sans-serif ; 
	color: #8DC15C;
	margin-bottom: 0px;
	margin-left: 10px;
	height:14px;
	line-height:14px;
	
  }
   h2
  {
	font:  bold 15px sans-serif ; 
	color: #6385B4;
	margin-bottom: 0px;
	margin-left: 10px;
	height:14px;
	line-height:14px;
}


  div.messages /* Important messages (status, warning, and error) for the user */
  {
    margin: 0 1em 5px 1em;
    border: 2px solid #ccc;
    padding: 5px;
    color: #000;
    background-color: #fff;
    font-style: italic;
  }

  div.status /* Normal priority messages */
  {
  }

  div.warning /* Medium priority messages */
  {
    /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
  }

  div.warning,
  tr.warning,
  body.section-admin tr.warning
  {
    /* color: #220; */ /* Drupal core uses #220 */
    background: #ffd;
  }

  div.error /* High priority messages. See also the .error declaration below. */
  {
    /* border: 1px solid #d77; */ /* Drupal core uses: 1px solid #d77 */
  }

  div.error,
  tr.error,
  body.section-admin tr.error
  {
    /* color: #200; */ /* Drupal core uses #200 */
  }
  
  
  
 /*Error Message pages*/
 
.error404 {}
.error404 img{position: absolute; top: 10px; left: 125px;}
.error404 ul {margin: 100px 10px 10px 150px;}
.error404 li {margin: 10px;}

.error403 {}
.error403 img{position: absolute; top: 10px; left: 125px;}


  div.tabs /* See also the tabs.css file. */
  {
  }

  .help /* Help text on a page */
  {
    margin: 1em 0;
  }

  .more-help-link /* Link to more help */
  {
    font-size: 0.85em;
    text-align: right;
  }

  #content-area /* Wrapper for the actual page content */
  {
  color:#666;
  padding: 0;
  margin: 0 15px 50px 15px;
  }


  .pager /* A list of page numbers when more than 1 page of content is available */
  {
    clear: both;
    margin: 1em 0;
    text-align: center;
  }

  .pager a, .pager strong.pager-current
  {
    padding: 0.5em;
  }

.feed-icons /* The links to the RSS or Atom feeds for the current list of content */
 {
    display: none; 
	/*margin: 1em 0;*/
 }

 .page-content-news-events #content-bottom /* Wrapper for any blocks placed in the "content bottom" region */
  {
  
  }

	.sideblock {width: 160px; padding: 10px; float: right;}
	#node-6 .sideblock {width: 200px; margin-left: 10px; background: #f3f3f3;}

/* styles for Splash section */
	div#splash {width: 960px;  height: 220px; background: #f2f2f2 url(/sites/all/themes/navarik/img/ds_greyblock.gif) bottom repeat-x; }
	div.splash_content {float: left; margin-top: 2px;}
	div.splash_nav { float: left;}


div#block-block-21 {}

/* styles for services page */

/* navarik inspection */
	.intro {width: 720px; text-align: justify; font-size: 1.3em; line-height: normal;}
	.intro p {font-size:1em;}

/* functionality */
	#node-23, #node-24, #node-25 {padding: 0 0 10px 0; background: #e9e9e9;}
	#node-23 p, #node-24 p, #node-25 p {margin: 1em;}
	#node-23 h5, #node-24 h5, #node-25 h5 {margin: 2em 1em 0 1em; font-size: 1em; color: #5a9f25;}
	
	.functiontabs {margin: 10px 0 0 0; padding: 0 0 4px 0; background: #fff;}
	.functiontabs ul {margin: 0; padding: 0; list-style: none;}
	.functiontabs li {margin-right: -3px; padding: 2px 5px; background:url(/sites/all/themes/navarik/img/bg_tab.gif) repeat-x; display: inline; border: 1px solid #c2c2c2;}
	.functiontabs a {color: #fff; text-decoration: none;}
	.functiontabs li.current {background: #f6f6f6; border-bottom: 1px solid #f6f6f6; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2;}
	.functiontabs li.current a {color: #3f923a;}
	
	.functionbody {margin: -2px 0 0 0 ; padding: 20px; width: 690px; background: #f6f6f6; border: 1px solid #c2c2c2;}

/* styles for about navarik page */
	div.management {}
	div.management div {width: 600px; float: left; }
	div.management p { margin: 10px 0 20px 0;}
	div.management span {display: none;}
	.management_pics { float: left; margin: 20px 10px 0 0; }
	.sub_up {margin-top: -20px;}
	/* \*/
	* html .management div { height: 45px; }
	/* */

/* style for support page */
	#block-block-7 {position: relative;}
	#block-block-7 .leftcol {width: 460px; float: left;}
	#block-block-7 .rightcol {float: left; width: 430px; margin-left: 470px; padding: 0 10px 10px 10px; background: #f3f3f3; position: absolute; top: 0;}


/* styles for news view/bloc */
	.oilgraph {width: 380px; height: 380px; border-bottom: 2px solid #777;}

	#content-right /* Wrapper for any blocks placed in the "content right" region */
	{
		width: 420px;
		/*margin: -60px 0 0 540px;*/
		position: absolute;
		top: 60px;
		left: 520px;
	}

	#content-right h2
	{
		font-size: 1em;
		color: #295b98;
		text-transform: uppercase;
	}
	
	#block-views-news-block {padding-top: 18px; margin-top: -60px; background: url(img/txt_newsevents.gif) 12px top no-repeat; width: 450px;}

	#block-views-news-block h2{width: 200px; padding-left: 3px;}
	
	.view-news
	{
		width: 480px;
		margin-left: 0px;
	}
	
	.view-news .views-field-created
	{
		width: 50px;
		font-size: 0.7em;
		float: left;
	}
	

/*	.view-news .views-field-title 
	{
		width: 420px;
		float: left;
	}*/
	
	.view-news .views-field-title .field-content
	{
	font-family:verdana;
		font-weight: bold; 
		color: #5a9f25;
	}
	
	.view-news .views-field-body
	{
		padding: 0 0 20px 50px;
		clear: left;
	}
	
	.view-id-frontpage_news .view-content
	{
	height: 400px;
	width: 370px;
	border-left: 1px solid #bcbcbc; 
  	padding:4px;
	margin-top: 10px;  
 	float: left;
	}

	#block-views-frontpage_news-block h2 {width: 150px; float: left;}
	#block-views-frontpage_news-block h2.title {
	font-size:12px;
	}
	
	
	.view-frontpage-news .views-field-created
	{
	width: 50px;
	font-size: 0.7em;
	float: left;	
	}
	
	.view-frontpage-news li {
	clear: both;
	}
	
	.views-field-teaser {
	width: 280px;	
	float: right;
	margin: 0 9px 15px 0;
	
	}
	
	.views-field-teaser p{
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	}
		
		
	
	
	.views-field-title  {
	width: 280px;
	float: left;
	}
	
	.views-field-title a {
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
	}
	
	div.view-news div.item-list li {list-style: none;}
	div.view-news div.item-list span.field-content li {list-style: disc;}
	div.view-content li {list-style: none;}
	
	.feed_icon { position: relative; top: 50px; left: 450px; height: 23px; width: 23px;}
	
	#block-aggregator-feed-1 a{ color: #0152a6; }
	#block-aggregator-feed-2 a{ color: #0152a6; }
	#block-aggregator-feed-3 a{ color: #0152a6; }
	#block-aggregator-feed-4 a{ color: #0152a6; }
	#block-aggregator-feed-6 a{ color: #0152a6; }
	#block-aggregator-feed-8 a{ color: #0152a6; }


/** navbar **/
  #navbar
  {
	height: 40px;
  }

  #navbar-inner
  {
	height: 30px;
  }

  #search-box /* Wrapper for the search form */
  {
 display: none;
  }

  #edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */
  {
    display: none;
  }

  #primary /* Primary links */
  {
	float: right;
	width: 350px;
  }

  #secondary /* Secondary links */
  {
  display:none;
  }

/** sidebar-left **/
  #sidebar-left
  {
  }

  #sidebar-left-inner
  {
	margin-top: 30px;
	width: 200px;
	padding-left: 0px;
  }
  
#sidebar-logos {margin-left: 10px;}
#sidebar-logos .custlogo {margin-right: 4px;}


/** sidebar-right **/
  #sidebar-right
  {
  
  }

  #sidebar-right-inner
  {
  }

/**  **/
  #footer
  {
  background: #ECECEC;
  height: 50px;
  position: relative;
  clear: both;
  }

  #footer-inner
  {
  }

  #footer-message /* Wrapper for the footer message from Drupal's "Site information"
                     and for any blocks placed in the footer region */
  {
  margin: 8px 2px;
  font: normal 10px arial;
  color: #343434;  
  }

	#block-menu-menu-footer-nav {margin-bottom: 0.5em; text-align:left;}
	#block-menu-menu-footer-nav h2 {display: none;}
	#block-menu-menu-footer-nav ul {width: auto; margin: 0; padding: 0;}
	#block-menu-menu-footer-nav li {display: inline;}
	#block-menu-menu-footer-nav li a {padding: 0 10px; background: none; display: inline; border-right: 1px solid #727272; font: 0.875em Arial, Helvetica, sans-serif; color: #727272; text-transform: uppercase;}
	#block-menu-menu-footer-nav li.last a {border: none;}
	
	
	#contact {
	float: left;
	height: 85px; 
	width: 430px; 
	background: #454545 url(images/corners_contact.gif) right no-repeat; 
	margin-top: 8px;
	}
	
	.contact_left {
	float: left; 
	width: 170px; 
	font-size: 0.9em; 
	color: #cecece; 
	line-height: 12px; 
	margin: 5px 5px 5px 20px; 
	padding: 4px;
	}
	
	.contact_right {
	float: left; 
	width: 150px; 
	font-size: 0.9em; 
	color: #cecece; 
	height: 40px; 
	border-left: 1px solid #cecece; 
	line-height: 12px; 
	margin: 20px 5px 5px 20px; 
	padding-left: 10px;
	}

/** closure **/
  #closure-blocks /* Wrapper for any blocks placed in the closure region */
  {
  }

/** Drupal nodes **/
  .node /* Node wrapper */
  {
  }

  .node-inner /* Additional wrapper for node */
  {
  }

  .sticky /* A sticky node (displayed before others in a list) */
  {
  }

  .node-unpublished /* Unpublished nodes */
  {
    /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
  }

  .node-unpublished div.unpublished, /* The word "Unpublished" displayed beneath the content. */
  .comment-unpublished div.unpublished
  {
    height: 0;
    overflow: visible;
    color: #d8d8d8;
    font-size: 75px;
    line-height: 1;
    font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    word-wrap: break-word; /* A very nice CSS3 property */
  }

  .node-mine /* A node created by the current user */
  {
  }

  .node-teaser /* A node displayed as teaser */
  {
  }

  /* All nodes are given a node-type-FOO class that describes the type of
   * content that it is. If you create a new content type called
   * "my-custom-type", it will receive a "node-type-my-custom-type" class.
   */
  .node-type-page /* Page content node */
  {
  }

  .node-type-story /* Story content node */
  {
  }

  .node h2.title /* Node title */
  {
  }

  .marker /* "New" or "Updated" marker for content that is new or updated for the current user */
  {
    color: #c00;
  }

  .node .picture /* The picture of the node author */
  {
  }

  .node.node-unpublished .picture,
  .comment.comment-unpublished .picture
  {
    position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
  }

  .node .submitted /* The "posted by" information */
  {
  }

  .node .taxonomy /* Node taxonomy (categories) */
  {
  }

  .node .content /* Node's content wrapper */
  {
  }

  .node div.links /* Wrapper for node links */
  {
    margin: 1em 0;
  }

  ul.links /* Taxonomy links, node links, comment links */
  {
    margin: 0;
    padding: 0;
  }

  ul.links.inline
  {
    display: inline;
  }

  ul.links li
  {
	display: inline;
    list-style-type: none;
    padding: 0 0.5em;
  }


/*Primary link styling*/

#primary .links {position: relative;  padding: 0px; width: 315px; height: 31px; }
#primary .links li {height: 31px; padding: 0; position: absolute; top: 0px; background: url(img/nav_main4.gif) 0 0 no-repeat; display: block; list-style: none;}
#primary .links a {height: 31px; display: block;}
#primary .links a:hover {/*border: solid 1px #000;*/}

/*Home*/
#primary .links li.menu-241 {width: 41px;}
#primary .links .menu-241 a {width: 41px;}
#primary .links .menu-241 {left: 0; background-position: -10px 0; text-indent: -9999px;}

/*Service/Platform*/
#primary .links li.menu-263 {width: 58px;}
#primary .links .menu-263 a {width: 58px;}
#primary .links .menu-263 {left: 53px; background-position: -63px 0px; text-indent: -9999px;}

/*Support*/
#primary .links li.menu-269 {width: 58px;}
#primary .links .menu-269 a {width: 58px;}
#primary .links .menu-269 {left: 123px; background-position: -135px 0; text-indent: -9999px;}

/*About*/
#primary .links li.menu-272 {width: 47px;}
#primary .links .menu-272 a {width: 47px;}
#primary .links .menu-272 {left: 193px; background-position: -207px 0; text-indent: -9999px;}

/*News*/
#primary .links li.menu-278 {width: 38px;}

#primary .links .menu-278 a {width: 38px;}
#primary .links .menu-278 {left: 252px; background-position: -268px 0; text-indent: -9999px;}

#primary .menu-241 a:hover {background: url(img/nav_main4.gif) -10px  -31px no-repeat;}   /*Home*/
#primary .menu-263 a:hover {background: url(img/nav_main4.gif) -63px -31px no-repeat;}  /*Platform*/
#primary .menu-269 a:hover {background: url(img/nav_main4.gif) -135px -31px no-repeat;} /*Support*/
#primary .menu-272 a:hover {background: url(img/nav_main4.gif) -207px -31px no-repeat;} /*Navarik*/
#primary .menu-278 a:hover {background: url(img/nav_main4.gif) -268px -31px no-repeat;} /*News*/

#primary .menu-241 a.active {background: url(img/nav_main4.gif) -10px -31px no-repeat;}   /*Home*/
#primary .menu-263 a.active {background: url(img/nav_main4.gif) -63px -31px no-repeat;}  /*Platform*/
#primary .menu-269 a.active {background: url(img/nav_main4.gif) -135px -31px no-repeat;} /*Support*/
#primary .menu-272 a.active {background: url(img/nav_main4.gif) -207px -31px no-repeat;} /*Navarik*/
#primary .menu-278 a.active {background: url(img/nav_main4.gif) -268px -31px no-repeat;} /*News*/

/*Secondary link styling*/

.menu {width: 200px;}
.menu a {display: block; width: 170px; padding: 3px 15px; background: url(img/nav_2nd_bottombord.gif) bottom left no-repeat; text-decoration: none;}
.menu a:hover {background: #a6dc7c; color: #fff;}

.menu .expanded, .menu .collapsed, .menu .leaf{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	/* List actually uses images so we apply list-style-image property */
	list-style-image:none;
}

ul.menu {padding: 0px;}

ul.menu ul.menu li a{
	width: 155px;
	padding: 3px 15px 3px 30px;
	font-size: .85em;
	color: #666666;
}

ul.menu ul.menu li a.active{
	font-size: .85em;
	color: #000;
}

div#block-menu-menu-engineering-sidebar { margin-top: 30px; }
/* Pages 
------------------------------------------------------------------- */
/* Services */
h4.functionality {height: 14px; background: url(img/txt_functionality.gif) top left no-repeat;}
h4.functionality span {display: none;}

/* Support */


/*infobutton styling*/
div.infobutton { float: left; margin-top: 70px; margin-left: -100px; }
div.infobutton a {display: block; width: 70px; height: 25px; background: url(img/button_info.jpg) 0 0px no-repeat;}
div.infobutton a:hover { display: block; width: 70px; height: 25px; background: url(img/button_info.jpg) 0 -24px no-repeat;}
div.infobutton span {display: none;}

#supportbox { width: 700px; margin-top: 30px; position: relative;}
#supportbox a.applogo {float: left; margin-left: -210px;  width: 186px; position:relative;}

#button_left { width: 700px; position: absolute; top: 210px; left: 5px; padding: 0; margin: 0;}
#button_left a.applogo {/*float: left; position: relative; margin: 0 0 0 -210px;  width: 186px; padding: 0;*/}

.prodloginsbox {background: url(img/bg_prodlog.gif); width: 186px; height: 450px;  font-size: .7em }
.prodloginsbox ul {margin-left: 7px; line-height: 21px; list-style: none;}

/* About */

/* Careers */
/*div#block-views-recent_careers-block { }
div.view-id-recent_careers {width: 600px; margin: -20px 20px 20px 20px;}
div.view-id-recent_careers div.views-field-title  {border: 1px solid #d9d9d9; width: 500px; margin-bottom: 3px; padding: 5px; background: #fbfbfb;}
div.view-id-recent_careers h2 a  {font-size: 12px; color: black;}
div.view-id-recent_careers h2 a:link, div.node-type-careers h2  a:visited  {font-size: 12px; color: #2d5d9b;}*/

div.view-recent-careers div.view-content {width: 750px; }
div.view-recent-careers div.views-field-title { width: 650px; display: block; margin-left: 10px; float: left; }
div.view-recent-careers div.views-field-teaser { width: 650px; display: block; margin:0 0 10px 10px; float: left;  padding-bottom: 20px; border-bottom: 1px solid #343434;}

/* Navarik Inspection */
blockquote span {display: none;}
div.content_width_narrow {width: 500px; background: red;}


/*Main Button Class*/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('img/button_greycap.jpg') no-repeat scroll top right;
    color: #343434;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 0px;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('img/button_greybg.jpg') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 6px;
} 

a.button:hover {
    background-position: bottom right;
    color: #000;
}

a.button:hover span {
    background-position: bottom left;
    padding: 5px 0 5px 6px; /* push text down 1px */
} 

a.button:active {
    outline: none; /* hide dotted outline in Firefox */
}



  .preview .node /* Preview of the content before submitting new or updated content */
  {
    /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
  }

/** Drupal comments **/
  #comments /* Wrapper for all comments */
  {
    margin: 1em 0;
  }

  .comment /* Wrapper for a single comment */
  {
  }

  .comment-inner /* Additional wrapper for a single comment */
  {
  }

  .comment.odd /* An odd-numbered comment in the list of comments */
  {
  }

  .comment.even /* An even-numbered comment in the list of comments */
  {
  }

  .comment-unpublished /* Unpublished comments */
  {
    /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
  }

  .comment-unpublished div.unpublished /* The word "Unpublished" displayed beneath the content. See also the div.unpublished declaration in the node section above. */
  {
  }

  .comment-by-author /* A comment created by the node's author */
  {
  }

  .comment-by-anon /* A comment created by an anonymous user */
  {
  }

  .comment-mine /* A comment created by the current user */
  {
  }

  .comment h3.title /* Comment title */
  {
  }

  .new /* "New" marker for comments that are new for the current user */
  {
    color: #c00;
  }

  .comment .picture /* The picture of the comment author */
  {
  }

  .comment .submitted /* The "posted by" information */
  {
  }

  .comment .content /* Comment's content wrapper */
  {
  }

  .comment div.links /* Wrapper for comment links. See also the ul.links declaration in the node section above. */
  {
    margin: 1em 0;
  }

  .indented /* Nested comments are indented */
  {
    /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
  }

  .preview .comment /* Preview of the comment before submitting new or updated comment */
  {
    /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
  }

/** Drupal blocks **/
  .block /* Block wrapper */
  {
    margin-bottom: 1em;
  }

  .block.region-odd /* Zebra striping for each block in the region */
  {
  }

  .block.region-even /* Zebra striping for each block in the region */
  {
  }

  .block.odd /* Zebra striping independent of each region */
  {
  }

  .block.even /* Zebra striping independent of each region */
  {
  }

  .region-count-1 /* Incremental count for each block in the region */
  {
  }

  .count-1 /* Incremental count independent of each region */
  {
  }

  .block-inner /* Additional wrapper for block */
  {
  }

  .block h2.title /* Block title */
  {
  }

  .block .content /* Block's content wrapper */
  {
  }

  #block-aggregator-category-1 /* Block for the latest news items in the first category */
  {
  }

  #block-aggregator-feed-1 /* Block for the latest news items in the first feed */
  {
  }

  #block-block-1 /* First administrator-defined block */
  {
  }
  
  #block-block-2 /* Footer message block */
  {
  height: 50px;
  }
  
  #test-block /*  */
  {
  }
  
  #block-block-4 /*  */
  {

  }
  
  #block-views-frontpage_recent_blog-block ul li
  {
  padding: 2px;
  }

  #block-views-frontpage_recent_blog-block a
  {
  text-decoration: none;
  }
  
  #block-views-frontpage_recent_blog-block a:hover
  {
  color: #61c614;
  }
  
  #block-block-7 /* Home-bottomblock */
  {
  text-align: right;
  }
  
  #block-block-7 img 
  {
  margin: 5px 15px 0 0;
  }
  
  #supportline
  {
  width: 400px;
  float: right;
  }
  
   #supportline_front
  {
  margin: -70px 0 0 0;
  float: right;
  }
  
    #supportline_front img
  {
  margin-right: 10px;
  float: right;
  }
     
   a.supportbutton
  {
  width: 144px;
  height: 40px;
  margin: 0 0px 0 auto;
  background: url(img/button_support.gif) top left no-repeat;
  display: block;
  }
   a.supportbutton:hover {background-position: left -38px;}
  
   a.supportbutton span {display: none;}
   

  #block-blog-0 /* "Recent blog posts" block */
  {
  }

  #block-book-0 /* "Book navigation" block for the current book's table of contents */
  {
  }

  #block-comments-0 /* "Recent comments" block */
  {
  }

  #block-forum-0 /* "Active forum topics" block */
  {
  }

  #block-forum-1 /* "New forum topics" block */
  {
  }

  #block-menu-2 /* "Primary links" block */
  {
  }

  #block-node-0 /* "Syndicate" block for primary RSS feed */
  {
  }

  #block-poll-0 /* "Most recent poll" block */
  {
  }

  #block-profile-0 /* "Author information" block for the profile of the page's author */
  {
  }

  #block-search-0 /* "Search form" block */
  {
  }

  #block-statistics-0 /* "Popular content" block */
  {
  }

  #block-user-0 /* "User login form" block */
  {
  }

  #block-user-1 /* "Navigation" block for Drupal navigation menu */
  {
  }

  #block-user-2 /* "Who's new" block for a list of the newest users */
  {
  }

  #block-user-3 /* "Who's online" block for a list of the online users */
  {
  }
  
  #block-views-recent_careers-block ul {}
  #block-views-recent_careers-block li { list-style-type: circle;}

/** Drupal boxes **/
  /* Wrapper for Comment form, Comment viewing options, Menu admin, and
   * Search results.
   */
  .box /* Wrapper for box */
  {
  }

  .box-inner /* Additional wrapper for box */
  {
  }

  .box h2.title /* Box title */
  {
  }

  .box .content /* Box's content wrapper */
  {
  }

/** Miscellaneous Drupal styles **/
  .error /* Errors that are separate from div.messages status messages (see above.) */
  {
    /* color: #e55; */ /* Drupal core uses a #e55 background */
  }

  .warning /* Warnings that are separate from div.messages status messages (see above.) */
  {
    /* color: #e09010; */ /* Drupal core uses a #e09010 background */
  }

  .more-link /* Aggregator, blog, and forum more link */
  {
    text-align: right;
  }

  #user-login-form /* Drupal's default login form */
  {
    text-align: left;
  }

  tr.even, tr.odd /* Some tables have rows marked even or odd. See also the ".section-admin tr.even" declaration below. */
  {
    border-bottom: none;
    padding: 0;
  }

  tr.even
  {
    /* background-color: #eee; */ /* Drupal core uses a #eee background */
  }

  tr.odd
  {
    /* background-color: #eee; */ /* Drupal core uses a #eee background */
  }

  li a.active /* The active item in a Drupal menu */
  {
    color: #000;
  }


/** Drupal forms **/
  .form-item, /* Wrapper for a form element (or group of form elements) and its label */
  .form-checkboxes,
  .form-radios
  {
    margin: 1em 0;
  }

  .form-item input.error, /* Highlight the form elements that caused a form submission error */
  .form-item textarea.error,
  .form-item select.error
  {
    border: 2px solid #c00;
  }

  .form-item label /* The label for a form element */
  {
    display: block;
    font-weight: bold;
  }

  .form-item label.option /* The label for a radio button or checkbox */
  {
    display: inline;
    font-weight: normal;
  }

  .form-required /* The part of the label that indicates a required field */
  {
    color: #c00;
  }

  .form-item .description /* The descriptive help text (separate from the label) */
  {
    font-size: 0.85em;
  }

  .form-checkboxes .form-item, /* Pack groups of checkboxes and radio buttons closer together */
  .form-radios .form-item
  {
    margin: 0.4em 0;
  }

  .form-submit /* The submit button */
  {
  }

  .container-inline div, .container-inline label /* Inline labels and form divs */
  {
    display: inline;
  }

  .tips /* Tips for Drupal's input formats */
  {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
  }

/** OpenID **/
  /* The default styling for the OpenID login link seems to assume Garland's
   * styling of list items.
   */
  #user-login-form ul /* OpenID creates a new ul above the login form's links. */
  {
    margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
  }

  #user-login-form li.openid-link, /* The "Log in using OpenID" links. */
  #user-login li.openid-link
  {
    margin-top: 1em;
    margin-left: -20px; /* Un-do some of the padding on the ul list. */
  	padding-left: 20px;
  	background-position: left center;
  }

  #user-login-form li.user-link, /* The "Cancel OpenID login" links. */
  #user-login li.user-link
  {
    margin-top: 1em;
  	list-style-type: disc;
  	list-style-position: outside;
  }

  #user-login li.openid-link, /* The OpenID links on the /user form. */
  #user-login li.user-link
  {
    margin-left: -2em; /* Un-do all of the padding on the ul list. */
  }

/** Drupal admin tables **/
  /* We overrode these styles in html-elements.css, but restore them for the
   * admin section of the site.
   */
  .section-admin tbody
  {
    border-top: 1px solid #ccc;
  }

  .section-admin th
  {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
  }

  .section-admin tbody th
  {
    border-bottom: 1px solid #ccc;
  }

  .section-admin thead th
  {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
  }

  .section-admin tr.even,
  .section-admin tr.odd
  {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    padding: 0.1em 0.6em;
  }
  
  /* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: block !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: visible;
	letter-spacing: -9px;
	font-size: 12px;
	color:#2F5D9B;
}

.sIFR-hasFlash h2 {
font-size:15px;
	visibility: visible;
	letter-spacing: -9px;
	font-size: 12px;
	color:#2F5D9B;
}

.sIFR-hasFlash h3 {
	visibility: visible;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: visible;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: visible;
	font-size: 24px;
}
.chromestyle{
font:normal 11px tahoma;
background-color:#EDEDE5;
width: 100%;
font-weight: bold;
color:#333366;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #CCCCCC;
width: 100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
}

.chromestyle ul li{
display:inline;
}

.chromestyle ul li a{
color: #494949;
padding: 5px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Tahoma;
line-height:18px;
z-index:100;
background-color: #F0F0F0;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color: #666666;
}
#carousel-wrapper {
    width: 555px;
    height: 206px;
    overflow: hidden;
}
#carousel-content {
    width: 3500px;
}
#carousel-content .slide {
    float: left;
    width: 555px;
    height: 206px;
}
#outerdiv
{
width:768px;
height:557px;
overflow:hidden;
position:relative;
}

#inneriframe
{
position:absolute;
top:-520px;
left:-255px;
width:1280px;
height:1200px;
}

#outerdiv2
{
width:860px;
height:700px;
overflow:hidden;
position:relative;
}

#inneriframe2
{
position:absolute;
top:-65px;
left:-40px;
width:1000px;
height:900px;
}

.offer_box_wide{
width:640px;
float:left;
background-color:#ffffff;
border-bottom:1px #cccccc dashed;
padding:10px;
margin:7px;
}
.offer_box_wide:hover{
width:640px;
float:left;
background-color:#eeeeee;
border-bottom:1px #cccccc dashed;
padding:10px;
margin:7px;
}