/*-------------------------------------------------------------
Fixed Systems Computer Repair
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Version: 1.4
Date:	 February 28, 2006
-------------------------------------------------------------	*/

body {
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, Tahoma, Sans-Serif;
font-size: 11px;
line-height: 15px;
word-spacing: 2px;
color: #363636;
text-align: center;
background: url(images/bg.gif) #fff;
}

/*LAME IE HACK */
* html #main_content, * html #serv_menu {
display: inline;
}

* a {
color: red;
background: #fff;
}

* a:hover {
color: red;
background: #EDEBD5;
}

h1, h2, h3#title, hr {
display: none;
}

#content {
background: #fff;
width: 740px;
margin: 0 auto 0 auto;
text-align: left;
}

#head {
background: url(images/header.gif) no-repeat #fff;
height: 135px;
border-bottom: 1px solid #999;
}

dd#fs { 
position: relative;
top:20px;
left: -40px;
}

dd#fs a { 
position: absolute;
width: 208px; 
height: 77px;
background: none;
}

  #head ul#nav {
  margin-left: 180px;
  padding: 0;
  list-style: none;
  }

  #head #nav li{
  float:left;
  margin: 113px 15px 0 0;
  padding: 0;
  }

  #head #nav li a {
  display: block;
  text-decoration: none;
  color: #000;
  font-family: "Tahoma", "Bitstream Vera Sans", "Verdana", sans-serif;
  font-weight: bold;
  font-size: 14px;
  padding: 2px 5px 4px 5px;
  border: 1px solid #fff;
  border-bottom: none;
  }

  #head #nav li a:hover {
  color: red;
  background: #f3f3f3;
  border: 1px solid #999;
  border-bottom: none;
  }

/* BEGIN Nav Sticky Rules */

  body#home #ihome a {
  background: #f3f3f3;
  border: 1px solid #999;
  border-bottom: none;
  }

  body#serv #iserv a {
  background: #f3f3f3;
  border: 1px solid #999;
  border-bottom: none;
  }

  body#proc #iproc a {
  background: #f3f3f3;
  border: 1px solid #999;
  border-bottom: none;
  }

  body#about #iabout a {
  background: #f3f3f3;
  border: 1px solid #999;
  border-bottom: none;
  }

  body#bfaq #ifaq a {
  background: #f3f3f3;
  border: 1px solid #999;
  border-bottom: none;
  }

/* END Nav Sticky Rules */

#main_content {
clear: both;
float: left;
background: #fff;
padding: 0;
margin-left: 200px;
margin-top: 25px;
margin-bottom: 50px;
width: 540px;
}


  #main_content ul#cta {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  }
  
  * html #main_content #cta li {
  float: left ;
  width: 155px;
  height: 100%;
  padding: 3px;
  }  

  #main_content #cta li {
  float: left;
  width: 141px;
  height: 100%;
  margin-right: 15px;
  padding: 3px;
  }

  #main_content p {
  padding: 2px;
  }

#sidebar {
float: left;
width: 175px;
margin-top: -23px;
margin-left: -740px;
line-height: 14px;
word-spacing: 2px;
}

  #sidebar_top {
  border: 1px solid #999;
  border-left: none;
  background: #f3f3f3;
  padding: 5px;
  line-height: 13px;
  }

  #sidebar p {
  font-size: 10px;
  }
  
  
  #sidebar h3, #sidebar h4 {
  font-size: 1.2em;
  background: none;
  }


  #sidebar_mail {  
  border: 1px solid #999;
  border-left: none;
  background: #f3f3f3;
  padding: 5px;
  margin: 20px 0 0 0;
  }

  #sidebar img {
  margin: 50px 0 0 5px;
  }

  #sidebar_top ul {
  list-style: url(../www.stylegala.com/img/_bullets/0199_small%20old%20simple%20arrow.png);


}


/*==============================*/
/*  INFO BOXES */
/*==============================*/

#serv_info_box {
clear: both;
float: left;
width: 510px;
margin-top: 25px; 
background: #ffffcc;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
font-size: 10px;
}

.serv_info_box {
clear: both;
float: left;
width: 510px;
margin-top: 25px; 
background: #ffffcc;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
font-size: 10px;
}

/*------procedures--------*/


#procedures #info_box {
float: right;
width: 200px;
height: 100px;
background: url(images/snapshot_bg.gif) no-repeat;
margin: 0 0 25px 25px;
}



#procedures #info_box ul {
list-style: none;
margin: 38px 0 0 0;
padding: 0;
}

#procedures #info_box li {
border-bottom: 1px solid #999;
width: 90%;
margin: 0 10px 0 10px;}

#procedures #info_box a {
display: block;
text-decoration: none;
font-size: 11px;
color: #000;
margin-left: 0px;
}

#procedures #info_box a:hover {
color: red;
}

/* Another lame IE hack */
/* Keeps the distance betwen*/
/* links normal looking */

* html #info_box a {
margin: 0 0 0 0;
}

/*------about--------*/

#about #info_box {
float: left;
width: 200px;
margin: 0 25px 25px 0;
background: #f3f3f3;
border: 1px solid #999;
}


#about #info_box ul, #contact_box ul {
list-style: none;
margin: 36px 0 0 0;
padding: 0;
}

#about #info_box li, #contact_box li {
border-bottom: 1px solid #999;
width: 90%;
margin: 0 10px 0 10px;}

#about #info_box a {
display: block;
text-decoration: none;
font-size: 11px;
color: #000;
margin-left: 0px;
}

#about #info_box a:hover {
color: red;
}

#contact_box {
float: left;
width: 200px;
height: 181px;
margin: 0 25px 25px 0;
background: #f3f3f3;
border: 1px solid #999;
}

#contact_box li {
border: none;
margin: 0 0 5px 10px;
}

/*==============================*/
/*  SERVICES  */
/*==============================*/

#serv_menu {
clear: both;
float: left;
width: 510px;
margin-bottom: 25px;
}

/*LAME IE HACK */
* html #serv_menu {
display: inline;
}

#serv_menu h3{
font-size: 1.2em;
}

#serv_desc {
float: left;
width: 100%;
}


#services_section {
clear: both;
float: left;
width: 510px;;
}

.services, .faq {
float: left;
width: 100%;
border-bottom: 1px solid #999;
margin-bottom: 5px;}

.services a, .faq a {
display: block;
text-decoration: none; 
color: #000;
}

.services a:hover, .faq a:hover {
color: red;
background: #EDEBD5;
}

.services h4, .faq h4 {
font-size: 1.2em;
border-bottom: 1px dotted #999;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
}

.price {
float: left;
width: 100px;
margin: 0 10px 0 0;
}

.info {
float: left;
width: 400px;
margin: 0 0 10px 0;
}

.info p {
margin: 0;
padding: 0;
}


/*==============================*/
/* PROCEDURES */
/*==============================*/

#procedures {
width: 510px;
}

#procedures h3 {
font-size: 1em;
}

#procedures img {
margin-bottom: 20px;
}

#procedures ul#pricing1, ul#pricing2 {
float: left;
border: 1px solid #999;
margin: 0 5px 10px 0;
width: 200px;
list-style: square;
height: 110px;
}

ul#pricing2 {
background: #ffffcc;}

/*==============================*/
/*     ABOUT    */
/*==============================*/

#main_content #about {
width: 510px;
}

#main_content form {
float: right;
width: 250px;
padding: 15px;
background: #f3f3f3;
border: 1px solid #999;
}

#main_content #about p {
border-bottom: 1px solid #999;
margin-bottom: 15px;
}


/*==============================*/
/*     FAQ    */
/*==============================*/

#faq_section {
width: 510px;
}


  .faq a {
  text-decoration: none;
  font-size: 1em;
  }
 
.faq {
float: left;
}


.faq .info {
width: 500px;
}

/*==============================*/
/*     REFORMAT   */
/*==============================*/

#iformat a {
background: #EDEBD5;
}

/*==============================*/
/* FOOT */
/*==============================*/

#foot {
clear: both;
height: 30px;
background: #f3f3f3;
text-align: center;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
font-size: 9px;
}