/*<?php
header('Content-type: text/css');
$days_to_cache = 1;
header('Expires: '.gmdate('D, d M Y H:i:s',time() + (60 * 60 * 24 * $days_to_cache)).' GMT');
?>
 */
/**Layout Styles
 ****************************************/

body
{
  background: #ffffff url(http://static.makrofirm.com/invent/timages/bg_tile.jpg) repeat-x;
}

#container
{
  padding-bottom:10px;
}

#page
{
  width:775px;
  margin: 20px auto 0 auto;
  z-index:5;
}

#page-inner
{

}

#main
{
  position:relative;
  clear:both;
  background: transparent url(http://static.makrofirm.com/invent/timages/bg_cap.png) no-repeat top left;
  padding-top:21px;
}

#main-inner
{
  background:transparent url(http://static.makrofirm.com/invent/timages/front_fixed_body_repeat.png);
  background-repeat:repeat-y;
  display:block;
  height:100%; /*needed for IE - GAH*/
  padding-bottom:5px;
}

#content
{
  float:left;
  width:475px;
  margin-left:295px;
  margin-right:-770px;

  clear:both;
}

.no-sidebars #content
{
  width: 770px;
  margin-left:5px;
}

#content-inner
{
  margin:10px 10px 0px 10px;
  padding:10px 20px 4em 30px;
}

.front  #content-inner
{
  margin:10px 10px 0px 10px;
  padding:10px;
  padding-bottom:2em;
}

#navbar
{
  float:right;
  height:30px;
  width: 380px;
  margin-right:15px;
  margin-top:-47px;
  background:transparent url(http://static.makrofirm.com/invent/timages/menu_left.png) no-repeat top left;
  overflow:visible;
}

.portfolio.carousel #navbar
{
  margin-top:-198px;
}

#navbar-inner
{
  margin:0 15px 0 21px;
  height:30px;
  background:transparent url(http://static.makrofirm.com/invent/timages/menu_repeat.png) repeat-x top left;
  overflow: visible;
}

#navbar #primary
{
  margin-right:15px;
  width:103%;/*forced to do this because of SUCKY IE*/
  background:transparent url(http://static.makrofirm.com/invent/timages/menu_right.png) no-repeat;
  background-position:100% 0;
}

#navbar #primary ul#links
{
  list-style:none;
  list-style-type:none;

  height:24px;
  margin:0 2px 0 -16px;
  padding:5px 0 0 20px;
  border-bottom:solid 1px #ddd;
}

ul#links li
{
  background:none;
  display:inline;
  float:left;
  height:25px;
  margin:-5px;
  margin-right:2px;
  padding-left:10px;
  padding-right:15px;
  padding-top:5px;
}

#sidebar-left
{
  float:left;
  width:295px;
  margin-right:-295px;
}

#sidebar-left-inner
{
  margin:10px 0px 0px 15px;
  padding:10px;
  padding-bottom: 4em;
}

#logo-title
{
  height:60px;
  margin:0 0 0 20px;
  padding:0;
}

#footer
{
  background: transparent url(http://static.makrofirm.com/invent/timages/bg_shoes.png) no-repeat bottom left;
  height:21px;
}

#footer-inner
{
  font-size:80%;
  color:#bbb;
}

#footer-inner p
{
  float:left;
  margin-top:30px;
  text-align:center;
  width:775px;
}

#logo-title h1
{
  margin:0; background:transparent url(http://static.makrofirm.com/invent/timages/logo.png) no-repeat; width:260px; line-height:60px; height:60px;
}

#logo-title h1 a
{
  margin:0px; padding:0px; width:260px; text-indent:-5000px; line-height:60px; height:60px; display:block;
}

#skip-to-nav
{
  display:none;
}

#navigation,
#navigation-top
{
  left:-10000px;
  position:absolute;
}

#carousel
{
  position:relative;

  overflow:visible;
  margin:-1px -21px -1px -24px;
  width:820px;
  height:153px;
  background-color:transparent;
}

#carousel-inner
{
  height:153px;
  /*background:transparent url(http://static.makrofirm.com/invent/timages/carousel-items.png) no-repeat center center;*/
}

a.prev, a.next
{
  cursor:pointer;
}

#carousel .prev
{
  float:left;
  height:153px;
  width:29px;
  background:transparent url(http://static.makrofirm.com/invent/timages/car_prev.png) no-repeat top left;
  z-index:5;
}

#carousel .next
{
  float:left;
  height:153px;
  width:25px;
  margin-left: 766px;
  margin-right:-820px;
  margin-top:-145px;
  background:transparent url(http://static.makrofirm.com/invent/timages/car_next.png) no-repeat center right;
  z-index:5;
}

#carousel .items
{
  height:145px;
  margin: 25px -2000px 0 10px;
  width:2000px;
  float:left;
  position:absolute;
}

#carousel .items div.item
{
  margin-left:4px;
  margin-right:4px;
  padding:5px;
  float:left;
  width:90px;
  height:90px;
  border:solid 1px #ddd;
  /*background:transparent url(http://static.makrofirm.com/invent/timages/carousel-item.png) no-repeat center center;*/
}

#carousel .items div.item img
{
  width: 90px;
  height: 90px;

}

#carousel .items div.item.active
{
  border:solid 2px #000;
  background-position: center top;
  background-color:#e6e6e6;
}

#carousel .items div.item :hover
{
  cursor: pointer;
}

.scrollable
{
  position:relative;
  overflow:hidden;
  left: 20px;
  height:145px;
  width:721px;
}

#dropdown
{
  top:100%;
  margin-top:-25px;
  left:0;
  position: fixed;
  width:100%;
  height:20px;
  background-color:#fff;
  border-top:dashed 1px #ccc;
  padding:2px 0;
  font-family:monospace;
}

#dropdown #a
{
  width:720px;
  margin:0 auto;
  text-align:center;
}

.clr
{
  clear:both;
  line-height:1px;
  height:1px;
  display:block;
  margin:0;
  padding:0;
  width:70%;
}

.main-image
{
  margin:-4px 0 0 -2px;
}


#slideshow ul
{
  margin:0;
  padding:0;
  list-style:none;
  list-style-type:none;
}



/* tooltip styling. uses a background image (a black box with an arrow) */
div.tooltip {
	/*background:transparent url(../img/tooltip/black_arrow_big.png) no-repeat scroll 0 0;*/
	border:solid 1px #ccc;
  background-color: #000;
	font-size:14px;
	height:160px;
	padding:30px;
	width:180px;
	font-size:14px;
	display:none;
	color:#fff;
  left: 20px;
}

/* tooltip title element (h3) */
div.tooltip h3 {
	margin:0;
	font-size:18px;
	color:#fff;
}


a#twizzy
{
  border:none;
  display:block;
  margin-left:-10px;
  text-align:center;
  width:221px;
}


table#hosting-plans
{
  text-align:left;
  width: 100%;
}

table#hosting-plans tr.odd
{
  
}

table#hosting-plans thead th,
table#hosting-plans tbody th
{
  padding:10px;
  background-color: #eee;
  color: #ff8000;
  font-size: larger;
  border-top:solid 5px #ccc;
  border-collapse: collapse;
  border-spacing:0;
}

table#hosting-plans th.features
{
  background-color:transparent;
  color: #02658a;
  text-align:center;
  vertical-align:middle;
  border:none;
}

table#hosting-plans tbody th
{
   color:#666666;
}

table#hosting-plans div.package-note
{
  font-size:0.8em;
  color:#666666;
}

table#hosting-plans tbody td
{
  padding:2px;
  text-align:center;
  vertical-align: middle;
  border:solid 1px #e5e5e5;
}

table#hosting-plans tbody tr.odd th
{
  background-color:#3399AA;
  color:#FFFFFF;
}

/**Miscellaneous styles
 ****************************************************/

.gridlines #page,
.gridlines #page-inner,
.gridlines #content,
.gridlines #content-inner,
.gridlines #footer,
.gridlines #navbar
{
  border:solid 1px #ccc;
  padding:1px;
}

.dashes #sidebar-left-inner,
.dashes #content-inner,
.dashes #items
{
  border:dashed 1px #ccc;
  margin-top:-10px;
}

#sidebar-left-inner,
#content-inner
{
  min-height: 360px;
  /*_height:360px;*/
  overflow:visible;
}

.night #sidebar-left-inner
{
  background-color: #444;
  color: #ddd;
  border: none;
}

.night.portfolio.dashes #sidebar-left-inner
{
  border:dashed 1px #ccc;
  background:none;
}

.night.services #sidebar-left-inner
{
  background-color: #224455;
}

.night.downloads #sidebar-left-inner
{
  background-color: #556644;
}

.night.index #sidebar-left-inner
{
  background-color: #447744;
}

.night.contact #sidebar-left-inner
{
  background-color:#96300e;
}

.night.sitemap #sidebar-left-inner
{
  background-color:#7aa53a;
}

.night #sidebar-left h1, .night #sidebar-left h2,
.night #sidebar-left h3, .night #sidebar-left h4
{
  color: #fff;
}

.night #sidebar-left a,
.night #sidebar-left a :link,
.night #sidebar-left a :visited,
.night #sidebar-left a :hover,
.night #sidebar-left a :active
{
  color: #fff;
}

.portfolio.night #sidebar-left h1, .portfolio.night #sidebar-left h2,
.portfolio.night #sidebar-left h3, .portfolio.night #sidebar-left h4
{
  color: #000;
}

.portfolio.night #sidebar-left a,
.portfolio.night #sidebar-left a :link,
.portfolio.night #sidebar-left a :visited,
.portfolio.night #sidebar-left a :hover,
.portfolio.night #sidebar-left a :active
{
  color: #666;
}

div.tooltip a
{
  color:#ff9900;
}

/**Typographic Styles
 ****************************************/
body
{
  font-family: Verdana, Helvetica, Arial;
  color: #777;
  font-size: 12px;
  line-height:160%;
}

hr
{
  border:dashed 1px #eee;  
}

h1, h2, h3, h4 {
  padding-bottom: 5px;
  margin: 10px 0;
  font-weight: normal;
  line-height: 100%;
  font-family: Cambria, Georgia, Helvetica;
}

h1 { 
  font-size: 300%;
  line-height: 150%;
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a{
  color: #000;
}

h2 {
  font-size: 200%;
  line-height: 180%;
}

h3 {
  font-size: 160%;
  line-height: 160%;
}

h3.announce
{
  font-size:300%;
  line-height:100%;
}

#logo-title h1
{
  color: #fff;
}

a {
  text-decoration: none;
  color:#688D95;
}

a:link {
  
}

a:visited {
  color:#566a64;
}

a:hover {
  
}

a:active {
  font-weight:bold;
}

a img
{
  border:none;
}

#content a
{
  background-color: #eee;
  color: #666;
  padding-bottom:1px;
  border-bottom: dashed 1px #666;
}

a.no-under
{
  background:none;
  background-color:transparent;
  border-bottom:none;
}

#content a:hover
{
  background-color: #999;
  color: #fff;
  padding-bottom:1px;
  border-bottom: dashed 1px #fff;
}

ul#links li
{
  color: #333;
}

ul#links li a
{
  color:inherit;
  /*font-size:.9em;*/
}

ul#links li:hover
{
  color:#ccc;
  background:transparent url(http://static.makrofirm.com/invent/timages/menu_hover.png) repeat scroll 0 0;
}

ul#links li a:hover
{
  background:none;
  color:#ccc;
}

ul#quick-links
{
  font-size:125%;
  font-weight:lighter;
  list-style:none;
  list-style-type:none;
}

ul#quick-links li
{
  padding-left:20px;
  margin-left:-15px;
  background:transparent url(http://static.makrofirm.com/invent/timages/star.png) no-repeat left center;
}

ul#quick-links li a:hover
{
  text-decoration:underline;
}

#content a.no-under
{
  text-decoration:none;
  border-bottom:none;
  background-color:transparent;
}

.index a.no-under img
{
  border:1px solid #CCCCCC;
}