@charset "utf-8";
/* MAC WEB SOLUTIONS */

body { font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0 0 0 0; color:#333333; line-height:1.5em}
a:link    {color:#333; text-decoration:none}
a:visited {color:#333; text-decoration:none}
a:hover   {color:#4168b3; text-decoration:underline}
a.selected {border:0}
li {list-style-image:url(img/bull.png) ; color:#333; padding-left:2px}
img {border:0px; outline:none} img a:focus{outline:none}
ul {padding-left:25px}
dd {margin-left:20px}

/* main styling */
.bdybtm {background:url(img/btnbg.jpg) repeat-x #dfdfdf; padding-top:15px; font-size:10px; color:#666}
.bdybtm .fR img {margin-top:15px;}
.bdybtm .fR {float:right;}
 .bdybtm a:link    {color:#333; text-decoration:none}
 .bdybtm a:visited {color:#333; text-decoration:none}
 .bdybtm a:hover   {color:#333333; text-decoration:underline}
.banner_bck {background:url(img/banner_bck.jpg) repeat-x; height:282px; padding:5px}
.dotshor    {background:url(img/dots2.jpg) repeat-x; height:2px;}
.dotsver    {background:url(img/dots.jpg) repeat-y; width:10px;}
.side_main  {background:#dfdfdf; width:214px;}
.side_btm   {background:url(img/side_btm.jpg) no-repeat; width:214px; height:10px}
.imgp       {padding-right:0px}
.testbox    {float:left; background:url(img/testbox.png) no-repeat; width:210px; height:262px;}
.testbox2   {width:175px; padding-top:70px; padding-left:14px; color:#fff}
.img        {padding-right:3px}
.img2      {padding-right:10px}
.infobox  {border:1px solid #CCC; background:#dfdfdf; padding:3px}
.infobox:hover {background:#dadada}
.load {background:url(img/load.gif) no-repeat center}

/* twitter */
.twit{margin-bottom:0px; display:block; position:relative; float:none; visibility:visible; width:39px; left:387px; top:-5px; padding:0; height:auto;
}

/* portfolio */
#portfolio td {border-bottom:1px #CCC dashed ; padding-top:20px; padding-bottom:20px}
#portfolio td img {background:url(img/load.gif) no-repeat center}

/* services */
#services td {border:2px #fff solid; background:#f7f7f7; padding-top:20px; padding-bottom:20px; padding:5px; width:130px; text-align:center}
#services td:hover { background:#dfdfdf; cursor:default;}
#services p{ height:170px}

#services3 td {border:2px #fff solid; background:#f7f7f7; padding-top:20px; padding-bottom:20px; padding:5px; width:180px; text-align:center}
#services3 td:hover { background:#dfdfdf; cursor:default;}
#services3 p{ height:170px}

.services  { cursor: pointer; padding: 5px;  width:560px; background: #dfdfdf; font-size:11px; color:#333; font-weight:bold; border:1px #CCC dashed; margin-bottom:1px; margin-top:1px}
.services:hover { background: #cccccc; color:#000}
.services2 { display:none; background:#FFF; color:#FFF; border:1px dashed #dfdfdf; border-bottom:0px; width:560px; padding:4px;}
.servicesexp{height:450px; width:560px; padding:4px; border:1px solid #dfdfdf;}

/* txt */
.heading { font-family:Arial; font-size:18px; color:#0066ff; font-style:italic; font-weight:bold; line-height:2em}

/* form */
.login {border:1px solid #999; background:#FFF; color:#333; font-family:Verdana; font-size:10px; padding:3px; width:150px}
.form {border:1px solid #999; background:#FFF; color:#999999; font-family:Verdana; font-size:10px; padding:3px;}
.form:focus {border:1px solid #333; background:#dfdfdf; color:#333; font-family:Verdana; font-size:10px; padding:3px;}
.formoff {border:1px #FFF solid; background:#FFF; padding:0px;}
.formoff:focus {border:1px #FFF solid; background:#fff;}
#form input {border:1px solid #999; background:#FFF; color:#999999; font-family:Verdana; font-size:10px; padding:3px;}
#form input:focus {border:1px solid #333; background:#dfdfdf; color:#333; font-family:Verdana; font-size:10px; padding:3px;}
#form textarea {border:1px solid #999; background:#FFF; color:#999999; font-family:Verdana; font-size:10px; padding:3px;}
#form textarea:focus {border:1px solid #333; background:#dfdfdf; color:#333; font-family:Verdana; font-size:10px; padding:3px;}

.yes {color:#060; text-transform:uppercase; font-weight:bold; margin-bottom:100px}
.yes a:link {color:#060; text-transform:none} .yes a:hover {color:#060; text-transform:none} .yes a:visited {color:#060; text-transform:none}
.no {color:#900; text-transform:uppercase; font-weight:bold}
.no a:link {color:#900; text-transform:none} .no a:hover {color:#900; text-transform:none} .no a:visited {color:#900; text-transform:none}

/* SCRIPTS */
  /* carousel */
  .stepcarousel           {position: relative; overflow: scroll; width: 180px; height: 170px; color:#FFF}
  .stepcarousel2 a:link    {color:#FFF; text-decoration:none;}
  .stepcarousel2 a:visited {color:#FFF; text-decoration:none}
  .stepcarousel2 a:hover   {color:#FFF; text-decoration:none}
  .stepcarousel .belt{position: absolute; left: 0; top: 0;}
  .stepcarousel .panel{float: left; overflow: hidden; margin: 10px; width: 170px; text-transform:capitalize}
  .stepcarousel .panel a    { text-transform:lowercase}
  .stepcarousel .panel a:link{ color:#FFF; text-decoration:none}
  .stepcarousel .panel a:visited{ color:#FFF; text-decoration:none}
  .stepcarousel .panel a:hover{ color:#FFF; text-decoration:underline}
  
  /* news slider */
  .news{ cursor: pointer; text-transform:capitalize; padding: 5px; border: 1px solid gray; width:560px; background: #dfdfdf; font-size:11px; color:#333;}
  .news:hover{ background: #cccccc; color:#000}
  .openpet{ background: #cccccc ; color:#000;}
  .thepet  {height:140px; text-transform:capitalize; border-bottom:1px dashed #CCC}
  
  /* rss */
  .titlefield{text-decoration: none; font-weight:bold;}
  .datefield{color:gray; font-size: 90%;} code{color: red;}
  .rsssize {width:178px}
  
  /* view */
  #facebox {position: absolute; width: 100%; top: 0; left: 0; z-index: 100; text-align: left;}
  #facebox .popup {position: relative; top:0px ;}
  #facebox table {margin: auto; border-collapse: collapse; }
  #facebox .body {border:4px solid #cccccc;}
  #facebox .content {padding: 10px; background:url(img/facebox/bck.png); width: 600px; border:3px dashed #333;}
  #facebox .loading, .image { text-align: center;}
  #facebox img {border: 0;}
  #facebox .footer {border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right;}
  #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 0px; width: 0px; overflow: hidden; padding: 0;  }
  
   /* slider */
   indentmenu {font: bold 13px Arial; width: 100%;}
   .indentmenu ul{margin: 0; padding: 0; float: left; color:#333; background: #FFF; }
   .indentmenu ul li{display: inline; padding-right:5px;}
   .indentmenu ul li a{float: left; color: #333; padding: 5px 11px; text-decoration: none; border: 1px solid #dfdfdf; border-bottom:0px;}
   .indentmenu ul li a:visited{color: #000;}
   .indentmenu ul li a.selected{color: #000 !important; padding-top: 6px; padding-bottom: 4px; background: #f2f2f2;}
   .tabcontentstyle{ width: 580px; margin-bottom: 1em; padding: 10px;}
   .tabcontent{display:none;}
   @media print {.tabcontent { display:block !important;}}