/* 

Laptop Repair
CSS Document

Coded by: Kefan Xie
xiekefan@gmail.com 

*/

html{
 height: 100%;
}

body{
 margin: 0;
 height: 100%;
 font: normal 1em verdana;
}

p{
 margin: 0;
}

#wrap{
 width: 730px;
 min-height: 100%; /* Mozilla Hack */
 height: auto; /* Mozilla Hack */
 margin: auto;
 border: 1px solid #d9d9d9;
 border-width: 0 1px;
 background: url(../images/body_bg.gif) repeat-y;
}

* html #wrap{height:100%;} /* IE Hack */

#white{
 width: 730px;
 height: 12px;
 margin: 0;
 padding: 0;
 background: white;
}

/* right side */

#right_wrap{
 float: right;
 width: 517px;
 padding-left: 5px;
}

#right_wrap ul{
 width: 515px;
 height: 33px;
 margin: 0;
 padding: 0;
 font: bold 14px tahoma;
 color: #888888;
 border: 1px solid #d9d9d9;
 background: url(../images/nav_bg.gif) repeat-x;
}

#right_wrap ul li{
 display: inline;
}

#right_wrap ul li a{
 padding: 0 6px;
 line-height: 32px;
 text-decoration: none;
 color: #888888;
 background: url(../images/nav_bar.gif) no-repeat right;
}

#lastli{
 background-image: none !important;
}

#banner{
 position: relative;
 width: 517px;
 height: 163px;
 background: url(../images/banner.gif) no-repeat;
}

#banner p{
 position: absolute;
 right: 10px;
 bottom: 3px;
 font: bold 70% verdana;
}

#banner p a{
 color: #737373;
}

#main_content{
 width: 506px;
 margin-top: 12px;
 background: url(../images/main_heading.gif) no-repeat;
}

#main_text{
 padding: 10px 10px 0;
 font: normal 80% verdana;
 border: 1px solid #c5c5c5;
 border-width: 0 1px 0;
 background: #f2f2f2;
}

#main_heading{
 height: 23px;
 padding-left: 10px;
 font: bold 70% verdana;
 line-height: 22px;
 border-bottom: 1px dashed #c5c5c5;
}

#main_footer{
 width: 506px;
 height: 15px;
 margin-bottom: 12px;
 background: url(../images/main_footer.gif) no-repeat;
}

/* left side */

#left_wrap{
 width: 198px;
}

#logo{
 position: relative;
 width: 198px;
 height: 160px;
 background: url(../images/logo.gif) no-repeat;
}

#logo p{
 position: absolute;
 left: 3px;
 bottom: 18px;
 color: #737373;
 font: bold 70% arial;
 letter-spacing: -1px;
}

#left_wrap ul{
 margin: 0;
 padding: 0;
 font: normal 80% verdana;
}

#left_wrap ul li{
 list-style-type: none;
 height: 22px;
 line-height: 20px;
}

#left_wrap ul li a{
 display: block;
 height: 22px;
 padding-left: 10px;
 line-height: 20px;
 color: black;
 text-decoration: none;
 border: 1px solid #c5c5c5;
 border-style: dashed solid solid;
 border-width: 1px 1px 0 0;
 background: #f8f8f8;
}

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

#leftnav_top{
 font-weight: bold;
 border:none !important;
 background: url(../images/leftnav_top.gif) no-repeat !important;
}

#leftnav_middle{
 font-weight: bold;
 border:none !important;
 background: url(../images/leftnav_middle.gif) no-repeat !important;
}

.alternateli{
 background: #f2f2f2 !important;
}

.clearfix{
 clear: both;
}