/* CSS Document */
body{
font-family:"Trebuchet MS", Arial, Helvetica, Sans-serif;
font-size:14px;
color:#000000;
background-color:#FFFFFF;
background-image:url(../images/bluefade.gif);
background-repeat:repeat-x;
background-position:top;
}

img{
border:none;
}

#wrapper{
background-color:transparent;
width:760px;
height:100%;
margin-left:auto;
margin-right:auto;
}

#header{
height:80px;
float:left;
margin-bottom:20px;
clear:both;
}

#header #logo{
width:265px;
height:80px;
float:left;
}

#header #slogan{
float:right;
width:495px;
height:70px;
text-align:center;
padding-top:10px;
}

#nav{
float:left;
border:none;
height:100%;
width:155px; 
}

/*Main Menu Style*/
#primarynavigation{
width:165px;
padding:0px;
margin:0 0 15px 0;
font:12px verdana, sans-serif;
color:gray;
}

#primarynavigation li{
list-style:none;
margin:0px;
border-bottom:1px gray dotted;
text-align:left;
}

#primarynavigation ul{
margin:0;
padding:0;
}

#primarynavigation ul ul{
margin-left:10px;
}

#primarynavigation ul ul li{
width:155px;
border-bottom:none;
}

#primarynavigation li a{
display:block;
padding:0.7em 0.5em 0.7em 0.8em;
text-decoration:none;
}

#primarynavigation li a:link{
color:#333;
}

#primarynavigation li a:visited{
color:#333;
}

#primarynavigation li a:hover,
#primarynavigation li a.current{
background:#f1f1f1;
border-left:4px solid;
text-indent:-4px;
}

#primarynavigation li a.current{
font-weight:bold;
}

#primarynavigation #home{
border-left-color:#F25531;
}

#primarynavigation #computers{
border-left-color:#31A5F2;
}

#primarynavigation #hardware{
border-left-color:#57F231;
}

#primarynavigation #software{
border-left-color:#B79DFF;
}

#primarynavigation #repairs{
border-left-color:#A96522;
}

#primarynavigation #information{
border-left-color:#00248F;
}

#primarynavigation #contact{
border-left-color:#007F3E;
}

#primarynavigation #terms{
border-left-color:#000000;
}

#primarynavigation #warranty{
border-left-color:#CC00FF;
}
/*End Main Menu Style*/

#main{
width:580px;
border:none;
float:right;
}

#main h1{
margin-bottom:20px;
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#A1917F;
line-height:18px;
text-transform:uppercase;
}

#main h2{
margin-bottom:10px;
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#A1917F;
text-transform:uppercase;
}

#main .header{
background-color:#E3DED8;
}

#main a:link, a:visited{
text-decoration:underline;
color:#000000;
}

#main a:hover{
text-decoration:underline;
color:#000000;
}

.whiteout{
padding-right:10px;
background-color:#FFFFFF;
}

#footer{
text-align:center;
font-size:10px;
padding-top:20px;
clear:both;
}

/*Shadow Styles*/
.out {
display:block; 
background:#bbb; 
position:relative;
margin:1em 0;
margin-left:auto;
margin-right:auto;
margin-top:110px;
}

.in {
background:#FFFFFF; 
border:1px solid #555; 
position:relative; 
padding:5px;
font-weight:normal;
background-position:bottom right;
background-repeat:no-repeat;
}

.ltin {
left:-5px;
}

.tpin {
top:-5px;
}

.narrow {
width:780px;;
}
/*End Shadow Styles*/