/*
*
*  INSTYLE IT - Style sheet
*  http://www.instyleit.com.au - Australian Web Hosting and Design
*  
*/

html {
  margin: 0px !important;
  padding: 0px !important;
} 
body {
   font-family: verdana, arial, sans-serif;
   font-size: 12px;
   background: white;
   margin: 0px !important;
   padding: 0px;
   color: #595959;
}
h1 {
   font-size: 18px;
   color: #FFAF00;
   margin: 0;
   padding: 0;
   padding-top: 7px;
   padding-bottom: 10px;
   text-align: left;
}
h2 {
   font-size: 16px;
   color: #FFAF00;
   margin: 0;
   padding: 0;
   text-align: left;
}
h3 {
   font-size: 14px;
   color: #595959;
   margin: 0;
   padding: 0;
   text-align: left;
}

form {
   display: inline;
}
td {
   font-family: verdana, arial, sans-serif;
   font-size: 12px;
}

p {

}
#webcircle
{
height:20px;
padding-top:8px;
padding-bottom:6px;
padding-left:19px;
}
.headerTable {

}
.headerSlogan {
   height: 40px;
   padding-left: 205px;
}
.headerRight {
   background: #595959 url(/image/bannerDots.gif) top left no-repeat;
   overflow: hidden;
}

#leftCol {
   height: 100%;
   margin: 0;
   padding: 0;
   padding-top: 7px;
}
#leftCol UL {
   margin: 0;
   padding: 0;
   list-style-type: none;
}
#leftCol a,
#leftCol a:visited {
   font-weight: bold;
   text-decoration: none;
   display: block;
   height: 15px;
   padding-left: 15px;
   padding-bottom: 3px;
   background: #FFFFFF url(/image/subNavBullet.gif) center left no-repeat;
}
#leftCol a:hover {
   text-decoration: underline;
   background: #FFFFFF url(/image/subNavBulletOver.gif) center left no-repeat;
}
#leftCol a.active {
   background: #FFFFFF url(/image/subNavBulletOver.gif) center left no-repeat;
   color: #595959;
}
#leftCol .topPadding {
   height: 10px;
}

#pageBody {
   padding-left: 7px;
   padding-right: 7px;
}

.menuHolder {
    width: 163px;
    height: 180px;
    background-color: #595959;
}

a {
   color: #FFAF00;
   text-decoration: underline
}
a:visited {
   color: #FFAF00;
   text-decoration: underline
}
a:hover {
   color: #595959;
   text-decoration: none
}



#footerCopy {
   margin-left: 182px;
   margin-top: 20px;
}
#footerCopy a {
   color: #8B8B8B;
   text-decoration: none;
}
#footerCopy a:visited {
   text-decoration: none;
}
#footerCopy a:hover {
   text-decoration: underline;
}

#footerCopy .footerLeft {
    float: left;
    height: 29px;
    width: 7px;
    background-color: #8B8B8B;
}
#footerCopy .footerRight {
   background-color: #DEDEDE;
   color: #8B8B8B;
   padding: 8px 0px 8px 15px;

}



.floatRight {
  float: right;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 5px;
  margin-left: 10px;
}
.floatLeft {
  float: left;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-left: 0;
}

.border1 {
  border: black solid 1px;
}
.strong {
  font-weight: bold;
}

.requiredStar {
  color: #FFAF00;
  vertical-align: sup;
}
.contactField {
  font-weight: bold;
  text-align: right;
  width: 120px;
}
.paymentField {
  font-weight: bold;
  text-align: right;
  width: 140px;
}

/****** Macromedia style buttons ********/
.btn {
    background: #fefefe url(/image/buttonBG.gif) repeat-x;
    border: 3px double;
    border-color: #CDCDCD #CDCDCD #CDCDCD #CDCDCD;
}
.btn:hover,
.btn:focus {
    border: 3px double;
    border-color: #595959 #595959 #595959 #595959;
}

input.btn {
    cursor: pointer !important;
    cursor: hand;
}
/*********************/

.planTableHeader {
  border-bottom: #FFAF00 dotted 1px;
  color: #595959;
  font-weight: bold;
}
.planTablePlan {
  font-weight: bold;
  padding-right: 5px;
  border-bottom: #595959 dotted 1px;
}
.planTableText {
  border-bottom: #595959 dotted 1px;
  padding: 10px;
}
.orderTextDetails {
   font-weight: bold;
   text-align: right;
}
#faq a,
#faq a:visited {
   text-decoration: none;
}
#faq a:hover {
   text-decoration: underline;
}
#faq li {
   padding-bottom: 3px;
}
.paymentSmall {
   font-size: 10px;
}
.problems {
   border: 1px solid #FFAF00;
   background: #FFEEC9;
   font-size: 11px;
   width: 80%;
   margin: 10px;
   padding: 10px;
}
.jobDate {
   color: #AAAAAA;
   font-weight: bold;
}
.tutorial img {
   border: 3px double #AAAAAA;
   margin-bottom: 10px;
}
#clientProj img {
   border: 1px solid #cccccc;
}
#clientProj td {
   text-align: center;
}
.projLink {
   padding: 5px 0 5px 0;
}
#recentProject {
   float: right;
   margin-left: 10px;
   margin-bottom: 10px;
   font-weight: bold;
   text-align: center;
   border: 1px solid #CDCDCD;
}
#recentProject h2 {
   background-color: #F6AC1E;
   color: #ffffff;
   text-align: center;
   padding: 5px;
   margin-bottom: 2px;
}