/* Universal Selector margin/padding Reset */
* { margin:0; padding:0; }

body {
  background:#F0F0F0 url(images/body-bg.jpg) repeat-x 0 0;
  font: 13px/22px Trebuchet MS, Verdana, Tahoma, Arial;
}

p {color:#333; padding:0; margin:10px 0 10px 0px;}

#liveChatForum {list-style: none; margin-right: auto; text-align: right;}
#liveChatForum ul {display:block; padding: 10px 0px 10px 10px;  margin-right: 30px; float:right; list-style:none;}
#liveChatForum li {display: inline; margin-right: 2px; margin-left: 0px; padding-right:2px;}

  #liveChatLink, #liveChatLink:link, #liveChatLink:visited, #liveChatLink:hover{
	position: relative;
	padding: 10px 10px 4px 10px;
	padding-top: 1px;
	margin-top: 1px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
  }

  #liveChatLink, #liveChatLink:link, #liveChatLink:visited {
	padding-bottom: 2px;
	border-bottom: 0px solid #999;
	border-top: 1px;
	border-left: 1px solid #bbb;
	background: #BBB;
	color: #000;
  }

  #liveChatLink:hover {
	padding-bottom: 1px;
	border-top: 0px solid #ddd;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #ddd;
        color: #3465A4;
  }

#container {width:1080px; margin:0 auto;}

/*------------------------------
= HEADDER
------------------------------*/
  /* MenuForum: The main menu,*/
  #MenuForum {list-style: none; padding: 0px; margin-left: auto; margin-right: auto; text-align: left;}
  #MenuForum h1 {display:block; float:left; width:269px; height:125px; text-indent:-9999px;} 
  #MenuForum h1 a {display: block; width: 100%; height: 100%; background:url(images/logo.gif) no-repeat 0 0; outline: none;}

  #MacRepair {
	background: #888a85;
	border:solid 1px #606060;
	margin: 16px 0px 0px 0px;

	background:-moz-linear-gradient(0% 100% 90deg, #babdb6, #d3d7cf);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d7cf), to(#babdb6));

	box-shadow: inset 0 1px 0 0 #D0D0D0;
	-moz-box-shadow: inset 0 1px 0 0 #C9C9C9;
	-webkit-box-shadow: inset 0 1px 0 0 #C9C9C9;

	border-radius: 8px 8px;
	-moz-border-radius: 8px 8px;
	-webkit-border-radius: 8px 8px;
	padding: 2px 2px 2px 2px;
	float:left;
  }
  #MacRepair img {
    border: 0px;
    margin: 0px;
    padding: 0px;
  }
  #MacRepairTxt {
    color: #E70000;
  }

  /*#MenuForum ul {display:block; padding: 10px 0px 0px 10px; margin-top: 42px; float:left; list-style:none;}
  #MenuForum li {display: inline; margin-right: 2px; margin-left: 0px; padding-right:2px;}

  .TabOn, .TabOn:link, .TabOn:visited, .TabOn:hover,
  .TabOff, .TabOff:link, .TabOff:visited, .TabOff:hover {
	position: relative;
	padding: 10px;
	padding-top: 4px;
	margin-top: 10px;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
  }

  .TabOn, .TabOn:link, .TabOn:visited, .TabOn:hover {
	padding-bottom: 2px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 2px solid #F0F0F0;
	font-weight: bold;
	background: #F0F0F0;
	color: #f57900;
  }

  .TabOff, .TabOff:link, .TabOff:visited {
	padding-bottom: 2px;
	border-bottom: 0px solid #999;
	border-top: 1px;
	border-left: 1px solid #bbb;
	background: #BBB;
	color: #000;
  }

  .TabOff:hover {
	padding-bottom: 1px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 2px solid #ddd;
	background: #ddd;
        color: #3465A4;
  }
  */

  ul.cssTabs {
      background: #848383;
      border:solid 1px #606060;
      padding: 0px 5px;
      float: right;
      width: 648px;
      margin:29px 2px 2px 2px;
      font-size:16px;
      font-weight:bold;

      background:-moz-linear-gradient(0% 100% 90deg, #9a9a9a, #737373);
      background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#737373), to(#9a9a9a));

      box-shadow: inset 0 1px 0 0 #dfdfdf;
      -moz-box-shadow: inset 0 1px 0 0 #dfdfdf;
      -webkit-box-shadow: inset 0 1px 0 0 #dfdfdf;

      border-radius: 8px 8px;
      -moz-border-radius: 8px 8px;
      -webkit-border-radius: 8px 8px;
  }

  ul.cssTabs > li a, ul.cssTabs > li a:link, ul.cssTabs > li a:visited {
      color: #000;
  }
  ul.cssTabs > li a:hover {
      color: #225296;
  }
  ul.cssTabs > li.active a, ul.cssTabs > li.active a:link{
      color: #B35000;
  }
  ul.cssTabs > li.active a:hover {
      color: #C65800;
  }

  ul.cssTabs > li {
      background:#989898;
      color:#3a3a3a;
      border:solid 1px #606060;	
      border-bottom:0;	
      display: inline-block;
      margin: 10px 1px -1px;
      padding: 8px 14px;

      background:-moz-linear-gradient(0% 100% 90deg,#505050, #B5B5B5);
      background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#B5B5B5), to(#505050));

      box-shadow: inset 0 1px 0 0 #dfdfdf;
      -moz-box-shadow: inset 0 1px 0 0 #dfdfdf;
      -webkit-box-shadow: inset 0 1px 0 0 #dfdfdf;
  }
  
    ul.cssTabs > li.active a:link {
      text-decoration: none;
  }

  ul.cssTabs > li.active {
      background: #B5B5B5;

      background:-moz-linear-gradient(0% 100% 90deg,#737373, #d1d1d1) !important;
      background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d1d1), to(#737373)) !important;

      box-shadow: inset 0 1px 0 0 #fff;
      -moz-box-shadow: inset 0 1px 0 0 #fff;
      -webkit-box-shadow: inset 0 1px 0 0 #fff;
      text-shadow: none;
      text-decoration: none;
  }
  ul.cssTabs > li:hover {
      background:#ededed;

      background:-moz-linear-gradient(0% 100% 90deg,#737373, #d1d1d1) !important;
      background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d1d1), to(#737373)) !important;

      box-shadow: inset 0 1px 0 0 #fff;
      -moz-box-shadow: inset 0 1px 0 0 #fff;
      -webkit-box-shadow: inset 0 1px 0 0 #fff;
  }

  #ourWork {
      margin: 8px 2px 2px 2px;
      padding: 2px 2px 2px 2px;
      float: right;
      display: inline-block;
      ackground:-moz-linear-gradient(0% 100% 90deg, #9a9a9a, #737373);
      background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#737373), to(#9a9a9a));

      box-shadow: inset 0 1px 0 0 #dfdfdf;
      -moz-box-shadow: inset 0 1px 0 0 #dfdfdf;
      -webkit-box-shadow: inset 0 1px 0 0 #dfdfdf;

      border-radius: 8px 8px;
      -moz-border-radius: 8px 8px;
      -webkit-border-radius: 8px 8px;
  }
  #ourWork-txt {
      font-weight: bold;
  }


/*------------------------------
= MAIN EXTRA Above Page Content
------------------------------*/
#featured-area {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  clear:both;
  height:216px;
  background:url(images/bg-featured.jpg) no-repeat 0 0;
  background-position: center;
}
#description {
  width:455px;
  margin:55px 0 55px 20px;
  float:left;
}
#description p {
  color:#fff;
}

#preview {width:445px; margin:55px 20px 55px 0;float:right;}


/*------------------------------
= MAIN SECTION
------------------------------*/
#main-content {
  width:100%;
  display: table;
  clear:both;
}
#main-content a, a:link, a:visited { color: #3465A4; text-decoration: underline; }
#main-content a:hover { color: #4B6DB7; text-decoration: underline; }

/*------------------------------
=------------->LEFT-COLUMN
------------------------------*/
    #left-column {
	display: table-cell;
	width: 180px;
        padding-right: 14px;
        padding-bottom: 16px;
	background: url(images/sidebar_background_left.png) top right;
    }

/*------------------------------
=------------->MAIN-CONTENT
------------------------------*/
    #mainContent {
      display: table-cell;
      width: 100%;
      padding-right: 18px;
      padding-left: 18px;
    }
    
    #content-section {
      border-top: 1px solid #d7d7d7;
    }
      #content-section img.floatRight {
        float: right;
	-webkit-box-shadow: 3px 3px 7px #777;
        margin:20px 0px 10px 20px;
      }

      #content-section img.floatLeft {
        float: left;
	-webkit-box-shadow: 0px 3px 7px #777;
        margin:20px 18px 10px auto;
        display:block;
      }
    
      #content-section ul {
        padding-left: 20px;
      }

/*------------------------------
=----------->LEFT-COLUMN
------------------------------*/
    #left-column {
      display: table-cell;
      width: 180px;
      padding-bottom: 16px;
      padding-left: 4px;
      background: url(images/sidebar_background_left.png) top right;
    }
      #left-column-section {
        margin: 20px 0 0 10px;
        width: 180px;
        padding: 0px 11px;
        background: url(images/sidebar_section_background.png) repeat-x;
        /* Border-radius not implemented yet */
        -moz-border-radius: 11px;
        -webkit-border-radius: 11px;
      }
      #left-column-section ul {margin: 0 0 0 8px; list-style: none;}
      #left-column-section ul li a {color: #000;}


/*------------------------------
=----------->RIGHT-COLUMN
------------------------------*/
    #right-column {
	display: table-cell;
	width: 180px;
        padding-bottom: 16px;
	padding-left: 4px;
	background: url(images/sidebar_background.png) top left;
    }
      #right-column-section {
        width: 200px; 
        margin: 20px 0 0 10px;
        padding: 0px 11px;
        background: url(images/sidebar_section_background.png) repeat-x;
        /* Border-radius not implemented yet */
        -moz-border-radius: 11px;
        -webkit-border-radius: 11px;
      }
      #right-column-section ul {margin: 0 0 0 8px; list-style: none;}
      #right-column-section ul li a {color: #000;}


/*------------------------------
= PAGE BODY FONT-FORMATING styles
------------------------------*/

  #content-title {
    font-size: 18px;
    color: #ce5c00;
    line-height: 22px;
    padding: 11px 0;
  }
  
  #content-section ol li {
    margin: 0px 10px 5px 10px;
  }

  #block-left {
    float: left;
    display: block;
  }

  #block-right {
    float: right;
    display: block;
  }

  #features {display: table; width: 96%; margin-left: auto; margin-right: auto; padding: 48px 20px 40px 20px;}
  #features #personal {display: table-cell; width: 50%; padding-left: 6px; padding-right: 20px;}
  #features #buisness {display: table-cell; width: 50%; padding-left: 20px; padding-right: 14px;}


/*------------------------------
=FOOTER
------------------------------*/
#footer {
  clear:both;
  background-color:#222;
}

#footer center {color: #d3d7cf; font-weight: bold;}

#footer div {display: table; margin-left: auto; margin-right: auto; padding: 6px 0; color: #777;}
#footer div #certs {display:table-cell; padding-right: 20px;}
#footer div #proudlyServ {display:table-cell; padding-right: 20px; width: 380px;}
#footer div #popularsoft {display:table-cell;}
#footer h3 {color: #FFF;}
#footer div #certs, #popularsoft a {color: #999;}
#footer div a:hover {color: #FFF; text-decoration: none;}
#footer div ul {margin-left: 28px;list-style: square; color: #565656;}
#footer div ul li a {display: block;}

.footer_locations z:hover {
    color: #FFF; text-decoration: none;
}